/* Shared visual system for the full local preview. */
:root{--papier:#0d1922;--karte:#14242f;--karte-hoch:#1b303d;--tinte:#edf3f7;--tinte-weich:#b4c2cc;--tinte-zart:#a1b0bb;--stahl:#80bbdb;--linie:#2b3d49;--breite:1320px;--radius:4px;--masz:clamp(22px,4.4vw,64px)}
body{font-size:16px;line-height:1.75}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(34px,4.25vw,62px);line-height:1.08;overflow-wrap:normal;hyphens:auto}h2{font-size:clamp(29px,3vw,43px);line-height:1.15}h3{font-size:23px;line-height:1.22}p{color:var(--tinte-weich)}section{padding-block:clamp(52px,7vw,96px)}.hell{background:#14242f}.knopf{border-radius:3px;font-size:13px;font-weight:700;min-height:49px;padding:13px 21px;letter-spacing:.005em}.knopf:hover{transform:translateY(-2px)}.knopfreihe{gap:12px}.text-link{font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;gap:16px;align-items:center;padding-block:9px;border-bottom:1px solid #658ca1}.text-link:hover{border-color:var(--stahl)}.augenmerk{font-size:11px;letter-spacing:.17em;line-height:1.5}.preview-note{text-align:center;font-size:10px;letter-spacing:.025em;background:#223846;color:#c7dce9;padding:5px 18px;line-height:1.5}.kopf{background:#0d1922f5;backdrop-filter:blur(15px)}.kopf .huelle{min-height:88px;gap:25px}.marke{flex:none}.marke img{width:188px;height:auto;filter:brightness(1.6)}.kopf nav ul{gap:20px}.kopf nav a{font-size:12px;font-weight:550}.kopf .knopf{font-size:12px;min-height:43px}.breadcrumbs{font-size:10px;line-height:1.6;letter-spacing:.025em;color:#859baa;margin-bottom:34px}.breadcrumbs a{text-decoration:none;color:inherit}.breadcrumbs span{padding-inline:9px}.page-hero{padding-block:45px 70px;background:var(--papier)}.page-hero>.huelle{display:grid;gap:48px;align-items:center}.page-hero.with-image>.huelle{grid-template-columns:1fr 1.12fr}.page-hero h1{max-width:22ch}.page-hero .anriss{font-size:17px;line-height:1.8;max-width:65ch;margin-top:24px;color:var(--tinte-weich)}.page-hero figure{margin:0}.page-hero figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px}.page-hero:not(.with-image) .hero-copy{max-width:940px}.page-hero:not(.with-image) h1{max-width:26ch}.page-hero .knopfreihe{margin-top:28px}.page-hero .knopf{padding-inline:17px}.page-hero h1:has(br){hyphens:none}
.home-hero{padding:62px 0 66px}.home-hero>.huelle{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center}.home-hero h1{font-size:clamp(40px,4.9vw,70px);letter-spacing:-.045em;line-height:1.05;margin:21px 0 25px;hyphens:none}.home-hero .hero-copy>p{font-size:16px;max-width:43ch;line-height:1.85}.home-hero figure{margin:0;align-self:stretch;position:relative;padding-top:10px}.home-hero figure img{width:100%;height:100%;min-height:520px;max-height:650px;object-fit:cover;object-position:68% center}.home-hero figcaption{position:absolute;bottom:18px;left:20px;padding:7px 12px;font-size:10px;color:#e4eef6;background:#102532d9;backdrop-filter:blur(5px)}.hero-foot{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:10px;color:#a4bac8;border-top:1px solid var(--linie);padding-top:22px;margin-top:30px}.hero-foot span::before{content:'—';color:var(--stahl);margin-right:7px}.location-band{background:#1b303d;border-block:1px solid #304957;padding:13px 0;font-size:11px;color:#c1d1dc}.location-band .huelle{display:flex;gap:18px;justify-content:space-between;align-items:center}.location-band a{white-space:nowrap;text-decoration:none}.editorial-intro>.huelle{display:grid;grid-template-columns:1fr 2.1fr;gap:60px}.editorial-intro h2{margin-bottom:30px}.editorial-intro p{max-width:65ch}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading h2{margin:0}.section-heading .text-link{white-space:nowrap}.offers-section{padding-top:35px}.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.offer-card{background:var(--karte);min-width:0;display:flex;flex-direction:column;border:1px solid #263e4d}.offer-photo{display:block;overflow:hidden;flex:none}.offer-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .35s ease}.offer-card:hover img{transform:scale(1.025)}.offer-copy{padding:25px;display:flex;flex:1;flex-direction:column}.offer-copy .augenmerk{font-size:9px;letter-spacing:.12em}.offer-copy h3{font-size:23px;line-height:1.25}.offer-copy h3 a{color:var(--tinte);text-decoration:none}.offer-copy p{font-size:13px;line-height:1.8;margin-bottom:20px}.offer-meta{font-size:10px;color:#c0d2dd;padding:12px 0;border-block:1px solid var(--linie);display:flex;justify-content:space-between;gap:12px;margin-top:auto;margin-bottom:10px}.offer-copy .text-link{align-self:flex-start;font-size:12px}.circle-feature>.huelle,.studio-feature>.huelle,.beauty-feature>.huelle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.circle-feature figure,.studio-feature figure,.beauty-feature figure{margin:0}.circle-feature figure img,.studio-feature figure img,.beauty-feature figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.circle-path{list-style:none;padding:0;margin:28px 0}.circle-path li{border-top:1px solid var(--linie);padding:13px 0;font-size:14px}.circle-path span{font-size:11px;color:var(--stahl);padding-right:23px}.beauty-links{margin:23px 0 30px}.beauty-links a{display:flex;justify-content:space-between;border-bottom:1px solid #3d515d;color:#dbe8ef;text-decoration:none;padding:12px 0;font-size:14px}.term-section>.huelle{max-width:950px}.term-section p{max-width:80ch}.studio-feature p,.circle-feature p,.beauty-feature p{font-size:14px;line-height:1.9}.studio-feature.huelle{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-booking{background:#213e50;border-block:1px solid #3c6076}.service-booking>.huelle{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}.service-booking h2{font-size:34px}.service-booking p{font-size:13px}.booking-actions{display:flex;flex-wrap:wrap;gap:12px}.booking-actions>.text-link{display:block}.fakten{border:1px solid var(--linie);border-radius:0;margin:0}.fakten>div{background:#132834;border-right:1px solid var(--linie);padding:24px}.fakten dt{font-size:11px;letter-spacing:.09em}.fakten dd{font-size:27px}.fakten small{font-size:11px;line-height:1.6}.facts-section{padding:0 0 55px}.split-copy{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.split-copy>div{min-width:0}.split-copy p{font-size:15px;line-height:1.9}.steps-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:35px 0 0;counter-reset:steps}.steps-grid li{padding-top:20px;border-top:1px solid #466072}.steps-grid li>span{font-size:12px;color:var(--stahl);display:block;margin-bottom:20px}.steps-grid p{font-size:14px}.steps-grid h3{font-size:22px}.price-rows{margin:30px 0 15px}.price-rows>div{display:flex;align-items:center;gap:22px;border-top:1px solid var(--linie);padding:20px 0;font-size:14px}.price-rows strong{margin-left:auto;color:var(--tinte);white-space:nowrap}.price-rows a{font-size:12px;white-space:nowrap}.price-table-wrap{overflow:auto}.price-table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}.price-table th,.price-table td{border-bottom:1px solid var(--linie);padding:21px 18px;text-align:left}.price-table thead{background:var(--karte)}.price-table tbody th{font-weight:600;width:40%}.price-table small{display:block;font-weight:400;font-size:11px;color:var(--tinte-zart);margin-top:5px}.price-table a{text-decoration:none}.price-table td:last-child{font-size:11px}.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.membership{padding:30px;border:1px solid #3b5363;background:var(--karte)}.membership h3{font-size:29px}.price-large{font-size:36px;color:var(--tinte);font-weight:650}.price-large small{font-size:12px;font-weight:400;color:var(--tinte-zart)}.membership ul{padding-left:20px;font-size:12px;line-height:2;color:var(--tinte-weich)}.membership .text-link{font-size:11px}.faq details{border-bottom:1px solid var(--linie);padding:22px 0}.faq summary{font-size:17px;font-weight:650;cursor:pointer;list-style:none;position:relative;padding-right:35px}.faq summary::after{content:'+';position:absolute;right:8px;color:var(--stahl);font-size:24px;font-weight:400;top:-5px}.faq details[open] summary::after{content:'−'}.faq details p{padding-top:20px;max-width:80ch;font-size:14px}.hub-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:55px}.hub-tabs a{background:#213947;padding:12px 18px;font-size:12px;text-decoration:none;color:#dcecf5;border:1px solid #3b5768}.hub-heading p{max-width:70ch}.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.booking-card{background:var(--karte);padding:32px;border:1px solid #314959}.booking-card h2{font-size:26px}.booking-card p{font-size:14px}.booking-card .text-link{font-size:12px}.hub-panel{padding:40px;background:#1a303e;margin-top:40px;scroll-margin-top:110px}.hub-panel p{max-width:75ch}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.shop-card{background:var(--karte);border:1px solid #2f4757}.shop-card>img{aspect-ratio:3/2;object-fit:cover;width:100%}.shop-card>div{padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.shop-card h2{font-size:28px}.shop-card p{font-size:13px}.shop-card .text-link{font-size:12px}.shop-card .knopf{font-size:12px}.contact-options{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:25px 0}.beauty-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 28px;margin-top:35px}.beauty-overview a{text-decoration:none}.beauty-overview img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:20px}.beauty-overview h3{color:var(--tinte)}.beauty-overview p{font-size:14px}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.sitemap-grid h2{font-size:24px}.sitemap-grid ul{list-style:none;margin:0;padding:0}.sitemap-grid li{border-bottom:1px solid var(--linie);padding:10px 0;font-size:13px}.sitemap-grid a{text-decoration:none}.fuss{background:#08121a;border-top:1px solid #294151;padding:75px 0 30px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:60px;border-bottom:1px solid #2a3c49}.footer-top h2{font-size:33px}.footer-top p{font-size:12px}.footer-top>div:last-child{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.footer-phone{font-size:25px;line-height:1.5;text-decoration:none;color:var(--tinte)}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:45px}.footer-grid h3{font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:18px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:8px;line-height:1.6}.footer-grid a{font-size:11px;text-decoration:none;color:#acbfcc}.footer-grid a:hover{color:var(--tinte)}.footer-bottom{margin-top:45px;border-top:1px solid #293b48;padding-top:22px;font-size:10px;color:#95a7b3;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{color:#b5c6d0;text-decoration:none}.mobile-contact{display:none}.karte{border-radius:3px}.ablauf{padding-left:25px}.ablauf li{padding-bottom:15px}.bildpaar img{border-radius:2px}.lesetext{max-width:900px}.lesetext p,.lesetext li{font-size:15px;line-height:1.9}.buehne.knapp{padding:55px 0 60px}.buehne.knapp .anriss{max-width:75ch}.buehne.knapp h1{max-width:30ch;font-size:52px}.buehne::before{content:none}.buehne .huelle{z-index:auto}.preisvergleich,.preis-tabelle{overflow:auto}.kontakt-liste .wert{font-size:19px}.offer-photo:focus-visible{outline-offset:-5px}.raster a.karte{text-decoration:none;color:var(--tinte)}.bildpaar figcaption{font-size:11px}.hero-copy>p{max-width:65ch}.page-hero .hero-copy{min-width:0}
@media(min-width:1150px){.offers-grid .offer-card:first-child{grid-column:span 2;grid-row:span 1;display:grid;grid-template-columns:1.1fr 1fr}.offers-grid .offer-card:first-child .offer-photo img{height:100%;aspect-ratio:auto;min-height:340px}.offers-grid .offer-card:first-child .offer-copy{justify-content:center}.offers-grid .offer-card:first-child h3{font-size:32px}}
@media(max-width:1149px){.kopf nav ul{gap:12px}.marke img{width:155px}.kopf .huelle{gap:16px}.home-hero>.huelle{gap:35px}.home-hero h1{font-size:48px}.home-hero figure img{min-height:480px}.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-intro>.huelle{grid-template-columns:1fr 2fr;gap:35px}.circle-feature>.huelle,.studio-feature>.huelle,.beauty-feature>.huelle{gap:35px}.page-hero.with-image>.huelle{gap:30px}.page-hero h1{font-size:40px}.page-hero .anriss{font-size:15px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:1/-1;flex-direction:row}.price-rows strong{white-space:normal}.price-rows>div{font-size:13px}}
@media(max-width:920px){.kopf .huelle{min-height:76px}.kopf .menue-schalter{display:flex;gap:14px;align-items:center;font-size:12px;border-radius:3px;margin-left:auto}.kopf nav{display:none;position:absolute;top:100%;left:0;right:0;background:#12232f;border-bottom:1px solid #3e5c70;padding:22px var(--masz);max-height:calc(100vh - 110px);overflow:auto}.kopf nav.offen-menue{display:block}.kopf nav ul{display:flex;flex-direction:column;gap:0}.kopf nav a{display:block;padding:11px 0;font-size:16px}.kopf>.huelle>.knopf{margin-left:0}.home-hero>.huelle{gap:27px}.home-hero h1{font-size:42px}.home-hero .hero-copy>p{font-size:14px}.home-hero figure img{min-height:430px}.home-hero .knopfreihe .knopf{width:100%}.hero-foot{font-size:9px}.location-band{font-size:10px}.page-hero.with-image>.huelle{grid-template-columns:1fr 1fr}.page-hero h1{font-size:34px}.page-hero .knopfreihe .knopf{width:100%}.membership-grid{gap:15px}.membership{padding:23px}.price-large{font-size:29px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.sitemap-grid{grid-template-columns:repeat(2,1fr)}.split-copy{gap:35px}.steps-grid{gap:25px}.service-booking>.huelle{gap:30px}}
@media(max-width:680px){body{font-size:15px;padding-bottom:57px}.preview-note{font-size:9px;padding:5px 10px}.preview-note span{display:none}.kopf .huelle{min-height:68px;gap:12px}.marke img{width:144px}.kopf>.huelle>.knopf{display:none}.kopf .menue-schalter{min-height:40px;padding:9px 13px}.home-hero{padding:37px 0 40px}.home-hero>.huelle{grid-template-columns:1fr;gap:30px}.home-hero h1{font-size:clamp(35px,9.7vw,54px);margin:16px 0 22px;line-height:1.08}.home-hero .hero-copy>p{font-size:15px;max-width:50ch}.home-hero .augenmerk{font-size:9px}.home-hero .knopfreihe{margin-top:23px}.home-hero .knopfreihe .knopf{width:auto;font-size:11px;flex:1;padding-inline:12px;white-space:nowrap}.home-hero figure{padding:0}.home-hero figure img{height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:center}.home-hero figcaption{font-size:9px;bottom:13px;left:13px}.hero-foot{margin-top:23px;padding-top:17px;font-size:9px;gap:5px 12px}.location-band .huelle{flex-wrap:wrap;gap:3px 14px}.location-band .huelle span{display:block;width:100%}.location-band a{margin-top:4px}.editorial-intro>.huelle{grid-template-columns:1fr;gap:12px}.editorial-intro h2{font-size:31px}.editorial-intro p{font-size:14px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:28px}.section-heading h2{font-size:31px}.offers-section{padding-top:18px}.offers-grid{grid-template-columns:1fr;gap:25px}.offer-copy{padding:23px}.offer-copy h3{font-size:26px}.offer-copy p{font-size:14px}.offer-meta{font-size:11px}.offer-copy .text-link{font-size:13px}.offer-photo img{aspect-ratio:3/2}.circle-feature>.huelle,.studio-feature>.huelle,.beauty-feature>.huelle{grid-template-columns:1fr;gap:30px}.circle-feature h2,.studio-feature h2,.beauty-feature h2{font-size:32px}.studio-feature>.huelle>figure{order:2}.beauty-feature>.huelle>figure{order:2}.term-section h2{font-size:31px}.term-section p{font-size:14px}.page-hero{padding:26px 0 42px}.page-hero.with-image>.huelle{grid-template-columns:1fr;gap:28px}.page-hero h1{font-size:clamp(30px,8.9vw,42px);max-width:100%;line-height:1.13;hyphens:auto}.page-hero .anriss{font-size:15px;margin-top:19px}.breadcrumbs{margin-bottom:25px;font-size:9px}.page-hero .knopfreihe{gap:10px;margin-top:24px}.page-hero .knopfreihe .knopf{font-size:12px;width:auto;flex:1;white-space:nowrap;padding-inline:10px}.page-hero figure img{aspect-ratio:3/2}.service-booking>.huelle{grid-template-columns:1fr;gap:22px}.service-booking h2{font-size:29px}.booking-actions{gap:10px}.booking-actions .knopf{flex:1;font-size:12px;white-space:nowrap;padding-inline:12px}.fakten{display:grid;grid-template-columns:repeat(2,1fr)}.fakten>div{padding:20px 16px;border-bottom:1px solid var(--linie)}.fakten dd{font-size:23px}.fakten dt{font-size:9px}.fakten small{font-size:10px}.facts-section{padding-bottom:38px}.split-copy{grid-template-columns:1fr;gap:20px}.split-copy p{font-size:14px}.steps-grid{grid-template-columns:1fr;gap:18px}.steps-grid li{padding-top:15px}.steps-grid li>span{margin-bottom:12px}.steps-grid p{margin-bottom:0}.price-rows>div{flex-wrap:wrap;gap:12px}.price-rows>div>span{flex:1;min-width:50%}.price-rows>div>strong{font-size:15px}.price-rows>div>a{width:100%}.membership-grid{grid-template-columns:1fr;gap:20px}.membership{padding:30px}.membership ul{font-size:13px}.membership .text-link{font-size:13px}.price-large{font-size:36px}.booking-grid{grid-template-columns:1fr}.booking-card{padding:26px}.hub-panel{padding:27px;margin-top:27px}.hub-panel h2{font-size:28px}.hub-panel p{font-size:14px}.hub-tabs{gap:8px;margin-bottom:38px}.hub-tabs a{font-size:11px;padding:10px 13px}.booking-card h2{font-size:26px}.booking-card .knopf{font-size:12px}.shop-grid{grid-template-columns:1fr}.shop-card>div{padding:25px}.shop-card h2{font-size:27px}.beauty-overview{grid-template-columns:1fr;gap:35px}.sitemap-grid{grid-template-columns:1fr;gap:35px}.sitemap-grid li{font-size:14px}.footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.footer-top>div:last-child{grid-column:auto;flex-direction:column}.footer-top p{font-size:13px}.footer-top h2{font-size:31px}.footer-phone{font-size:24px}.footer-grid{gap:30px 20px;margin-top:35px}.footer-grid h3{font-size:12px}.footer-grid a{font-size:11px}.footer-bottom{font-size:10px;gap:15px;margin-top:35px}.footer-bottom>span{width:100%}.fuss{padding-top:50px}.mobile-contact{display:flex;position:fixed;z-index:70;bottom:0;left:0;right:0;background:#10222e;border-top:1px solid #3b5567;padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:10px}.mobile-contact a{flex:1;text-align:center;text-decoration:none;font-weight:700;font-size:12px;line-height:36px;color:#daeaf4;border:1px solid #3e6178;border-radius:3px}.mobile-contact a:last-child{color:#082737;background:var(--stahl);border-color:var(--stahl)}.buehne.knapp{padding:38px 0}.buehne.knapp h1{font-size:35px;overflow-wrap:break-word}.studio-feature.huelle{grid-template-columns:1fr;gap:25px}.lesetext p,.lesetext li{font-size:14px}.faq summary{font-size:15px}.faq details{padding:20px 0}.section-heading .text-link{font-size:13px}.kontakt-liste .wert{font-size:18px}.knopfreihe{gap:10px}.buehne.knapp .anriss{font-size:15px}.raster-2,.raster-3{grid-template-columns:1fr}}
.page-hero h1{hyphens:manual}
.zeitmotiv-film{position:relative;isolation:isolate;overflow:hidden;background:#091923;padding-bottom:105px;scroll-margin-top:90px}.zeitmotiv-film>.zeitmotiv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:-2;pointer-events:none}.zeitmotiv-film::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,20,30,.42),rgba(7,20,30,.25) 50%,rgba(7,20,30,.6));pointer-events:none}.zeitmotiv-film .huelle{position:relative}.zeitmotiv-film .leitsatz{color:#d8e4ec}.zeitmotiv-film .leitzusatz{color:#bdcdd8}.zeitmotiv-film .uhr-blatt{fill:#0a1c29;fill-opacity:.85;stroke:#51758c}.zeitmotiv-film .uhrfeld figcaption{color:#c0d1dc}.video-toggle{position:absolute;bottom:25px;right:var(--masz);color:#b8cbd7;background:rgba(9,25,35,.8);border:1px solid #4c6678;padding:9px 13px;font:inherit;font-size:10px;letter-spacing:.03em;cursor:pointer;border-radius:2px}.video-toggle[hidden]{display:none}.video-toggle:disabled{cursor:default;opacity:.65}.video-toggle:focus-visible{outline:2px solid #d4eaf7;outline-offset:4px}
.performance-feature{background:#112834;border-block:1px solid #547484;scroll-margin-top:100px}.performance-feature>.huelle{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}.performance-intro h2{font-size:clamp(32px,3.3vw,46px);line-height:1.14;margin:17px 0 24px}.performance-intro .anriss{font-size:17px;max-width:37ch}.performance-price{display:flex;gap:20px;align-items:center;margin:28px 0 10px}.performance-price>strong{font-size:52px;font-weight:600;letter-spacing:-.04em;color:#edf5fa}.performance-price>span{font-size:12px;line-height:1.7;color:#b8cbd6}.performance-intro .knopf{margin-top:20px}.performance-value{padding:30px;background:#0c1e29;border:1px solid #3d5d70}.performance-badge{display:inline-block;border:1px solid #788985;color:#ddccab;padding:7px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;margin-bottom:23px}.performance-comparison{margin:0}.performance-comparison>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #334b5a;padding:17px 0}.performance-comparison dt{font-size:13px;line-height:1.7;color:#b9cbd6;max-width:29ch}.performance-comparison dd{margin:0;font-size:23px;font-weight:600;white-space:nowrap}.performance-difference{font-size:18px;line-height:1.7;margin:25px 0 20px}.performance-difference strong{color:#e1cc9f}.performance-extras{list-style:none;padding:0;margin:0 0 25px}.performance-extras li{padding:14px 0;border-top:1px solid #334b5a}.performance-extras strong{display:block;color:#e7f2f8;font-size:18px}.performance-extras span{display:block;color:#acbfcc;font-size:12px;line-height:1.9;margin-top:7px}.performance-value .klein{font-size:11px;line-height:1.85;color:#a9bdca}.performance-value .text-link{font-size:12px}.membership-performance{border-color:#a89b7e;background:#1b3543}.membership-performance .performance-badge{margin-bottom:16px}.performance-teaser{border-block:1px solid #4b6674;background:#112834}.performance-teaser>.huelle{display:flex;align-items:center;justify-content:space-between;gap:45px}.performance-teaser h2{font-size:35px;margin-top:13px}.performance-teaser p{max-width:65ch;font-size:14px}.performance-teaser .knopf{flex-shrink:0}
@media(max-width:920px){.performance-feature>.huelle{gap:30px}.performance-value{padding:23px}.performance-teaser>.huelle{display:block}.performance-teaser .knopf{margin-top:15px}}
@media(max-width:680px){.performance-feature>.huelle{grid-template-columns:1fr;gap:30px}.performance-price>strong{font-size:46px}.performance-intro .anriss{font-size:15px}.performance-value{padding:23px}.performance-comparison>div{gap:12px}.performance-comparison dt{font-size:12px}.performance-comparison dd{font-size:20px}.performance-teaser h2{font-size:31px}.performance-intro .knopf{font-size:12px}}
.page-hero:not(.with-image){padding-bottom:35px}.page-hero:not(.with-image)+section{padding-top:35px}
@media(max-width:680px){.price-table{min-width:0;display:block}.price-table thead{display:none}.price-table tbody{display:block}.price-table tbody tr{display:grid;grid-template-columns:1fr 1fr;background:#142834;border:1px solid #304958;margin-bottom:18px;padding:8px 20px 13px}.price-table tbody th{grid-column:1/-1;width:auto;padding:18px 0;font-size:17px}.price-table tbody td{padding:16px 0;border:0;font-size:20px}.price-table tbody td:nth-child(2)::before,.price-table tbody td:nth-child(3)::before{display:block;font-size:10px;letter-spacing:.05em;color:var(--tinte-zart);margin-bottom:4px}.price-table tbody td:nth-child(2)::before{content:'ERSTES MAL'}.price-table tbody td:nth-child(3)::before{content:'DANACH EINZELN'}.price-table tbody td:last-child{grid-column:1/-1;padding:8px 0 13px;font-size:13px}.price-table tbody td:last-child a{display:inline-block;border-bottom:1px solid #56768a;padding:7px 0}}
@media(min-width:1150px){.page-hero.with-image h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Technische Stabilisierung 27.10.: lange deutsche Wörter in Überschriften und Kennzahlen auf schmalen Bildschirmen trennen statt abschneiden. */
@media (max-width:760px){h1,h2,h3,dd{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}

/* Ranking-Sicherung Startseite 27.10.: Bausteine für übernommene Live-Abschnitte (nur Ergänzungen, bestehende Regeln unverändert). */
.person-feature figure img{aspect-ratio:4/5;max-height:620px;object-fit:cover;object-position:center top}
.person-zitat{margin:0 0 22px;padding-left:18px;border-left:2px solid var(--stahl,#7fb6d6);font-size:1.15em;line-height:1.5}
.kontakt-fakten{display:grid;gap:16px;margin:0}
.kontakt-fakten dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.kontakt-fakten dd{margin:4px 0 0}
.price-rows>div>span{flex:1 1 auto;min-width:0}
@media (max-width:760px){.person-feature figure img{max-height:460px}.location-band .huelle{flex-wrap:wrap}}
/* Lesbarkeit 27.10.: Vergleichs- und Bedingungshinweis der Performance-Mitgliedschaft nicht kleiner als 13 px; Links in der Preistabelle erkennbar. */
.performance-value .klein{font-size:13px;line-height:1.7}
.price-table th a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* =========================================================================
   COOL DOWN · Veredelung der Startseite (Konzept 27.10.2026)
   Wird NACH /assets/design.css geladen und setzt auf dessen Klassen auf.
   Kein Neustart: Farbsystem Navy/Eisblau + sparsames Gold bleibt, dazu ein
   warmer Lichtton als Gegenpol. Keine cremefarbenen/beigen Flächen und keine
   kontrastreiche Serifenschrift (gehören zu cd-beautylounge.de).
   Regeln: nichts, was Title/H1/Text versteckt; Bewegung nur mit
   prefers-reduced-motion: no-preference; keine Fremdanfragen (Grain = data-URI).
   Gliederung
     0  Tokens
     1  Typografie (Skala, Zeilenlängen, Mindestgrößen)
     2  Kapitel-System (.kapitel …) + Reise-Fortschritt
     3  Kapitel-Varianten (warm, Moment, leise, Bild im Anschnitt)
     4  Bildbehandlung (Farbangleich, warme Überlagerung, Korn)
     5  Bestehende Bausteine nachgeschärft
     6  Bewegung (nur ohne reduzierte Bewegung)
     7  Variante A: zweite Textschrift Lato (vorbereitet, standardmäßig aus)
   ========================================================================= */

/* ---------- 0 · Tokens ---------------------------------------------------- */
:root{
  /* Navy-Stufen (900 = bisheriges --papier) */
  --navy-950:#08131b;   /* Tiefster Grund: Moment, Wer dahintersteht, Fuß */
  --navy-900:#0d1922;   /* Seitengrund */
  --navy-850:#14242f;   /* Wechselgrund (bisher .hell / --karte) */
  --navy-800:#1b303d;   /* Fläche auf Fläche (Karten in .hell) */
  --navy-700:#2b3d49;   /* Haarlinien */
  --navy-600:#3b5363;   /* Haarlinien betont, Kartenrand */
  /* Eis */
  --eis:#80bbdb;        /* Akzent: Links, Hauptknopf (= --stahl) */
  --eis-hell:#b9dcee;   /* Hover, Zahlen in Tabellen */
  /* Licht – warm, nur als Licht, nie als Fläche */
  --licht:#ecc99a;      /* Hervorhebung in Text, hellster Punkt */
  --licht-satt:#e0ae6c; /* Verlauf-Kern in Überlagerungen */
  --licht-glut:rgba(224,174,108,.16); /* Glimmen hinter Bildern/Kapiteln */
  /* Gold – rationiert: Kapitelnummern, eine Linie je Bildschirm, Sterne */
  --gold:#d8a32b;
  /* Tinte (unverändert aus design.css) */
  --tinte:#edf3f7; --tinte-weich:#b4c2cc; --tinte-zart:#a1b0bb;
  /* Typo */
  --schrift-anzeige:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --schrift-text:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif; /* Variante A: siehe §7 */
  --zeile-text:64ch;    /* Fließtext */
  --zeile-leise:38ch;   /* Leise Kapiteltexte, groß gesetzt */
  /* Rhythmus */
  --kapitel-abstand:clamp(88px,11vw,168px);
  --abschnitt-abstand:clamp(56px,7vw,104px);
  /* Bewegung */
  --ease-ruhig:cubic-bezier(.22,1,.36,1);   /* Annäherung an Feder 190/26 */
  --dauer-titel:900ms; --dauer-inhalt:700ms; --versatz-zeile:90ms;
}

/* ---------- 1 · Typografie ------------------------------------------------ */
body{font-family:var(--schrift-text);font-size:17px;line-height:1.7;font-weight:400;
  font-feature-settings:"pnum" 1;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--schrift-anzeige);text-wrap:balance}
/* H1 bleibt Wortlaut und Größe; nur ruhiger geschnitten (700 statt 800, weniger eng) */
.home-hero h1{font-weight:700;letter-spacing:-.03em}
h2{font-weight:600;letter-spacing:-.02em;line-height:1.14}
h3{font-weight:600;letter-spacing:-.01em}
p{text-wrap:pretty;max-width:var(--zeile-text)}
/* Zahlen, Preise, Zeiten: Tabellenziffern – ruhige Spalten */
.preis,.price-large,.price-rows strong,.offer-meta,.kapitel-nummer,.fakten dd,.dauer{font-variant-numeric:tabular-nums}
/* Mindestgrößen: nichts unter 12 px; Lesetext nie unter 15 px (Handy) / 16 px */
.augenmerk,.home-hero .augenmerk,.offer-copy .augenmerk{font-size:12px;letter-spacing:.16em;font-weight:600}
.hero-foot{font-size:13px}
.location-band{font-size:13px}
.offer-meta{font-size:13px}
.offer-copy p,.studio-feature p,.circle-feature p,.beauty-feature p,.steps-grid p,.split-copy p{font-size:16px;line-height:1.75}
.editorial-intro p,.term-section p{font-size:17px}
.price-rows>div{font-size:15px}
.price-rows a{font-size:14px}
.membership ul{font-size:15px;line-height:1.7}
.membership .text-link,.offer-copy .text-link,.section-heading .text-link{font-size:14px}
.performance-badge{font-size:12px}
.performance-teaser p{font-size:16px}
.klein{font-size:14px}
.circle-path span,.kontakt-fakten dt{font-size:12px;letter-spacing:.12em}
.home-hero .knopfreihe .knopf{font-size:14px}
@media (max-width:680px){
  body{font-size:16px}
  .home-hero .augenmerk{font-size:12px;letter-spacing:.08em}
  .hero-foot,.location-band,.offer-meta{font-size:13px}
  .offer-copy p,.steps-grid p,.editorial-intro p,.term-section p{font-size:16px}
  /* „20 HBO-Anwendun-gen." – auf dem Handy keine Silbentrennung in Überschriften */
  h1,h2,h3{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}
}

/* ---------- 2 · Kapitel-System -------------------------------------------- */
/* .kapitel umschließt eine oder mehrere bestehende <section>. Die Sections
   behalten Inhalt und Klassen; ihr Hintergrund kommt vom Kapitel. */
.kapitel{position:relative;padding-block:var(--kapitel-abstand) 0;background:var(--kapitel-grund,var(--navy-900));
  scroll-margin-top:88px;isolation:isolate}
#kapitel-kontakt{padding-bottom:var(--kapitel-abstand)}
.kapitel>section{background:transparent;padding-block:var(--abschnitt-abstand)}
.kapitel>section:first-of-type{padding-top:0}
.kapitel>section.hell{background:transparent}
.kapitel>section+section{border-top:1px solid color-mix(in srgb,var(--navy-700) 70%,transparent)}
.kapitel+.kapitel{border-top:0}
/* Kapitelkopf: Nummer · Name · Haarlinie bis zum Rand */
.kapitel-kopf{display:flex;align-items:center;gap:18px;margin:0 auto clamp(28px,4vw,48px);
  max-width:var(--breite);padding-inline:var(--masz)}
.kapitel-kopf::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--navy-600),transparent)}
.kapitel-nummer{font:500 13px/1 var(--schrift-anzeige);letter-spacing:.14em;color:var(--gold)}
.kapitel-name{font:600 12px/1 var(--schrift-anzeige);letter-spacing:.2em;text-transform:uppercase;color:var(--tinte-zart)}
.kapitel-titel{font-size:clamp(32px,4.2vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.025em;max-width:18ch}
.kapitel-titel .zeile{display:block}          /* von reise.js gesetzt */
.kapitel-titel em{font-style:normal;color:var(--licht)}  /* ein warmes Wort je Titel, höchstens */

/* Reise-Fortschritt – nur mit JS sichtbar (.ist-aktiv) */
.reise-fortschritt{display:none}
.reise-fortschritt ol{list-style:none;margin:0;padding:0}
.reise-fortschritt.ist-aktiv{display:block;position:fixed;z-index:40;--reise:0}
/* Erst sichtbar, wenn das erste Kapitel erreicht ist (reise.js: .hat-kapitel) */
.reise-fortschritt.ist-aktiv:not(.hat-kapitel){opacity:0;visibility:hidden}
@media (min-width:1180px){
  /* Desktop: senkrechte Striche im linken Seitenrand (≥ 64 px frei), darunter
     der Name des aktuellen Kapitels, senkrecht gesetzt. Kein Kasten, kein Glas. */
  .reise-fortschritt.ist-aktiv{left:22px;top:50%;transform:translateY(-50%);transition:opacity .4s,visibility .4s}
  .reise-fortschritt ol{display:flex;flex-direction:column;gap:2px}
  .reise-fortschritt li{position:relative}
  .reise-fortschritt a{display:block;width:26px;height:16px;position:relative;text-decoration:none}
  .reise-fortschritt a::before{content:"";position:absolute;left:0;top:7px;width:12px;height:1px;background:var(--navy-600);
    transition:width .3s,background-color .3s}
  .reise-fortschritt a[aria-current]::before{width:24px;background:var(--gold)}
  .reise-fortschritt a:hover::before,.reise-fortschritt a:focus-visible::before{width:24px;background:var(--eis)}
  .reise-fortschritt .nr,.reise-fortschritt .name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .reise-fortschritt a[aria-current] .name{left:32px;top:2px;width:auto;height:auto;clip:auto;overflow:visible;
    writing-mode:vertical-rl;font:600 11px/1 var(--schrift-anzeige);letter-spacing:.18em;text-transform:uppercase;color:var(--tinte-zart)}
}
@media (max-width:1179px){
  /* Handy/Tablet: nur eine 2-px-Linie ganz oben, Links bleiben für Screenreader */
  .reise-fortschritt.ist-aktiv{left:0;right:0;top:0;height:2px;pointer-events:none}
  .reise-fortschritt.ist-aktiv::before{content:"";position:absolute;inset:0;background:var(--gold);opacity:.85;
    transform-origin:0 50%;transform:scaleX(var(--reise))}
  .reise-fortschritt.ist-aktiv a{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media print{.reise-fortschritt{display:none!important}}

/* ---------- 3 · Kapitel-Varianten ---------------------------------------- */
/* Wechselnde Gründe statt Streifen-Alternanz: jede Farbe hat eine Aufgabe */
#kapitel-alltag{--kapitel-grund:var(--navy-900)}
#kapitel-entscheidung{--kapitel-grund:var(--navy-850)}
#kapitel-ankommen{--kapitel-grund:var(--navy-900)}
#kapitel-moment{--kapitel-grund:var(--navy-950)}
#kapitel-danach{--kapitel-grund:var(--navy-900)}
#kapitel-dranbleiben{--kapitel-grund:var(--navy-850)}
#kapitel-ausgangslage{--kapitel-grund:var(--navy-900)}
#kapitel-wer{--kapitel-grund:var(--navy-950)}
#kapitel-kontakt{--kapitel-grund:var(--navy-850)}

/* a) Leise: große, ruhige Typo, kein Bild, viel Luft (Alltag, Danach) */
.kapitel-leise{max-width:var(--breite);margin-inline:auto;padding-inline:var(--masz)}
.kapitel-leise p{font-size:clamp(20px,2.1vw,27px);line-height:1.5;font-weight:300;color:var(--tinte);max-width:var(--zeile-leise);letter-spacing:-.005em}
.kapitel-leise p+p{margin-top:.9em}
.kapitel-leise p strong{font-weight:500;color:var(--licht)}
@media (min-width:1000px){.kapitel-leise{padding-left:calc(var(--masz) + 8.333%)}}

/* b) Warm: Licht kommt von oben links wie die Wandleuchten am Empfang */
.kapitel--warm{background:
  radial-gradient(70% 55% at 12% 0%,var(--licht-glut),transparent 70%),
  var(--kapitel-grund,var(--navy-900))}

/* c) Bild im Anschnitt: läuft auf einer Seite bis an den Bildschirmrand */
.kapitel-bild{position:relative;margin:0;overflow:hidden}
.kapitel-bild img{width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){
  .kapitel-bild--rechts{margin-right:calc(-1 * max(var(--masz),(100vw - var(--breite)) / 2 + var(--masz)))}
  .kapitel-bild--links{margin-left:calc(-1 * max(var(--masz),(100vw - var(--breite)) / 2 + var(--masz)))}
  .kapitel-bild--hoch img{aspect-ratio:4/5}
  .kapitel-bild--breit img{aspect-ratio:21/9}
}
@media (max-width:999px){.kapitel-bild{margin-inline:calc(-1 * var(--masz))}.kapitel-bild img{aspect-ratio:4/3}}
/* Bildausschnitte: dorthin, wo das Licht ist */
.kapitel-bild img[src*="retuschen/studio"]{object-position:58% 38%}   /* Wandleuchten + Sofa */
.kapitel-bild img[src*="retuschen/hbo-innen"]{object-position:72% 60%} /* Sessel, nicht Bildschirm */
.kapitel-bild img[src*="retuschen/hbo."]{object-position:30% 55%}     /* Kammer, ohne Gerät daneben */
.kapitel-bild img[src*="retuschen/scanner"]{object-position:62% 50%}  /* Scanner, Flügel angeschnitten */
.kapitel-bild img[src*="portraet"]{object-position:50% 18%}
/* Bildunterschrift: kein Glas, ruhige Zeile unter dem Bild */
.kapitel-bild figcaption{padding:12px var(--masz) 0 0;font-size:13px;color:var(--tinte-zart);letter-spacing:.02em}

/* d) Der Moment: Vollbild-Band, Frost-Licht (frost-licht.js) oder CSS-Fallback */
.kapitel-moment{min-height:min(88vh,860px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  padding-block:var(--kapitel-abstand)}
.kapitel-moment>*{width:100%}
.kapitel-moment::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(34% 44% at 70% 42%,rgba(236,201,154,.42),rgba(138,112,85,.18) 45%,transparent 72%),
    radial-gradient(60% 60% at 30% 70%,rgba(44,74,94,.35),transparent 70%),
    var(--navy-950)}
.kapitel-moment>canvas.frostlicht{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:block;
  opacity:0;transition:opacity 1.6s ease}
.kapitel-moment.frostlicht-an>canvas.frostlicht{opacity:1}
/* Lesbarkeit: Schleier auf der Textseite (Text links/unten, Licht rechts/oben) */
.kapitel-moment::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,19,27,.78) 0%,rgba(8,19,27,.45) 42%,rgba(8,19,27,0) 70%)}
@media (max-width:760px){
  .kapitel-moment{justify-content:flex-end;min-height:92vh}
  .kapitel-moment::after{background:linear-gradient(180deg,rgba(8,19,27,0) 25%,rgba(8,19,27,.82) 62%,rgba(8,19,27,.94) 100%)}
}
.kapitel-moment .kapitel-titel{font-size:clamp(36px,5.4vw,76px);font-weight:500;letter-spacing:-.03em;max-width:14ch}
.moment-fakten{display:flex;flex-wrap:wrap;gap:8px 28px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid rgba(236,201,154,.35);
  list-style:none;font-size:15px;color:var(--tinte-weich)}
.moment-fakten b{color:var(--tinte);font-weight:600}

/* ---------- 4 · Bildbehandlung ------------------------------------------- */
/* Ein gemeinsamer Ton für alle Fotos: etwas weniger Sättigung, Tiefen leicht
   angehoben, kein Weiß über 96 %. Dazu Einzelkorrekturen gegen die
   Farbtemperatur-Sprünge (weiße Tageslicht-Räume vs. blaue/rote Räume). */
.home-hero figure img,.offer-photo img,.circle-feature figure img,.studio-feature figure img,
.beauty-feature figure img,.person-feature figure img,.kapitel-bild img{
  filter:saturate(.86) contrast(1.03) brightness(.97)}
img[src*="retuschen/kaelte"]{filter:saturate(.74) contrast(1.04) brightness(.96)}        /* Neonblau zähmen */
img[src*="retuschen/mcs"]{filter:saturate(.68) contrast(1.02) brightness(.92)}          /* Rotlicht zähmen */
img[src*="retuschen/chair"],img[src*="retuschen/liposana"],img[src*="retuschen/beauty"]{
  filter:saturate(.8) sepia(.07) contrast(1.02) brightness(.94)}                        /* kühles Tageslicht wärmen */
img[src*="retuschen/scanner"]{filter:saturate(.72) contrast(1.03) brightness(.95)}      /* Flügel-Wandbild zurücknehmen */
img[src*="retuschen/studio"],img[src*="portraet"]{filter:saturate(.92) contrast(1.02)}  /* schon warm */

/* Warme Lichtkante + Korn als Überlagerung (rein dekorativ, pointer-events:none) */
.home-hero figure,.offer-photo,.circle-feature figure,.studio-feature figure,.beauty-feature figure,
.person-feature figure,.kapitel-bild{position:relative}
.home-hero figure::after,.circle-feature figure::after,.studio-feature figure::after,
.person-feature figure::after,.kapitel-bild::after,.offer-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(200deg,rgba(236,201,154,.10) 0%,rgba(236,201,154,0) 38%),
    linear-gradient(0deg,rgba(8,19,27,.28) 0%,rgba(8,19,27,0) 30%);
  background-size:160px 160px,100% 100%,100% 100%;
  mix-blend-mode:soft-light;opacity:.9}
/* Hero-Bildunterschrift: satte Fläche statt Glas (kein backdrop-filter) */
.home-hero figcaption{z-index:1;background:var(--navy-950);backdrop-filter:none;-webkit-backdrop-filter:none;
  font-size:12px;letter-spacing:.02em;color:var(--tinte-weich);padding:8px 12px}
/* Kein Glas im Kopf: satte Fläche statt Unschärfe */
.kopf{background:rgba(13,25,34,.97);backdrop-filter:none;-webkit-backdrop-filter:none}

/* ---------- 5 · Bestehende Bausteine nachgeschärft ----------------------- */
/* Ortsband: ruhiger, Stern in Gold */
.location-band{background:var(--navy-950);border-block:1px solid var(--navy-700);color:var(--tinte-weich)}
/* Einleitung (01 Alltag) als leises Kapitel */
.editorial-intro h2{font-size:clamp(32px,4.2vw,58px);font-weight:600;max-width:16ch}
.editorial-intro p{font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:var(--tinte-weich);max-width:52ch}
/* Anwendungen (02 Entscheidung): Karten ohne Kastenrand, Haarlinie oben */
.offer-card{background:transparent;border:0;border-top:1px solid var(--navy-600)}
.offer-copy{padding:22px 0 0}
.offer-card:hover img{transform:scale(1.02)}
@media (min-width:1150px){.offers-grid .offer-card:first-child .offer-copy{padding:0 0 0 clamp(24px,3vw,48px)}}
/* Handy: horizontale Karten statt 4.900 px Liste – Inhalt bleibt komplett im DOM */
@media (max-width:680px){
  .kapitel .offers-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--masz);
    margin-inline:calc(-1 * var(--masz));padding-inline:var(--masz);padding-bottom:12px;scrollbar-width:thin}
  .kapitel .offers-grid>.offer-card{scroll-snap-align:start}
  .kapitel .offers-grid:focus-visible{outline:2px solid var(--eis);outline-offset:4px}
}
/* Einzelpreise: wie eine Karte im Hotel – Zeile, Haarlinie, Zahl rechts */
.price-rows>div{border-top:1px solid var(--navy-700);padding:22px 0}
.price-rows>div:last-child{border-bottom:1px solid var(--navy-700)}
.price-rows strong{font-size:20px;font-weight:600;color:var(--tinte)}
/* Ankommen (03): Studio-Bild groß, Schritte darunter mit Gold-Nummern */
.steps-grid li{border-top:1px solid var(--navy-600)}
.steps-grid li>span{font:500 13px/1 var(--schrift-anzeige);letter-spacing:.14em;color:var(--gold)}
/* Dranbleiben (06): Mitgliedschaften ohne schwere Kästen */
.membership{background:transparent;border:0;border-top:1px solid var(--navy-600);padding:28px 0 0}
.membership-performance{background:transparent;border-top:2px solid var(--gold);padding-top:27px}
.performance-badge{border-color:rgba(216,163,43,.55);color:var(--licht)}
.performance-teaser{background:transparent;border-block:1px solid var(--navy-700)}
.price-large{font-weight:600;letter-spacing:-.02em}
/* Ausgangslage (07): Karten flach */
.raster-2>.karte{background:transparent;border:0;border-top:1px solid var(--navy-600);border-radius:0;padding:24px 0 0}
/* Wer dahintersteht (08): Zitat in heller, leichter Schrift, Goldlinie */
.person-zitat{border-left:2px solid var(--gold);padding-left:22px;font-size:clamp(21px,2.2vw,28px);font-weight:300;line-height:1.45;color:var(--tinte)}
.person-feature figure img{aspect-ratio:4/5}
/* Kontakt (09): Kontaktliste groß und ruhig */
.kontakt-fakten dd{font-size:18px}
/* Knöpfe: etwas weicher (3 px → 2 px Radius bleibt eckig-ruhig), keine Hüpfbewegung */
.knopf:hover{transform:none}
.knopf-voll{background:var(--eis);color:var(--navy-900)}
.knopf-voll:hover{background:var(--eis-hell)}
/* Hinweis: ↗ → ★ fehlen in der Montserrat-Teilmenge und fallen auf die
   Systemschrift zurück. Lösung im Build: Teilmenge neu schneiden inkl.
   U+2190–2199, U+2605 (siehe design-konzept.md §2). */

/* ---------- 6 · Bewegung ------------------------------------------------- */
/* Prinzip 1 – Kapitel-Einblendung (reise.js setzt .wartet nur auf Kapitel
   UNTER dem ersten Bildschirm; ohne JS existiert die Klasse nie). */
@media (prefers-reduced-motion:no-preference){
  .kapitel.wartet .kapitel-titel .zeile{opacity:0;filter:blur(10px)}
  .kapitel.wartet .kapitel-kopf,.kapitel.wartet .kapitel-einblenden{opacity:0;transform:translateY(14px)}
  .kapitel.da .kapitel-titel .zeile{
    transition:opacity 520ms var(--ease-ruhig),filter var(--dauer-titel) var(--ease-ruhig);
    transition-delay:calc(var(--i,0) * var(--versatz-zeile) + 120ms)}
  .kapitel.da .kapitel-kopf{transition:opacity 600ms var(--ease-ruhig),transform 600ms var(--ease-ruhig)}
  .kapitel.da .kapitel-einblenden{transition:opacity var(--dauer-inhalt) var(--ease-ruhig) 260ms,transform var(--dauer-inhalt) var(--ease-ruhig) 260ms}
  /* Prinzip 2 – Reise-Fortschritt: weiche Linie */
  .reise-fortschritt.ist-aktiv::before{transition:transform 600ms var(--ease-ruhig)}
  /* Prinzip 3 – Licht durch Frost: siehe frost-licht.js (Canvas-Einblendung oben) */
}
@media (prefers-reduced-motion:reduce){
  .kapitel-moment>canvas.frostlicht{transition:none}
  .offer-photo img{transition:none}
}

/* ---------- 7 · Variante A: Lato als Textschrift (vorbereitet) ------------
   Aktivieren, sobald die Dateien selbst gehostet unter /schriften/ liegen
   (Google Fonts / OFL, Teilmenge latin + latin-ext, je ca. 23–26 KB):
     lato-400.woff2, lato-400-italic.woff2, lato-700.woff2
   Dann die drei @font-face-Blöcke einkommentieren und die Token-Zeile setzen.
   Nicht vorladen (preload) – das LCP-Element ist das Hero-Bild.

@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('/schriften/lato-400.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url('/schriften/lato-400-italic.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('/schriften/lato-700.woff2') format('woff2')}
@font-face{font-family:'Lato Ersatz';src:local('Arial');size-adjust:97%;ascent-override:101%;descent-override:22%}
:root{--schrift-text:'Lato','Lato Ersatz',system-ui,-apple-system,'Segoe UI',sans-serif}
.person-zitat{font-family:var(--schrift-text);font-style:italic;font-weight:400}
   ------------------------------------------------------------------------- */

/* --- Kapitel-Umsetzung im Generator (27.10.2026, Ergänzung zur Veredelung) --- */
.kapitel-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.kapitel-split--rechts{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.kapitel-leise--innen{padding:0!important;max-width:none}
.kapitel-moment .huelle{position:relative;z-index:1}
.moment-text{font-size:clamp(19px,1.8vw,23px);line-height:1.6;font-weight:300;color:var(--tinte);max-width:44ch}
.kapitel-fortsetzung{--kapitel-grund:var(--navy-950);padding-top:var(--abschnitt-abstand)}
.erster-schritt{text-align:center}
.erster-schritt .kapitel-titel,.erster-schritt p{margin-inline:auto}
.erster-schritt .knopfreihe{justify-content:center}
.kapitel .zeitmotiv-film{margin-block:var(--abschnitt-abstand)}
@media (max-width:999px){.kapitel-split,.kapitel-split--rechts{grid-template-columns:1fr}.kapitel-split--rechts .kapitel-bild{order:2}}
/* Lange deutsche Wörter in Seitentiteln auf dem Handy trennen statt abschneiden (H1),
   Kapitel- und Zwischentitel brechen nur im Notfall um. */
@media (max-width:760px){h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}h2,h3{overflow-wrap:break-word}}
/* Reise-Leiste am linken Rand (≥ 1180 px) nicht über angeschnittenen Bildern: links 72 px frei lassen */
@media (min-width:1180px){.kapitel-bild--links{margin-left:calc(-1 * max(var(--masz),(100vw - var(--breite)) / 2 + var(--masz)) + 72px)}}

/* ── Angebot oben · Winteraktion (27.10.2026) ── */
.home-hero--angebot{padding-top:48px}
.aktion{margin:4px 0 26px;padding:24px 26px 20px;border:1px solid #3e6178;border-left:3px solid var(--gold);background:linear-gradient(180deg,#172b39,#11212c);border-radius:var(--radius)}
.aktion-band{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.aktion-titel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;font-size:clamp(21px,1.9vw,27px);line-height:1.2}
.aktion-titel strong{font-size:clamp(46px,4.4vw,66px);line-height:1;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.aktion-liste{list-style:none;margin:0 0 18px;padding:0;font-size:15px;line-height:1.65;color:var(--tinte-weich)}
.aktion-liste li{padding-left:20px;position:relative}
.aktion-liste li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1px;background:var(--stahl)}
.home-hero .aktion .knopfreihe{margin-top:0}
.aktion-klein{margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--tinte-zart)}
.vorteile-band{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);background:var(--karte)}
.vorteile-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.vorteile-band li{padding:18px 18px;border-left:1px solid var(--linie)}
.vorteile-band li:first-child{border-left:0;padding-left:0}
.vorteile-band b{display:block;font-size:16px;color:var(--tinte);line-height:1.35}
.vorteile-band span{display:block;font-size:13px;color:var(--tinte-zart);line-height:1.5}
.vorteile-band a{text-decoration:none;color:inherit;display:block}
.vorteile-band a:hover b,.vorteile-band a:focus-visible b{text-decoration:underline}
.erst-angebote{padding:72px 0 44px}
.erst-raster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.erst-karte{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 20px 20px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius)}
.erst-karte h3{font-size:20px;margin:0;line-height:1.25;overflow-wrap:break-word;hyphens:auto}
.erst-karte h3 a{color:inherit;text-decoration:none}
.erst-karte h3 a:hover{text-decoration:underline}
.erst-preis{margin:4px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.erst-preis strong{font-size:34px;line-height:1;color:#fff}
.erst-preis span{font-size:13px;color:var(--tinte-zart)}
.erst-karte .klein{flex:1;margin:0}
.erst-karte .knopf{align-self:flex-start;margin-top:6px}
.erst-karte--aktion{border-color:var(--gold)}
.erst-marke{position:absolute;top:-11px;left:18px;padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:#10202b;border-radius:2px}
@media(max-width:1149px){.erst-raster{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.vorteile-band ul{grid-template-columns:repeat(3,minmax(0,1fr))}.vorteile-band li:nth-child(4){border-left:0;padding-left:0}}
@media(max-width:680px){.home-hero--angebot{padding-top:30px}.aktion{padding:20px 18px 16px;margin:0 0 20px}.aktion-titel{font-size:19px}.aktion-titel strong{font-size:44px}.aktion-liste{font-size:14px}.home-hero .aktion .knopfreihe .knopf{white-space:normal;flex:1 1 100%}.vorteile-band ul{grid-template-columns:1fr 1fr;column-gap:16px}.vorteile-band li,.vorteile-band li:first-child,.vorteile-band li:nth-child(4){border-left:0;padding:14px 0;border-top:1px solid var(--linie)}.vorteile-band li:nth-child(-n+2){border-top:0}.vorteile-band li:last-child{grid-column:1/-1}.erst-angebote{padding:48px 0 24px}.erst-raster{grid-template-columns:1fr;row-gap:22px}.erst-karte{padding:22px 18px 18px}}

/* ════════════════════════════════════════════════════════════════
   THEME „hell, warm, Serifen“ · Webseitenentwurf 28.10.2026
   Vorbild-Analyse: Dokument 267. Dunkle Abschnitte setzen ihre Farb-
   Token lokal um (.dunkel-Bereiche), alles andere folgt den Token.
   ════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Cormorant';font-weight:500;font-style:normal;font-display:swap;src:url('/schriften/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-weight:500;font-style:italic;font-display:swap;src:url('/schriften/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-weight:600;font-style:normal;font-display:swap;src:url('/schriften/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-weight:300 700;font-display:swap;src:url('/schriften/montserrat.woff2') format('woff2')}
:root{--papier:#f3eee6;--karte:#faf7f2;--karte-hoch:#ebe4d9;--tinte:#14212b;--tinte-weich:#46545e;--tinte-zart:#56636d;--stahl:#14212b;--linie:#d6ccbd;--gold:#8a6220;--gold-hell:#d8a32b;--eis:#2b6688;--navy:#0f1d27;--navy-2:#162a37;--schrift-anzeige:'Cormorant',Georgia,'Times New Roman',serif;--schrift-text:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif}
html,body{background:var(--papier);color:var(--tinte)}
body{font-family:var(--schrift-text);font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,.kapitel-titel{font-family:var(--schrift-anzeige);font-weight:500;letter-spacing:-.01em;color:var(--tinte)}
h1{font-weight:500!important;letter-spacing:-.015em!important;line-height:1!important}
h2{line-height:1.05}
h3{font-weight:600}
p,li,dd,td,th{color:inherit}
.augenmerk,.kapitel-name,.breadcrumbs{color:var(--gold)!important}
.kapitel-nummer{color:var(--gold)}
a{color:inherit}
.text-link{color:var(--tinte);border-color:var(--tinte)}
/* Knöpfe: eckig, Versalien, Navy */
/* Kopf und Vorschau-Hinweis */
.preview-note{background:#fff6df;color:#5b4a1f}
.kopf,.kopf.ist-gescrollt{background:rgba(243,238,230,.97)!important;border-bottom:1px solid var(--linie)}
.kopf nav a{color:var(--tinte)}
.kopf .menue-schalter{color:var(--tinte);border-color:var(--linie)}
.marke img{filter:invert(1) brightness(.22)}
@media(max-width:920px){.kopf nav{background:var(--papier)!important;border-bottom:1px solid var(--linie)!important}}
/* helle Flächen */
.hell,.service-booking,.hub-panel,.booking-card,.karte,.price-table tbody tr,.membership,.offer-copy,.shop-card>div{background:var(--karte)!important;border-color:var(--linie)!important;color:var(--tinte)}
.hell{background:var(--karte-hoch)!important}
.hub-tabs a{background:var(--karte)!important;color:var(--tinte)!important;border-color:var(--linie)!important}
.location-band{background:var(--karte-hoch);border-color:var(--linie);color:var(--tinte-weich)}
.home-hero figcaption,.page-hero figcaption{background:rgba(250,247,242,.92)!important;color:var(--tinte)!important}
.faq details{border-color:var(--linie)}
.price-rows>div{border-color:var(--linie)}
/* dunkle Bereiche: Token lokal auf hell-auf-dunkel umstellen */
.fuss,.zeitmotiv-film,.performance-feature,.performance-teaser,.membership-performance,.kapitel-moment,.vorteile-band,.aktion,.mobile-contact,.dunkel{--tinte:#eef3f6;--tinte-weich:#b9c8d2;--tinte-zart:#a9b9c4;--linie:#2c4150;--gold:#d8a32b;--stahl:#cfe3ef;--karte:#162a37;color:var(--tinte)}
.fuss{background:var(--navy)!important}
.vorteile-band{background:var(--navy)!important;border-color:#2c4150!important}
.aktion{background:var(--navy)!important;border:0!important;border-left:3px solid var(--gold-hell)!important}
.performance-feature,.performance-teaser,.membership-performance{background:var(--navy)!important}
.fuss h2,.fuss h3,.zeitmotiv-film h2,.performance-feature h2,.performance-teaser h2,.membership-performance h3,.kapitel-moment h2,.aktion h2,.vorteile-band b{color:#fff}
.fuss .marke img,.fuss img[src*="logo"]{filter:none}
.mobile-contact{background:var(--navy)!important}
.mobile-contact a:last-child{background:var(--papier)!important;color:var(--navy)!important;border-color:var(--papier)!important}
/* Erstangebote mit Bild */
.erst-karte{background:var(--karte)!important;border:1px solid var(--linie)!important;padding:0!important;overflow:hidden}
.erst-karte .erst-bild{margin:0;aspect-ratio:4/5;overflow:hidden}
.erst-karte .erst-bild img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.erst-karte:hover .erst-bild img{transform:scale(1.035)}
.erst-karte .erst-text{padding:18px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.erst-karte h3{font-size:25px!important}
.erst-preis strong{font-family:var(--schrift-anzeige);font-weight:500;color:var(--tinte)!important;font-size:38px!important}
.erst-marke{top:12px!important;left:12px!important;z-index:2}
.erst-karte--aktion{border-color:var(--gold)!important}
/* Kopfbereich */
.home-hero{background:var(--papier)}
.home-hero h1{font-size:clamp(52px,6.2vw,96px)!important}
.home-hero .unterzeile{font:italic 500 clamp(24px,2.4vw,36px)/1.15 var(--schrift-anzeige);color:var(--gold);margin:-6px 0 22px}
.home-hero figure video,.home-hero figure img{width:100%;height:100%;object-fit:cover}
.aktion-titel{font-family:var(--schrift-anzeige);font-weight:500}
.aktion-titel strong{font-family:var(--schrift-anzeige);font-weight:500}
/* Kapitel */
.kapitel{background:transparent}
.kapitel--warm{background:var(--karte-hoch)!important}
.kapitel-moment{background:var(--navy)!important}
.steps-grid li>span{color:var(--gold)}
.membership{border:1px solid var(--linie)!important}
.price-large{font-family:var(--schrift-anzeige);font-weight:500}
.ki-hinweis{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-left:8px}
.home-hero .hero-film{position:relative;overflow:hidden}
.home-hero .hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:1}
.home-hero .hero-film .hero-standbild{object-position:60% 50%}
.home-hero .hero-film figcaption{z-index:2}
@media(prefers-reduced-motion:reduce){.home-hero .hero-film video,.moment-film video{display:none}}
.moment-film{margin:34px auto 30px;max-width:880px;position:relative}
.moment-film video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0b1720 url('/bilder/retuschen/ki-kaelte-schritt.jpg') center/cover}
.moment-film figcaption{font-size:12px;color:var(--tinte-zart);margin-top:10px}
.bildhinweis{font-size:12px;color:var(--tinte-zart);padding-top:24px;padding-bottom:24px}
.home-hero .hero-copy>p.unterzeile{font:italic 500 clamp(24px,2.4vw,36px)/1.15 var(--schrift-anzeige)!important;color:var(--gold)!important;margin:-4px 0 26px!important;max-width:none!important}
.offer-meta,.offer-copy .offer-meta,.offers-grid .klein{color:var(--tinte-zart)!important}
.offers-grid .offer-copy{padding:22px 20px 18px!important}
.offers-grid .offer-copy .text-link{margin-left:0}
.beauty-links a{color:var(--tinte)!important;border-color:var(--linie)!important}
:root{--gold:#77541a}
.fakten>div{background:var(--karte)!important;border-color:var(--linie)!important;color:var(--tinte)}
.fakten dd small,.fakten dt{color:var(--tinte-weich)!important}
.karte h3,a.karte h3{color:var(--tinte)!important}
.erst-marke{background:var(--gold-hell)!important;color:#14212b!important}
.fuss,.zeitmotiv-film,.performance-feature,.performance-teaser,.membership-performance,.kapitel-moment,.vorteile-band,.aktion,.mobile-contact,.dunkel{--gold:#d8a32b}
.price-table td a,.hub-tabs a{font-size:12px!important}
.membership{padding:30px 26px!important}
.membership .augenmerk{display:block;margin-bottom:6px}

/* ════════════════════════════════════════════════════════════════
   ÜBERARBEITUNG 29.10.2026 · Knöpfe, Bewegung, Kopfbild, Anwendungen,
   Circle-Kreis, Laufzeit-Umschalter, Anfahrt (Bericht: Dokument 269)
   ════════════════════════════════════════════════════════════════ */
:root{--ease:cubic-bezier(.22,1,.36,1);--t:320ms;
 --k-bg:#0f1d27;--k-fg:#fff;--k-bd:#0f1d27;--k-bg-h:#22394a;
 --r-fg:#0f1d27;--r-bd:rgba(15,29,39,.6);--r-bg-h:rgba(15,29,39,.05);--fokus:#0f1d27}
.dunkel,.aktion,.kapitel-moment,.fuss,.performance-feature,.performance-teaser,.membership-performance,.zeitmotiv-film,.vorteile-band,.mobile-contact,.abo-karte--performance{
 --k-bg:#f3eee6;--k-fg:#0f1d27;--k-bd:#f3eee6;--k-bg-h:#fff;
 --r-fg:#fff;--r-bd:rgba(255,255,255,.55);--r-bg-h:rgba(255,255,255,.07);--fokus:#d8a32b}
/* Knöpfe: ein System über Token, keine Sprünge */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px!important;padding:0 26px!important;
 font:600 12px/1.2 var(--schrift-text)!important;letter-spacing:.12em!important;text-transform:uppercase;border:1px solid;border-radius:0!important;
 transform:none!important;text-decoration:none;
 transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease),filter 90ms linear!important}
.knopf-voll{background:var(--k-bg)!important;color:var(--k-fg)!important;border-color:var(--k-bd)!important}
.knopf-voll:hover{background:var(--k-bg-h)!important;border-color:var(--k-bg-h)!important;color:var(--k-fg)!important}
.knopf-rand{background:transparent!important;color:var(--r-fg)!important;border-color:var(--r-bd)!important}
.knopf-rand:hover{background:var(--r-bg-h)!important;border-color:var(--r-fg)!important;color:var(--r-fg)!important}
.knopf:active{filter:brightness(.92)}
.knopf:focus-visible{outline:2px solid var(--fokus)!important;outline-offset:3px}
.knopf .pfeil{display:inline-block;transition:transform var(--t) var(--ease)}
.knopf:hover .pfeil{transform:translateX(4px)}
.knopf-preis{padding-left:14px;border-left:1px solid currentColor;opacity:.9;font-variant-numeric:lining-nums tabular-nums}
.text-link{border:0!important;padding:0 0 6px!important;text-decoration:none;color:var(--tinte)!important;
 background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat,linear-gradient(rgba(127,127,127,.45),rgba(127,127,127,.45)) 0 100%/100% 1px no-repeat;
 transition:background-size 450ms var(--ease)}
.text-link:hover,.text-link:focus-visible{background-size:100% 1px,100% 1px}
.text-link:focus-visible{outline:2px solid var(--fokus);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.knopf,.knopf .pfeil,.text-link{transition-duration:1ms!important}.knopf:hover .pfeil{transform:none}}
@media(max-width:479px){.knopfreihe .knopf,.anw-aktion .knopf{width:100%!important;flex:1 1 100%!important;min-height:52px!important}}
/* Bewegung: ein Muster, ohne Unschärfe */
@media (prefers-reduced-motion:no-preference){
 .kapitel.wartet .kapitel-titel .zeile{filter:none!important;opacity:0;transform:translateY(16px)}
 .kapitel.da .kapitel-titel .zeile{transition:opacity 700ms var(--ease),transform 700ms var(--ease)!important;transition-delay:calc(var(--i,0) * 80ms + 60ms)!important}
 .kapitel.wartet .kapitel-einblenden,.kapitel.wartet .kapitel-kopf{opacity:0;transform:translateY(16px)}
 .kapitel.da .kapitel-einblenden{transition:opacity 700ms var(--ease) 220ms,transform 700ms var(--ease) 220ms!important}
 .kapitel.wartet .kapitel-bild img,.kapitel.wartet .moment-bild img{transform:scale(1.04)}
 .kapitel.da .kapitel-bild img,.kapitel.da .moment-bild img{transition:transform 1200ms var(--ease)}
 .kapitel.wartet .kreis-boegen path{stroke-dashoffset:1}
 .kapitel.da .kreis-boegen path{transition:stroke-dashoffset 1600ms var(--ease) 300ms}
 .anw-bild img{transition:transform 900ms var(--ease)}
 .anw-karte:hover .anw-bild img{transform:scale(1.03)}
}
.kapitel-titel .zeile{display:block}
.reise-fortschritt{display:none!important}
/* einheitliche Überzeilen */
.augenmerk,.kapitel-nummer,.kapitel-name{font:600 11px/1.3 var(--schrift-text)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--gold)!important}
.kapitel-kopf{gap:14px}
.kapitel{padding-top:clamp(64px,8vw,112px)}
.kapitel>section{padding-top:0;padding-bottom:clamp(56px,7vw,104px)}
.kapitel>section+section{padding-top:clamp(56px,7vw,104px)}
.kapitel>section.performance-teaser,.kapitel>section.anfahrt,.kapitel>section.term-section,.kapitel>section.einzeln-abschnitt{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.section-heading h2,.kapitel-titel{margin-top:0}
.anriss{max-width:64ch}
/* Preise: Versalziffern */
.abo-preis,.anw-preis,.angebot-titel strong,.price-rows strong,.price-large,.erst-preis strong{font-variant-numeric:lining-nums tabular-nums}
.price-rows strong{font-family:var(--schrift-text)!important;font-weight:600}
/* ── Kopfbereich: scharfes Hochformat, helles Angebot ── */
.home-hero--hell{background:var(--papier);padding:clamp(36px,5vw,80px) 0 clamp(48px,6vw,88px)!important}
.home-hero--hell .hero-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"copy bild" "angebot bild";column-gap:clamp(32px,5.5vw,88px);row-gap:30px;align-items:start}
.home-hero--hell .hero-copy{grid-area:copy;align-self:end;max-width:640px}
.home-hero--hell h1{font-size:clamp(44px,4.6vw,72px)!important;margin:14px 0 10px!important}
.home-hero--hell .hero-copy>p.unterzeile{margin:0 0 18px!important;font-size:clamp(22px,2vw,30px)!important}
.home-hero--hell .hero-lead{max-width:56ch;color:var(--tinte-weich);margin:0}
.hero-bild{grid-area:bild;margin:0!important;aspect-ratio:4/5;overflow:hidden;background:#1d2a33;max-height:820px}
.hero-bild img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover;object-position:50% 40%;display:block;border-radius:0!important}
.angebot-karte{grid-area:angebot;align-self:start;background:var(--karte);border:1px solid var(--linie);border-top:2px solid var(--gold-hell);padding:24px 28px 22px;max-width:600px}
.angebot-band{font:600 11px/1.3 var(--schrift-text);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.angebot-titel{font:500 clamp(24px,2vw,30px)/1.15 var(--schrift-anzeige)!important;margin:0 0 12px!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.angebot-titel strong{font:500 clamp(40px,3.4vw,52px)/1 var(--schrift-anzeige);color:var(--tinte)}
.angebot-liste{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px;font-size:14px;color:var(--tinte-weich)}
.angebot-liste li{position:relative;padding-left:22px}
.angebot-liste li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:1px;background:var(--gold)}
.angebot-karte .knopfreihe{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0 0 12px}
.angebot-karte .knopf{width:auto!important;flex:0 0 auto!important;font-size:12px!important}
.angebot-klein{font-size:12px;color:var(--tinte-zart);margin:0}
@media(max-width:860px){
 .home-hero--hell .hero-raster{grid-template-columns:1fr;grid-template-areas:"copy" "bild" "angebot";row-gap:24px}
 .hero-bild{aspect-ratio:4/5;max-height:72svh}
 .angebot-karte{max-width:none;padding:20px 18px 18px}
}
/* mobile Kontaktleiste erst nach dem Kopfbereich */
body.leiste-wartet .mobile-contact{transform:translateY(110%);transition:transform 320ms var(--ease)}
body.leiste-wartet.leiste-da .mobile-contact{transform:none}
/* ── 01 Anwendungen (zusammengelegt) ── */
.anw-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:34px 0 22px}
.anw-karte{position:relative;display:flex;flex-direction:column;background:var(--karte);border:1px solid var(--linie)}
.anw-karte--aktion{border-color:var(--gold-hell)}
.anw-marke{position:absolute;top:12px;left:12px;z-index:2;padding:4px 9px;font:700 10px/1.3 var(--schrift-text);letter-spacing:.12em;text-transform:uppercase;background:var(--gold-hell);color:#14212b}
.anw-bild{display:block;aspect-ratio:4/3;overflow:hidden;background:#d9d2c6}
.anw-bild img{width:100%;height:100%;object-fit:cover;display:block}
.anw-text{display:flex;flex-direction:column;gap:8px;padding:22px 22px 22px;flex:1}
.anw-text h3{font-size:26px!important;margin:0}
.anw-text h3 a{text-decoration:none;color:var(--tinte)}
.anw-text>p{margin:0;font-size:15px;color:var(--tinte-weich)}
.anw-preis{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px!important}
.anw-preis strong{font:500 38px/1 var(--schrift-anzeige);color:var(--tinte)}
.anw-preis span{font-size:13px;color:var(--tinte-zart)}
.anw-aktion{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
/* Eisoptik statt zweitem Kammerfoto */
.frost-kachel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:22px;color:#0f1d27;text-decoration:none;
 background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 -.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='turbulence' baseFrequency='.012 .03' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
  radial-gradient(120% 90% at 30% 10%,#f4fafd 0%,rgba(244,250,253,0) 60%),
  linear-gradient(165deg,#e3f0f7 0%,#b4d6e8 45%,#6fa3c2 100%)}
.frost-wert{font:500 clamp(54px,5vw,76px)/1 var(--schrift-anzeige);letter-spacing:-.02em;font-variant-numeric:lining-nums}
.frost-zeile{font:600 11px/1.3 var(--schrift-text);letter-spacing:.16em;text-transform:uppercase}
.einzeln-raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.einzeln-abschnitt{background:var(--karte-hoch)}
.einzeln-abschnitt .price-rows>div{gap:24px}
.einzeln-abschnitt .price-rows span{max-width:64ch}
@media(max-width:1023px){.anw-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.einzeln-raster{grid-template-columns:1fr}}
@media(max-width:640px){.anw-raster{grid-template-columns:1fr;gap:22px}.anw-bild{aspect-ratio:16/10}}
/* ── 04 Der Moment: Bild mit Eisrand ── */
.moment-kopf{max-width:760px}
.moment-text{font-size:19px!important;font-weight:400!important;line-height:1.6!important;max-width:34em}
.moment-bild{margin:40px 0 28px}
.frostscheibe{position:relative;overflow:hidden;background:#0b1720}
.frostscheibe img{display:block;width:100%;height:auto}
.frostscheibe::after{content:"";position:absolute;inset:0;pointer-events:none;
 -webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),rgba(220,238,248,.22);
 -webkit-mask:radial-gradient(ellipse 72% 68% at 52% 48%,transparent 62%,#000 100%);mask:radial-gradient(ellipse 72% 68% at 52% 48%,transparent 62%,#000 100%)}
.moment-bild figcaption{font-size:12px;color:var(--tinte-zart);margin-top:12px}
.moment-fakten{max-width:none!important}
/* ── 05 Circle als Kreis ── */
.circle-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(40px,7vw,120px);align-items:center}
.kreis-grafik{position:relative;width:100%;max-width:480px;aspect-ratio:1/1;margin:0 auto 70px}
.kreis-ring{position:absolute;inset:0;width:100%;height:100%;color:var(--gold);overflow:visible}
.kreis-spur{fill:none;stroke:var(--linie);stroke-width:1}
.kreis-boegen path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:0}
.kreis-stationen{list-style:none;margin:0;padding:0}
.station{position:absolute;width:25%;aspect-ratio:1/1;transform:translate(-50%,-50%)}
.station-1{left:15.7%;top:30.2%}.station-2{left:84.3%;top:30.2%}.station-3{left:50%;top:89.6%}
.station img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;box-shadow:0 0 0 6px var(--papier),0 0 0 7px var(--gold)}
.station-nr{position:absolute;top:-8px;left:-8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font:600 11px/1 var(--schrift-text);letter-spacing:.06em}
.station-text{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:170px;text-align:center;line-height:1.25}
.station-text a{font:500 21px/1.1 var(--schrift-anzeige);color:var(--tinte);text-decoration:none}
.station-text a:hover{text-decoration:underline;text-underline-offset:4px}
.station-text small{display:block;margin-top:4px;font-size:12px;color:var(--tinte-zart)}
.kreis-mitte{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;gap:2px;text-align:center}
.kreis-mitte span{font:600 11px/1.4 var(--schrift-text);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.kreis-mitte b{font:500 38px/1.05 var(--schrift-anzeige);color:var(--tinte);font-variant-numeric:lining-nums}
@media(max-width:860px){
 .circle-raster{grid-template-columns:1fr}
 .kreis-grafik{aspect-ratio:auto;max-width:none;margin:8px 0 0}
 .kreis-ring{display:none}
 .kreis-stationen{position:relative;display:grid;gap:26px;padding-left:0}
 .kreis-stationen::before{content:"";position:absolute;left:36px;top:36px;bottom:36px;width:1px;background:var(--gold)}
 .station{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;aspect-ratio:auto;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:18px}
 .station img{width:72px;height:72px;box-shadow:0 0 0 4px var(--papier),0 0 0 5px var(--gold)}
 .station-nr{top:-6px;left:-6px;width:26px;height:26px;font-size:10px}
 .station-text{position:static;transform:none;width:auto;text-align:left}
 .kreis-mitte{position:static;transform:none;text-align:left;margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
 .kreis-mitte b{font-size:30px}
}
/* ── 06 Mitgliedschaften mit Laufzeit-Umschalter ── */
.lz-eingabe{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.lz-schalter{display:inline-flex;border:1px solid var(--tinte);margin:12px 0 14px}
.lz-schalter label{padding:13px 24px;font:600 12px/1 var(--schrift-text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--tinte);transition:background-color var(--t) var(--ease),color var(--t) var(--ease)}
.lz-schalter label:hover{background:rgba(15,29,39,.06)}
#laufzeit-3:checked~.lz-schalter label[for=laufzeit-3],#laufzeit-12:checked~.lz-schalter label[for=laufzeit-12]{background:var(--navy);color:#fff}
#laufzeit-3:focus-visible~.lz-schalter label[for=laufzeit-3],#laufzeit-12:focus-visible~.lz-schalter label[for=laufzeit-12]{outline:2px solid var(--navy);outline-offset:3px}
.abo-wahl .p12{display:none}
#laufzeit-12:checked~.abo-raster span.p12{display:inline}
#laufzeit-12:checked~.abo-raster li.p12{display:list-item}
#laufzeit-12:checked~.abo-raster .p3{display:none}
.entwurf-hinweis{font-size:13px;color:var(--tinte-weich);margin:0 0 26px}
.entwurf-marke{display:inline-block;background:#fff1c2;color:#5b4a1f;font:600 10px/1.5 var(--schrift-text);letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border:1px dashed #a07a1e;vertical-align:middle}
.abo-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:26px}
.abo-karte{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--karte);border:1px solid var(--linie);padding:30px 24px 26px}
.abo-karte h3{font-size:30px!important;margin:0}
.abo-preis{margin:4px 0 0}
.abo-preis strong{font:500 50px/1 var(--schrift-anzeige);color:var(--tinte)}
.abo-preis small{font:400 13px/1 var(--schrift-text);color:var(--tinte-zart)}
.abo-karte ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px;color:var(--tinte-weich)}
.abo-karte--performance{background:var(--navy);border-color:var(--navy);--tinte:#eef3f6;--tinte-weich:#b9c8d2;--tinte-zart:#a9b9c4;--gold:#d8a32b;color:var(--tinte)}
.abo-karte--performance h3,.abo-karte--performance .abo-preis strong{color:#fff}
.abo-badge{position:absolute;top:-12px;left:24px;padding:4px 10px;font:700 10px/1.3 var(--schrift-text);letter-spacing:.12em;text-transform:uppercase;background:var(--gold-hell);color:#14212b}
.abo-karte--body{border-top:2px solid var(--gold-hell)}
@media(max-width:1149px){.abo-raster{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}
@media(max-width:640px){.abo-raster{grid-template-columns:1fr}.lz-schalter{display:flex}.lz-schalter label{flex:1;text-align:center}}
/* ── Anfahrt ── */
.anfahrt{background:var(--karte-hoch)}
.anfahrt h2{font-size:clamp(30px,3vw,44px)}
.anfahrt p{max-width:64ch}
/* Fußzeile: ein Link pro Zeile */
.fuss .footer-grid ul{display:block!important;columns:auto!important}
.fuss .footer-grid li{display:block!important;margin:0!important}
.fuss .footer-grid li a{display:inline-block;font-size:14px!important;line-height:1.5;padding:6px 0;min-height:32px}
.kopf>.huelle>.knopf{display:none}
@media(min-width:681px){.kopf>.huelle>.knopf{display:inline-flex}}
.hero-bild picture,.frostscheibe picture{display:block;height:100%}
.kapitel-moment{background-image:none!important}
.kapitel-moment::before,.kapitel-moment::after{display:none!important}
.kapitel-moment>section{padding-bottom:clamp(56px,6vw,88px)!important}
.section-heading>div{flex:1}
.section-heading .kapitel-titel{max-width:none}
.kapitel-split .kapitel-bild--links,.kapitel-split .kapitel-bild--rechts{margin-left:0!important;margin-right:0!important}
.erster-schritt{padding-bottom:clamp(48px,5vw,72px)!important}
.station-1 .station-text,.station-2 .station-text{top:auto;bottom:calc(100% + 14px)}
.kreis-grafik{margin-top:70px}
@media(max-width:860px){.station-1 .station-text,.station-2 .station-text{bottom:auto}.kreis-grafik{margin-top:8px}}
.home-hero--hell .hero-bild{padding:0!important}
.home-hero--hell .hero-bild::after{display:none!important}
.home-hero--hell .hero-bild img{max-height:none!important;aspect-ratio:auto!important}
.station-text{width:210px}
.frostscheibe::after{-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);
 background-color:rgba(226,241,250,.34);
 -webkit-mask:radial-gradient(ellipse 70% 64% at 52% 46%,transparent 50%,rgba(0,0,0,.85) 82%,#000 100%);mask:radial-gradient(ellipse 70% 64% at 52% 46%,transparent 50%,rgba(0,0,0,.85) 82%,#000 100%)}
.angebot-band{font-size:12px!important}
/* Preise in Montserrat: Cormorant setzt Mediävalziffern („I49“) */
.abo-preis strong,.anw-preis strong,.angebot-titel strong,.frost-wert,.kreis-mitte b,.price-large{font-family:var(--schrift-text)!important;font-weight:300!important;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
.abo-preis strong{font-size:44px}.anw-preis strong{font-size:32px}.angebot-titel strong{font-size:clamp(36px,3vw,46px)}.kreis-mitte b{font-size:30px}.frost-wert{font-size:clamp(46px,4.2vw,64px)}

/* ════ Neuansatz 30.10.2026 (Bericht 271): erster Bildschirm = Ort, Angebot, ein Knopf ════ */
.angebot-zeile{margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--tinte-weich)}
.angebot-zeile strong{font-size:22px;color:var(--tinte);font-weight:650;margin-right:4px}
.page-hero .angebot-zeile+.knopfreihe{margin-top:16px}
.page-hero .knopfreihe{align-items:center}
.page-hero .knopfreihe .text-link{white-space:nowrap}
.buch-hinweis{margin:14px 0 0;font-size:13px;line-height:1.65;color:var(--tinte-weich);max-width:60ch}
.buch-hinweis a{color:var(--tinte);white-space:nowrap}
.angebot-karte .buch-hinweis{margin:4px 0 10px}
.hero-bild{position:relative}
.ki-hinweis{position:absolute;right:10px;bottom:10px;margin:0;padding:4px 8px;font-size:11px;line-height:1.3;color:#f4efe6;background:#14222bcc;border-radius:2px}
.buchweg{padding:clamp(40px,5vw,72px) 0;background:var(--karte);border-block:1px solid var(--linie)}
.buchweg h2{margin:8px 0 26px}
.buchweg-schritte{list-style:none;counter-reset:bw;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.buchweg-schritte li{counter-increment:bw;border-top:1px solid var(--linie);padding-top:16px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.7;color:var(--tinte-weich)}
.buchweg-schritte li::before{content:counter(bw,decimal-leading-zero);font-size:12px;letter-spacing:.08em;color:var(--gold-hell,var(--stahl))}
.buchweg-schritte b{color:var(--tinte);font-size:17px}
.buchweg .knopfreihe{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.buchweg--knapp{padding:22px 0}
.buchweg--knapp .buch-hinweis{margin:0;font-size:14px}
@media(max-width:860px){
 .home-hero--hell .hero-raster{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "angebot" "bild"!important;row-gap:18px!important}
 .angebot-karte .knopf,.buchweg .knopf,.page-hero .knopfreihe .knopf{white-space:normal!important;max-width:100%}
 .angebot-karte .knopf,.buchweg .knopf{width:100%!important;justify-content:center;padding-inline:14px!important;letter-spacing:.06em}
 .home-hero--hell{padding:22px 0 36px!important}
 .home-hero--hell h1{font-size:clamp(32px,9vw,44px)!important;margin:10px 0 6px!important}
 .home-hero--hell .hero-copy>p.unterzeile{font-size:20px!important;margin:0 0 8px!important}
 .home-hero--hell .hero-lead{display:none}
 .angebot-karte .angebot-liste{display:none}
 .angebot-karte{padding:16px 16px 14px!important}
 .angebot-karte .angebot-titel{margin:6px 0 10px}
 .angebot-karte .knopfreihe{gap:10px 18px;margin-bottom:6px}
 .angebot-karte .angebot-klein{display:none}
 .hero-bild{aspect-ratio:4/3!important;max-height:none!important}
 .buchweg-schritte{grid-template-columns:1fr;gap:16px}
}
@media(max-width:680px){
 .page-hero .knopfreihe .knopf{flex:0 0 auto!important}
 .page-hero .knopfreihe{gap:12px 20px}
 .angebot-zeile{font-size:14px}
 .angebot-zeile strong{font-size:20px}
}

/* ════ Owner-Feedback 30.10.2026: ganze Abo-Karte anklickbar, Untermenü Anwendungen ════ */
.abo-klick{position:relative;transition:border-color 320ms var(--ease,ease),box-shadow 320ms var(--ease,ease)}
.abo-klick .abo-link{color:inherit;text-decoration:none}
.abo-klick .abo-link::after{content:'';position:absolute;inset:0;z-index:1}
.abo-klick:hover,.abo-klick:focus-within{border-color:var(--gold-hell,var(--stahl));box-shadow:0 10px 28px #0f1d2614}
.abo-klick .abo-link:focus-visible{outline:none}
.abo-klick:focus-within{outline:2px solid var(--gold-hell,var(--stahl));outline-offset:3px}
.abo-mehr{display:inline-block;margin-top:auto;padding-top:14px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--tinte)}
.hat-untermenue{position:relative}
/* „.kopf nav“ im Selektor: sonst gewinnt „.kopf nav ul{display:flex}“ aus basis.css, und das Untermenü steht beim Laden offen (Befund 281, 31.10.2026) */
.kopf nav .untermenue{list-style:none;margin:0;padding:10px 0;display:none}
@media(min-width:921px){
 .untermenue{position:absolute;top:100%;left:-14px;min-width:300px;background:var(--papier,#f6f1e8);border:1px solid var(--linie);box-shadow:0 14px 30px #0f1d261f;z-index:80}
 .kopf nav .hat-untermenue:hover>.untermenue,.kopf nav .hat-untermenue:focus-within>.untermenue{display:block}
 .untermenue li{margin:0}
 .untermenue a{display:block;padding:8px 18px;font-size:13px;white-space:nowrap}
}
@media(max-width:920px){
 #hauptmenue .untermenue{display:block;padding:4px 0 6px 14px}
 #hauptmenue .untermenue a{font-size:14px;opacity:.85}
}
/* Owner-Feedback 30.10.2026: Beauty-Logo statt Foto, Circle-Grafik als Kopfbild der Circle-Seite */
.beauty-feature .beauty-logo{display:flex;align-items:center;justify-content:center;padding:clamp(28px,5vw,64px);background:var(--karte);border:1px solid var(--linie)}
.beauty-feature .beauty-logo img{width:100%;max-width:420px;height:auto;aspect-ratio:auto;object-fit:contain}
.page-hero .circle-hero{margin:0;display:flex;justify-content:center}
.page-hero .circle-hero .kreis-grafik{width:100%;max-width:480px}
/* Body Care Circle: kleiner Kreis Beckenbodenstuhl → Flow → M.C.S. (Owner 30.10.2026) */
.mini-kreis{list-style:none;margin:6px 0 14px;padding:0;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;counter-reset:mk}
.mini-kreis li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center}
.mini-kreis li:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:24px;font-size:13px;color:var(--gold-hell,var(--stahl))}
.mini-bild{width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-hell,var(--linie));display:block}
.mini-bild img{width:100%;height:100%;object-fit:cover}
.mini-name{font-size:11px;line-height:1.3;color:var(--tinte-weich)}
/* Knopftexte nie mitten im Wort trennen (schmale Handys < 360 px) */
.knopf>span{white-space:nowrap}
@media(max-width:360px){.angebot-karte .knopf,.buchweg .knopf{font-size:11px!important;letter-spacing:.03em!important;padding-inline:10px!important}}
/* Owner 30.10.2026: „19 € inkl. 3D-Körperanalyse“ immer sichtbar (Abgrenzung: Scan einzeln 29 €) */
.angebot-inkl{margin:-4px 0 14px;font-size:15px;font-weight:600;color:var(--tinte)}
.angebot-inkl span{font-weight:400;color:var(--tinte-weich)}
/* Sichtabnahme 02.11.2026 („blau töne beisen sich“): Performance-Abschnitt im Navy der übrigen Seite, Vergleichskarte ohne zweiten Blauton */
.performance-feature{background:var(--navy);border-block-color:rgba(255,255,255,.08)}
.performance-value{background:transparent;border-color:rgba(255,255,255,.16)}
.performance-comparison>div{border-bottom-color:rgba(255,255,255,.12)}