/* ============================================================
37-legal-editorial.css  –  v1
Premium Editorial Header for AGB & FAQ Pages

ARCHITEKTUR:Minimalistisch · Luxuriös · Fluid · Understatement
Ornamental SVG-Divider · Refined Subtitle · Atmospheric Glow
============================================================ */

body.legal-page{background-color:#b3b3b3;color:var(--text-color)}.legal-editorial-header{text-align:center;max-width:52rem;margin:0 auto clamp(2rem,6vw,4rem);padding:0 var(--container-padding);position:relative}.legal-editorial-header::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(18rem,50vw,36rem);height:clamp(10rem,28vw,20rem);background:radial-gradient(
ellipse at center,rgba(196,161,105,0.04) 0%,rgba(196,161,105,0.02) 40%,transparent 70%
);pointer-events:none;z-index:0}.legal-editorial-header .legal-title{position:relative;z-index:1;margin-bottom:clamp(1rem,3vw,1.8rem);color:var(--dark-grey)}.legal-editorial-ornament{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(1.2rem,3vw,2rem);position:relative;z-index:1}.legal-editorial-ornament svg{width:clamp(5rem,15vw,8rem);height:auto;opacity:0.55;transition:opacity 0.6s cubic-bezier(0.25,1,0.5,1)}.legal-editorial-header:hover .legal-editorial-ornament svg{opacity:0.75}.legal-editorial-subtitle{font-family:var(--font-primary);font-size:var(--fs-body);font-weight:300;line-height:1.75;color:var(--text-light);max-width:38rem;margin:0 auto;letter-spacing:0.02em;position:relative;z-index:1;text-wrap:balance}.legal-date{font-family:var(--font-accent);font-size:var(--fs-micro);font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);opacity:0.5;margin-top:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(1rem,2vw,1.5rem);border-top:none}[data-page="legal"] .wirkung-accordion-inner h4,[data-page="faq"] .wirkung-accordion-inner h4{font-family:var(--font-accent);font-size:var(--fs-h4);font-weight:500;color:var(--gold-accent);letter-spacing:0.08em;margin:clamp(1.5rem,3vw,2rem) 0 clamp(0.4rem,1vw,0.6rem);position:relative;padding-left:0}[data-page="legal"] .wirkung-accordion-inner h4::before,[data-page="faq"] .wirkung-accordion-inner h4::before{display:none}[data-page="legal"] .wirkung-accordion-inner h4:first-child,[data-page="faq"] .wirkung-accordion-inner h4:first-child{margin-top:0}[data-page="legal"] .wirkung-accordion-inner p,[data-page="faq"] .wirkung-accordion-inner p{font-size:var(--fs-body);line-height:1.75;color:var(--text-body);margin-bottom:clamp(0.6rem,1.5vw,0.9rem)}[data-page="legal"] .wirkung-accordion-inner p:last-child:not(.legal-date),[data-page="faq"] .wirkung-accordion-inner p:last-child:not(.legal-date){margin-bottom:0}.wirkung-accordion-inner a.dark-link{color:var(--text-body);text-decoration:none;border-bottom:1px solid rgba(196,161,105,0.25);transition:color 0.4s cubic-bezier(0.25,1,0.5,1),border-bottom-color 0.4s cubic-bezier(0.25,1,0.5,1)}.wirkung-accordion-inner a.dark-link:hover{color:var(--gold);border-bottom-color:var(--gold)}[data-page="legal"] .legal-tile.centered,[data-page="faq"] .legal-tile.centered{background:rgba(255,255,255,0.92)}[data-page="legal"] .legal-tile.centered:hover,[data-page="faq"] .legal-tile.centered:hover,[data-page="legal"] .legal-tile.centered.is-expanded,[data-page="faq"] .legal-tile.centered.is-expanded{background:rgba(255,255,255,0.98)}@media (max-width:47.99rem){.legal-editorial-header{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.legal-editorial-subtitle{font-size:var(--fs-body-sm);line-height:1.65}.legal-editorial-ornament svg{width:clamp(4rem,12vw,6rem)}[data-page="legal"] .wirkung-accordion-inner h4,[data-page="faq"] .wirkung-accordion-inner h4{padding-left:0}}@media (min-width:64rem){.legal-editorial-header{margin-bottom:clamp(3rem,5vw,4.5rem)}.legal-editorial-subtitle{font-size:var(--fs-body-lg);line-height:1.85;max-width:42rem}.legal-editorial-ornament svg{width:9rem;opacity:0.5}}[data-page="faq"] .wirkung-accordion-inner h4:has(.faq-vs-number)::before{display:none}[data-page="faq"] .wirkung-accordion-inner h4:has(.faq-vs-number){padding-left:0}