@charset "UTF-8";
/* GENERADO por tools/generar-sitio.mjs desde css/portada/ — NO EDITAR A MANO.
   Se edita la sección y se vuelve a ejecutar el generador.
   23 secciones. */

/* 00-tokens.css */
@font-face { font-family: 'Bricolage Grotesque'; src: url('../assets/fonts/bricolage-grotesque-var-latin.woff2') format('woff2'); font-weight: 400 800; font-display: swap; }
@font-face { font-family: 'Bricolage Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'), local('Roboto Bold'), local('Helvetica Bold'), local('Roboto'); font-weight: 800; size-adjust: 91%; ascent-override: 102%; descent-override: 30%; }
:root {
color-scheme: dark;
--black: #000; --ink-0: #050505; --ink-1: #0a0a0a; --ink-2: #101010; --ink-3: #161616; --ink-4: #1d1d1d;
--hair: rgba(255,255,255,.08); --hair-gold: rgba(201,169,110,.24); --hair-gold-2: rgba(201,169,110,.5);
--gold: #c9a96e; --gold-bright: #e2c792; --gold-pale: #f0dcb0; --gold-deep: #9c7f4a; --gold-ink: #6b5220;
--grad-gold: linear-gradient(135deg, #dcc38c 0%, #c9a96e 46%, #a5854d 100%);
--cream: #f5f1e8; --cream-2: #ebe4d3; --paper: #fbf8f1; --on-cream: #141414; --on-cream-2: #4d4740; --line-cream: rgba(20,20,20,.16);
--grey: #a6a6a6; --text: #c7c2b8; --text-hi: #e9e4d8;
--sans: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--serif: var(--sans);
--r-s: 6px; --r: 12px; --r-l: 20px; --r-xl: 28px;
--container: 1240px; --gutter: clamp(1.25rem, 4vw, 2.5rem);
--header-h: 4rem; --tap: 2.75rem; --strip-h: 0px;
--fs-mini: .8125rem; --fs-label: .875rem; --fs-s: .9375rem; --fs-m: 1rem; --fs-l: 1.2rem; --fs-lede: var(--fs-m);
--fs-h4: 1.4rem; --fs-h3: clamp(1.4rem, 1.1rem + 1.2vw, 2.1rem); --fs-h3-l: clamp(1.75rem, 1.2rem + 2vw, 2.9rem);
--fs-h2-s: clamp(1.9rem, 1.2rem + 3vw, 3.3rem); --fs-h2: clamp(2.05rem, 1.15rem + 3.7vw, 4rem); --fs-zahl: clamp(3rem, 2rem + 4vw, 4.4rem);
--ls-label: .2em; --ls-eng: .1em;
--sec: clamp(2.5rem, 6.5vw, 7rem); --sub: clamp(2.5rem, 7vw, 5rem); --gap-kopf: clamp(1.6rem, 4.5vw, 3.25rem);
--ease: cubic-bezier(.22, 1, .36, 1); --ease-soft: cubic-bezier(.4, 0, .2, 1);
--z-header: 700; --z-dock: 800; --z-cookie: 950;
}
@media (min-width: 720px) { :root { --fs-lede: var(--fs-l); } }
@media (min-width: 1000px) { :root { --header-h: 4.5rem; } }

/* 01-base.css */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; font-synthesis: weight; overflow-wrap: break-word; scroll-padding-block-start: calc(var(--header-h) + 1rem); scroll-padding-block-end: 6rem; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { margin: 0; background: var(--ink-0); color: var(--text); font: 400 1rem/1.65 var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img, svg, video, picture { display: block; max-inline-size: 100%; }
img, video { block-size: auto; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
button { font: inherit; color: inherit; }
[hidden] { display: none; }
:focus-visible { outline: 2px solid var(--focus, var(--gold-bright)); outline-offset: 3px; }
.on-cream, .antwort, .person, .gold-band, .paket, .kachel { --focus: #141414; }
.paket--top, .kachel--dunkel, .star { --focus: var(--gold-bright); }
::selection { background: var(--gold); color: #0a0a0a; }
.sprite { position: absolute; inline-size: 0; block-size: 0; overflow: hidden; }
.vh { position: absolute !important; clip-path: inset(50%); overflow: hidden; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; }
.skip-link { position: absolute; inset-block-start: .5rem; inset-inline-start: .5rem; z-index: 1000; padding: .75rem 1rem; background: var(--gold); color: #0a0a0a; font-size: var(--fs-s); font-weight: 600; border-radius: var(--r-s); translate: 0 -200%; }
.skip-link:focus { translate: 0 0; }
main { display: block; }
main:focus { outline: none; }
main > * { padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2)); }
.ico { inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ico--fill { fill: currentColor; stroke: none; }

/* 02-tipografia.css */
.eyebrow, .antwort__label, .fall__meta, .person__label, .karte__titel, .liste__titel, .linie__gruppe h3, .site-footer h2, .anchor-compare__etiqueta, .hero__ort, .preis__ab { font: 500 var(--fs-label)/1.3 var(--sans); letter-spacing: var(--ls-label); text-transform: uppercase; text-wrap: balance; }
.fall__meta, .person__label, .karte__titel, .liste__titel, .antwort__label--nachricht, .site-footer h2 { letter-spacing: var(--ls-eng); }
.eyebrow { display: inline-flex; align-items: center; gap: .85rem; color: var(--gold); }
.eyebrow::before { content: ""; inline-size: 1.75rem; block-size: 1px; background: currentColor; opacity: .75; flex: none; }
.h2 { font: 800 var(--fs-h2)/1.03 var(--serif); letter-spacing: -.01em; color: var(--cream); text-wrap: balance; }
.h2 em, h2.h3 em { font-style: normal; color: var(--gold); }
.h3, .antwort__titel, .paket__name { font: 700 var(--fs-h3)/1.14 var(--serif); letter-spacing: -.01em; text-wrap: balance; }
.h3 { color: var(--cream); }
.h3 em, .tafel__titel em { font-style: normal; }
.tafel__titel, .fall__titel, .ablauf h3 { font: 700 var(--fs-h4)/1.2 var(--serif); letter-spacing: -.01em; }
.lede { font-size: var(--fs-lede); line-height: 1.55; color: var(--text); max-inline-size: 42rem; text-wrap: pretty; }
.kopf { display: grid; gap: .85rem; margin-block-end: var(--gap-kopf); justify-items: start; }
.on-cream { background: var(--cream); color: var(--on-cream); }
.on-cream .eyebrow { color: var(--gold-ink); }
.on-cream .h2, .on-cream .h3 { color: var(--on-cream); }
.on-cream .h2 em { color: var(--gold-ink); }
.on-cream .lede { color: var(--on-cream-2); }
.klein { font-size: var(--fs-mini); line-height: 1.55; color: var(--grey); }
.on-cream .klein { color: var(--on-cream-2); }
.klein--luft { margin-block-start: .6rem; }
.lede--klein { font-size: var(--fs-m); }
.kopf--eng { margin-block-end: clamp(1.6rem, 4.5vw, 2.5rem); }

/* 03-boton.css */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-block-size: 3rem; padding: .7rem 1.35rem; border: 1px solid transparent; border-radius: var(--r); font: 600 var(--fs-s)/1.2 var(--sans); text-decoration: none; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .25s var(--ease), box-shadow .25s var(--ease), background-color .2s, border-color .2s, color .2s; }
.btn .ico { inline-size: 1.3rem; block-size: 1.3rem; }
.btn--gold { background: var(--grad-gold); color: #0a0a0a; box-shadow: 0 14px 34px -16px rgba(201,169,110,.7), inset 0 1px 0 rgba(255,255,255,.4); }
.btn--ghost { background: rgba(255,255,255,.025); color: var(--cream); border-color: var(--hair-gold-2); }
.btn--ink { background: #141414; color: var(--gold-pale); box-shadow: 0 14px 30px -16px rgba(0,0,0,.6); }
.btn--ink-ghost { background: transparent; color: #141414; border-color: rgba(20,20,20,.4); }
.btn--block { inline-size: 100%; }
.btn--icon { padding-inline: 0; inline-size: 3rem; }
@media (hover: hover) {
.btn--gold:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -14px rgba(201,169,110,.75), 0 0 0 5px rgba(201,169,110,.14), inset 0 1px 0 rgba(255,255,255,.4); }
.btn--ghost:hover { border-color: var(--gold); color: var(--gold-pale); }
.btn--ink:hover { transform: translateY(-2px); background: #000; }
.btn--ink-ghost:hover { background: #141414; color: var(--gold-pale); }
}
@media (prefers-reduced-motion: no-preference) {
.btn:active, .hero__wahl-liste a:active, .legende button:active, .lang > summary:active, .menu-btn:active { transform: translateY(1px) scale(.985); transition-duration: .08s; }
}
@media (prefers-reduced-motion: reduce) {
.btn:active, .hero__wahl-liste a:active, .legende button:active, .lang > summary:active, .menu-btn:active { filter: brightness(.92); }
}

/* 04-cookie-bar.css */
.cookie-bar { position: relative; z-index: var(--z-cookie); display: none; flex-wrap: wrap; align-items: center; gap: .25rem 1.25rem; padding-block: .375rem; padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2)); background: var(--ink-3); border-block-end: 1px solid var(--hair-gold); font-size: var(--fs-mini); line-height: 1.25; }
html.consentimiento-pendiente .cookie-bar { display: flex; }
html.consentimiento-pendiente { --strip-h: 5rem; }
@media (min-width: 640px) { html.consentimiento-pendiente { --strip-h: 3.3125rem; } }
.cookie-bar[hidden] { display: none; }
.cookie-bar__texto { flex: 1 1 100%; color: var(--text-hi); }
.cookie-bar__texto a { color: var(--gold); }
.cookie-bar__acciones { display: flex; flex-wrap: wrap; flex: 1 1 100%; gap: .9rem .5rem; min-inline-size: 0; }
.cookie-bar__btn { position: relative; display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; max-inline-size: 100%; min-block-size: 1.875rem; overflow-wrap: break-word; padding: .2rem .75rem; border: 1px solid var(--hair-gold-2); border-radius: var(--r-s); background: rgba(255,255,255,.025); color: var(--cream); font: 600 var(--fs-mini)/1.2 var(--sans); text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .2s, color .2s; }
.cookie-bar__btn::after { content: ""; position: absolute; inset-inline: -1px; inset-block: -.1875rem -.8125rem; }
@media (hover: hover) { .cookie-bar__btn:hover { border-color: var(--gold); color: var(--gold-pale); } }
@media (min-width: 640px) {
.cookie-bar { gap: .5rem 1.25rem; padding-block: .5rem; }
.cookie-bar__texto { flex: 1 1 18rem; }
.cookie-bar__acciones { flex: 0 1 auto; }
.cookie-bar__btn { flex: 0 0 auto; min-block-size: 2.25rem; padding-inline: .9rem; }
.cookie-bar__btn::after { inset-block: -.3125rem; }
}

/* 05-cabecera.css */
.site-header{position:sticky;top:0;z-index:var(--z-header);background:#050505f0;border-bottom:1px solid var(--hair-gold);transition:background-color .3s var(--ease-soft),border-color .3s var(--ease-soft),backdrop-filter .3s}
@supports (backdrop-filter:blur(1px)){.site-header{background:#050505c7;backdrop-filter:blur(16px) saturate(1.3)}}
html.js .site-header:not(.is-scrolled){background:linear-gradient(#000000b8,#0000);backdrop-filter:none;border-color:transparent}
.site-header a{text-decoration:none}
.site-header__inner{display:flex;align-items:center;gap:.5rem;height:var(--header-h);padding-inline:max(var(--gutter),calc((100% - var(--container)) / 2))}
.logo{display:inline-flex;align-items:center;gap:.65rem;margin-inline-end:auto;min-width:0;color:var(--cream);min-height:var(--tap)}
.logo__mark { display: grid; place-items: center; inline-size: 2.15rem; block-size: 2.15rem; border: 1px solid var(--gold); border-radius: 7px; font: 800 1.25rem/1 var(--serif); font-variation-settings: "opsz" 20; color: var(--gold); }
.logo__mark::before { content: "M"; content: "M" / ""; }
.logo__text { font: 800 1.24rem/1 var(--serif); letter-spacing: -.015em; font-variation-settings: "opsz" 20; white-space: nowrap; }
.logo__text em { font-style: normal; font-weight: 400; color: var(--gold); }
.logo__text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.lang{position:relative}
.lang>summary,.menu-btn,.hdr-btn,.site-nav__suche{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--tap);padding-inline:.75rem;border:1px solid var(--hair-gold);border-radius:var(--r);background:#ffffff08;color:var(--cream);font:500 var(--fs-mini)/1 var(--sans);letter-spacing:.08em;cursor:pointer;list-style:none}
.hdr-btn{width:var(--tap);padding-inline:0}
.site-header [hidden]{display:none}
.preis-btn{color:var(--gold)}
.ico--zu,[aria-expanded="true"]>.ico--auf{display:none}
[aria-expanded="true"]>.ico--zu{display:block}
.site-header:has(:popover-open) .ico--auf{display:none}
.site-header:has(:popover-open) .ico--zu{display:block}
.site-header summary::-webkit-details-marker{display:none}
.lang>summary .ico{width:1.05rem;height:1.05rem}
.lang__panel,.site-nav__sub{background:var(--ink-2);border:1px solid var(--hair-gold-2);border-radius:var(--r-l);box-shadow:0 30px 60px -20px #000000e6}
.lang__panel{position:absolute;inset-inline:auto 0;top:calc(100% + .5rem);z-index:3;display:grid;min-width:13rem;max-height:calc(100dvh - 5rem);overflow-y:auto;padding:.5rem}
.lang__panel a{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);padding:.5rem .9rem;border-radius:var(--r);font-size:var(--fs-s);color:var(--text-hi)}
.lang__panel a[aria-current="true"]{color:var(--gold);background:#c9a96e14}
.lang__panel a:hover{background:#ffffff0d}
.lang__panel small{color:var(--grey);font-size:var(--fs-mini);font-weight:500;letter-spacing:.1em}
@media (max-width:559.98px){
.site-header__inner{gap:.4rem}
.menu-btn{width:var(--tap);padding-inline:0}
.menu-btn span,.lang>summary .ico:last-child{display:none}
.lang>summary{padding-inline:.6rem;gap:.3rem}
}
@media (max-width:479.98px){.suche-btn{display:none}}
@media (max-width:429.98px){
.lang>summary{width:var(--tap);padding-inline:0}
.lang>summary span{display:none}
}
@media (max-width:389.98px){.site-header__inner{gap:.25rem;padding-inline:.875rem}}
@media (max-width: 350px) {
.logo { gap: .45rem; }
.logo__mark { inline-size: 1.95rem; block-size: 1.95rem; font-size: 1.1rem; }
.logo__text { font-size: 1.12rem; }
}
@media (max-width:349.98px){.preis-btn{display:none}}
.site-nav{margin:0;padding:0;border:0;background:none;color:inherit;overflow-wrap:anywhere}
.site-nav__list{display:flex;align-items:center}
.site-nav__link,.site-nav summary{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--tap);padding:.5rem;border-radius:var(--r);font:500 var(--fs-s)/1.2 var(--sans);color:var(--text-hi);cursor:pointer;list-style:none;white-space:nowrap}
.site-nav summary .ico{width:.9rem;height:.9rem;transition:rotate .25s var(--ease)}
.site-nav details[open]>summary .ico{rotate:180deg}
.site-nav details:not(.nav-mega){position:relative}
.site-nav__sub{display:grid;gap:.1rem;padding:.4rem}
.site-nav__sub a{display:flex;align-items:center;min-height:var(--tap);padding:.4rem .8rem;border-radius:var(--r);color:var(--text-hi);font-size:var(--fs-s)}
.nav-zeile{position:relative;display:flex;flex-wrap:wrap;align-items:center;border-radius:var(--r)}
.nav-zeile>a{flex:1;min-width:0;hyphens:auto}
.nav-zeile>a::after{content:"";position:absolute;inset:0}
.nav-preis{padding-inline:.5rem .25rem;color:var(--gold);font:500 var(--fs-m)/1.1 var(--sans)}
.site-nav__sub .nav-preis{padding-inline-end:.8rem;font-size:var(--fs-mini)}
.nav-gruppe__titel{margin:.8rem .8rem .2rem;color:var(--gold);font:600 var(--fs-mini)/1.3 var(--sans);letter-spacing:.04em}
a.site-nav__alle{color:var(--gold-bright);font-weight:600}
.nav-nota{margin:0;padding:.6rem .8rem .2rem;color:var(--grey);font:400 var(--fs-mini)/1.3 var(--sans)}
.site-nav summary:hover,.site-nav__alle:hover,.nav-zeile:hover{background:#ffffff0f}
.site-nav summary:hover,.nav-zeile:hover>a{color:var(--gold-pale)}
.site-nav__suche,.site-nav__fuss{display:none}
@media (max-width:999.98px){
.site-nav:is(:popover-open,.is-open){position:fixed;inset:var(--hb,var(--header-h)) 0 auto;display:flex;flex-direction:column;width:100%;height:calc(100dvh - var(--hb,var(--header-h)));overflow-y:auto;overscroll-behavior:contain;padding:.75rem var(--gutter) 0;background:var(--ink-1);border-bottom:1px solid var(--hair-gold-2)}
.site-nav:not(:is(:popover-open,.is-open)){display:none}
.site-nav__list{flex:none;flex-direction:column;align-items:stretch}
.site-nav__list>li{border-bottom:1px solid var(--hair)}
.site-nav__link,.site-nav summary{width:100%;justify-content:space-between;min-height:3.25rem;padding-inline:.25rem;border-radius:0;font-size:var(--fs-m)}
.site-nav__sub{padding:.25rem 0 .75rem .75rem;background:none;border:0;box-shadow:none}
.site-nav__suche{display:flex;flex:none;justify-content:flex-start;gap:.6rem;width:100%;min-height:3rem;margin-bottom:.5rem;color:var(--grey);font-size:var(--fs-m);letter-spacing:0}
.site-nav__fuss{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-top:auto;padding-block:.6rem calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--ink-1)}
.site-nav__cta{flex:1;min-width:0;padding-inline:.5rem}
.site-nav__sub .nav-nota{display:none}
.site-nav__fuss .nav-nota{flex:0 0 100%;padding:0}
}
@media (min-width:1000px){
.menu-btn,.preis-btn,.site-nav__link+.nav-preis{display:none}
.site-nav{display:block;position:relative;overflow:visible}
.site-nav__list{gap:.05rem}
.site-nav__sub{position:absolute;top:calc(100% + .35rem);inset-inline-start:0;width:max-content;min-width:16rem;max-width:min(26rem,calc(100vw - 2*var(--gutter)))}
.site-nav__sub--mega{inset-inline:auto 0;grid-template-columns:repeat(3,auto);gap:0 1.25rem;max-width:calc(100vw - 2*var(--gutter));max-height:calc(100dvh - var(--header-h) - 2rem);overflow-y:auto;padding:.5rem .9rem .9rem}
.site-nav__alle,.site-nav__sub--mega .nav-nota{grid-column:1/-1}
}
@media (min-width:1000px) and (max-width:1179.98px){.lang>summary .ico:last-child{display:none}}
@media (min-width:1180px){.site-nav__link,.site-nav summary{padding-inline:1rem}}

/* 06-hero.css */
.hero { position: relative; isolation: isolate; display: grid; align-content: space-between; gap: 2rem; min-block-size: max(28rem, calc(100svh - var(--strip-h))); margin-block-start: calc(-1 * var(--header-h)); padding-block: calc(var(--header-h) + 1.75rem) calc(1.5rem + env(safe-area-inset-bottom, 0px)); overflow: clip; background: var(--ink-0); }
.hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: #050505; }
.hero__poster, .hero__video { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 62%; }
.hero__poster img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 62%; }
.hero__video { opacity: 0; transition: opacity .9s var(--ease-soft); }
.hero__video.is-playing { opacity: 1; }
.hero__veil { position: absolute; inset: 0; background:
linear-gradient(180deg, rgba(5,5,5,.9) 0%, rgba(5,5,5,.7) 16%, rgba(5,5,5,.34) 38%, rgba(5,5,5,.26) 54%, rgba(5,5,5,.66) 70%, rgba(5,5,5,.96) 100%),
radial-gradient(120% 70% at 50% 62%, rgba(5,5,5,0) 55%, rgba(5,5,5,.55) 100%); pointer-events: none; }
.hero__text { display: contents; }
.hero__kopf, .hero__fuss { position: relative; display: grid; justify-items: start; min-inline-size: 0; max-inline-size: 40rem; }
.hero__kopf { gap: 1.25rem; container-type: inline-size; }
.hero__fuss { gap: 1.1rem; }
.hero__h1 { display: grid; gap: .7rem; font-weight: 400; }
.hero__ort { color: var(--gold-bright); }
.hero__kern { font: 800 clamp(2.9355rem, 1.545rem + 8.24vw, 6.386rem)/.97 'Bricolage Grotesque', 'Bricolage Fallback', var(--sans); font-size: min(clamp(2.9355rem, 1.545rem + 8.24vw, 6.386rem), calc(100cqi / 5.65)); letter-spacing: -.035em; color: var(--cream); text-wrap: balance; text-shadow: 0 2px 30px rgba(0,0,0,.6); }
@media (min-width: 720px) { .hero__kern { letter-spacing: -.025em; } }
.hero__kern em { font-style: normal; color: var(--gold); }
.hero__rest { font: 500 var(--fs-h3)/1.1 var(--serif); letter-spacing: -.02em; color: var(--text-hi); }
.hero__intro { font-size: var(--fs-lede); line-height: 1.55; color: var(--text-hi); text-wrap: balance; text-shadow: 0 1px 14px rgba(0,0,0,.7); max-inline-size: 32rem; }
.hero__preis { font-size: var(--fs-s); line-height: 1.3; color: var(--text-hi); text-shadow: 0 1px 12px rgba(0,0,0,.7); }
.hero__preis b { margin-inline: .2rem; font: 700 var(--fs-l)/1 var(--serif); color: var(--gold-bright); }
.hero__aktionen { display: flex; flex-wrap: wrap; gap: .6rem; inline-size: 100%; }
.hero__aktionen .btn--gold { flex: 1 1 15rem; }
@media (max-width: 479.98px) {
.hero__aktionen .btn--gold { flex: 1 1 0; min-inline-size: min(100%, 11rem); }
.hero__tel { flex: none; inline-size: 3rem; padding-inline: 0; }
.hero__tel-text { display: none; }
}
@media (max-width: 359.98px) { .hero__aktionen .btn--gold { padding-inline: .5rem; gap: .4rem; } .hero__tel { inline-size: var(--tap); } }
@media (max-width: 999.98px) and (max-height: 600px) {
.hero__intro { position: absolute; clip-path: inset(50%); overflow: hidden; inline-size: 1px; block-size: 1px; margin: -1px; white-space: nowrap; }
.hero { gap: 1.25rem; padding-block-start: calc(var(--header-h) + 1.25rem); }
.hero__kern { font-size: clamp(2.575rem, 1.236rem + 8.24vw, 3.502rem); font-size: min(clamp(2.575rem, 1.236rem + 8.24vw, 3.502rem), calc(100cqi / 5.65)); }
.hero .hero__pause { inset-block-start: calc(var(--header-h) + .4rem); }
}
.hero__wahl { display: none; }
@media (min-width: 1000px) {
.hero__wahl { display: block; }
.hero__wahl-liste { display: flex; flex-wrap: wrap; gap: 0 .7rem; }
.hero__wahl-liste li { flex: none; }
.hero__wahl-liste a { display: inline-flex; align-items: center; gap: .4rem; min-block-size: 2rem; color: var(--text); font-size: var(--fs-mini); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .35em; white-space: nowrap; transition: color .2s, text-decoration-color .2s; }
.hero__wahl-liste .ico { inline-size: .9rem; block-size: .9rem; color: var(--gold); }
.hero__wahl-liste a:focus-visible { text-decoration-color: currentColor; }
@media (hover: hover) { .hero__wahl-liste a:hover { color: var(--gold-pale); text-decoration-color: currentColor; } }
}
@media (min-width: 1000px) and (max-width: 1199.98px) { .hero__wahl-liste .ico { display: none; } .hero__intro { font-size: var(--fs-m); } }
.hero__pause { position: absolute; z-index: 2; inset-inline-end: calc(var(--gutter) - .375rem); inset-block-start: calc(var(--header-h) + .9rem); inline-size: 2.75rem; block-size: 2.75rem; display: none; place-items: center; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--text-hi); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hero__pause::before { content: ""; position: absolute; inset: .375rem; border: 1px solid var(--hair-gold-2); border-radius: 50%; background: rgba(5,5,5,.5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .2s, background-color .2s; }
.hero__pause.is-on { display: grid; }
.hero__pause .ico { position: relative; inline-size: .9rem; block-size: .9rem; }
.hero__pause .ico-play { display: none; }
.hero__pause[aria-pressed="true"] .ico-play { display: block; }
.hero__pause[aria-pressed="true"] .ico-pause { display: none; }
@media (hover: hover) { .hero__pause:hover { color: var(--gold-pale); } .hero__pause:hover::before { border-color: var(--gold); } }
@media (max-width: 359.98px) { .hero__ort { letter-spacing: var(--ls-eng); } }
.hero__ansicht { display: none; }
@media (max-width: 999.98px) { .hero__intro { max-inline-size: 26rem; } .hero__ort { padding-inline-end: 2.5rem; } }
@media (min-width: 1000px) {
.hero { grid-template-columns: minmax(0, 1fr) auto; align-content: center; align-items: center; column-gap: clamp(3rem, 6vw, 6rem); min-block-size: max(38rem, calc(100svh - var(--strip-h))); padding-block: calc(var(--header-h) + clamp(2rem, 5vh, 3.5rem)) clamp(2rem, 5vh, 3.5rem); }
.hero::before { content: ""; position: absolute; z-index: -2; inset-block: 0; inset-inline-end: 0; inline-size: 62%; background: radial-gradient(60% 55% at 62% 52%, rgba(201,169,110,.16), rgba(201,169,110,0) 70%); pointer-events: none; }
.hero__text { display: grid; grid-column: 1; grid-row: 1; gap: 2.5rem; align-self: center; }
.hero__kopf { gap: 1.6rem; }
.hero__h1 { gap: .85rem; }
.hero__fuss { gap: 1.35rem; }
.hero__media { position: relative; inset: auto; z-index: 0; grid-column: 2; grid-row: 1; block-size: min(calc(100svh - var(--header-h) - var(--strip-h) - clamp(4rem, 10vh, 7rem)), 50rem); inline-size: auto; aspect-ratio: 9 / 16; border-radius: var(--r-xl); border: 1px solid var(--hair-gold-2); box-shadow: 0 50px 100px -40px rgba(0,0,0,.95), 0 0 0 10px rgba(255,255,255,.015), 0 0 140px -30px rgba(201,169,110,.32); }
.hero__media::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), inset 0 -80px 80px -60px rgba(0,0,0,.75); pointer-events: none; }
.hero__poster, .hero__video, .hero__poster img { object-position: 50% 50%; }
.hero__veil { background: linear-gradient(180deg, rgba(5,5,5,.25) 0%, rgba(5,5,5,0) 30%, rgba(5,5,5,0) 70%, rgba(5,5,5,.5) 100%); }
.hero__intro { max-inline-size: 34rem; }
.hero__preis { text-shadow: none; }
.hero__aktionen .btn--gold { flex: 0 0 auto; }
.hero__pause { position: relative; inset: auto; grid-column: 2; grid-row: 1; align-self: end; justify-self: end; margin: 0 .6rem .6rem 0; }
}

/* 07-zusagen.css */
.zusagen { padding-block: clamp(1.4rem, 3vw, 2.25rem); background: var(--ink-2); border-block: 1px solid var(--hair); }
.zusagen__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 479.98px) { .zusagen__liste { grid-template-columns: minmax(0, 1fr); gap: .7rem; } }
.zusagen li { display: flex; align-items: flex-start; gap: .7rem; font-size: var(--fs-s); line-height: 1.4; color: var(--text-hi); }
.gruesse { display: block; margin-block-start: .2rem; font-size: var(--fs-mini); color: var(--gold-bright); }
.zusagen .ico { color: var(--gold); inline-size: 1.4rem; block-size: 1.4rem; margin-block-start: .05rem; }
.zusagen__person { align-items: center; }
.gruesse > .gruss + .gruss::before { content: " · "; }
.zusagen__person picture { flex: none; }
.zusagen__person img { flex: none; inline-size: 3.5rem; block-size: 3.5rem; border-radius: 14px; border: 1px solid var(--hair-gold-2); object-fit: cover; }
.zusagen__person b { font-weight: 600; color: var(--gold-bright); }
@media (min-width: 900px) { .zusagen__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } }

/* 08-wahl.css */
.wahl { position: relative; padding-block: var(--sec); background: var(--ink-0); isolation: isolate; }
.wahl::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 34rem; z-index: -1; background: radial-gradient(50% 60% at 50% 0%, rgba(201,169,110,.13), rgba(201,169,110,0) 72%); pointer-events: none; }
.lede-mehr { display: none; }
@supports selector(:has(*)) {
.wahl .kopf:has(.lede-mehr__box:not(:checked)) > .lede { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; }
@media (min-width: 720px) { .wahl .kopf:has(.lede-mehr__box:not(:checked)) > .lede { -webkit-line-clamp: 3; line-clamp: 3; } }
.lede-mehr { position: relative; display: inline-flex; align-items: center; gap: .4rem; min-block-size: var(--tap); margin-block: -.6rem -.5rem; border-radius: var(--r-s); color: var(--gold-bright); font: 500 var(--fs-s)/1.2 var(--sans); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.lede-mehr__box { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lede-mehr:has(.lede-mehr__box:focus-visible) { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
.lede-mehr__zu, .lede-mehr:has(.lede-mehr__box:checked) .lede-mehr__auf { display: none; }
.lede-mehr:has(.lede-mehr__box:checked) .lede-mehr__zu { display: inline; }
.lede-mehr .ico { inline-size: 1rem; block-size: 1rem; }
.lede-mehr:has(.lede-mehr__box:checked) .ico { rotate: 180deg; }
@media (prefers-reduced-motion: no-preference) { .lede-mehr .ico { transition: rotate .25s var(--ease); } }
@media (hover: hover) { .lede-mehr:hover { color: var(--gold-pale); } }
}
.chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; border: 0; padding: 0; margin: 0 0 1rem; min-inline-size: 0; }
@media (min-width: 640px) { .chips { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; } }
@media (min-width: 1100px) { .chips { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.chip { position: relative; display: grid; align-content: space-between; gap: 1rem; min-block-size: 7.6rem; padding: 1rem 1rem 1.05rem; border: 1px solid var(--hair-gold); border-radius: var(--r-l); background: linear-gradient(180deg, #101010, #080808); color: var(--text-hi); cursor: pointer; transition: transform .3s var(--ease), background .3s, border-color .3s, color .3s, box-shadow .3s; }
.chip input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.chip .ico { inline-size: 1.75rem; block-size: 1.75rem; color: var(--gold); transition: color .3s; }
.chip__name { display: block; font: 500 var(--fs-s)/1.25 var(--sans); }
.chip__sub { display: block; margin-block-start: .2rem; font: 400 var(--fs-mini)/1.3 var(--sans); color: var(--grey); transition: color .3s; }
.chip::after { content: ""; position: absolute; inset-block-start: .8rem; inset-inline-end: .8rem; inline-size: 1.15rem; block-size: 1.15rem; border-radius: 50%; border: 1px solid var(--hair-gold-2); transition: background .25s, border-color .25s; }
.chip:has(input:checked),
.chips:not(:has(input:checked)) .chip:has(input:target) { background: var(--grad-gold); color: #0a0a0a; border-color: transparent; box-shadow: 0 22px 44px -22px rgba(201,169,110,.65); transform: translateY(-3px); }
.chip:has(input:checked) :is(.ico, .chip__sub),
.chips:not(:has(input:checked)) .chip:has(input:target) :is(.ico, .chip__sub) { color: #0a0a0a; }
.chip:has(input:checked)::after,
.chips:not(:has(input:checked)) .chip:has(input:target)::after { background: #0a0a0a; border-color: #0a0a0a; box-shadow: inset 0 0 0 4px var(--gold-bright); }
.chip:has(input:focus-visible) { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
@media (hover: hover) { .chip:hover { border-color: var(--gold); transform: translateY(-2px); } .chip:has(input:checked):hover { transform: translateY(-3px); } }
.wahl__form .chips { scroll-margin-block-start: calc(var(--header-h) + 1rem); }
@media (max-width: 479.98px) {
.chip { min-block-size: 4.9rem; padding: .8rem .85rem .85rem; gap: .4rem; }
.chip .ico { inline-size: 1.5rem; block-size: 1.5rem; }
.chip__sub { display: none; }
}
.wahl__antworten { position: relative; }
.antwort { display: none; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.25rem, 3.4vw, 3rem); border-radius: var(--r-xl); background: var(--cream); color: var(--on-cream); box-shadow: 0 50px 100px -50px rgba(0,0,0,.9), 0 0 0 1px rgba(201,169,110,.3); }
.antwort--start { display: grid; }
.wahl__form:has(.chip input:is(:checked, :target)) .antwort--start { display: none; }
.wahl__form:has(#w-gastro:checked) .antwort--gastro,
.wahl__form:has(#w-friseur:checked) .antwort--friseur,
.wahl__form:has(#w-handwerk:checked) .antwort--handwerk,
.wahl__form:has(#w-praxis:checked) .antwort--praxis,
.wahl__form:has(#w-gruender:checked) .antwort--gruender,
.wahl__form:has(#w-unsicher:checked) .antwort--unsicher,
.wahl__form:not(:has(.chip input:checked)):has(#w-gastro:target) .antwort--gastro,
.wahl__form:not(:has(.chip input:checked)):has(#w-friseur:target) .antwort--friseur,
.wahl__form:not(:has(.chip input:checked)):has(#w-handwerk:target) .antwort--handwerk,
.wahl__form:not(:has(.chip input:checked)):has(#w-praxis:target) .antwort--praxis,
.wahl__form:not(:has(.chip input:checked)):has(#w-gruender:target) .antwort--gruender,
.wahl__form:not(:has(.chip input:checked)):has(#w-unsicher:target) .antwort--unsicher { display: grid; }
html.no-has .antwort.is-shown { display: grid; }
html.no-has .wahl__form.has-choice .antwort--start { display: none; }
html.no-has .chip.is-on { background: var(--grad-gold); color: #0a0a0a; border-color: transparent; box-shadow: 0 22px 44px -22px rgba(201,169,110,.65); transform: translateY(-3px); }
html.no-has .chip.is-on :is(.ico, .chip__sub) { color: #0a0a0a; }
html.no-has .chip.is-on::after { background: #0a0a0a; border-color: #0a0a0a; box-shadow: inset 0 0 0 4px var(--gold-bright); }
@media (prefers-reduced-motion: no-preference) { .antwort { animation: antwort-ein .6s var(--ease) both; } }
@keyframes antwort-ein { from { opacity: 0; translate: 0 1.25rem; } }
@media (min-width: 900px) { .antwort { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.antwort__label { color: var(--gold-ink); }
.antwort__titel { margin-block: .9rem 1.4rem; }
.preis { container-type: inline-size; display: grid; grid-template-columns: auto 1fr; align-items: end; gap: .1rem .7rem; margin-block-end: 1.4rem; padding-block-end: 1.3rem; border-block-end: 1px solid var(--line-cream); }
.preis__ab { grid-row: 1; align-self: start; padding-block-start: .55em; line-height: 1; color: var(--gold-ink); }
.preis__zahl { grid-row: 1; padding-block-end: .2em; font: 800 var(--fs-zahl)/.95 var(--serif); letter-spacing: -.015em; color: var(--gold-ink); white-space: nowrap; }
@supports (font-size: 1cqi) { .preis__zahl { font-size: min(var(--fs-zahl), calc((100cqi - 2.4rem) / 3.45)); } }
.preis__note { grid-column: 1 / -1; font-size: var(--fs-s); color: var(--on-cream-2); }
.preis--zwei { grid-template-columns: 1fr; }
.karte { display: grid; gap: .55rem; margin-block-end: 1.15rem; }
.karte__titel + .karte { margin-block-start: 0; }
.karte__titel { margin-block: 0 .55rem; color: var(--on-cream-2); }
.karte li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .55rem; font-size: var(--fs-s); line-height: 1.4; hyphens: auto; overflow-wrap: anywhere; }
.karte__punkte { flex: 1 1 1rem; min-inline-size: .75rem; border-block-end: 1.5px dotted rgba(20,20,20,.35); translate: 0 -.3em; }
.karte__wert { display: inline-flex; align-items: center; gap: .3rem; margin-inline-start: auto; white-space: nowrap; font-weight: 600; color: var(--on-cream); }
.karte__wert .ico { color: var(--gold-ink); inline-size: 1.05rem; block-size: 1.05rem; stroke-width: 2; }
.karte--extra li { color: var(--on-cream-2); }
.karte--extra .karte__wert { font-weight: 500; color: var(--on-cream-2); }
.antwort__rechts { display: grid; gap: 1rem; align-content: start; }
.antwort__rechts > div > .antwort__label + .bubble { margin-block-start: .75rem; }
@media (max-width: 899.98px) {
.antwort { row-gap: 1rem; }
.antwort > div { display: contents; }
.antwort > div:first-child > * { order: 1; }
.antwort > div:first-child > .karte__titel, .antwort > div:first-child > .karte, .antwort > div:first-child > .antwort__zeile, .antwort > div:first-child > .antwort__mehr { order: 4; }
.antwort > .antwort__rechts > * { order: 2; }
.antwort > .antwort__rechts > .antwort__einwand, .antwort > .antwort__rechts > .antwort__gratis { order: 5; }
.antwort__titel { margin-block: .6rem .2rem; }
.preis { margin-block-end: .4rem; }
.karte { margin-block-end: .4rem; }
.karte__titel { margin-block-end: .2rem; }
.antwort__zeile { margin-block-start: 0; }
}
.bubble { position: relative; padding: 1rem 1.15rem 1.1rem; border-radius: 1.25rem 1.25rem .35rem 1.25rem; background: #141414; color: var(--cream); font-size: var(--fs-s); line-height: 1.5; box-shadow: 0 20px 40px -24px rgba(0,0,0,.7); min-block-size: 5.2rem; }
.bubble::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-end: -.5rem; inline-size: .9rem; block-size: .9rem; background: #141414; clip-path: polygon(0 0, 100% 100%, 0 100%); }
.bubble__dots { position: absolute; inset-block-start: 1.15rem; inset-inline-start: 1.15rem; display: none; gap: .3rem; }
.bubble__dots i { inline-size: .42rem; block-size: .42rem; border-radius: 50%; background: var(--gold); }
@media (prefers-reduced-motion: no-preference) {
.bubble__dots { display: inline-flex; animation: dots-weg .01s linear 1s forwards; }
.bubble__dots i { animation: dot 1s var(--ease-soft) infinite; }
.bubble__dots i:nth-child(2) { animation-delay: .15s; } .bubble__dots i:nth-child(3) { animation-delay: .3s; }
.bubble__text { animation: text-ein .35s var(--ease) 1s both; }
}
.bubble__text--fest { animation: none; }
@keyframes dot { 0%, 100% { opacity: .3; translate: 0 0; } 40% { opacity: 1; translate: 0 -3px; } }
@keyframes dots-weg { to { opacity: 0; visibility: hidden; } }
@keyframes text-ein { from { opacity: 0; translate: 0 6px; } }
.bubble__meta { display: block; margin-block-end: .35rem; font: 500 var(--fs-mini)/1 var(--sans); letter-spacing: var(--ls-eng); text-transform: uppercase; color: var(--gold); }
.antwort__einwand { display: grid; grid-template-columns: auto 1fr; gap: .65rem; padding: .9rem 1rem; border-radius: var(--r); background: rgba(107,82,32,.09); border: 1px solid rgba(107,82,32,.25); font-size: var(--fs-s); line-height: 1.5; }
.antwort__einwand .ico { color: var(--gold-ink); margin-block-start: .1rem; }
.antwort__einwand b { font-weight: 600; }
.antwort__einwand > div { display: grid; gap: .55rem; min-inline-size: 0; overflow-wrap: anywhere; }
.antwort__cita { font-size: var(--fs-mini); line-height: 1.5; color: var(--on-cream-2); }
.antwort .link-pfeil { color: var(--gold-ink); }
.antwort__mehr { justify-self: start; margin-block-start: .35rem; }
.antwort__gratis { display: inline-flex; align-items: center; gap: .5rem; font-size: var(--fs-s); font-weight: 500; color: var(--gold-ink); }
.antwort__gratis .ico { inline-size: 1.05rem; block-size: 1.05rem; }
.antwort .klein { color: var(--on-cream-2); }
.antwort__zeile { margin-block-start: 1.1rem; padding-block-start: 1rem; border-block-start: 1px solid var(--line-cream); }
.antwort__zeile ul { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; font-size: var(--fs-s); }
.antwort__zeile b { font-weight: 600; }
.check-fragen { display: grid; gap: .5rem; counter-reset: q; }
.check-fragen li { display: grid; grid-template-columns: 1.6rem 1fr; gap: .6rem; align-items: baseline; font-size: var(--fs-s); }
.check-fragen li::before { counter-increment: q; content: counter(q); font: 700 var(--fs-h4)/1 var(--serif); color: var(--gold); }
@media (prefers-reduced-motion: no-preference) { .chip:active, .chip:has(input:checked):active { transform: translateY(1px) scale(.985); transition-duration: .08s; } }
@media (prefers-reduced-motion: reduce) { .chip:active { filter: brightness(.92); } }

/* 09-arbeiten.css */
.arbeiten { padding-block: var(--sec); overflow: clip; }
.star { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; padding: clamp(1.25rem, 3vw, 2.5rem); border-radius: var(--r-xl); background: #0a0a0a; color: var(--text); box-shadow: 0 50px 100px -50px rgba(0,0,0,.5); position: relative; isolation: isolate; overflow: hidden; }
.star::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 70% at 25% 40%, rgba(201,169,110,.2), rgba(201,169,110,0) 70%), radial-gradient(50% 50% at 90% 100%, rgba(201,169,110,.1), rgba(201,169,110,0) 70%); }
@media (min-width: 900px) { .star { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); padding: clamp(2rem, 4vw, 3.5rem); } }
.buehne { position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0; padding-block: .25rem 1.5rem; }
.phone { --w: min(14rem, 54vw); position: relative; flex: none; inline-size: var(--w); aspect-ratio: 9 / 19; padding: .5rem; border-radius: 2.35rem; background: linear-gradient(150deg, #34342f, #111 45%, #26261f); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 40px 70px -24px rgba(0,0,0,.95), 0 0 0 1px rgba(0,0,0,.7); }
.phone::before { content: ""; position: absolute; z-index: 3; inset-block-start: .95rem; inset-inline: 0; margin-inline: auto; inline-size: 28%; block-size: .8rem; border-radius: 1rem; background: #000; }
.phone__screen { position: absolute; inset: .5rem; padding-block-start: 1.55rem; border-radius: 1.9rem; overflow: hidden; background: var(--bar, #fdfcfa); display: flex; flex-direction: column; }
.phone--hinten .phone__screen { --bar: #1c1a17; }
.phone__screen img { inline-size: 100%; block-size: auto; }
.phone__bar { position: relative; z-index: 1; flex: none; }
.phone__scroll { flex: 1 1 0; min-block-size: 0; overflow: hidden; container-type: size; }
.phone--scroll .phone__scroll img { will-change: translate; }
@media (prefers-reduced-motion: no-preference) {
.phone--scroll .phone__scroll img { animation: shot-scroll 38s ease-in-out infinite alternate; animation-play-state: paused; }
.buehne.is-live .phone--scroll .phone__scroll img { animation-play-state: running; }
}
@keyframes shot-scroll { 0%, 8% { translate: 0 0; } 42% { translate: 0 calc((-100% + 100cqh) * .45); } 56% { translate: 0 calc((-100% + 100cqh) * .45); } 90%, 100% { translate: 0 calc((-100% + 100cqh) * .94); } }
.phone--hinten { display: none; margin-inline-end: -3.5rem; translate: 0 2.5rem; rotate: -5deg; opacity: .95; }
.phone--vorn { z-index: 2; rotate: 2deg; }
@media (min-width: 560px) { .phone--hinten { display: block; } .buehne { padding-inline-start: 0; padding-block-end: 3.6rem; } }
.buehne__glow { position: absolute; inset-block-end: 0; inset-inline: 10%; block-size: 6rem; background: radial-gradient(50% 50% at 50% 50%, rgba(201,169,110,.28), rgba(201,169,110,0) 70%); filter: blur(10px); z-index: -1; }
.fall__meta { color: var(--gold); }
.on-cream .fall__meta { color: var(--gold-ink); }
.star__text { display: grid; gap: 1.1rem; justify-items: start; }
.star__text .h3 { font-size: var(--fs-h3-l); line-height: 1.08; }
.star__text p { max-inline-size: 34rem; }
.bausteine { display: grid; gap: .75rem; margin-block: .25rem; counter-reset: b; inline-size: 100%; }
.bausteine li { display: grid; grid-template-columns: 2.6rem 1fr; gap: .2rem .5rem; align-items: baseline; padding-block-end: .75rem; border-block-end: 1px solid var(--hair); font-size: var(--fs-s); line-height: 1.5; }
.bausteine li:last-child { border-block-end: 0; padding-block-end: 0; }
.bausteine li::before { counter-increment: b; content: "0" counter(b); font: 700 var(--fs-h4)/1 var(--serif); color: var(--gold); }
.bausteine b { display: block; color: var(--cream); font-weight: 600; }
.beleg { font-size: var(--fs-mini); line-height: 1.45; color: var(--grey); text-wrap: balance; }
.star__beleg { margin-block-start: .2rem; text-align: center; }
.star__figur, .fall { container-type: inline-size; }
@container (max-width: 27.5rem) { .star__beleg > span { display: block; } .star__beleg > .beleg__punkt { display: none; } }
@container (max-width: 19.5rem) { .fall .beleg > span { display: block; } .fall .beleg > .beleg__punkt { display: none; } }
.fall__links { display: flex; flex-wrap: wrap; gap: 0 1.1rem; align-items: center; }
.link-pfeil { display: inline-flex; align-items: center; gap: .45rem; min-block-size: var(--tap); font-size: var(--fs-s); font-weight: 500; text-decoration: none; color: var(--gold-bright); border-block-end: 1px solid transparent; }
.link-pfeil .ico { inline-size: 1.05rem; block-size: 1.05rem; transition: translate .3s var(--ease); }
.link-pfeil:hover { border-block-end-color: currentColor; }
.link-pfeil:hover .ico { translate: 3px 0; }
.on-cream .link-pfeil { color: var(--gold-ink); }
.on-cream .star .h3 { color: var(--cream); }
.on-cream .star .fall__meta { color: var(--gold); }
.on-cream .star .link-pfeil { color: var(--gold-bright); }
.on-cream .star p { color: var(--text); }
.on-cream .star .beleg { color: var(--grey); }
.mehr { margin-block: var(--sub) 1.25rem; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.faelle { display: flex; gap: 1rem; margin-inline: calc(-1 * var(--gutter)); padding: .5rem var(--gutter) 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgba(20,20,20,.35) transparent; }
.faelle > * { flex: 0 0 min(84%, 24rem); scroll-snap-align: start; }
@media (min-width: 900px) { .faelle { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-inline: 0; padding: .5rem 0 0; overflow: visible; } .faelle > * { flex: initial; } }
@media (min-width: 900px) { .faelle:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fall { display: grid; align-content: start; gap: .8rem; }
.fall__bild { display: block; text-decoration: none; }
.browser { overflow: hidden; border-radius: 14px; background: #0c0c0c; border: 1px solid rgba(20,20,20,.5); box-shadow: 0 30px 60px -30px rgba(0,0,0,.65); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.browser__bar { display: flex; align-items: center; gap: .65rem; padding: .5rem .75rem; background: #171717; border-block-end: 1px solid rgba(255,255,255,.07); }
.browser__punkte { display: inline-flex; gap: .3rem; }
.browser__punkte i { inline-size: .5rem; block-size: .5rem; border-radius: 50%; background: #3b3a35; }
.browser__url { flex: 1; min-inline-size: 0; padding: .18rem .6rem; border-radius: 6px; background: #0a0a0a; color: var(--grey); font-size: var(--fs-mini); line-height: 1.4; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.browser img { inline-size: 100%; aspect-ratio: 1424 / 900; object-fit: cover; }
@media (hover: hover) { .fall__bild:hover .browser { transform: translateY(-6px) rotate(-.4deg); box-shadow: 0 44px 80px -34px rgba(0,0,0,.7); } }
.fall__titel a { text-decoration: none; }
.fall__titel a:hover { text-decoration: underline; text-decoration-color: var(--gold-ink); }
.fall p:not(.fall__meta, .beleg) { font-size: var(--fs-s); line-height: 1.55; color: var(--on-cream-2); }
.fall .fall__meta { color: #4d4740; }
@media (min-width: 900px) { .fall .fall__meta { min-block-size: 2.6em; } }
.fall .beleg { margin-block-start: -.25rem; color: #4d4740; }
.ehrlich { margin-block-start: var(--gap-kopf); }

/* 10-linie.css */
.linie { position: relative; padding-block: clamp(1.5rem, 4vw, 3rem) var(--sec); padding-inline: 0; background: var(--ink-0); overflow: clip; }
.linie__svg { inline-size: 100%; block-size: auto; max-block-size: 20rem; color: var(--gold); overflow: visible; }
@media (max-width: 719.98px) { .linie__svg { block-size: 7.5rem; } }
.linie__svg .l-dunkel { stroke: rgba(201,169,110,.32); }
.linie__svg .l-fein { stroke: rgba(201,169,110,.55); }
.linie__svg .l-stark { stroke: var(--gold); }
.linie__svg .l-wasser { stroke: rgba(201,169,110,.5); }
.linie__svg .l-haus { stroke: rgba(201,169,110,.22); }
.linie__svg :where(path, line, rect, polyline) { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.linie__svg .l-wagen-korpus { fill: rgba(5,5,5,.92); stroke: var(--gold-pale); }
.linie__svg .l-fenster { stroke: var(--gold-bright); }
.linie__wagen { translate: 0 0; }
@supports ((animation-timeline: view()) and (animation-range: entry)) {
@media (prefers-reduced-motion: no-preference) {
.linie__wagen { animation: linie-fahrt linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
@keyframes linie-fahrt { from { translate: -260px 0; } to { translate: 1340px 0; } }
}
}
@supports not ((animation-timeline: view()) and (animation-range: entry)) {
@media (prefers-reduced-motion: no-preference) {
.linie__wagen { animation: linie-zeit 38s linear infinite; }
@keyframes linie-zeit { from { translate: -260px 0; } to { translate: 1340px 0; } }
}
}
@media (prefers-reduced-motion: reduce) { .linie__wagen { translate: 420px 0; } }
@media (prefers-reduced-motion: no-preference) { .linie__welle { animation: welle 9s linear infinite; } }
@keyframes welle { to { translate: -100px 0; } }
.linie__text { display: grid; gap: clamp(1.5rem, 4vw, 2.25rem); padding: clamp(1.75rem, 4vw, 3rem) max(var(--gutter), calc((100% - var(--container)) / 2)) 0; }
@media (min-width: 900px) { .linie__text { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); column-gap: clamp(2.5rem, 6vw, 6rem); align-items: start; } }
.linie__kopf { display: grid; gap: 1rem; justify-items: start; container-type: inline-size; }
.linie__kopf .h2 { font-size: var(--fs-h2-s); }
@supports (font-size: 1cqi) { .linie__kopf .h2 { font-size: min(var(--fs-h2-s), calc(100cqi / 8.9)); } }
.linie__gebiet { max-inline-size: 30rem; font-size: var(--fs-s); line-height: 1.6; color: var(--text); text-wrap: pretty; }
.linie__gebiet small { font-size: inherit; color: var(--grey); }
.linie__links { display: grid; gap: 1.25rem 2.5rem; align-content: start; }
@media (min-width: 640px) { .linie__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.linie__gruppe { display: grid; gap: 0; align-content: start; }
.linie__gruppe h3 { margin-block-end: .3rem; color: var(--gold); }
.linie__gruppe li a { display: flex; align-items: center; min-block-size: 2.15rem; padding-block: .15rem; border-block-end: 1px solid var(--hair); font-size: var(--fs-s); line-height: 1.3; text-decoration: none; color: var(--text-hi); transition: color .2s, padding-inline-start .3s var(--ease); }
@media (hover: hover) { .linie__gruppe li a:hover { color: var(--gold-pale); padding-inline-start: .35rem; } }
.linie__barmen { justify-self: start; margin-block-start: .5rem; }

/* 11-studio.css */
.studio { padding-block: var(--sec); background: var(--ink-0); }
.person { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); border-radius: var(--r-xl); background: var(--cream); color: var(--on-cream); overflow: hidden; isolation: isolate; box-shadow: 0 60px 120px -60px rgba(0,0,0,.95), 0 0 0 1px rgba(201,169,110,.35); }
.person::before { content: "M"; position: absolute; z-index: -1; inset-block-end: -.18em; inset-inline-end: -.05em; font: 700 clamp(18rem, 42vw, 36rem)/.8 var(--serif); color: rgba(107,82,32,.07); pointer-events: none; }
.person__text { display: grid; gap: 1rem; justify-items: start; padding: clamp(1.5rem, 4vw, 3.5rem); }
.person__label { color: var(--gold-ink); }
.person__satz { font: 800 var(--fs-h2-s)/1.08 var(--serif); letter-spacing: -.01em; text-wrap: balance; }
.person__satz em { font-style: normal; color: var(--gold-ink); }
.person__zusatz { max-inline-size: 30rem; font-size: var(--fs-m); line-height: 1.6; color: var(--on-cream-2); text-wrap: pretty; }
.person__sig { font: 600 var(--fs-h3)/1 var(--serif); color: var(--gold-ink); }
.fakten { display: grid; gap: .65rem; inline-size: 100%; padding-block: 1rem; border-block: 1px solid var(--line-cream); font-size: var(--fs-s); }
.fakten li { display: grid; grid-template-columns: 1.4rem 1fr; gap: .7rem; align-items: start; line-height: 1.45; }
.fakten .ico { color: var(--gold-ink); margin-block-start: .1rem; }
.fakten a { color: inherit; }
.person__aktionen { display: flex; flex-wrap: wrap; gap: .6rem; inline-size: 100%; }
.person__bild { align-self: end; justify-self: center; inline-size: min(100%, 26rem); margin-block-start: .5rem; }
.person__bild picture, .person__bild img { inline-size: 100%; }
.person__bild img { aspect-ratio: 1024 / 1170; object-fit: cover; object-position: 50% 0; mix-blend-mode: darken; }
@media (min-width: 860px) {
.person { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); min-block-size: 36rem; }
.person__text { padding: clamp(2.5rem, 4vw, 4rem); padding-inline-end: 1rem; align-content: center; }
.person__bild { margin-block-start: 0; inline-size: 100%; max-inline-size: none; padding-inline-end: clamp(1rem, 3vw, 3rem); }
}
@media (max-width: 859.98px) {
.person__sig, .person__zusatz-lang { display: none; }
.person__bild { order: -1; justify-self: center; inline-size: 100%; max-inline-size: 19rem; margin: 0; }
.person__bild img { aspect-ratio: 1 / 1; }
.person__text { padding-block-start: 1.25rem; }
}
.studio__raster { display: grid; gap: 1.1rem; margin-block-start: 1.1rem; }
@media (min-width: 900px) { .studio__raster { gap: 1.25rem; margin-block-start: 1.25rem; } }
.tafel { display: grid; align-content: start; gap: 1rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--r-xl); background: var(--ink-2); border: 1px solid var(--hair-gold); }
.tafel__titel { color: var(--cream); }
.sprachen { display: flex; flex-wrap: wrap; gap: .45rem; }
.sprache { display: inline-flex; align-items: center; gap: .4rem; min-block-size: 2.75rem; padding: .4rem .75rem; border: 1px solid var(--hair-gold); border-radius: var(--r); background: rgba(255,255,255,.02); color: var(--text-hi); text-decoration: none; font-size: var(--fs-s); transition: border-color .2s, background .2s, color .2s; }
.sprache .ico { inline-size: 1rem; block-size: 1rem; color: var(--gold); }
@media (hover: hover) { .sprache:hover { border-color: var(--gold); background: rgba(201,169,110,.1); color: var(--gold-pale); } }
.tafel p { font-size: var(--fs-s); line-height: 1.55; }
.pruef-zeile { display: grid; gap: .7rem; margin-block-start: 1.1rem; padding: .35rem 0 .5rem; }
.pruef { display: grid; gap: .55rem; }
.pruef li { display: grid; gap: .15rem; align-content: start; justify-items: start; }
.pruef__nota { font-size: var(--fs-mini); line-height: 1.45; color: var(--grey); }
.pruef .link-pfeil { position: relative; display: inline; min-block-size: 0; padding-block: .3rem .15rem; font-weight: 600; line-height: 1.4; color: var(--gold-bright); text-decoration: underline; text-decoration-color: rgba(226,199,146,.4); text-underline-offset: .22em; border-block-end: 0; }
.pruef .link-pfeil::after { content: ""; position: absolute; inset: -.5rem 0; }
.pruef .link-pfeil .ico { display: inline-block; vertical-align: -.12em; margin-inline-start: .3rem; inline-size: .95rem; block-size: .95rem; }
.pruef .link-pfeil:hover { text-decoration-color: currentColor; }
@media (min-width: 900px) {
.pruef-zeile { grid-template-columns: auto minmax(0, 1fr); gap: 2.5rem; align-items: start; margin-block-start: 1.25rem; padding: .9rem clamp(1.25rem, 3vw, 2rem) .65rem; }
.pruef { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; }
.pruef-zeile .tafel__titel { padding-block-start: .15rem; }
}
.person__partner { position: relative; display: flex; align-items: center; gap: .75rem; font-size: var(--fs-s); line-height: 1.4; }
.person__partner picture { flex: none; }
.person__partner img { inline-size: 3.5rem; block-size: 3.5rem; border-radius: 14px; border: 1px solid var(--line-cream); object-fit: cover; }
.person__partner a { text-decoration-color: rgba(107,82,32,.5); }
.person__partner a::after { content: ""; position: absolute; inset: 0; }
.person__partner b { font-weight: 600; }

/* 12-mapa.css */
.karte-map { position: relative; container-type: inline-size; display: grid; grid-template-rows: auto minmax(20rem, 1fr) auto; overflow: hidden; border-radius: var(--r-xl); background: #060606; border: 1px solid var(--hair-gold); isolation: isolate; }
.karte-map__bild { position: relative; overflow: hidden; min-block-size: 20rem; }
@media (min-width: 560px) and (max-width: 899.98px) { .karte-map__bild { aspect-ratio: 1200 / 760; } }
.karte-map__bild::before, .karte-map__bild::after { content: ""; position: absolute; inset-inline: 0; z-index: 1; block-size: 5rem; pointer-events: none; }
.karte-map__bild::before { inset-block-start: 0; background: linear-gradient(180deg, #060606, rgba(6,6,6,0)); }
.karte-map__bild::after { inset-block-end: 0; background: linear-gradient(0deg, #060606, rgba(6,6,6,0)); }
.m-svg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.karte-map__kopf { display: grid; gap: .55rem; padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2rem) .75rem; }
.karte-map__kopf p:not(.eyebrow) { font-size: var(--fs-s); line-height: 1.55; color: var(--text); max-inline-size: 30rem; }
.karte-map__fuss { position: relative; z-index: 2; display: grid; gap: .55rem; padding: .25rem clamp(1.25rem, 3vw, 2rem) clamp(1.1rem, 2.5vw, 1.6rem); }
@media (min-width: 900px) {
.karte-map { grid-template-columns: minmax(17rem, .62fr) minmax(0, 1.6fr); grid-template-rows: 1fr auto; }
.karte-map__kopf { grid-column: 1; grid-row: 1; align-content: start; padding-block-end: 1rem; }
.karte-map__fuss { grid-column: 1; grid-row: 2; align-content: end; }
.karte-map__bild { grid-column: 2; grid-row: 1 / span 2; min-block-size: 34rem; }
.karte-map__bild::before { inset-block: 0; inset-inline: 0 auto; inline-size: 4.5rem; block-size: auto; background: linear-gradient(90deg, #060606, rgba(6,6,6,0)); }
.karte-map__bild::after { display: none; }
}
.legende { display: flex; flex-wrap: wrap; gap: .4rem; }
.legende button { display: inline-flex; align-items: center; gap: .45rem; min-block-size: 2.4rem; padding: .3rem .7rem; border: 1px solid var(--hair-gold); border-radius: var(--r); background: rgba(6,6,6,.7); color: var(--text-hi); font-size: var(--fs-mini); cursor: pointer; transition: border-color .2s, background .2s; }
.legende button[aria-pressed="true"] { background: rgba(201,169,110,.18); border-color: var(--gold); color: var(--gold-pale); }
.legende button::before { content: ""; flex: none; inline-size: .7rem; block-size: .7rem; background: var(--gold); }
.legende button[data-nur="g"]::before { clip-path: circle(42% at 50% 50%); }
.legende button[data-nur="p"]::before { clip-path: polygon(50% 6%, 94% 50%, 50% 94%, 6% 50%); }
.legende button[data-nur="h"]::before { clip-path: inset(10%); }
.legende button[data-nur="o"]::before { clip-path: polygon(50% 8%, 94% 90%, 6% 90%); }
.karte-map__quelle { font-size: var(--fs-mini); line-height: 1.5; color: var(--grey); }
.karte-map__quelle a { color: var(--gold); }
.m-svg :where(path, circle, use) { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.m-s3 { stroke: rgba(201,169,110,.3); stroke-width: .7; }
.m-ped { stroke: rgba(201,169,110,.42); stroke-width: .9; stroke-dasharray: 2 4; }
.m-creek { stroke: rgba(226,199,146,.32); stroke-width: .8; }
.m-rail { stroke: rgba(245,241,232,.26); stroke-width: 1; stroke-dasharray: 7 4; }
.m-s2 { stroke: rgba(201,169,110,.55); stroke-width: 1.1; }
.m-s1 { stroke: rgba(201,169,110,.85); stroke-width: 1.7; }
.m-bld-near { stroke: rgba(201,169,110,.5); stroke-width: .8; }
.m-bld { stroke: var(--gold-bright); stroke-width: 1.3; fill: rgba(201,169,110,.5) !important; }
.m-river-wide { stroke: rgba(201,169,110,.14); stroke-width: 9; }
.m-river { stroke: rgba(201,169,110,.6); stroke-width: 1.1; }
.m-schwebe { stroke: var(--gold-pale); stroke-width: 1.9; stroke-dasharray: 7 4; }
.m-schwebe-glow { stroke: rgba(201,169,110,.32); stroke-width: 6; }
.m-fea-hi { stroke: var(--gold-bright); stroke-width: 2.3; }
.m-ring { stroke: rgba(201,169,110,.65); stroke-width: 1; stroke-dasharray: 2 6; }
.m-label { font: 500 13px var(--sans); letter-spacing: .06em; fill: var(--cream); paint-order: stroke; stroke: #060606; stroke-width: 5px; stroke-linejoin: round; }
.m-label--soft { fill: var(--gold-bright); font-family: var(--serif); font-size: 15px; letter-spacing: .03em; font-weight: 500; }
.m-label--ring { fill: var(--gold); letter-spacing: .2em; text-transform: uppercase; }
.m-label--studio { font: 700 19.2px var(--serif); fill: #fff; letter-spacing: .01em; text-anchor: start; }
.m-label--addr { fill: var(--gold-bright); text-anchor: start; }
.m-label--schweb { fill: var(--gold-pale); }
.m-pin__dot { fill: var(--gold-bright) !important; stroke: none !important; }
.m-pin__ring { stroke: var(--gold-bright); stroke-width: 1.4; }
.m-pin__pulse { fill: rgba(201,169,110,.25) !important; stroke: none !important; transform-box: fill-box; transform-origin: center; }
.m-dot { stroke: none; fill: var(--gold); opacity: .8; transition: opacity .3s; }
.m-dot--h { fill: var(--gold-pale); } .m-dot--o { fill: var(--gold-bright); } .m-dot--p { fill: #f7e6c0; }
.karte-map[data-nur="g"] .m-dot:not(.m-dot--g), .karte-map[data-nur="p"] .m-dot:not(.m-dot--p), .karte-map[data-nur="h"] .m-dot:not(.m-dot--h), .karte-map[data-nur="o"] .m-dot:not(.m-dot--o) { opacity: .07; }
.karte-map[data-nur] .m-dot { opacity: 1; }
.karte-map[data-nur="g"] .m-dot:not(.m-dot--g), .karte-map[data-nur="p"] .m-dot:not(.m-dot--p), .karte-map[data-nur="h"] .m-dot:not(.m-dot--h), .karte-map[data-nur="o"] .m-dot:not(.m-dot--o) { opacity: .07; }
.m-stop { fill: #060606; stroke: var(--gold-pale); stroke-width: 1.4; }
.m-werth__arrow { stroke: var(--gold-bright); stroke-width: 1.2; }
.m-scale, .m-north { stroke: var(--gold-bright); stroke-width: 1.2; fill: none; }
@media (prefers-reduced-motion: no-preference) {
html.js .karte-map:not(.is-inview) .m-draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
html.js .karte-map:not(.is-inview) :is(.m-streets, .m-bld-near, .m-dots) { opacity: 0; }
html.js .karte-map:not(.is-inview) :is(.m-labels, .m-pin, .m-stops, .m-ring) { opacity: 0; }
.karte-map :is(.m-streets, .m-bld-near, .m-dots) { transition: opacity 1.6s var(--ease-soft) .25s; }
.karte-map :is(.m-labels, .m-pin, .m-stops, .m-ring) { transition: opacity .9s var(--ease-soft) 1.3s; }
.karte-map.is-inview .m-draw { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset 2.8s var(--ease-soft) .15s; }
.karte-map.is-inview .m-pin__pulse { animation: pin-puls 2.6s var(--ease-soft) 1.6s 4; }
}
@keyframes pin-puls { 0% { scale: 1; opacity: .8; } 100% { scale: 4; opacity: 0; } }
@container (max-width: 700px) {
.m-label { font-size: 20px; stroke-width: 5.5px; }
.m-label--ring, .m-label--schweb { font-size: 17px; }
.m-label--studio { font-size: 28px; }
}
@container (max-width: 559px) {
.m-label { font-size: 24px; stroke-width: 6px; }
.m-label--ring, .m-label--schweb, .m-label--addr { font-size: 20px; }
.m-label--studio { font-size: 32px; }
}
@container (max-width: 700px) { .m-neben { display: none; } .m-label--addr { transform: translateY(7px); } }
@container (max-width: 559px) { .m-label--fea { display: none; } }
@media (max-width: 559.98px) {
.m-far, .m-extra, .m-label--addr { display: none; }
.m-label--studio { text-anchor: middle; transform: translate(-26px, 3px); }
}
@media (min-width: 900px) and (max-width: 1099.98px) { .m-far, .m-extra { display: none; } }
@media (min-width: 1100px) and (max-width: 1279.98px) { .m-far { display: none; } }

/* 13-pakete.css */
.pakete { padding-block: var(--sec); }
.paket-raster { display: flex; gap: 1rem; margin-inline: calc(-1 * var(--gutter)); padding: 2.25rem var(--gutter) 1.6rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgba(20,20,20,.3) transparent; align-items: stretch; }
.paket-raster > .paket { flex: 0 0 min(86%, 24rem); scroll-snap-align: start; }
@media (min-width: 900px) { .paket-raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-inline: 0; padding: 1rem 0 0; overflow: visible; } .paket-raster > .paket { flex: initial; } }
.paket { position: relative; display: grid; align-content: start; gap: 1.1rem; padding: clamp(1.4rem, 3vw, 2rem); border-radius: var(--r-xl); background: var(--paper); border: 1px solid var(--line-cream); }
.paket--top { background: #0a0a0a; color: var(--text); border-color: transparent; box-shadow: 0 40px 80px -40px rgba(0,0,0,.6), 0 0 0 1px rgba(201,169,110,.5); }
@media (min-width: 900px) { .paket--top { translate: 0 -.75rem; padding-block: calc(clamp(1.4rem, 3vw, 2rem) + .75rem); } }
.paket__marke { position: absolute; inset-block-start: 0; inset-inline: 0; inline-size: fit-content; max-inline-size: calc(100% - 2rem); margin-inline: auto; translate: 0 calc(-100% + .8rem); padding: .35rem .85rem; border-radius: var(--r-s); background: var(--grad-gold); color: #0a0a0a; font: 500 var(--fs-mini)/1.25 var(--sans); letter-spacing: var(--ls-eng); text-transform: uppercase; text-align: center; text-wrap: balance; }
.paket--top .paket__name { color: var(--cream); }
.paket__fuer { font-size: var(--fs-s); line-height: 1.5; color: var(--on-cream-2); }
@media (min-width: 900px) { .paket__fuer { min-block-size: 3em; } }
.paket--top .paket__fuer { color: var(--text); }
.paket .preis { margin-block-end: 0; border-color: var(--line-cream); }
.paket--top .preis { border-color: var(--hair); }
.paket--top .preis__ab, .paket--top .preis__zahl { color: var(--gold); }
.liste { display: grid; align-content: start; gap: .6rem; font-size: var(--fs-s); line-height: 1.45; }
.liste li { display: grid; grid-template-columns: 1.3rem 1fr; gap: .6rem; align-items: start; }
.liste .ico { margin-block-start: .12rem; inline-size: 1.05rem; block-size: 1.05rem; stroke-width: 2; }
.liste--dabei .ico { color: var(--gold-ink); }
.paket--top .liste--dabei .ico { color: var(--gold); }
.liste--nicht { color: var(--on-cream-2); padding-block-start: 1rem; border-block-start: 1px dashed var(--line-cream); }
.liste--nicht .ico { color: #8a8378; }
.paket--top .liste--nicht { color: var(--grey); border-color: var(--hair-gold); }
.liste__titel { line-height: 1; margin-block-end: -.35rem; padding-block-start: 1rem; border-block-start: 1px dashed var(--line-cream); color: var(--on-cream-2); }
.paket--top .liste__titel { border-color: var(--hair-gold); color: var(--grey); }
.liste--nicht { border-block-start: 0; padding-block-start: 0; }
.paket .btn { margin-block-start: .4rem; align-self: end; }
.paket { grid-template-rows: auto auto auto auto auto 1fr auto; }
.pakete__nota { margin-block-start: .6rem; font-size: var(--fs-s); line-height: 1.5; color: var(--on-cream-2); text-align: center; text-wrap: balance; }
@media (min-width: 900px) { .pakete__nota { margin-block-start: 1.25rem; } }
.einzeln { margin-block-start: var(--sub); display: grid; gap: 1.5rem; }
@media (min-width: 900px) { .einzeln { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 3rem; align-items: start; } }
.menue { display: grid; gap: .1rem 3rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .menue { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) and (max-width: 1099.98px) { .menue { grid-template-columns: minmax(0, 1fr); } }
.menue li { display: flex; align-items: baseline; gap: .55rem; padding-block: .5rem; border-block-end: 1px solid var(--line-cream); font-size: var(--fs-s); line-height: 1.35; }
@media (max-width: 339.98px) { .menue li { gap: .3rem; } }
.menue__name small { display: block; font-size: var(--fs-mini); color: var(--on-cream-2); }
.menue__preis { white-space: nowrap; font: 700 calc(var(--fs-l) * .95)/1 var(--serif); font-variant-numeric: tabular-nums; color: var(--gold-ink); }
@media (max-width: 359.98px) { .menue__preis { font-size: calc(var(--fs-l) * .88); } }
.menue__preis small { font: 500 var(--fs-mini)/1 var(--sans); letter-spacing: var(--ls-eng); text-transform: uppercase; margin-inline-end: .25rem; }
.menue__preis .menue__pro { margin-inline: .25rem 0; }
.einzeln .lede--klein { margin-block-start: .8rem; }
.menue .karte__punkte { translate: 0 -.25em; }
.menue__name a { display: inline-block; padding-block: .15rem; color: inherit; text-decoration: none; }
@media (hover: hover) { .menue__name a:hover { color: var(--gold-ink); text-decoration: underline; text-decoration-color: var(--gold-ink); } }
@media (max-width: 719.98px) { .menue li.menue__mehr { display: none; } }
.pakete__fuss { margin-block-start: 1.75rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; align-items: center; justify-content: space-between; }

/* 14-festpreis.css */
.festpreis { padding-block: var(--sec); background: var(--ink-0); position: relative; isolation: isolate; overflow: clip; }
.festpreis::before { content: ""; position: absolute; z-index: -1; inset-inline: 0; inset-block-start: 6rem; block-size: 40rem; background: radial-gradient(50% 50% at 75% 40%, rgba(201,169,110,.11), rgba(201,169,110,0) 70%); }
.anchor-compare__rejilla { display: grid; gap: clamp(1.5rem, 5vw, 4rem); margin-block-end: 1.5rem; }
@media (min-width: 900px) { .anchor-compare__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.anchor-compare__lado { container-type: inline-size; display: grid; align-content: start; gap: .7rem; padding-block-start: 1.1rem; border-block-start: 1px solid var(--hair-gold); }
.anchor-compare__lado--makhu { border-block-start-color: var(--gold); }
.anchor-compare__etiqueta { color: var(--grey); }
.anchor-compare__lado--makhu .anchor-compare__etiqueta { color: var(--gold); }
.anchor-compare__cifra { padding-block-end: .12em; font: 800 min(clamp(4.4rem, 1.9rem + 8.4vw, 9.5rem), 18.2vw)/1 var(--serif); font-size: min(clamp(4.4rem, 1.9rem + 8.4vw, 9.5rem), calc(100cqi / 4.8)); letter-spacing: -.015em; color: var(--text-hi); white-space: nowrap; }
.anchor-compare__lado--makhu .anchor-compare__cifra { background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.anchor-compare__detalle { max-inline-size: 30rem; font-size: var(--fs-m); line-height: 1.6; color: var(--text-hi); }
.anchor-compare__barra { position: relative; block-size: .5rem; border-radius: .25rem; background: rgba(255,255,255,.08); overflow: hidden; }
.anchor-compare__barra::after { content: ""; position: absolute; inset: 0; inline-size: var(--barra, 100%); border-radius: inherit; background: rgba(245,241,232,.55); transform-origin: left center; }
.anchor-compare__lado--makhu .anchor-compare__barra::after { background: var(--grad-gold); }
[dir="rtl"] .anchor-compare__barra::after { transform-origin: right center; }
@supports ((animation-timeline: view()) and (animation-range: entry)) {
@media (prefers-reduced-motion: no-preference) {
.anchor-compare__barra::after { animation: barra-wachs linear both; animation-timeline: view(); animation-range: entry 0% cover 22%; }
@keyframes barra-wachs { from { transform: scaleX(0); } }
}
}
.anchor-compare__fuente { font-size: var(--fs-mini); line-height: 1.5; color: var(--grey); }
.anchor-compare__fuente a { color: var(--gold); }
.ablauf { display: grid; gap: 2.25rem; counter-reset: a; }
@media (min-width: 900px) { .ablauf { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; } }
.ablauf li { position: relative; display: grid; gap: .7rem; align-content: start; }
.ablauf li::before { counter-increment: a; content: counter(a); display: block; font: 800 5.5rem/1 var(--serif); color: transparent; -webkit-text-stroke: 1px var(--gold); }
.ablauf li::after { content: ""; position: absolute; inset-block-start: 2.9rem; inset-inline: 4.25rem 0; block-size: 1px; background: linear-gradient(90deg, var(--gold), rgba(201,169,110,.12)); }
.ablauf h3 { color: var(--cream); }
.ablauf p { font-size: var(--fs-s); line-height: 1.6; max-inline-size: 26rem; }
.ablauf__hinweis { margin-block-start: 1.5rem; }
.festpreis__rechnung { margin-block-end: var(--sub); }
@media (max-width: 899.98px) {
.ablauf { gap: 1.1rem; }
.ablauf li { grid-template-columns: 2.6rem minmax(0, 1fr); column-gap: .9rem; row-gap: .3rem; align-items: start; }
.ablauf li::before { grid-row: 1 / span 2; font-size: 3rem; }
.ablauf li::after { display: none; }
.ablauf p { max-inline-size: none; }
}

/* 15-gratis.css */
.gratis { padding-block: var(--sec); }
.gratis__raster { display: grid; gap: 1.25rem; }
.kachel { display: grid; align-content: start; gap: 1rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--r-xl); background: var(--paper); border: 1px solid var(--line-cream); }
.kachel--dunkel { background: #0a0a0a; color: var(--text); border-color: transparent; box-shadow: 0 0 0 1px rgba(201,169,110,.35); }
.kachel--dunkel .h3 { color: var(--cream); }
.kachel--dunkel .eyebrow { color: var(--gold); }
.kachel--dunkel .klein { color: var(--grey); }
.kachel--dunkel .link-pfeil { color: var(--gold-bright); }
.kachel__text { display: grid; gap: 1rem; align-content: start; }
.kachel__bild { overflow: hidden; border-radius: var(--r-l); background: #050505; }
.kachel__bild img { inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.kachel__aktionen { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.kachel__text > p:not(.eyebrow, .klein) { font-size: var(--fs-m); line-height: 1.6; }
.kachel .klein { margin-block-start: -.2rem; }
@media (min-width: 900px) {
.kachel--breit { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: clamp(1.5rem, 3vw, 3rem); padding: clamp(1.5rem, 3vw, 2.5rem); }
}

/* 16-faq.css */
.faq { padding-block: var(--sec); background: var(--ink-0); }
.faq__raster { display: grid; gap: var(--gap-kopf); }
@media (min-width: 900px) { .faq__raster { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 4rem; } .faq__kopf { position: sticky; inset-block-start: calc(var(--header-h) + 2rem); align-self: start; } }
.faq__kopf { display: grid; gap: 1.1rem; justify-items: start; }
.faq details { border-block-end: 1px solid var(--hair); }
.faq details:first-of-type { border-block-start: 1px solid var(--hair); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-block-size: 4rem; padding-block: 1rem; cursor: pointer; list-style: none; font: 600 var(--fs-l)/1.3 var(--serif); letter-spacing: 0; color: var(--cream); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; flex: none; inline-size: 1.75rem; block-size: 1.75rem; border-radius: 50%; border: 1px solid var(--hair-gold-2); background: linear-gradient(var(--gold), var(--gold)) center / .7rem 1px no-repeat, linear-gradient(var(--gold), var(--gold)) center / 1px .7rem no-repeat; transition: rotate .35s var(--ease), background-color .2s; }
.faq details[open] summary::after { rotate: 135deg; background-color: rgba(201,169,110,.12); }
.faq details > div { padding-block-end: 1.5rem; max-inline-size: 42rem; font-size: var(--fs-m); line-height: 1.65; color: var(--text); }
@media (hover: hover) { .faq summary:hover { color: var(--gold-pale); } }
@supports (interpolate-size: allow-keywords) {
.faq { interpolate-size: allow-keywords; }
.faq details::details-content { block-size: 0; overflow: clip; transition: block-size .4s var(--ease), content-visibility .4s allow-discrete; }
.faq details[open]::details-content { block-size: auto; }
}
.faq summary > .faq__q { min-inline-size: 0; margin: 0; font: inherit; letter-spacing: inherit; color: inherit; text-wrap: inherit; }
.klapp { border-block: 1px solid var(--hair); }
.klapp > summary { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-block-size: 3.25rem; padding-block: .7rem; cursor: pointer; list-style: none; font-size: var(--fs-s); line-height: 1.5; color: var(--text); -webkit-tap-highlight-color: transparent; }
.klapp > summary::-webkit-details-marker { display: none; }
.klapp > summary::after { content: ""; flex: none; inline-size: 1.75rem; block-size: 1.75rem; border-radius: 50%; border: 1px solid var(--hair-gold-2); background: linear-gradient(var(--gold), var(--gold)) center / .7rem 1px no-repeat, linear-gradient(var(--gold), var(--gold)) center / 1px .7rem no-repeat; }
.klapp[open] > summary::after { rotate: 135deg; background-color: rgba(201,169,110,.12); }
.klapp > summary strong { font-weight: 600; color: var(--cream); }
.klapp > div { display: grid; gap: .8rem; max-inline-size: 46rem; padding-block: .1rem 1.4rem; font-size: var(--fs-s); line-height: 1.6; color: var(--text); }
.klapp > div b { font-weight: 600; color: var(--text-hi); }
.klapp__titel { margin-block-start: .3rem; font-weight: 600; color: var(--text-hi); }
.klapp__liste { display: grid; gap: .45rem; }
.klapp__liste li { padding-inline-start: 1rem; border-inline-start: 1px solid var(--hair-gold-2); }
@media (hover: hover) { .klapp > summary:hover { color: var(--gold-pale); } }
.on-cream .klapp { border-color: var(--line-cream); }
.on-cream .klapp > summary, .on-cream .klapp > div { color: var(--on-cream-2); }
.on-cream .klapp > summary strong, .on-cream .klapp > div b, .on-cream .klapp__titel { color: var(--on-cream); }
.on-cream .klapp > summary::after { border-color: rgba(107,82,32,.45); background-image: linear-gradient(var(--gold-ink), var(--gold-ink)), linear-gradient(var(--gold-ink), var(--gold-ink)); }
.on-cream .klapp[open] > summary::after { background-color: rgba(107,82,32,.1); }
.on-cream .klapp__liste li { border-color: rgba(107,82,32,.45); }
@media (hover: hover) { .on-cream .klapp > summary:hover { color: var(--on-cream); } }
.klapp--klein > summary { min-block-size: var(--tap); padding-block: .45rem; color: var(--text-hi); }
.klapp--klein > summary::after { inline-size: 1.5rem; block-size: 1.5rem; }
.klapp--klein > div { gap: .75rem; padding-block: .35rem 1rem; }
@media (prefers-reduced-motion: no-preference) {
.klapp > summary::after { transition: rotate .35s var(--ease), background-color .2s; }
@supports (interpolate-size: allow-keywords) {
.klapp { interpolate-size: allow-keywords; }
.klapp::details-content { block-size: 0; overflow: clip; transition: block-size .4s var(--ease), content-visibility .4s allow-discrete; }
.klapp[open]::details-content { block-size: auto; }
}
}

/* 17-cierre.css */
.gold-band { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(3rem, 8vw, 7.5rem); background: var(--grad-gold); color: #0a0a0a; text-align: start; }
.gold-band::before { content: "M"; position: absolute; z-index: -1; inset-block-end: -.22em; inset-inline-end: -.02em; font: 700 clamp(20rem, 50vw, 44rem)/.8 var(--serif); color: rgba(0,0,0,.07); pointer-events: none; }
.gold-band__inner { display: grid; gap: 1.5rem; justify-items: start; max-inline-size: 48rem; }
.gold-band .eyebrow { color: #3d2f10; }
.gold-band .h2 { color: #0a0a0a; font-size: clamp(2.4rem, 1.4rem + 5vw, 5.5rem); }
.gold-band .h2 em { color: #4a3812; }
.gold-band__inner > p:not(.eyebrow) { font-size: var(--fs-lede); line-height: 1.55; max-inline-size: 34rem; color: #1d1608; }
.gold-band__aktionen { display: flex; flex-wrap: wrap; gap: .7rem; inline-size: 100%; }
.gold-band .bubble { max-inline-size: 26rem; background: #0a0a0a; }
.gold-band .bubble p { color: var(--cream); font-size: var(--fs-s); max-inline-size: none; }
.gold-band .bubble::after { background: #0a0a0a; }

/* 18-pie.css */
.site-footer { padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2)); padding-block: clamp(2.25rem, 6vw, 5rem) calc(1.5rem + env(safe-area-inset-bottom, 0px)); background: var(--ink-0); border-block-start: 1px solid var(--hair-gold); font-size: var(--fs-s); }
html:not(.js) .site-footer { padding-block-end: 6.5rem; }
.site-footer__spalten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 1.5rem; }
@media (min-width: 900px) { .site-footer__spalten { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 1200px) { .site-footer__spalten { grid-template-columns: 1.5fr repeat(5, minmax(0, 1fr)); } }
.site-footer h2 { color: var(--gold); margin-block-end: .6rem; }
.site-footer li a { display: inline-flex; align-items: center; min-block-size: 2rem; text-decoration: none; color: var(--text-hi); text-wrap: balance; overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto; }
.site-footer li a:hover { color: var(--gold-pale); text-decoration: underline; }
.site-footer address { font-style: normal; display: grid; gap: .35rem; line-height: 1.55; color: var(--text-hi); }
.site-footer address a { display: inline-flex; min-block-size: 2.25rem; align-items: center; }
.site-footer__kontakt { grid-column: 1 / -1; }
@media (min-width: 1200px) { .site-footer__kontakt { grid-column: auto; } }
.site-footer__logo { margin-block-end: 1rem; }
.site-footer__copyright { margin-block-start: clamp(1.5rem, 4vw, 3rem); padding-block-start: 1.25rem; border-block-start: 1px solid var(--hair); display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; font-size: var(--fs-mini); color: var(--grey); }
@media (pointer: coarse) { .legende button, .cookie-reabrir, .link-pfeil { min-block-size: var(--tap); } }
.cookie-reabrir { min-block-size: 2.25rem; padding: 0; border: 0; background: none; color: var(--gold); cursor: pointer; text-decoration: underline; text-underline-offset: .22em; }
.site-footer__nota-ki { margin-block: .75rem 0; font-size: var(--fs-mini); line-height: 1.5; color: var(--grey); }
.site-footer .site-footer__perfiles { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin-block-start: .4rem; }

/* 19-dock.css */
.dock { position: fixed; z-index: var(--z-dock); inset-inline: 0; inset-block-end: 0; display: flex; gap: .6rem; padding: .7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom, 0px)); background: linear-gradient(180deg, rgba(5,5,5,0), rgba(5,5,5,.92) 40%); transition: translate .4s var(--ease), opacity .3s; }
.dock .btn--gold { flex: 1 1 0; min-inline-size: 0; }
.dock .btn--icon { flex: none; }
@media (max-width: 359.98px) { .dock .btn--gold { padding-inline: .5rem; gap: .4rem; } .dock .btn--icon { inline-size: var(--tap); } }
html.js .dock:not(.is-visible) { translate: 0 110%; opacity: 0; visibility: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .dock { transition: opacity .15s; } }
.site-header:has(.lang[open]) ~ main .dock { translate: 0 110%; opacity: 0; visibility: hidden; pointer-events: none; }
html:not(.js) .dock { display: none; }
@media (min-width: 900px) {
.dock { inset-inline: auto .25rem; inset-block-end: 1.25rem; flex-direction: column; gap: 0; inline-size: 2rem; padding: 0; border-radius: 1rem; background: #0c0c0c; box-shadow: 0 0 0 1px var(--hair-gold-2), 0 16px 34px -14px rgba(0,0,0,.9); overflow: clip; }
.dock .btn { flex: none; inline-size: 100%; min-block-size: 2.5rem; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.dock .btn .ico { inline-size: 1.05rem; block-size: 1.05rem; }
.dock .btn--gold { --focus: #0a0a0a; }
.dock .btn--ghost { background: transparent; color: var(--gold-bright); }
.dock .btn:focus-visible { outline-offset: -4px; }
.dock .btn--gold:hover { transform: none; box-shadow: none; filter: brightness(1.08); }
.dock__text { display: none; }
html.js .dock:not(.is-visible), .site-header:has(.lang[open]) ~ main .dock { translate: 130% 0; }
}
@media (min-width: 900px) and (max-width: 1399.98px) and (pointer: coarse) { .dock { inset-inline-end: 0; inline-size: min(2.5rem, var(--gutter)); border-radius: 0; border-start-start-radius: 1.125rem; border-end-start-radius: 1.125rem; } .dock .btn { min-block-size: 2.75rem; } .dock .btn .ico { inline-size: 1.2rem; block-size: 1.2rem; } }
@media (min-width: 1400px) { .dock { inset-inline-end: 1.25rem; inset-block-end: 1.5rem; inline-size: 2.75rem; border-radius: 1.375rem; } .dock .btn { min-block-size: 2.75rem; } .dock .btn .ico { inline-size: 1.25rem; block-size: 1.25rem; } }

/* 20-movimiento.css */
@supports (animation-timeline: view()) and (animation-range: entry 0%) {
@media (prefers-reduced-motion: no-preference) {
.rv { animation: rv-ein linear both; animation-timeline: view(); animation-timeline: view(block 0px); animation-range: entry 0% entry 20%; animation-range: entry 0% entry min(20%, 5rem); }
@keyframes rv-ein { from { opacity: 0; translate: 0 1rem; } }
.rv--links { animation-name: rv-links; }
@keyframes rv-links { from { opacity: 0; translate: -1rem 0; } }
}
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
@media (prefers-reduced-motion: no-preference) {
.hero__kern em { background: linear-gradient(100deg, var(--gold) 42%, #fff3d3 50%, var(--gold) 58%) 100% 0 / 260% 100% no-repeat; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: glanz 2.6s var(--ease-soft) 1.3s both; }
@keyframes glanz { to { background-position: 0 0; } }
}
}
@media (prefers-reduced-motion: no-preference) {
.hero__kopf > :not(.hero__h1), .hero__fuss > * { animation: hero-ein .8s var(--ease) both; }
.hero__kopf > .hero__intro { animation-delay: .1s; } .hero__fuss > :nth-child(1) { animation-delay: .16s; } .hero__fuss > :nth-child(2) { animation-delay: .24s; } .hero__fuss > :nth-child(3) { animation-delay: .32s; }
}
@keyframes hero-ein { from { opacity: 0; translate: 0 1.5rem; } }
html.is-paused :is(.phone--scroll .phone__scroll img, .linie__welle, .m-pin__pulse, .bubble__dots i) { animation-play-state: paused !important; }
@supports not ((animation-timeline: view()) and (animation-range: entry)) { html.is-paused .linie__wagen { animation-play-state: paused !important; } }

/* 21-preferencias.css */
@media (prefers-contrast: more) { :root { --hair: rgba(255,255,255,.28); --hair-gold: rgba(201,169,110,.6); --grey: #cfcfcf; } }
@media (forced-colors: active) { .btn, .chip, .antwort, .paket { border: 1px solid CanvasText; } }
@media print {
.rv, .rv--links { animation: none !important; opacity: 1 !important; translate: none !important; }
.anchor-compare__barra::after { animation: none !important; transform: none !important; }
.dock, .hero__pause, .cookie-bar { display: none !important; }
.wahl .kopf > .lede { display: block !important; overflow: visible !important; -webkit-line-clamp: none !important; line-clamp: none !important; }
.lede-mehr { display: none !important; }
.klapp::details-content { content-visibility: visible !important; block-size: auto !important; }
.klapp > summary::after { display: none !important; }
}

/* 22-rendimiento.css */
@supports (content-visibility: auto) {
.arbeiten, .linie, .studio, .pakete, .festpreis, .gratis, .faq, .gold-band { content-visibility: auto; }
.arbeiten { contain-intrinsic-block-size: auto 2263px; }
.linie { contain-intrinsic-block-size: auto 1151px; }
.studio { contain-intrinsic-block-size: auto 2309px; }
.pakete { contain-intrinsic-block-size: auto 1551px; }
.festpreis { contain-intrinsic-block-size: auto 1447px; }
.gratis { contain-intrinsic-block-size: auto 709px; }
.faq { contain-intrinsic-block-size: auto 959px; }
.gold-band { contain-intrinsic-block-size: auto 383px; }
@media (min-width: 360px) and (max-width: 379.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2352px; }
.linie { contain-intrinsic-block-size: auto 1180px; }
.studio { contain-intrinsic-block-size: auto 2384px; }
.pakete { contain-intrinsic-block-size: auto 1575px; }
.festpreis { contain-intrinsic-block-size: auto 1494px; }
.gratis { contain-intrinsic-block-size: auto 723px; }
.faq { contain-intrinsic-block-size: auto 984px; }
.gold-band { contain-intrinsic-block-size: auto 381px; }
}
@media (max-width: 359.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2477px; }
.linie { contain-intrinsic-block-size: auto 1215px; }
.studio { contain-intrinsic-block-size: auto 2491px; }
.pakete { contain-intrinsic-block-size: auto 1731px; }
.festpreis { contain-intrinsic-block-size: auto 1638px; }
.gratis { contain-intrinsic-block-size: auto 746px; }
.faq { contain-intrinsic-block-size: auto 984px; }
.gold-band { contain-intrinsic-block-size: auto 377px; }
}
@media (min-width: 420px) and (max-width: 479.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2184px; }
.linie { contain-intrinsic-block-size: auto 1156px; }
.studio { contain-intrinsic-block-size: auto 2195px; }
.pakete { contain-intrinsic-block-size: auto 1516px; }
.festpreis { contain-intrinsic-block-size: auto 1429px; }
.gratis { contain-intrinsic-block-size: auto 661px; }
.faq { contain-intrinsic-block-size: auto 883px; }
.gold-band { contain-intrinsic-block-size: auto 305px; }
}
@media (min-width: 480px) and (max-width: 639.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2105px; }
.linie { contain-intrinsic-block-size: auto 1141px; }
.studio { contain-intrinsic-block-size: auto 2019px; }
.pakete { contain-intrinsic-block-size: auto 1476px; }
.festpreis { contain-intrinsic-block-size: auto 1327px; }
.gratis { contain-intrinsic-block-size: auto 665px; }
.faq { contain-intrinsic-block-size: auto 790px; }
.gold-band { contain-intrinsic-block-size: auto 314px; }
}
@media (min-width: 640px) and (max-width: 719.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2084px; }
.linie { contain-intrinsic-block-size: auto 859px; }
.studio { contain-intrinsic-block-size: auto 2096px; }
.pakete { contain-intrinsic-block-size: auto 1444px; }
.festpreis { contain-intrinsic-block-size: auto 1222px; }
.gratis { contain-intrinsic-block-size: auto 660px; }
.faq { contain-intrinsic-block-size: auto 764px; }
.gold-band { contain-intrinsic-block-size: auto 329px; }
}
@media (min-width: 720px) and (max-width: 899.98px) {
.arbeiten { contain-intrinsic-block-size: auto 2106px; }
.linie { contain-intrinsic-block-size: auto 905px; }
.studio { contain-intrinsic-block-size: auto 2139px; }
.pakete { contain-intrinsic-block-size: auto 1329px; }
.festpreis { contain-intrinsic-block-size: auto 1299px; }
.gratis { contain-intrinsic-block-size: auto 727px; }
.faq { contain-intrinsic-block-size: auto 774px; }
.gold-band { contain-intrinsic-block-size: auto 356px; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
.arbeiten { contain-intrinsic-block-size: auto 1747px; }
.linie { contain-intrinsic-block-size: auto 780px; }
.studio { contain-intrinsic-block-size: auto 1814px; }
.pakete { contain-intrinsic-block-size: auto 1491px; }
.festpreis { contain-intrinsic-block-size: auto 1101px; }
.gratis { contain-intrinsic-block-size: auto 473px; }
.faq { contain-intrinsic-block-size: auto 586px; }
.gold-band { contain-intrinsic-block-size: auto 377px; }
}
@media (min-width: 1200px) {
.arbeiten { contain-intrinsic-block-size: auto 1748px; }
.linie { contain-intrinsic-block-size: auto 803px; }
.studio { contain-intrinsic-block-size: auto 1765px; }
.pakete { contain-intrinsic-block-size: auto 1284px; }
.festpreis { contain-intrinsic-block-size: auto 1106px; }
.gratis { contain-intrinsic-block-size: auto 456px; }
.faq { contain-intrinsic-block-size: auto 586px; }
.gold-band { contain-intrinsic-block-size: auto 409px; }
}
}