/* ============================================================
43-accordion-tiles.css  –  v4 · Shared Accordion Architecture
Gemeinsame Styles für:test1,test2 (und weitere)
120Hz-stabiles Accordion · Zero Layout Thrash
Ophyr Signature Easing · Cinematische Choreografie

ARCHITEKTUR:.accordion-tiles-page Body-Klasse
statt seitenspezifischer Selektoren → Zero Duplizierung
============================================================ */

.accordion-tiles-page .legal-editorial-blockquote{border-left:2px solid var(--gold,#c4a169);padding-left:clamp(1.2rem,3vw,1.8rem);margin:clamp(1.5rem,4vw,2.5rem) auto clamp(1rem,3vw,1.5rem);max-width:52rem}.accordion-tiles-page .legal-editorial-blockquote p{font-family:var(--font-primary);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600;line-height:1.65;color:rgba(0,0,0,0.82);margin:0;letter-spacing:0.01em}.accordion-tiles-page[data-page="legal"] .legal-tile.centered{--ease-ophyr-open:cubic-bezier(0.22,0.61,0.36,1);--ease-ophyr-close:cubic-bezier(0.55,0,0.1,1);--ease-ophyr-silk:cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;position:relative;padding:var(--tile-pad-top) clamp(1.2rem,3vw,2.5rem);min-height:0;transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.accordion-tiles-page[data-page="legal"] .tile-number{position:relative;z-index:3;flex-shrink:0;min-width:2.5rem;font-family:var(--font-accent);font-size:var(--fs-tile-number);font-weight:200;color:var(--gold);letter-spacing:0.06em;line-height:1;opacity:0.4;text-align:left;transition:opacity 0.7s var(--ease-ophyr-silk),color 0.7s var(--ease-ophyr-silk),text-shadow 0.8s var(--ease-ophyr-silk)}.accordion-tiles-page[data-page="legal"] .legal-tile h3,.accordion-tiles-page[data-page="legal"] .legal-tile.centered:hover h3,.accordion-tiles-page[data-page="legal"] .legal-tile.centered.is-expanded h3{position:static;left:auto;right:auto;top:auto;transform:none;flex:1;text-align:center;margin:0;padding:0;font-size:var(--fs-tile-title);font-weight:600;letter-spacing:0.18em;line-height:1.4;opacity:0.75;z-index:2;hyphens:none;overflow-wrap:break-word;word-break:normal;pointer-events:auto;transition:opacity 0.6s var(--ease-ophyr-open)}.accordion-tiles-page[data-page="legal"] .legal-tile.centered:hover h3{opacity:1}.accordion-tiles-page[data-page="legal"] .legal-tile.centered.is-expanded h3{opacity:1}.accordion-tiles-page[data-page="legal"] .legal-tile .tile-chevron{order:3;flex-shrink:0;min-width:1.5rem;min-height:1.5rem;width:1.5rem;height:1.5rem;margin:0 0 0 auto;padding:0;color:var(--gold);opacity:0.55;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;transition:color 0.6s var(--ease-ophyr-silk),opacity 0.6s var(--ease-ophyr-silk)}.accordion-tiles-page[data-page="legal"] .legal-tile .tile-chevron svg{width:1.4rem;height:1.4rem;transform:rotate(0deg) translate3d(0,0,0);transition:transform 0.7s cubic-bezier(0.34,1.56,0.64,1)}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .tile-chevron svg{transform:rotate(180deg) translate3d(0,0,0)}.accordion-tiles-page[data-page="legal"] .legal-tile.centered:hover .tile-chevron{color:var(--gold);opacity:0.85}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .tile-chevron{opacity:1;color:var(--gold-dark)}.accordion-tiles-page[data-page="legal"] .wirkung-accordion{order:4;width:100%;flex-basis:100%;border-top:none;margin-top:0;position:relative;transition:margin-top 0.8s var(--ease-ophyr-silk)}.accordion-tiles-page[data-page="legal"] .wirkung-accordion::after{display:none}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion{margin-top:clamp(1.2rem,2vw,1.8rem)}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.8s var(--ease-ophyr-open)}.accordion-tiles-page[data-page="legal"] .legal-tile:not(.is-expanded) .wirkung-accordion-content{transition:max-height 0.6s var(--ease-ophyr-close)}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner{opacity:0;transform:translate3d(0,0.8rem,0) scale(0.997);transition:opacity 0.6s var(--ease-ophyr-open) 0.1s,transform 0.6s var(--ease-ophyr-open) 0.1s}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner{opacity:1;transform:translate3d(0,0,0) scale(1);padding-top:clamp(1.5rem,2.5vw,2rem);padding-bottom:clamp(1rem,2vw,1.5rem)}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(1){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.15s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(2){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.24s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(3){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.33s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(4){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.42s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(5){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.51s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(6){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.58s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(7){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.64s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(8){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.70s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(9){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.75s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(10){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.80s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(n+11){animation:ophyr-liquid-reveal 0.45s var(--ease-ophyr-open) 0.85s both}.accordion-tiles-page[data-page="legal"] .legal-tile.is-closing .wirkung-accordion-inner > *:last-child{animation:ophyr-fade-out 0.25s ease forwards 0s}.accordion-tiles-page[data-page="legal"] .legal-tile.is-closing .wirkung-accordion-inner > *:nth-last-child(2){animation:ophyr-fade-out 0.25s ease forwards 0.05s}.accordion-tiles-page[data-page="legal"] .legal-tile.is-closing .wirkung-accordion-inner > *:nth-last-child(3){animation:ophyr-fade-out 0.25s ease forwards 0.10s}.accordion-tiles-page[data-page="legal"] .legal-tile.is-closing .wirkung-accordion-inner > *:nth-last-child(n+4){animation:ophyr-fade-out 0.25s ease forwards 0.14s}.accordion-tiles-page[data-page="legal"] .legal-tile.centered.is-expanded{border-left-color:var(--gold);border-color:rgba(196,161,105,0.22);box-shadow:0 4px 16px -4px rgba(0,0,0,0.08),0 2px 6px -2px rgba(0,0,0,0.04)}.accordion-tiles-page[data-page="legal"] .legal-tile.centered.is-expanded .tile-number{opacity:0.7;color:var(--gold-dark);text-shadow:0 0 1.5rem rgba(196,161,105,0.12)}.accordion-tiles-page[data-page="legal"] .legal-grid:has(.is-expanded) .legal-tile:not(.is-expanded){opacity:0.85;transition:opacity 0.8s var(--ease-ophyr-silk)}.accordion-tiles-page[data-page="legal"] .legal-grid:has(.is-expanded) .legal-tile:not(.is-expanded):hover{opacity:1}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner h4::before{transform-origin:top;transform:scaleY(0);animation:ophyr-gold-bar-grow 0.6s var(--ease-ophyr-silk) both}.accordion-tiles-page[data-page="legal"] .is-expanded .wirkung-accordion-inner h4:nth-of-type(1)::before{animation-delay:0.4s}.accordion-tiles-page[data-page="legal"] .is-expanded .wirkung-accordion-inner h4:nth-of-type(2)::before{animation-delay:0.6s}.accordion-tiles-page[data-page="legal"] .is-expanded .wirkung-accordion-inner h4:nth-of-type(3)::before{animation-delay:0.8s}.accordion-tiles-page[data-page="legal"] .is-expanded .wirkung-accordion-inner h4:nth-of-type(4)::before{animation-delay:1.0s}.accordion-tiles-page[data-page="legal"] .is-expanded .wirkung-accordion-inner h4:nth-of-type(5)::before{animation-delay:1.2s}@keyframes ophyr-liquid-reveal{0%{opacity:0;transform:translate3d(0,0.8rem,0) scale(0.997)}60%{opacity:0.85}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes ophyr-fade-out{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,-0.3rem,0)}}@keyframes ophyr-gold-bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:47.99rem){.accordion-tiles-page[data-page="legal"] .legal-tile.centered{display:flex;grid-template-columns:none;contain:layout style}.accordion-tiles-page[data-page="legal"] .tile-number{grid-column:auto;grid-row:auto}.accordion-tiles-page[data-page="legal"] .legal-tile .tile-chevron{grid-column:auto;grid-row:auto}.accordion-tiles-page[data-page="legal"] .wirkung-accordion{grid-column:auto}}@media (max-width:23.75rem){.accordion-tiles-page[data-page="legal"] .legal-tile.centered{padding:var(--tile-pad-top) 1rem}.accordion-tiles-page[data-page="legal"] .tile-number{min-width:2.2rem}}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner p.faq-vs-subtitle{text-align:center;font-family:var(--font-accent);font-size:var(--fs-h3);font-weight:600;letter-spacing:0.12em;color:rgba(0,0,0,0.70);margin:0 0 clamp(1rem,2.5vw,1.5rem);text-transform:uppercase}.faq-vs-number{display:block;font-family:var(--font-accent);font-size:var(--fs-chevron-txt,0.75rem);font-weight:300;font-style:normal;letter-spacing:0.15em;color:rgba(0,0,0,0.75);margin-bottom:0.3rem}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner>h4:has(.faq-vs-number){margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:clamp(2rem,4vw,2.8rem);border-top:1px solid rgba(0,0,0,0.12)}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner>h4:has(.faq-vs-number):first-of-type{margin-top:clamp(0.5rem,2vw,1rem);padding-top:0;border-top:none}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner h4:has(.faq-vs-number)::before{display:none}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner h4:has(.faq-vs-number){padding-left:0}.faq-compare{background:rgba(245,243,239,0.6);border:1px solid rgba(0,0,0,0.06);border-radius:0.5rem;overflow:hidden;margin-bottom:clamp(0.3rem,0.8vw,0.5rem)}.faq-compare-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(0.65rem,1.5vw,0.85rem) clamp(1rem,2.5vw,1.5rem)}.faq-compare-row + .faq-compare-row{border-top:1px solid rgba(0,0,0,0.04)}.faq-compare-label{font-family:var(--font-primary);font-size:var(--fs-body,0.95rem);font-weight:400;color:rgba(0,0,0,0.75);flex-shrink:0}.faq-compare-value{font-family:var(--font-primary);font-size:var(--fs-body,0.95rem);font-weight:400;text-align:right;margin-left:1rem}.faq-value-weak{color:rgba(0,0,0,0.38)}.faq-value-strong{color:var(--gold-accent,#c4a169);font-weight:500}.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner>.faq-compare+p{margin-top:clamp(0.8rem,2vw,1rem)}.accordion-tiles-page .faq-vs-chevron{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;max-width:2.2rem;max-height:2.2rem;overflow:hidden;margin:clamp(0.5rem,1.2vw,0.8rem) auto clamp(0.1rem,0.3vw,0.2rem);cursor:pointer;color:var(--gold);opacity:0.55;transition:color 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.accordion-tiles-page .faq-vs-chevron svg{width:1.4rem !important;height:1.4rem !important;max-width:1.4rem;max-height:1.4rem;flex-shrink:0;transform:rotate(0deg);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.accordion-tiles-page .faq-vs-chevron:hover{opacity:0.85;color:var(--gold)}.accordion-tiles-page .faq-vs-chevron.is-detail-open{color:rgba(0,0,0,0.72);opacity:0.7}.accordion-tiles-page .faq-vs-chevron.is-detail-open svg{transform:rotate(180deg)}.accordion-tiles-page .faq-vs-chevron.is-detail-open:hover{opacity:0.9;color:rgba(0,0,0,0.85)}.accordion-tiles-page .faq-vs-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s cubic-bezier(0.25,1,0.5,1)}.accordion-tiles-page .faq-vs-detail.is-detail-open{grid-template-rows:1fr}.accordion-tiles-page .faq-vs-detail-inner{overflow:hidden;min-height:0}@media (max-width:47.99rem){.accordion-tiles-page .faq-vs-chevron{min-width:2.75rem;min-height:2.75rem;width:2.75rem;height:2.75rem;margin:clamp(0.4rem,1vw,0.6rem) auto clamp(0.1rem,0.3vw,0.2rem)}.accordion-tiles-page .faq-vs-chevron svg{width:1.5rem;height:1.5rem}.accordion-tiles-page .faq-vs-detail p{padding:0 clamp(0.2rem,1vw,0.5rem)}}@media (prefers-reduced-motion:reduce){.accordion-tiles-page[data-page="legal"] .wirkung-accordion-content,.accordion-tiles-page[data-page="legal"] .wirkung-accordion-inner,.accordion-tiles-page[data-page="legal"] .tile-chevron svg,.accordion-tiles-page[data-page="legal"] .wirkung-accordion,.accordion-tiles-page[data-page="legal"] .wirkung-accordion::after,.accordion-tiles-page[data-page="legal"] .tile-number{transition:none !important}.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner > *,.accordion-tiles-page[data-page="legal"] .legal-tile.is-closing .wirkung-accordion-inner > *,.accordion-tiles-page[data-page="legal"] .legal-tile.is-expanded .wirkung-accordion-inner h4::before{animation:none !important}}