/* Umschaltbare Website-Designs. Lila (#643182) bleibt in allen Varianten die Markenfarbe.
   Auswahl über body[data-site-design]: "editorial" | "modern" | "noble". Ohne Attribut gilt die bisherige Darstellung. */

/* ============================================================
   Gemeinsame Verfeinerungen für alle drei Designs
   ============================================================ */
body[data-site-design]{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-site-design] .button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
body[data-site-design] .button:active{transform:translateY(1px)}
body[data-site-design] .topic-grid img,body[data-site-design] .about-photo img{border-radius:var(--radius-image,4px)}
body[data-site-design] .section-head{align-items:end}
body[data-site-design] .eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;font-weight:700}
body[data-site-design] .header.scrolled{box-shadow:0 8px 30px rgba(43,36,48,.08)}
body[data-site-design] .hero-copy .actions .text-link{background:transparent;padding:0}
body[data-site-design] .steps article>span{font-family:var(--heading);font-size:26px;line-height:1;font-weight:400;color:var(--brand);opacity:.85;min-width:44px}
body[data-site-design] .document-row{transition:background .2s}
body[data-site-design] .document-row:hover{background:var(--soft)}
body[data-site-design] .location-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,6px)}
body[data-site-design] .location-card{border-top:1px solid var(--line)}
body[data-site-design] .faq summary{font-family:var(--heading)}
body[data-site-design] footer{padding-block:64px 26px}
body[data-site-design] .guide-toc h2{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em}
body[data-site-design] .guide-article>header h2{font-size:34px}
body[data-site-design] .guide-cta h2{font-size:26px}
body[data-site-design] .guide-card h3,body[data-site-design] .guide-steps h3{font-size:20px}
body[data-site-design] .guide-cost h3{font-size:17px}
body[data-site-design] .guide-prose h3{font-size:22px}
body[data-site-design] .knowledge-card h3{font-size:21px}
body[data-site-design] .knowledge-foot .button{max-width:none}

/* ============================================================
   Design A · „Editorial“ – ruhig, serifenbetont, warmes Weiß mit Lila
   ============================================================ */
body[data-site-design="editorial"]{
  --brand:#643182;--brand-dark:#4c2266;--ink:#2a2330;--muted:#6a6371;--line:#e6dfe9;--soft:#f8f5fa;--gold:#c2a468;
  --heading:Georgia,"Times New Roman",serif;--radius-image:6px;--radius-card:8px;
  background:#fdfcfd;color:var(--ink)
}
body[data-site-design="editorial"] h1,body[data-site-design="editorial"] h2,body[data-site-design="editorial"] h3{font-family:var(--heading);font-weight:400;letter-spacing:-.01em}
body[data-site-design="editorial"] h2{font-size:42px;line-height:1.12}
body[data-site-design="editorial"] h3{font-size:26px}
body[data-site-design="editorial"] .eyebrow{font-family:"Segoe UI",Arial,sans-serif;display:inline-flex;align-items:center;gap:10px}
body[data-site-design="editorial"] .eyebrow::before{content:'';width:22px;height:1px;background:var(--gold)}
body[data-site-design="editorial"] .utility{background:var(--brand-dark);color:#f3e9f7;border:0}
body[data-site-design="editorial"] .utility a{color:#fff}
body[data-site-design="editorial"] .header{min-height:118px}
body[data-site-design="editorial"] .header nav{font-size:13.5px;letter-spacing:.02em}
body[data-site-design="editorial"] .header nav>a,body[data-site-design="editorial"] .header nav>details>summary{padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .2s,color .2s}
body[data-site-design="editorial"] .header nav>a:hover,body[data-site-design="editorial"] .header nav>a.active{border-bottom-color:var(--gold);color:var(--brand)}
body[data-site-design="editorial"] .header nav>a:last-child{border:1px solid var(--brand);border-radius:3px;padding:10px 18px;color:var(--brand);font-weight:600}
body[data-site-design="editorial"] .header nav>a:last-child:hover{background:var(--brand);color:#fff}
body[data-site-design="editorial"] .hero::after{background:linear-gradient(90deg,#fbf8fce6 0,#fbf8fce6 var(--hero-copy-start),#fbf8fcd9 var(--hero-clear-width),#fbf8fc00 calc(var(--hero-clear-width) + 340px))}
body[data-site-design="editorial"] .hero h1{font-size:88px;font-weight:400;line-height:.95}
body[data-site-design="editorial"] .hero h1>span{font-family:"Segoe UI",Arial,sans-serif;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--brand);font-weight:600;margin-bottom:14px}
body[data-site-design="editorial"] .hero h2{font-family:var(--heading);font-weight:400;font-size:26px;font-style:italic;color:#3d3444}
body[data-site-design="editorial"] .hero-copy p{font-weight:400;color:#4d4553}
body[data-site-design="editorial"] .button{border-radius:3px;padding:15px 22px;letter-spacing:.02em}
body[data-site-design="editorial"] .primary{background:var(--brand);box-shadow:0 8px 24px rgba(100,49,130,.22)}
body[data-site-design="editorial"] .primary:hover{background:var(--brand-dark)}
body[data-site-design="editorial"] .text-link{font-weight:600;color:var(--brand)}
body[data-site-design="editorial"] .topic-grid{gap:34px}
body[data-site-design="editorial"] .topic-grid article>div{padding-top:22px;border-top:1px solid var(--line);margin-top:20px}
body[data-site-design="editorial"] .topic-grid img{aspect-ratio:1.4}
body[data-site-design="editorial"] .steps-section{background:var(--soft);border-block:1px solid var(--line)}
body[data-site-design="editorial"] .steps article{border-bottom-color:#dccfe3}
body[data-site-design="editorial"] .steps h3{font-size:23px}
body[data-site-design="editorial"] .about-photo img{height:400px}
body[data-site-design="editorial"] .planning{background:linear-gradient(135deg,#4c2266,#6d3a8c 60%,#7d4b9b);color:#fff;border:0}
body[data-site-design="editorial"] .planning .eyebrow{color:#e3cfee}
body[data-site-design="editorial"] .planning .eyebrow::before{background:#e3cfee}
body[data-site-design="editorial"] .planning h2{color:#fff}
body[data-site-design="editorial"] .planning p{color:#eadff1}
body[data-site-design="editorial"] .planning .button{background:#fff;color:var(--brand);box-shadow:none}
body[data-site-design="editorial"] .planning .button:hover{background:#f4ecf8}
body[data-site-design="editorial"] .faq summary{font-size:21px}
body[data-site-design="editorial"] .knowledge-section{background:#fff}
body[data-site-design="editorial"] .knowledge-card{border-radius:8px;padding:30px 28px 26px}
body[data-site-design="editorial"] .knowledge-card .knowledge-icon{background:transparent;border:1px solid var(--line);border-radius:50%}
body[data-site-design="editorial"] .documents-section{background:var(--soft)}
body[data-site-design="editorial"] .document-row{background:#fff}
body[data-site-design="editorial"] .appointment-tool{border-radius:8px}
body[data-site-design="editorial"] .contact{background:#f4eef7}
body[data-site-design="editorial"] .contact-options strong{font-family:var(--heading);font-weight:400;font-size:27px}
body[data-site-design="editorial"] footer{background:#2f1a3c;color:#d8cbe0;width:100%;padding-inline:max(48px,calc((100% - 1240px)/2))}
body[data-site-design="editorial"] footer strong{color:#fff}
body[data-site-design="editorial"] footer a{color:#e7dced}
body[data-site-design="editorial"] footer p{color:#c6b6d1}
body[data-site-design="editorial"] footer img{background:#fff;padding:10px 14px;border-radius:4px}
body[data-site-design="editorial"] .copyright{border-top-color:#4a3357;color:#a995b5}
body[data-site-design="editorial"] .guide-hero{background:#fff;border-bottom-color:var(--line)}
body[data-site-design="editorial"] .guide-hero h1{font-weight:400;font-size:58px}
body[data-site-design="editorial"] .guide-toc a.active{background:var(--soft)}
body[data-site-design="editorial"] .guide-cta{background:linear-gradient(135deg,#4c2266,#6d3a8c);border-radius:8px}
body[data-site-design="editorial"] .guide-order li::before{background:var(--brand)}

/* ============================================================
   Design B · „Modern & Licht“ – klare Sans-Serif, weiche Karten, Lila-Verläufe
   ============================================================ */
body[data-site-design="modern"]{
  --brand:#643182;--brand-dark:#512569;--brand-2:#8a55a8;--ink:#241c2a;--muted:#6b6472;--line:#e9e2ee;--soft:#f6f1fa;
  --heading:"Segoe UI",system-ui,Arial,sans-serif;--radius-image:16px;--radius-card:18px;--shadow:0 12px 34px rgba(100,49,130,.09);
  background:#fff;color:var(--ink)
}
body[data-site-design="modern"] h1,body[data-site-design="modern"] h2,body[data-site-design="modern"] h3{font-weight:650;letter-spacing:-.02em}
body[data-site-design="modern"] h2{font-size:40px;line-height:1.1}
body[data-site-design="modern"] .eyebrow{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--brand);letter-spacing:.06em;text-transform:none;font-size:12px}
body[data-site-design="modern"] .utility{background:var(--soft);border:0;color:var(--brand)}
body[data-site-design="modern"] .utility a{font-weight:600}
body[data-site-design="modern"] .header{position:sticky;top:0;z-index:30;background:#ffffffe6;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);width:100%;padding-inline:max(24px,calc((100% - 1240px)/2));min-height:96px}
body[data-site-design="modern"] .header nav{gap:6px}
body[data-site-design="modern"] .header nav>a,body[data-site-design="modern"] .header nav>details>summary{padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}
body[data-site-design="modern"] .header nav>a:hover,body[data-site-design="modern"] .header nav>a.active,body[data-site-design="modern"] .header nav>details>summary:hover{background:var(--soft);color:var(--brand)}
body[data-site-design="modern"] .header nav>a:last-child{background:var(--brand);color:#fff;font-weight:600;padding:11px 20px;margin-left:8px}
body[data-site-design="modern"] .header nav>a:last-child:hover{background:var(--brand-dark)}
body[data-site-design="modern"] .hero{margin:14px 24px 0;border-radius:28px;overflow:hidden;height:clamp(480px,64vh,660px)}
body[data-site-design="modern"] .hero::after{background:linear-gradient(90deg,#f7f1fbf2 0,#f7f1fbf2 var(--hero-copy-start),#f7f1fbe6 var(--hero-clear-width),#f7f1fb00 calc(var(--hero-clear-width) + 360px))}
body[data-site-design="modern"] .hero h1{font-size:76px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(120deg,#3b1a4f,#643182 55%,#8a55a8);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-site-design="modern"] .hero h1>span{color:var(--brand);font-weight:600;font-size:20px;letter-spacing:0}
body[data-site-design="modern"] .hero h2{font-size:24px;color:#2b2231}
body[data-site-design="modern"] .button{border-radius:999px;padding:15px 24px;font-weight:600}
body[data-site-design="modern"] .primary{background:linear-gradient(120deg,var(--brand),var(--brand-2));box-shadow:0 10px 26px rgba(100,49,130,.28)}
body[data-site-design="modern"] .primary:hover{background:linear-gradient(120deg,var(--brand-dark),var(--brand));box-shadow:0 14px 30px rgba(100,49,130,.34)}
body[data-site-design="modern"] .text-link{color:var(--brand);font-weight:600;gap:10px}
body[data-site-design="modern"] .topic-grid{gap:26px}
body[data-site-design="modern"] .topic-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:14px 14px 26px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
body[data-site-design="modern"] .topic-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(100,49,130,.14)}
body[data-site-design="modern"] .topic-grid article>div{padding:22px 12px 0}
body[data-site-design="modern"] .topic-image{border-radius:var(--radius-image)}
body[data-site-design="modern"] .steps-section{background:linear-gradient(180deg,#f8f4fb,#fff);border:0}
body[data-site-design="modern"] .steps article{border:0;background:#fff;border-radius:var(--radius-card);padding:22px 24px;margin-bottom:12px;box-shadow:0 6px 20px rgba(100,49,130,.06);align-items:flex-start}
body[data-site-design="modern"] .steps article>span{font-family:inherit;width:40px;height:40px;min-width:40px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:14px;font-weight:700;opacity:1;padding:0}
body[data-site-design="modern"] .about-photo img{border-radius:26px;height:400px}
body[data-site-design="modern"] .planning{background:transparent;border:0;padding-block:30px 90px}
body[data-site-design="modern"] .planning>.wrap{background:linear-gradient(120deg,#5a2a74,#7a45a0);color:#fff;border-radius:28px;padding:56px 64px;box-shadow:0 24px 60px rgba(100,49,130,.24)}
body[data-site-design="modern"] .planning .eyebrow{background:#ffffff26;color:#fff}
body[data-site-design="modern"] .planning h2{color:#fff}
body[data-site-design="modern"] .planning p{color:#ecdff5}
body[data-site-design="modern"] .planning .button{background:#fff;color:var(--brand);box-shadow:none}
body[data-site-design="modern"] .planning .button:hover{background:#f6f0fa;box-shadow:none}
body[data-site-design="modern"] .faq details{border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:10px;background:#fff}
body[data-site-design="modern"] .faq details[open]{border-color:#d8c4e3;box-shadow:var(--shadow)}
body[data-site-design="modern"] .faq summary{font-size:18px;font-weight:600}
body[data-site-design="modern"] .knowledge-section{background:#fff;border:0}
body[data-site-design="modern"] .knowledge-card{border-radius:var(--radius-card);box-shadow:var(--shadow);border-color:#f0e8f4}
body[data-site-design="modern"] .knowledge-card .knowledge-icon{background:linear-gradient(120deg,#f1e7f7,#e4d3ee);border-radius:14px}
body[data-site-design="modern"] .documents-section{background:var(--soft)}
body[data-site-design="modern"] .document-row{background:#fff;border-radius:14px;border:1px solid var(--line);margin-bottom:8px}
body[data-site-design="modern"] .document-topics button{border-radius:999px}
body[data-site-design="modern"] .appointment-tool{border-radius:22px;box-shadow:var(--shadow)}
body[data-site-design="modern"] .catalog-card{border-radius:var(--radius-card);overflow:hidden}
body[data-site-design="modern"] .contact{background:transparent;padding-block:20px 90px}
body[data-site-design="modern"] .contact>.wrap{background:var(--soft);border-radius:28px;padding:56px 64px}
body[data-site-design="modern"] footer{background:#fff}
body[data-site-design="modern"] .guide-hero{background:linear-gradient(180deg,#f7f1fb,#fff);border:0}
body[data-site-design="modern"] .guide-hero-note,body[data-site-design="modern"] .guide-card,body[data-site-design="modern"] .guide-cost article,body[data-site-design="modern"] .guide-table-wrap,body[data-site-design="modern"] .guide-callout,body[data-site-design="modern"] .knowledge-card{border-radius:var(--radius-card)}
body[data-site-design="modern"] .guide-card,body[data-site-design="modern"] .guide-cost article{box-shadow:0 6px 20px rgba(100,49,130,.06)}
body[data-site-design="modern"] .guide-toc a{border-radius:999px;border-left:0;padding:9px 14px}
body[data-site-design="modern"] .guide-toc a.active{background:var(--brand);color:#fff}
body[data-site-design="modern"] .guide-cta{border-radius:28px;background:linear-gradient(120deg,#5a2a74,#7a45a0);box-shadow:0 24px 60px rgba(100,49,130,.22)}
body[data-site-design="modern"] .guide-faq details{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:10px;background:#fff}
@media(max-width:760px){body[data-site-design="modern"] .hero{margin:8px 12px 0;border-radius:20px}body[data-site-design="modern"] .planning>.wrap,body[data-site-design="modern"] .contact>.wrap{padding:36px 26px;border-radius:20px}body[data-site-design="modern"] .header{position:static}}

/* ============================================================
   Design C · „Tief-Lila & Gold“ – würdevoll, dunkle Kopfzeile, goldene Akzente
   ============================================================ */
body[data-site-design="noble"]{
  --brand:#643182;--brand-dark:#3b1c4d;--brand-deep:#2a1436;--ink:#26202b;--muted:#665f6c;--line:#e5dfe8;--soft:#f6f2f8;--gold:#c9a86a;--gold-dark:#a98849;
  --heading:Georgia,"Times New Roman",serif;--radius-image:4px;--radius-card:6px;
  background:#fff;color:var(--ink)
}
body[data-site-design="noble"] h1,body[data-site-design="noble"] h2,body[data-site-design="noble"] h3{font-family:var(--heading);font-weight:600;letter-spacing:-.005em}
body[data-site-design="noble"] h2{font-size:40px;line-height:1.12}
body[data-site-design="noble"] .eyebrow{color:var(--gold-dark)}
body[data-site-design="noble"] .utility{background:var(--brand-deep);color:#d9c9e3;border-bottom:1px solid #47305a}
body[data-site-design="noble"] .utility a{color:var(--gold)}
body[data-site-design="noble"] .header{background:var(--brand-dark);color:#fff;width:100%;padding-inline:max(48px,calc((100% - 1240px)/2));min-height:112px;border-bottom:1px solid #ffffff14}
body[data-site-design="noble"] .header.scrolled{box-shadow:0 10px 30px rgba(20,8,28,.35)}
body[data-site-design="noble"] .brand img{content:url("/assets/baumann-logo-v10-light.png")}
body[data-site-design="noble"] .header nav{font-size:13.5px;letter-spacing:.03em}
body[data-site-design="noble"] .header nav>a,body[data-site-design="noble"] .header nav>details>summary{color:#efe6f4;padding:6px 0;border-bottom:1.5px solid transparent}
body[data-site-design="noble"] .header nav>a:hover,body[data-site-design="noble"] .header nav>a.active,body[data-site-design="noble"] .header nav>details>summary:hover{color:var(--gold);border-bottom-color:var(--gold)}
body[data-site-design="noble"] .header nav>a:last-child{background:var(--gold);color:#2a1436;font-weight:700;padding:11px 20px;border-radius:3px;border:0}
body[data-site-design="noble"] .header nav>a:last-child:hover{background:#dcbf83}
body[data-site-design="noble"] .header .menu{color:#fff}
body[data-site-design="noble"] .website-content-menu>div{background:#fff;color:var(--ink)}
body[data-site-design="noble"] .hero{height:clamp(500px,66vh,680px)}
body[data-site-design="noble"] .hero::after{background:linear-gradient(90deg,#2a1436f2 0,#2a1436e6 var(--hero-copy-start),#3b1c4dcc var(--hero-clear-width),#3b1c4d00 calc(var(--hero-clear-width) + 380px))}
body[data-site-design="noble"] .hero-copy{color:#fff}
body[data-site-design="noble"] .hero .eyebrow{color:var(--gold)}
body[data-site-design="noble"] .hero h1{color:#fff;font-size:84px;font-weight:600;line-height:.98}
body[data-site-design="noble"] .hero h1>span{color:#dcc9e6;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
body[data-site-design="noble"] .hero h2{color:#f3ebf7;font-weight:400;font-style:italic;font-family:var(--heading);font-size:26px}
body[data-site-design="noble"] .hero-copy p{color:#e4d8ea}
body[data-site-design="noble"] .hero .text-link{color:var(--gold)}
body[data-site-design="noble"] .hero-motion-toggle{background:#ffffff26;color:#fff;border-color:#ffffff40}
body[data-site-design="noble"] .image-note{background:#2a1436cc;color:#d9c9e3}
body[data-site-design="noble"] .button{border-radius:3px;padding:15px 22px;letter-spacing:.03em}
body[data-site-design="noble"] .primary{background:var(--brand)}
body[data-site-design="noble"] .primary:hover{background:var(--brand-dark)}
body[data-site-design="noble"] .hero .primary{background:var(--gold);color:#2a1436;font-weight:700}
body[data-site-design="noble"] .hero .primary:hover{background:#dcbf83}
body[data-site-design="noble"] .text-link{color:var(--brand)}
body[data-site-design="noble"] .topic-grid article>div{position:relative;padding-top:26px}
body[data-site-design="noble"] .topic-grid article>div::before{content:'';position:absolute;top:0;left:0;width:48px;height:2px;background:var(--gold)}
body[data-site-design="noble"] .steps-section{background:var(--brand-dark);color:#fff;border:0}
body[data-site-design="noble"] .steps-section .eyebrow{color:var(--gold)}
body[data-site-design="noble"] .steps-section h2,body[data-site-design="noble"] .steps-section h3{color:#fff}
body[data-site-design="noble"] .steps-section p{color:#d9cbe2}
body[data-site-design="noble"] .steps-section .text-link{color:var(--gold)}
body[data-site-design="noble"] .steps article{border-bottom-color:#ffffff1f}
body[data-site-design="noble"] .steps article>span{color:var(--gold);opacity:1}
body[data-site-design="noble"] .about-photo img{height:400px}
body[data-site-design="noble"] .planning{background:var(--soft);border-block:1px solid var(--line)}
body[data-site-design="noble"] .planning h2{color:var(--brand-dark)}
body[data-site-design="noble"] .faq summary{font-size:20px;font-weight:600}
body[data-site-design="noble"] .faq summary::after{color:var(--gold-dark)}
body[data-site-design="noble"] .knowledge-section{background:#fff}
body[data-site-design="noble"] .knowledge-card{border-top:2px solid var(--gold)}
body[data-site-design="noble"] .knowledge-card .knowledge-icon{background:var(--brand-dark);color:var(--gold);border-radius:4px}
body[data-site-design="noble"] .documents-section{background:var(--soft)}
body[data-site-design="noble"] .document-row{background:#fff}
body[data-site-design="noble"] .contact{background:var(--brand-dark);color:#fff}
body[data-site-design="noble"] .contact .eyebrow{color:var(--gold)}
body[data-site-design="noble"] .contact h2{color:#fff}
body[data-site-design="noble"] .contact p,body[data-site-design="noble"] .contact-options small{color:#d9cbe2}
body[data-site-design="noble"] .contact-options strong{color:#fff;font-family:var(--heading);font-weight:400;font-size:27px}
body[data-site-design="noble"] .contact .primary{background:var(--gold);color:#2a1436;font-weight:700}
body[data-site-design="noble"] .contact .primary:hover{background:#dcbf83}
body[data-site-design="noble"] .contact-compose{border-top-color:#ffffff2e}
body[data-site-design="noble"] .contact-compose summary{color:var(--gold)}
body[data-site-design="noble"] .contact-form label{color:#e4d8ea}
body[data-site-design="noble"] footer{background:#2a1436;color:#cbbcd6;width:100%;padding-inline:max(48px,calc((100% - 1240px)/2))}
body[data-site-design="noble"] footer img{content:url("/assets/baumann-logo-v10-light.png")}
body[data-site-design="noble"] footer strong{color:var(--gold);font-family:"Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body[data-site-design="noble"] footer a{color:#e7dced}
body[data-site-design="noble"] footer p{color:#b8a6c5}
body[data-site-design="noble"] .copyright{border-top-color:#47305a;color:#9d8bab}
body[data-site-design="noble"] .guide-hero{background:var(--brand-dark);color:#fff;border:0}
body[data-site-design="noble"] .guide-hero .eyebrow{color:var(--gold)}
body[data-site-design="noble"] .guide-hero h1{color:#fff}
body[data-site-design="noble"] .guide-hero p{color:#d9cbe2}
body[data-site-design="noble"] .guide-hero-note{border-left-color:var(--gold)}
body[data-site-design="noble"] .guide-hero-note,body[data-site-design="noble"] .guide-hero-note strong{color:var(--ink)}
body[data-site-design="noble"] .guide-hero-note p{color:var(--muted)}
body[data-site-design="noble"] .guide-order li::before{background:var(--brand-dark);color:var(--gold)}
body[data-site-design="noble"] .guide-cost article{border-top-color:var(--gold)}
body[data-site-design="noble"] .guide-cta{background:var(--brand-dark)}
body[data-site-design="noble"] .guide-cta .button{background:var(--gold);color:#2a1436}
body[data-site-design="noble"] .guide-cta .button:hover{background:#dcbf83}
body[data-site-design="noble"] .guide-steps>li::before{color:var(--gold-dark)}
@media(max-width:760px){body[data-site-design="noble"] .mobile-nav.open{background:var(--brand-dark)}body[data-site-design="noble"] .header nav>a,body[data-site-design="noble"] .header nav>details>summary{border-bottom-color:#ffffff1f}}

/* ============================================================
   Mobile Anpassungen aller Designs
   ============================================================ */
@media(max-width:1150px){
  body[data-site-design="editorial"] .hero h1,body[data-site-design="noble"] .hero h1{font-size:64px}
  body[data-site-design="modern"] .hero h1{font-size:60px}
}
@media(max-width:760px){
  body[data-site-design] h2{font-size:30px}
  body[data-site-design] .hero h1,body[data-site-design="editorial"] .hero h1,body[data-site-design="noble"] .hero h1,body[data-site-design="modern"] .hero h1{font-size:50px}
  body[data-site-design] .hero h2{font-size:21px}
  body[data-site-design] .hero h1>span{font-size:13px}
  body[data-site-design] .guide-hero h1,body[data-site-design="editorial"] .guide-hero h1{font-size:34px}
  body[data-site-design] .guide-article>header h2{font-size:27px}
  body[data-site-design] .guide-cta h2{font-size:22px}
  body[data-site-design="noble"] .header .menu{background:#ffffff1f;color:#fff;border:1px solid #ffffff4d}
  body[data-site-design="noble"] .mobile-nav.open a,body[data-site-design="noble"] .mobile-nav.open summary{color:#f3ebf7}
  body[data-site-design="modern"] .header .menu{border-radius:12px}
  body[data-site-design="editorial"] footer,body[data-site-design="noble"] footer{padding-inline:20px}
}

/* ============================================================
   Vorschau-Umschalter (nur sichtbar, wenn über ?designs aufgerufen)
   ============================================================ */
.design-switch{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:6px;padding:8px 10px 8px 14px;background:#2a2330;color:#fff;border-radius:999px;box-shadow:0 12px 34px rgba(0,0,0,.28);font:13px/1 "Segoe UI",Arial,sans-serif}
.design-switch span{margin-right:6px;color:#cbbcd6}
.design-switch button{border:1px solid #ffffff2e;background:transparent;color:#fff;border-radius:999px;padding:7px 12px;font:inherit;cursor:pointer}
.design-switch button:hover{background:#ffffff1a}
.design-switch button[aria-pressed="true"]{background:#643182;border-color:#8b5aa8}
.design-switch .design-switch-close{padding:7px 9px;border:0;color:#cbbcd6}
@media(max-width:760px){.design-switch{left:12px;right:12px;bottom:12px;justify-content:center;flex-wrap:wrap}}

/* ============================================================
   Editorial · Ergänzungen 27.09.2026: aus dem Entwurf „Warm & nah“ übernommene Bausteine
   (Sofortleiste, Sprechblasen im Hero, Zitatband, Schritt-Zeitleiste, Bestattungsarten-Karten,
   Vorsorge-Kachel mit Rechner, Ratgeber & Hilfen, Gedenkseiten-Vorschau). Aufbau in website-nah.css.
   ============================================================ */
body[data-site-design="editorial"] .utility .wrap{min-height:46px;gap:10px;flex-wrap:wrap;padding-block:5px}
body[data-site-design="editorial"] .utility .wrap>div{gap:8px;flex-wrap:wrap}
body[data-site-design="editorial"] .utility a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#ffffff14;color:#fff;font-weight:600;white-space:nowrap;letter-spacing:.01em}
body[data-site-design="editorial"] .utility a:hover{background:#ffffff26}
body[data-site-design="editorial"] .utility a.utility-phone{background:#fff;color:var(--brand-dark)}
body[data-site-design="editorial"] .utility a.utility-phone:hover{background:#f4ecf8}
body[data-site-design="editorial"] .utility svg{width:14px;height:14px;stroke-width:1.9}
body[data-site-design="editorial"][data-variant="1"] .hero{height:auto;min-height:clamp(460px,62vh,620px);padding-block:36px 40px}
body[data-site-design="editorial"] .hero .home-hero-badge{position:static;margin-top:22px;display:inline-grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;max-width:360px;padding:10px 14px 10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 12px 30px rgba(60,32,74,.14)}
body[data-site-design="editorial"] .hero .home-hero-badge strong{font-size:14.5px}
body[data-site-design="editorial"] .hero .home-hero-badge span{font-size:13px}
body[data-site-design="editorial"] .home-hero-badge-icon{background:var(--soft);color:var(--brand)}
body[data-site-design="editorial"] .home-quote{padding:22px 0 0}
body[data-site-design="editorial"] .home-quote blockquote{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--soft)}
body[data-site-design="editorial"] .home-quote p{font-size:23px;color:#3d3444}
body[data-site-design="editorial"] .home-quote blockquote::before{color:#b394cc}
body[data-site-design="editorial"] .steps-section .section-head{margin-bottom:44px}
body[data-site-design="editorial"] .home-timeline::before{border-top-color:#d9c9e3}
body[data-site-design="editorial"] .home-step-no{border-color:var(--soft)}
body[data-site-design="editorial"] .home-timeline small{background:#fff;border:1px solid var(--line);color:var(--brand-dark)}
body[data-site-design="editorial"] .home-timeline h3{font-size:23px}
body[data-site-design="editorial"] .home-service{border-radius:var(--radius-card)}
body[data-site-design="editorial"] .home-service .home-service-image{border-radius:var(--radius-image)}
body[data-site-design="editorial"] .home-service h3{font-size:24px}
body[data-site-design="editorial"] .planning .text-link{color:#fff;margin-top:20px;display:inline-flex}
body[data-site-design="editorial"] .planning .home-calc{border:0;border-radius:var(--radius-card);box-shadow:0 14px 34px rgba(30,10,40,.22)}
body[data-site-design="editorial"] .planning .home-calc strong{color:var(--ink)}
body[data-site-design="editorial"] .planning .home-calc span{color:var(--muted)}
body[data-site-design="editorial"] .planning .home-calc .button{background:var(--brand);color:#fff;box-shadow:none}
body[data-site-design="editorial"] .planning .home-calc .button:hover{background:var(--brand-dark)}
body[data-site-design="editorial"] .home-planning-photo{border:8px solid #ffffff2e}
body[data-site-design="editorial"] .knowledge-more{margin-top:44px;padding-top:34px;border-top:1px solid var(--line)}
body[data-site-design="editorial"] .knowledge-links strong{font-size:19px}
body[data-site-design="editorial"] .home-memorial{background:var(--soft);border-block:1px solid var(--line)}
body[data-site-design="editorial"] .home-memorial-card{border-radius:var(--radius-card)}
body[data-site-design="editorial"] .home-memorial-foot .button{border:1px solid var(--brand);color:var(--brand);background:#fff}
@media(max-width:1150px){
  }
@media(max-width:760px){
  body[data-site-design="editorial"] .utility .wrap{justify-content:center;font-size:12px;min-height:0}
  body[data-site-design="editorial"] .utility .wrap>div>a:first-child{display:inline-flex}
  body[data-site-design="editorial"] .utility a{padding:4px 10px}
  body[data-site-design="editorial"] .home-quote{padding-top:16px}
}