:root{
--rand:clamp(1.2rem,4.6vw,4rem);
--breit:min(100% - (2 * var(--rand)),1340px);
--schmal:min(100% - (2 * var(--rand)),820px);
--rasterkante:calc(min(100vw - (2 * var(--rand)),1340px) / 2 - 50vw);
--raum:clamp(5.4rem,11vw,12rem);
--raum-klein:clamp(3.2rem,6vw,5.6rem);
--ease:cubic-bezier(.22,.61,.24,1);
--ease-weich:cubic-bezier(.4,0,.2,1);
--dur:.7s;
--dur-kurz:.32s;
--bogen:14rem 14rem 2px 2px / 8rem 8rem 2px 2px;
}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;-webkit-text-size-adjust:100%}
body{
margin:0;background:var(--pap-grund);color:var(--t2);
font-family:var(--font-body);font-weight:400;
font-size:clamp(1rem,.95rem + .26vw,1.12rem);line-height:1.72;
letter-spacing:.002em;
overflow-wrap:break-word;hyphens:manual;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
font-family:var(--font-display);font-weight:500;color:var(--t1);
letter-spacing:-.021em;line-height:1.06;margin:0;
word-break:keep-all;text-wrap:pretty;
}
h1{font-size:clamp(2.5rem,1.15rem + 4.4vw,5.6rem);letter-spacing:-.038em;line-height:.98;
font-weight:520;text-wrap:balance}
h2{font-size:clamp(1.95rem,1.1rem + 2.9vw,3.6rem);letter-spacing:-.032em;line-height:1.02;
font-weight:520;text-wrap:balance}
h3{font-size:clamp(1.12rem,1rem + .58vw,1.4rem);font-weight:600;line-height:1.24;letter-spacing:-.012em}
p{margin:0}
a{color:inherit}
img,svg{display:block;max-width:100%}
figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:600;color:var(--t1)}
.auf-ink strong,.konv strong,.hb__wort strong{color:var(--i1)}
::selection{background:var(--akz);color:var(--ink-4)}
.skip{
position:absolute;left:.8rem;top:.8rem;z-index:9999;
width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
background:var(--ink-3);color:var(--i1);padding:.85rem 1.2rem;font-weight:600;border-radius:2px;
}
.skip:focus{width:auto;height:auto;overflow:visible;clip-path:none}
:focus-visible{outline:2px solid var(--akz);outline-offset:3px;border-radius:2px}
.nowrap{white-space:nowrap}
.nur-lesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.marke{
font-family:var(--font-display);font-weight:600;
font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--akz-tief);
}
.auf-ink .marke{color:var(--akz-hell)}
.lead{
font-size:clamp(1.06rem,1rem + .55vw,1.3rem);line-height:1.6;color:var(--t2);
max-width:46ch;
}
.auf-ink .lead{color:var(--i2)}
.fein{font-size:.86rem;line-height:1.6;color:var(--t3);max-width:60ch}
.auf-ink .fein{color:var(--i3)}
figcaption{
font-size:.82rem;line-height:1.5;color:var(--t3);margin-top:.7rem;
max-width:44ch;
}
.auf-ink figcaption{color:var(--i2)}
.bild{position:relative;overflow:hidden;border-radius:2px;background:var(--pap-tief)}
.bild img{width:100%;height:100%;object-fit:cover;display:block}
.bild--bogen{border-radius:var(--bogen)}
.bild--gehoben{box-shadow:var(--hebung)}
.kuehl img{filter:saturate(.62) hue-rotate(-5deg) brightness(1.04) contrast(1.03)}
.blatt__i img{filter:saturate(.34) contrast(1.06) brightness(1.03)}
.knopf{
position:relative;display:inline-flex;align-items:center;gap:.75rem;
padding:.95rem 1.35rem;border:0;border-radius:2px;
background:var(--ink-3);color:var(--i1);
font-family:var(--font-display);font-weight:600;font-size:.98rem;line-height:1.1;
letter-spacing:.004em;text-decoration:none;cursor:pointer;min-height:52px;
box-shadow:var(--hebung);
transition:transform var(--dur-kurz) var(--ease),box-shadow var(--dur-kurz) var(--ease),background-color var(--dur-kurz) linear;
}
.knopf__k{
width:1.6rem;height:1.6rem;flex:none;border-radius:50%;
background:rgba(251,248,242,.14);display:grid;place-items:center;
transition:background-color var(--dur-kurz) linear,transform .5s var(--ease);
}
.knopf__k svg{width:.85rem;height:.85rem}
.knopf:hover{transform:translateY(-2px);box-shadow:var(--hebung-hoch)}
.knopf:hover .knopf__k{background:var(--akz);transform:translate3d(2px,0,0)}
.knopf:active{transform:translateY(0) scale(.99)}
.knopf:focus-visible{outline:2px solid var(--akz);outline-offset:4px}
.knopf--akz{background:var(--akz);color:var(--ink-4)}
.knopf--akz .knopf__k{background:rgba(24,37,48,.14)}
.knopf--akz:hover .knopf__k{background:var(--ink-3);color:var(--i1)}
.knopf--hell{background:var(--pap-hoch);color:var(--t1);box-shadow:inset 0 0 0 1px var(--linie),var(--hebung)}
.knopf--hell .knopf__k{background:rgba(91,82,64,.12)}
.knopf--hell:hover .knopf__k{background:var(--akz)}
.weg{
position:relative;display:inline-flex;align-items:center;gap:0;
padding:.7rem 0 .8rem;text-decoration:none;color:var(--t1);
font-family:var(--font-display);font-weight:600;font-size:.98rem;letter-spacing:.004em;
min-height:48px;
}
.weg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--linie)}
.weg::before{
content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--akz);
transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease);
}
.weg svg{width:.85rem;height:.85rem;margin-left:.55rem;transition:transform .5s var(--ease)}
.weg:hover::before{transform:scaleX(1)}
.weg:hover svg{transform:translate3d(.3em,0,0)}
.auf-ink .weg{color:var(--i1)}
.auf-ink .weg::after{background:var(--linie-hell)}
.ruf{
display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--linie-hell);
border-radius:2px;padding:.55rem .8rem;min-height:44px;color:var(--i1);
font-family:var(--font-display);font-weight:600;font-size:.82rem;letter-spacing:.06em;
text-decoration:none;transition:background-color var(--dur-kurz) linear;
}
.ruf:hover{background:rgba(251,248,242,.1)}
.kopf{position:relative;z-index:60;color:var(--i1);
background:linear-gradient(180deg,rgba(16,26,34,.82) 0%,rgba(16,26,34,.58) 52%,rgba(16,26,34,0) 100%)}
.kopf a{text-decoration:none}
.hat-hero .kopf{position:absolute;inset:0 0 auto;padding-bottom:clamp(1rem,2.4vw,2rem)}
body:not(.hat-hero) .kopf{background:var(--ink-3)}
.kopf__vorschau{
font-size:.68rem;line-height:1.5;letter-spacing:.012em;color:var(--i3);
padding:.5rem 0 .15rem;
}
.kopf__vorschau b{font-size:.62rem}
.kopf__vorschau div{width:var(--breit);margin-inline:auto;display:flex;gap:.55em;flex-wrap:wrap}
.kopf__vorschau b{color:var(--akz-hell);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.kopf__vorschau span{display:none}
.kopf__zeile{
width:var(--breit);margin-inline:auto;
display:flex;align-items:center;justify-content:space-between;gap:1rem;
padding:.75rem 0;min-height:64px;
}
.kopf__marke{display:flex;align-items:center;gap:.7rem;color:var(--i1);order:2;margin-left:auto}
.kopf__marke .sonne{width:2rem;height:1.1rem;flex:none}
.kopf__wort{display:block;line-height:1.15}
.kopf__wort b{
display:block;font-family:var(--font-display);font-weight:600;
letter-spacing:.09em;text-transform:uppercase;font-size:clamp(.68rem,.62rem + .24vw,.82rem);
}
.kopf__wort i{
display:block;font-style:normal;color:var(--i3);
font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.56rem;margin-top:.2rem;
}
.kopf__nav{display:none;order:1}
.kopf__cta{display:none;order:4}
.kopf__ruf{order:3}
.burger{
order:0;-webkit-appearance:none;appearance:none;background:none;
border:1px solid var(--linie-hell);color:var(--i1);border-radius:2px;
padding:.55rem .8rem;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;
font-family:var(--font-display);font-weight:600;font-size:.76rem;letter-spacing:.14em;
text-transform:uppercase;min-height:44px;
transition:background-color var(--dur-kurz) linear;
}
.burger:hover{background:rgba(251,248,242,.1)}
.burger__l,.burger__l::before,.burger__l::after{
display:block;width:16px;height:1.5px;background:currentColor;content:"";
transition:transform .4s var(--ease),opacity .2s linear;
}
.burger__l{position:relative}
.burger__l::before{position:absolute;top:-5px}
.burger__l::after{position:absolute;top:5px}
.burger[aria-expanded="true"] .burger__l{background:transparent}
.burger[aria-expanded="true"] .burger__l::before{transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__l::after{transform:translateY(-5px) rotate(-45deg)}
.burger__t,.kopf__ruf span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu{background:var(--ink-4);border-top:1px solid var(--linie-hell);padding:.6rem 0 1.6rem}
.menu[hidden]{display:none}
.menu>*{width:var(--breit);margin-inline:auto}
.menu nav{display:flex;flex-direction:column}
.menu nav a{
padding:.9rem 0;min-height:54px;display:flex;align-items:center;
border-bottom:1px solid var(--linie-hell);
font-family:var(--font-display);font-weight:500;font-size:1.2rem;letter-spacing:-.01em;color:var(--i1);
}
.menu nav a:last-of-type{border-bottom:0}
.menu__tel{display:flex;align-items:center;min-height:52px;margin-top:1rem;color:var(--akz-hell);font-weight:600;width:var(--breit);margin-inline:auto}
.hero{position:relative;background:var(--pap-grund)}
picture{display:contents}
@keyframes hero-auf{
from{opacity:0;transform:translate3d(0,1.4rem,0);filter:blur(6px)}
to{opacity:1;transform:none;filter:blur(0)}
}
@keyframes hero-bild{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes weiter-zug{0%,100%{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.ab-breit{display:none}
.auftakt{padding:clamp(2.4rem,5vw,4rem) 0 0;background:var(--pap-grund)}
.auftakt__in{width:var(--breit);margin-inline:auto}
.trip{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--linie-2)}
.trip figure{position:relative;overflow:hidden}
.trip figure:first-child{grid-column:1/-1}
.trip img{width:100%;height:clamp(10rem,26vw,17rem);object-fit:cover;display:block}
.trip figure:first-child img{height:clamp(12rem,30vw,21rem)}
.karte{position:relative;z-index:3}
.platte{
position:relative;z-index:3;width:var(--breit);margin:calc(-1 * clamp(2.4rem,5vw,5rem)) auto 0;
background:var(--pap-hoch);border-radius:2px;box-shadow:var(--hebung-hoch);
padding:clamp(1.4rem,3vw,2.4rem);
}
.platte--schmal{width:min(100% - 2 * var(--rand),44rem);margin-inline:var(--rand) auto}
.versatz{display:grid;gap:clamp(.8rem,2vw,1.4rem);margin-top:clamp(1.6rem,3.4vw,2.6rem)}
.versatz figure:nth-child(2){margin-top:clamp(1.4rem,3vw,2.6rem)}
.versatz figure:nth-child(3){margin-top:clamp(2.6rem,5vw,4.4rem)}
.versatz .bild{aspect-ratio:4/3}
.stufen{counter-reset:s;margin-top:clamp(1.4rem,3vw,2rem);border-top:1px solid var(--linie)}
.stufen li{position:relative;padding:1rem 0 1.1rem 3.2rem;border-bottom:1px solid var(--linie-2)}
.stufen b{position:absolute;left:0;top:1rem;font-family:var(--font-display);font-weight:600;
font-size:.95rem;color:var(--akz-tief);letter-spacing:.04em}
.stufen h3{margin-bottom:.3rem}
.stufen p{font-size:.94rem;line-height:1.6;color:var(--t2);max-width:50ch}
.fakten{position:relative;z-index:4;width:var(--breit);margin:0 auto;
background:transparent;border-radius:0;box-shadow:none;
border-top:1px solid var(--linie-2)}
.fakten__in{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 clamp(1rem,2.4vw,1.8rem)}
.fakten__f{--pt:1.35rem;padding:var(--pt) 1rem 1.45rem 0;border-bottom:1px solid var(--linie-2);position:relative}
.fakten__f::before{content:"";position:absolute;left:0;top:calc(var(--pt,1.35rem) * .5);width:1.1rem;height:2px;background:var(--akz);opacity:0}
.fakten__f:first-child::before{opacity:1}
.fakten__f:nth-child(odd){border-right:1px solid var(--linie-2);padding-right:1rem}
.fakten__f:nth-child(even){padding-left:1.1rem}
.plattenreihe{position:relative;z-index:3;background:var(--pap-hoch);border-radius:2px;
box-shadow:var(--hebung-hoch);padding:clamp(1.2rem,2.6vw,2rem) clamp(1.2rem,2.6vw,2rem) clamp(.6rem,1.4vw,1rem);
margin-top:calc(-1 * clamp(2rem,4.4vw,4rem))}
.plattenreihe .reihe{margin-top:0;border-top:0}
.fakten__f:nth-last-child(-n+2){border-bottom:0}
.fakten__f b{
display:block;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:600;color:var(--t1);
font-size:clamp(1.08rem,1rem + .7vw,1.5rem);letter-spacing:-.018em;line-height:1.16;
}
.fakten__f span{display:block;font-size:.86rem;line-height:1.45;color:var(--t3);margin-top:.22rem}
.hero__tat{
width:var(--breit);margin:clamp(1.6rem,3.4vw,2.4rem) auto 0;
display:flex;flex-direction:column;align-items:flex-start;gap:1rem;
}
.tatzeile{
display:flex;flex-direction:column;align-items:flex-start;gap:1rem;
margin-top:clamp(1.4rem,3vw,2rem);
}
.zuschnitt--terminal img{transform:scale(1.95);object-position:30% 42%}
.hero__fein{width:var(--breit);margin:1rem auto 0}
.abs{padding:var(--raum) 0;position:relative}
.abs--klein{padding:var(--raum-klein) 0}
.abs__in{width:var(--breit);margin-inline:auto}
.abs--schmal .abs__in{width:var(--schmal)}
.abs--sand{background:var(--pap-tief)}
.abs--weiss{background:var(--pap-hoch)}
.abs--ink,.auf-ink{background:var(--ink-3);color:var(--i2)}
.auf-ink h1,.auf-ink h2,.auf-ink h3{color:var(--i1)}
.kopfblock{max-width:34rem}
.kopfblock h2{margin-top:.7rem}
.kopfblock .lead{margin-top:.9rem}
.kopfblock .weg{margin-top:.6rem}
.reihe{border-top:1px solid var(--linie);margin-top:clamp(1.6rem,3vw,2.4rem)}
.reihe__z{
display:grid;grid-template-columns:1fr;gap:.15rem;
padding:1rem 0 1.05rem;border-bottom:1px solid var(--linie-2);
}
.reihe__z dt,.reihe__z b{
font-family:var(--font-display);font-weight:600;color:var(--t1);font-size:1rem;
}
.reihe__z dd,.reihe__z span{margin:0;font-size:.95rem;line-height:1.55;color:var(--t2)}
.auf-ink .reihe{border-top-color:var(--linie-hell)}
.auf-ink .reihe__z{border-bottom-color:var(--linie-hell)}
.auf-ink .reihe__z dt,.auf-ink .reihe__z b{color:var(--i1)}
.auf-ink .reihe__z dd,.auf-ink .reihe__z span{color:var(--i2)}
.preis{
margin-top:clamp(1.6rem,3vw,2.4rem);background:var(--pap-hoch);
border:1px solid var(--linie);border-radius:2px;box-shadow:var(--hebung-hoch);overflow:hidden;
}
.preis__k{
display:flex;justify-content:space-between;gap:1rem;
background:var(--ink-3);color:var(--i1);padding:.8rem 1.15rem;
font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
}
.preis__z{
display:flex;align-items:baseline;gap:.9rem;padding:1.05rem 1.15rem;
border-bottom:1px solid var(--linie-2);
}
.preis__z:last-child{border-bottom:0}
.preis__z i{
font-style:normal;font-family:var(--font-display);font-weight:600;color:var(--t1);
font-size:.95rem;width:2.6rem;flex:none;letter-spacing:.04em;
}
.preis__z span{flex:1;min-width:0;font-size:.95rem;color:var(--t2)}
.preis__z b{
font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;
font-size:clamp(1.2rem,1.05rem + .7vw,1.55rem);color:var(--t1);letter-spacing:-.02em;
}
.preis__fuss{
display:grid;gap:.5rem;padding:1rem 1.15rem 1.15rem;background:var(--pap-tief);
border-top:1px solid var(--linie-2);
}
.preis__fuss div{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
.preis__fuss b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--t1)}
.paar{display:grid;gap:clamp(1rem,2.6vw,1.8rem);margin-top:clamp(1.6rem,3.4vw,2.6rem)}
.paar .bild{aspect-ratio:4/3}
.paar--hoch .bild{aspect-ratio:3/4}
.gross{margin-top:clamp(1.6rem,3.4vw,2.6rem)}
.gross .bild{aspect-ratio:16/9}
.band{position:relative;overflow:hidden;width:min(100%,1280px);margin-inline:auto}
.band img{width:100%;height:clamp(15rem,40vw,26rem);object-fit:cover;display:block}
.beleg{
display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;
border:1px solid var(--linie);border-radius:2px;background:var(--pap-hoch);
padding:.75rem;max-width:26rem;
}
.auf-ink .beleg{background:rgba(251,248,242,.05);border-color:var(--linie-hell)}
.beleg--text{grid-template-columns:1fr;border-left:2px solid var(--akz);border-radius:0;
background:transparent;padding:.2rem 0 .2rem 1rem;max-width:34rem}
.beleg--text{box-shadow:none;border-top:0;border-right:0;border-bottom:0}
.beleg__b{width:5.2rem;height:5.2rem;flex:none;overflow:hidden;border-radius:2px}
.beleg__b img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.beleg p{font-size:.86rem;line-height:1.5;color:var(--t2)}
.auf-ink .beleg p{color:var(--i2)}
.beleg b{display:block;font-family:var(--font-display);font-weight:600;color:var(--t1);font-size:.95rem;margin-bottom:.2rem}
.auf-ink .beleg b{color:var(--i1)}
.offen{
display:block;border-left:2px solid var(--akz);padding-left:.85rem;margin-top:.6rem;
font-size:.92rem;line-height:1.55;color:var(--t2);
}
.auf-ink .offen{color:var(--i2)}
.plan{background:var(--pap-tief);position:relative;border-top:1px solid var(--linie-2)}
.plan__kopf{width:var(--breit);margin-inline:auto;padding:var(--raum-klein) 0 1.4rem;max-width:none}
.plan__kopf .kopfblock{max-width:44rem}
.plan__werk{width:var(--breit);margin-inline:auto;padding-bottom:var(--raum-klein)}
.wahl{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.1rem}
.wahl__b{
-webkit-appearance:none;appearance:none;cursor:pointer;
display:inline-flex;align-items:center;gap:.55rem;
background:var(--pap-hoch);border:1px solid var(--linie);border-radius:2px;
padding:.6rem .85rem;min-height:48px;
font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--t1);
transition:border-color var(--dur-kurz) linear,background-color var(--dur-kurz) linear,transform .4s var(--ease);
}
.wahl__b i{width:.55rem;height:.55rem;border-radius:50%;background:var(--linie);flex:none;display:block;
transition:background-color var(--dur-kurz) linear}
.wahl__b em{font-style:normal;font-weight:400;font-size:.85rem;color:var(--t3)}
.wahl__b:hover{border-color:var(--akz-tief)}
.wahl__b[aria-pressed="true"]{background:var(--ink-3);color:var(--i1);border-color:var(--ink-3)}
.wahl__b[aria-pressed="true"] i{background:var(--akz)}
.wahl__b[aria-pressed="true"] em{color:var(--i2)}
.blatt{
position:relative;background:var(--pap-hoch);border:1px solid var(--linie);border-radius:2px;
overflow:hidden;touch-action:pan-y;cursor:zoom-in;box-shadow:var(--hebung);
transition:box-shadow .4s var(--ease);
}
.blatt.gezoomt{touch-action:none;cursor:grab;box-shadow:var(--hebung-hoch);
border-color:var(--akz)}
.blatt.gezoomt::after{
content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:2px;
box-shadow:inset 0 0 0 2px rgba(240,136,45,.55);
animation:lock-an .45s var(--ease) backwards;
}
@keyframes lock-an{from{box-shadow:inset 0 0 0 8px rgba(240,136,45,0)}}
.blatt.zieht{cursor:grabbing}
.blatt.gezoomt .blatt__hinw{opacity:0;transform:translate3d(0,.4rem,0)}
.blatt__hinw{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.blatt__weg{
position:absolute;left:.7rem;bottom:.7rem;z-index:3;opacity:0;pointer-events:none;
transform:translate3d(0,.4rem,0);transition:opacity .35s var(--ease),transform .35s var(--ease);
-webkit-appearance:none;appearance:none;cursor:pointer;
min-height:44px;padding:0 .9rem;border:1px solid var(--linie);border-radius:2px;
background:var(--pap-hoch);color:var(--t1);box-shadow:var(--hebung);
font-family:var(--font-display);font-weight:600;font-size:.8rem;
}
.blatt.gezoomt .blatt__weg{opacity:1;pointer-events:auto;transform:none}
.blatt__w{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.blatt__i{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;will-change:transform}
.blatt__i img,
.blatt__ov{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.blatt__deck{fill:var(--pap-tief);stroke:none}
.blatt__ov rect[data-k]{pointer-events:auto;cursor:pointer}
.blatt__ov rect:not(.blatt__deck){
fill:rgba(240,136,45,0);stroke:var(--akz-tief);stroke-width:2.2;
opacity:0;transition:opacity .4s var(--ease-weich),fill .3s var(--ease-weich);
}
@media (hover:hover){
.blatt__ov rect[data-k]:hover{opacity:.75;fill:rgba(240,136,45,.18)}
}
.blatt__ov rect.an{opacity:1;fill:rgba(240,136,45,.26)}
.blatt__lupe{position:absolute;right:.7rem;bottom:.7rem;display:flex;gap:.55rem;z-index:3}
.blatt__lupe button{
-webkit-appearance:none;appearance:none;cursor:pointer;
width:48px;height:48px;border:1px solid var(--linie);background:rgba(251,248,242,.96);color:var(--t1);
border-radius:2px;font-family:var(--font-display);font-weight:600;font-size:1.1rem;line-height:1;
display:flex;align-items:center;justify-content:center;box-shadow:var(--hebung);
transition:transform .3s var(--ease)}
.blatt__lupe button:hover{transform:translateY(-2px)}
.blatt__hinw{
position:absolute;left:.7rem;bottom:.7rem;z-index:3;
background:rgba(34,50,63,.86);color:var(--i1);padding:.32rem .6rem;border-radius:2px;
font-family:var(--font-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
pointer-events:none;
}
.blatt__nord{
position:absolute;left:.7rem;top:.7rem;z-index:3;display:flex;flex-direction:column;
align-items:center;gap:.1rem;color:var(--t3);
}
.blatt__nord span{font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:.14em}
.tafel{margin-top:1.2rem}
.tafel__preis{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;
border-top:1px solid var(--linie);padding-top:1rem}
.tafel__preis b{
font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;
font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem);letter-spacing:-.03em;line-height:1;
color:var(--t1);white-space:nowrap;
}
.tafel__preis span{font-size:.95rem;color:var(--t2)}
.szene{position:relative}
.szene__pin{position:relative}
.zug{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory}
.zug__bahn{display:flex;gap:clamp(.8rem,2vw,1.4rem);width:max-content;padding-inline:var(--rand)}
.zug figure{flex:none;width:clamp(15rem,72vw,26rem);scroll-snap-align:center}
.zug .bild{aspect-ratio:4/3}
.zug__kopf{width:var(--breit);margin-inline:auto;margin-bottom:clamp(1.2rem,2.6vw,1.8rem)}
.zug__spur{width:var(--breit);margin:1.1rem auto 0;height:2px;background:var(--linie-2);position:relative;overflow:hidden}
.zug__spur i{position:absolute;left:0;top:0;bottom:0;width:14%;background:var(--akz);display:block}
.fahrt__bild{position:relative;overflow:hidden;border-radius:2px}
.fahrt__bild img{width:100%;height:clamp(14rem,34svh,20rem);object-fit:cover;display:block;will-change:transform}
.fahrt__stationen{margin-top:clamp(1.2rem,2.6vw,1.8rem);border-top:1px solid var(--linie)}
.fahrt__st{position:relative;padding:1.05rem 0 1.15rem 3.4rem;border-bottom:1px solid var(--linie-2)}
.fahrt__st b{
position:absolute;left:0;top:1.05rem;font-family:var(--font-display);font-weight:600;
font-size:1rem;color:var(--akz-tief);letter-spacing:.04em;
}
.fahrt__st h3{margin-bottom:.35rem}
.fahrt__st p{font-size:.95rem;line-height:1.6;max-width:52ch;color:var(--t2)}
.blende{position:relative;border-radius:2px;background:transparent}
.blende__b{display:block;margin-bottom:clamp(1rem,2.6vw,1.6rem)}
.blende__b:last-of-type{margin-bottom:0}
.blende__b .bild,.blende__b img{border-radius:2px}
.blende__b img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--pap-kante)}
.blende__b figcaption{margin-top:.6rem}
.blende__platz,.blende__legende{display:none}
.blende__legende{
position:absolute;left:0;bottom:0;z-index:3;background:rgba(34,50,63,.9);color:var(--i1);
padding:.5rem .85rem;font-family:var(--font-display);font-size:.74rem;letter-spacing:.06em;font-weight:500;
}
.konv{position:relative;background:var(--ink-3);color:var(--i2)}
.konv__in{width:var(--breit);margin-inline:auto;padding:var(--raum-klein) 0}
.konv h2{color:var(--i1);max-width:16ch}
.konv__cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1.5rem}
.konv__hinweis{margin-top:1.4rem;font-size:.88rem;line-height:1.6;max-width:54ch;color:var(--i2)}
.konv__marke{margin-top:clamp(1.8rem,3.4vw,2.6rem)}
.konv__marke .sonne{width:3rem;height:1.65rem;margin-bottom:.8rem}
.konv__marke p{font-size:.9rem;line-height:1.6;color:var(--i3)}
.fuss{background:var(--ink-4);color:var(--i2);padding:var(--raum-klein) 0 0}
.fuss a{text-decoration:none;color:var(--i2)}
.fuss a:hover{color:var(--akz-hell)}
.fuss__in{width:var(--breit);margin-inline:auto;display:grid;gap:2.2rem}
.fuss__marke .sonne{width:2.8rem;height:1.55rem;margin-bottom:.9rem}
.fuss__wort{
font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:.08em;
text-transform:uppercase;font-size:clamp(.9rem,.82rem + .35vw,1.05rem);color:var(--i1);
}
.fuss__marke p{margin-top:.9rem;font-size:.92rem;line-height:1.62;color:var(--i3);max-width:34ch}
.fuss h2{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-family:var(--font-display);
font-weight:600;color:var(--akz-hell);margin-bottom:.9rem}
.fuss address{font-style:normal;font-size:.92rem;line-height:1.85;color:var(--i2)}
.fuss nav{display:flex;flex-direction:column;font-size:.92rem}
.fuss nav a{display:flex;align-items:center;min-height:44px}
.fuss__c{
width:var(--breit);margin:2.2rem auto 0;padding:1.1rem 0 1.4rem;
border-top:1px solid var(--linie-hell);font-size:.8rem;color:var(--i3);
}
.bottombar{
position:fixed;left:0;right:0;bottom:0;z-index:520;display:flex;align-items:stretch;
background:var(--ink-4);border-top:1px solid var(--linie-hell);
padding-bottom:env(safe-area-inset-bottom);
transform:translateY(110%);transition:transform .55s var(--ease);
}
.bottombar.an{transform:translateY(0)}
.bottombar__b{
flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;
text-decoration:none;color:var(--i1);font-family:var(--font-display);font-weight:600;font-size:.96rem;
}
.bottombar__b--haupt{background:var(--akz);color:var(--ink-4);flex:1.5}
.bottombar__b+.bottombar__b{border-left:1px solid var(--linie-hell)}
body{padding-bottom:58px}
.kf{display:grid;gap:1rem;margin-top:1.6rem;max-width:34rem}
.kf label{display:block;font-family:var(--font-display);font-size:.74rem;letter-spacing:.14em;
text-transform:uppercase;font-weight:600;margin-bottom:.45rem;color:var(--t2)}
.kf input,.kf textarea{
width:100%;font-family:var(--font-body);font-size:1rem;color:var(--t1);
background:var(--pap-hoch);border:1px solid var(--linie);border-radius:2px;
padding:.85rem .95rem;min-height:50px;
transition:border-color var(--dur-kurz) linear,box-shadow var(--dur-kurz) var(--ease);
}
.kf textarea{min-height:9rem;resize:vertical}
.kf input:focus,.kf textarea:focus{outline:none;border-color:var(--akz-ring);box-shadow:0 0 0 3px rgba(192,96,12,.22)}
.kf input:focus-visible,.kf textarea:focus-visible{outline:2px solid var(--akz);outline-offset:2px}
.recht{padding:clamp(2.6rem,5.4vw,4rem) 0 var(--raum);background:var(--pap-grund)}
.recht>*{width:var(--schmal);margin-inline:auto}
.recht h1{font-size:clamp(1.55rem,1.2rem + 1.6vw,2.5rem);margin-block:0 1.6rem}
.recht h1,.recht h2,.recht h3{hyphens:auto;-webkit-hyphens:auto;word-break:normal;overflow-wrap:break-word}
.recht h2{font-size:clamp(1.08rem,1rem + .5vw,1.35rem);margin-block:2.2rem .7rem}
.recht h3{font-size:1.02rem;margin-block:1.5rem .6rem}
.recht p,.recht li{font-size:1rem;line-height:1.8;margin-block:.8rem 0;max-width:70ch}
.recht li{padding-left:1.1rem;position:relative}
.recht li::before{content:"";position:absolute;left:0;top:.78em;width:.42rem;height:1px;background:var(--akz)}
.recht address{font-style:normal;line-height:1.85;margin-top:.8rem}
.recht a{color:var(--akz-tief);text-underline-offset:3px}
.recht .mono{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-weight:600}
.recht .platzhalter{
display:block;width:var(--schmal);margin-inline:auto;box-sizing:content-box;margin-top:.6rem;border:1px dashed rgba(177,92,16,.7);border-radius:2px;
padding:.5rem .8rem;font-size:.9rem;color:var(--akz-tief);background:rgba(240,136,45,.07);
}
.recht .vermerk{
border:1px solid var(--linie);border-left:2px solid var(--akz);border-radius:2px;
background:var(--pap-hoch);padding:1rem 1.15rem;font-size:.94rem;line-height:1.65;margin-bottom:2rem;max-width:none;
}
.vier{padding:clamp(3rem,7vw,5rem) 0 var(--raum);background:var(--pap-grund);position:relative}
.vier__in{width:var(--breit);margin-inline:auto}
.vier h1{max-width:16ch}
.vier p{margin-top:1.2rem;max-width:48ch}
.vier__l{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem}
.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translate3d(0,12px,0)}
.js .rv.sicht{
opacity:1;transform:none;
transition:opacity .8s var(--ease),transform .9s var(--ease);
transition-delay:calc(var(--i,0) * 70ms);
}
@keyframes ruhig-atmen{
0%,100%{transform:translate3d(0,var(--hp,0px),0) scale(1.015)}
50%{transform:translate3d(0,var(--hp,0px),0) scale(1.045)}
}
@media (prefers-reduced-motion:reduce){
.js .rv,.js .rv.sicht{opacity:1;transform:none;transition:none}
*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}
@media (min-width:600px){
.fakten__in{grid-template-columns:repeat(3,1fr)}
.fakten__f{--pt:1.3rem;border-bottom:1px solid var(--linie-2);border-right:1px solid var(--linie-2);
padding:var(--pt) 1.1rem 1.35rem 0}
.fakten__f:nth-child(odd){padding-right:1.1rem}
.fakten__f:nth-child(even){padding-left:0}
.fakten__f:nth-child(3n){border-right:0}
.fakten__f:nth-child(3n+1):not(:first-child){padding-left:0}
.fakten__f:nth-last-child(-n+3){border-bottom:0}
.hero__tat,.tatzeile{flex-direction:row;align-items:center;gap:1.8rem}
.konv__cta{flex-direction:row;align-items:center;gap:1.8rem}
.paar{grid-template-columns:1fr 1fr}
.kopf__vorschau span{display:inline}
.burger__t,.kopf__ruf span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
}
@media (min-width:900px){
.kopf__nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,1.9rem);margin-right:auto}
.kopf__nav a{
position:relative;font-family:var(--font-display);font-weight:500;font-size:.92rem;
letter-spacing:.006em;color:var(--i2);
display:flex;align-items:center;min-height:44px;
}
.kopf__nav a::after{
content:"";position:absolute;left:0;right:0;bottom:.55rem;height:1px;background:var(--akz);
transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease);
}
.kopf__nav a:hover{color:var(--i1)}
.kopf__nav a:hover::after,.kopf__nav a[aria-current="page"]::after{transform:scaleX(1)}
.kopf__nav a[aria-current="page"]{color:var(--i1)}
.kopf__cta{display:inline-flex;font-size:.9rem;padding:.72rem 1.05rem;min-height:46px}
.kopf__ruf{display:none}
.burger{display:none}
.menu{display:none !important}
.kopf__marke .sonne{width:2.3rem;height:1.25rem}
.trip{grid-template-columns:repeat(3,1fr)}
.trip figure:first-child{grid-column:auto}
.trip figure:first-child img{height:clamp(14rem,26vw,20rem)}
.trip img{height:clamp(14rem,26vw,20rem)}
.versatz{grid-template-columns:repeat(3,1fr)}
.ab-breit{display:inline}
.fakten__f{--pt:2.4rem;padding:var(--pt) 1.6rem 2.6rem 0}
.fakten__f:nth-child(3n+1){padding-left:0}
.fakten__f::before{opacity:.28;transition:opacity .5s var(--ease),width .5s var(--ease)}
.fakten__f:hover::before{opacity:1;width:2.2rem}
.zweispalt{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
gap:clamp(2rem,4.6vw,4rem);align-items:center}
.zweispalt--eng{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.zweispalt--links .zweispalt__b{order:-1}
.zweispalt__b .bild{aspect-ratio:5/4}
.zweispalt--hoch .zweispalt__b .bild{aspect-ratio:4/5}
.paar--drei{grid-template-columns:repeat(3,1fr)}
.reihe--zwei{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(2rem,4vw,3.4rem)}
.reihe__z{grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1.4rem;align-items:baseline}
.plan__werk{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);
gap:clamp(1.6rem,3vw,2.8rem);align-items:start}
.wahl{flex-direction:column;align-items:stretch}
.wahl__b{justify-content:flex-start}
.blatt__w{aspect-ratio:auto;height:min(70vh,42rem)}
.szene__pin{padding-block:clamp(1rem,3vw,2rem)}
.zug figure{width:clamp(20rem,26vw,30rem)}
.fahrt__pin{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:clamp(1.8rem,4vw,3.4rem);align-items:center;width:var(--breit);margin-inline:auto}
.fahrt__bild img{height:clamp(20rem,58svh,34rem)}
.fahrt__stationen{margin-top:0}
.fahrt__st{opacity:.36;transition:opacity .6s var(--ease),transform .7s var(--ease);
transform:translate3d(0,8px,0)}
.fahrt__st.an{opacity:1;transform:none}
.blende__pin{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
gap:clamp(1.8rem,4vw,3.4rem);align-items:start;width:var(--breit);margin-inline:auto}
.fuss__in{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(1.4rem,3vw,2.6rem)}
.bottombar{display:none}
body{padding-bottom:0}
}
@media (min-width:1200px){
.zweispalt{gap:clamp(2.6rem,5vw,5rem)}
.kopfblock{max-width:38rem}
}
.film{position:relative;width:min(100% - 2*var(--rand),1180px);margin:clamp(2.4rem,5vw,4rem) auto 0}
.film__start{
position:relative;display:block;width:100%;padding:0;border:0;border-radius:3px;
overflow:hidden;cursor:pointer;background:var(--ink-4);
box-shadow:var(--hebung-hoch);
transition:transform .6s var(--ease),box-shadow .6s var(--ease);
}
.film__start img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
transform:scale(1.006);transition:transform 1.1s var(--ease),filter .6s var(--ease);
filter:saturate(1.02) contrast(1.02)}
.film__schleier{position:absolute;inset:0;pointer-events:none;
background:linear-gradient(to bottom,rgba(20,31,40,.86) 0%,rgba(20,31,40,.5) 20%,rgba(20,31,40,.06) 46%,rgba(20,31,40,.22) 100%)}
.film__knopf{
position:absolute;left:50%;top:44%;transform:translate3d(-50%,-50%,0);
width:clamp(4.4rem,8vw,6rem);aspect-ratio:1;border-radius:50%;
display:grid;place-items:center;color:var(--ink-4);
background:rgba(251,248,242,.94);
box-shadow:0 18px 50px -18px rgba(20,31,40,.7);
transition:transform .5s var(--ease),background-color .4s linear;
}
.film__knopf svg{width:38%;height:38%;margin-left:6%}
.film__text{
position:absolute;left:0;right:0;top:0;padding:clamp(1.1rem,2.6vw,2rem);
display:block;text-align:left;color:var(--i1);
}
.film__text b{display:block;font-family:var(--font-display);font-weight:600;
font-size:clamp(1.05rem,.95rem + .7vw,1.5rem);letter-spacing:-.018em;line-height:1.2;
text-shadow:0 1px 18px rgba(20,31,40,.5)}
.film__text i{display:block;font-style:normal;margin-top:.3rem;
font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--i2)}
.film__start:hover{transform:translateY(-3px);box-shadow:var(--hebung-hoch)}
.film__start:hover img{transform:scale(1.035)}
.film__start:hover .film__knopf{transform:translate3d(-50%,-50%,0) scale(1.08);background:var(--akz)}
.film__start:focus-visible{outline:2px solid var(--akz);outline-offset:4px}
.film__fein{font-size:.82rem;line-height:1.6;color:var(--t3);margin-top:.9rem;max-width:62ch}
.film__fein .weg{margin-left:.35rem;min-height:0;padding:.1rem 0 .2rem;
font-family:var(--font-body);font-weight:500;font-size:.82rem;color:var(--t2)}
.film iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:3px;display:block;
box-shadow:var(--hebung-hoch)}
@media (prefers-reduced-motion:reduce){
.film__start,.film__start img,.film__knopf{transition:none}
.film__start:hover img{transform:none}
}
.marke + h1,.marke + h2,.marke + h3{margin-top:clamp(.7rem,1.6vw,1.1rem)}
h1 + .lead,h2 + .lead,h3 + .lead{margin-top:clamp(1rem,2.2vw,1.6rem)}
h2 + p:not(.lead):not(.marke),h3 + p:not(.lead):not(.marke){margin-top:clamp(.8rem,1.8vw,1.2rem)}
.lead + p:not(.marke){margin-top:clamp(1.1rem,2.4vw,1.7rem)}
.abs__in > .tatzeile,.abs__in > .konv__cta{margin-top:clamp(1.4rem,3vw,2.2rem)}
p + p{margin-top:clamp(.9rem,2vw,1.35rem)}
address a,.kontaktzeile a,.fuss address a{
display:inline-block;padding:.35rem 0;min-height:40px;line-height:1.9;
text-decoration-thickness:1px;text-underline-offset:.22em;
}
.kopf{background:linear-gradient(180deg,rgba(var(--nacht),.82) 0%,rgba(var(--nacht),.58) 52%,rgba(var(--nacht),0) 100%)}
.marke{letter-spacing:var(--sperr-1)}
.preis__k,.fuss h2,.kf label,.burger,.kopf__vorschau b,.blende__legende{letter-spacing:var(--sperr-2)}
.blatt__hinw,.plan__legende b,.blatt__nord span,.kopf__wort i,.film__text i{letter-spacing:var(--sperr-3)}
.kopf__vorschau{font-size:.75rem}
.kopf__vorschau b{font-size:.7rem}
.kopf__wort i{font-size:.68rem}
.plan__legende b{font-size:.7rem}
.plan__legende span{font-size:.78rem}
.blatt__nord span{font-size:.7rem}
.blatt__hinw{font-size:.72rem}
.band{width:var(--breit);margin-inline:auto}
.recht .platzhalter{width:auto;margin-inline:0;box-sizing:border-box}
.abs.auf-ink + .konv .konv__in{border-top:1px solid var(--linie-hell)}
.reihe__z dd a,.konv__adr a,.recht p a[href^="tel"],.recht p a[href^="mailto"],
.recht address a,.fr__a a[href^="mailto"],.fr__a a[href^="tel"]{
display:inline-block;padding:.35rem 0;min-height:40px;line-height:1.9;
text-decoration-thickness:1px;text-underline-offset:.22em;
}
.reihe__z .nr{
display:inline-block;min-width:2.4rem;color:var(--akz-tief);
font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.auf-ink .reihe__z .nr{color:var(--akz-hell)}
.nur-breit{display:none}
.blende__pin,.fahrt__pin{width:var(--breit);margin-inline:auto}
.quelle{
font-size:.82rem;line-height:1.55;color:var(--t3);max-width:56ch;
margin-top:.9rem;padding-left:.85rem;border-left:1px solid var(--linie);
}
.auf-ink .quelle{color:var(--i3);border-left-color:var(--linie-hell)}
.sprache{
order:3;display:flex;align-items:center;gap:.45rem;color:var(--i3);
font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:var(--sperr-3);
}
.sprache a{display:flex;align-items:center;min-height:44px;padding:0 .15rem;color:var(--i3)}
.sprache a:hover{color:var(--i1)}
.sprache [aria-current]{color:var(--akz-hell)}
.sprache i{font-style:normal;opacity:.4}
.sprache--menu{order:0;margin-top:1.2rem;color:var(--i3)}
.trennband,.bildband{position:relative;width:100%;margin:0}
.trennband > picture,.bildband > picture{display:block}
.trennband img,.bildband img{
width:100%;display:block;object-fit:cover;
height:auto;
aspect-ratio:var(--band-ar,5);
min-height:9rem;
}
@media (min-width:900px){
.trennband img,.bildband img{min-height:15rem}
}
.bildband figcaption{
width:var(--breit);margin:.7rem auto 0;max-width:none;
font-size:.86rem;line-height:1.55;color:var(--t3);
}
.auf-ink + .bildband figcaption{color:var(--t3)}
.fond{border-radius:2px;background-size:cover;background-position:center;min-height:14rem;
box-shadow:var(--hebung)}
.kopfplatte{
position:relative;border-radius:2px;overflow:hidden;padding:clamp(1.2rem,3vw,1.8rem);
background:linear-gradient(rgba(var(--nacht),.78),rgba(var(--nacht),.86)),
url("/assets/img/textur-fassade-800.webp");
background-size:cover;background-position:center;
}
.kopfplatte .marke{color:var(--akz-hell)}
.kopfplatte h2{color:var(--i1)}
.kacheln{display:grid;gap:clamp(1rem,2.4vw,1.6rem);margin-top:clamp(1.6rem,3.4vw,2.4rem)}
.kachel{
position:relative;background:var(--pap-hoch);border:1px solid var(--linie);border-radius:2px;
padding:clamp(1.1rem,2.4vw,1.6rem);box-shadow:var(--hebung);
}
.kachel h3{margin-bottom:.5rem}
.kachel p{font-size:.95rem;line-height:1.6;color:var(--t2)}
.kachel--fond{color:var(--i1);border-color:transparent;
background-image:linear-gradient(rgba(var(--nacht),.8),rgba(var(--nacht),.88)),var(--fond);
background-size:cover;background-position:center}
.kachel--fond h3{color:var(--i1)}
.kachel--fond p{color:var(--i2)}
.kachel--breit{margin-top:clamp(1.4rem,3vw,2.2rem)}
.kachel--link{display:block;text-decoration:none;transition:transform var(--dur-kurz) var(--ease),box-shadow var(--dur-kurz) var(--ease)}
.kachel--link:hover{transform:translateY(-2px);box-shadow:var(--hebung-hoch)}
.kachel--link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--akz);
transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease)}
.kachel--link:hover::after{transform:scaleX(1)}
.stufen--weg{margin-top:clamp(2rem,4vw,3rem)}
.stufen--weg li{padding-left:3.6rem}
.stufen--weg p{max-width:52ch}
.richtung{display:grid;gap:.7rem;margin:.7rem 0 .9rem}
.richtung__k{border-left:2px solid var(--akz);padding:.5rem 0 .5rem .85rem;background:var(--pap-hoch)}
.richtung__k b{display:block;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--t1)}
.richtung__k span{display:block;font-size:.92rem;line-height:1.55;color:var(--t2)}
.hausnr{
border:1px solid var(--linie);border-radius:2px;background:var(--pap-hoch);
padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--hebung);
display:grid;justify-items:center;gap:.9rem;
}
.hausnr__z{text-align:center}
.hausnr__z b{
display:block;font-family:var(--font-display);font-weight:600;
font-size:clamp(2.6rem,1.6rem + 3.4vw,4.2rem);line-height:1;letter-spacing:-.04em;
color:var(--t1);font-variant-numeric:tabular-nums;
}
.hausnr__z:first-of-type b{color:var(--akz-tief)}
.hausnr__z span{display:block;margin-top:.4rem;font-size:.9rem;color:var(--t2)}
.hausnr__l{width:1px;height:2.2rem;background:var(--linie)}
.hausnr__f{margin-top:.4rem;font-size:.82rem;color:var(--t3);text-align:center}
.a3 svg{width:100%;height:auto;max-width:34rem}
.a3 .fein{margin-top:.8rem}
.zahlen{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(1.6rem,3.4vw,2.4rem);
border-top:1px solid var(--linie)}
.zahlen__z{padding:1.2rem 1rem 1.3rem 0;border-bottom:1px solid var(--linie-2)}
.zahlen__z:nth-child(odd){border-right:1px solid var(--linie-2);padding-right:1rem}
.zahlen__z:nth-child(even){padding-left:1.1rem}
.zahlen__z b{
display:block;font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;
font-size:clamp(1.6rem,1.2rem + 1.8vw,2.4rem);line-height:1.05;letter-spacing:-.03em;color:var(--t1);
}
.zahlen__z span{display:block;margin-top:.3rem;font-size:.88rem;line-height:1.45;color:var(--t3)}
.tafeltab{margin-top:clamp(1.4rem,3vw,2.2rem);border-top:1px solid var(--linie)}
.tafeltab__k{
display:grid;grid-template-columns:minmax(0,1fr) 7.5rem 7rem;gap:1rem;padding:.7rem 0;
border-bottom:1px solid var(--linie);
font-family:var(--font-display);font-weight:600;font-size:.72rem;letter-spacing:var(--sperr-2);
text-transform:uppercase;color:var(--t3);
}
.tafeltab__z{
display:grid;grid-template-columns:minmax(0,1fr) 7.5rem 7rem;gap:1rem;align-items:baseline;
padding:.85rem 0;border-bottom:1px solid var(--linie-2);font-size:.95rem;
}
.tafeltab__z b{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;
color:var(--t1);white-space:nowrap}
.tafeltab__z span{color:var(--t2);min-width:0}
.tafeltab__z i{font-style:normal;color:var(--t3)}
.chips{display:flex;flex-wrap:wrap;gap:.2rem 1.8rem;margin-top:clamp(1.6rem,3.4vw,2.4rem);
border-top:1px solid var(--linie);padding-top:.4rem}
.chip{
position:relative;display:inline-flex;align-items:baseline;gap:.55rem;
min-height:44px;padding:.7rem 0 .8rem;
font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--t1);
text-decoration:none;
}
.chip i{font-style:normal;font-size:.72rem;letter-spacing:var(--sperr-3);
font-variant-numeric:tabular-nums;color:var(--akz-tief)}
.chip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--akz);
transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease)}
.chip:hover::after,.chip:focus-visible::after{transform:scaleX(1)}
.chip:focus-visible{outline:2px solid var(--akz);outline-offset:3px}
.faq__kopf .marke{font-variant-numeric:tabular-nums}
.faq__liste{border-top:1px solid var(--linie)}
.fr{border-bottom:1px solid var(--linie-2)}
.fr summary{
display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;
padding:1.05rem 0 1.1rem;cursor:pointer;list-style:none;min-height:52px;
font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.35;
color:var(--t1);letter-spacing:-.008em;
}
.fr summary::-webkit-details-marker{display:none}
.fr summary:hover{color:var(--akz-tief)}
.fr summary:focus-visible{outline:2px solid var(--akz);outline-offset:3px}
.fr summary i{
position:relative;flex:none;width:1rem;height:1rem;margin-top:.25rem;
}
.fr summary i::before,.fr summary i::after{
content:"";position:absolute;left:0;top:50%;width:1rem;height:1.5px;background:var(--akz-tief);
transition:transform .35s var(--ease);
}
.fr summary i::after{transform:rotate(90deg)}
.fr[open] summary i::after{transform:rotate(0deg)}
.fr__a{padding:0 0 1.3rem;max-width:58ch}
.fr__a p{font-size:.97rem;line-height:1.7;color:var(--t2)}
.fr__a p + p{margin-top:.8rem}
.fr__a .weg{margin-top:.4rem}
.fr__a .fein{margin-top:.7rem}
.ftab{margin:.9rem 0 .8rem;border-top:1px solid var(--linie)}
.ftab__k{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 5.5rem;gap:.8rem;
padding:.5rem 0;border-bottom:1px solid var(--linie);
font-family:var(--font-display);font-weight:600;font-size:.68rem;letter-spacing:var(--sperr-2);
text-transform:uppercase;color:var(--t3)}
.ftab__z{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 5.5rem;gap:.8rem;
padding:.6rem 0;border-bottom:1px solid var(--linie-2);font-size:.92rem;align-items:baseline}
.ftab__z b{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;
white-space:nowrap;color:var(--t1);text-align:right}
.konv__adr{font-style:normal;font-size:.92rem;line-height:1.7;color:var(--i2)}
.konv__adr a{color:var(--i2)}
.konv__fakten{margin-top:1.4rem;border-top:1px solid var(--linie-hell)}
.konv__fakten > div{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:1rem;
padding:.7rem 0;border-bottom:1px solid var(--linie-hell)}
.konv__fakten dt{font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--i1)}
.konv__fakten dd{margin:0;font-size:.88rem;line-height:1.5;color:var(--i2)}
.fuss__de{margin-top:1rem;font-size:.86rem;color:var(--i3)}
.kf__status{
margin-top:.2rem;padding:.75rem .95rem;border-left:2px solid var(--akz);
background:rgba(240,136,45,.08);font-size:.92rem;line-height:1.55;color:var(--t1);
}
.kf__hinweis{margin-top:.4rem}
.vier--buchen{padding-top:0}
.vier__bild{overflow:hidden;width:100%}
.vier__bild img{width:100%;height:clamp(7rem,18vw,13rem);object-fit:cover;display:block}
.vier--buchen .vier__in{margin-top:clamp(2rem,4vw,3rem)}
.planblatt .bild{background:var(--pap-tief)}
.planblatt img{object-fit:contain;background:var(--pap-tief)}
@media (min-width:600px){
.kacheln--drei{grid-template-columns:1fr 1fr}
.richtung{grid-template-columns:1fr 1fr}
.zahlen{grid-template-columns:repeat(3,1fr)}
.zahlen__z:nth-child(odd),.zahlen__z:nth-child(even){padding:1.2rem 1.1rem 1.3rem 0;border-right:1px solid var(--linie-2)}
.zahlen__z:nth-child(3n){border-right:0}
.zahlen__z:nth-child(3n+1){padding-left:0}
}
@media (min-width:900px){
.nur-breit{display:block}
.kacheln--drei{grid-template-columns:repeat(3,1fr)}
.stufen--weg{
columns:2;column-gap:clamp(2.4rem,5vw,4rem);
border-top:1px solid var(--linie);
}
.stufen--weg > li{
break-inside:avoid;-webkit-column-break-inside:avoid;
border-bottom:1px solid var(--linie-2);
}
#weg > .abs__in > .zweispalt{align-items:end}
.zweispalt--faq{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:start;
gap:clamp(2rem,4.4vw,3.4rem)}
.faq__kopf{position:sticky;top:clamp(5rem,9vh,7rem)}
.kopfblock--breit{max-width:46rem}
.fond{min-height:22rem;height:100%}
.reihe__z dd{max-width:58ch}
.hausnr{padding:clamp(2rem,4vw,3rem)}
.hausnr__l{height:3.4rem}
.blende{background:transparent;display:grid;grid-template-columns:1fr 1fr;
gap:clamp(.8rem,1.8vw,1.3rem);align-content:start}
.blende__b{margin:0}
.blende__b img{aspect-ratio:4/3}
}
.fakten__f:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
@media (min-width:600px){
.fakten__f:last-child:nth-child(odd){grid-column:auto}
}
.zweispalt__b figure figcaption{margin-bottom:1.2rem}
@media (min-width:900px){
.zweispalt__b figure figcaption{margin-bottom:0}
}
.lead{text-wrap:pretty}
@media print{
.kopf,.bottombar,.menu,.hero__weiter,.skip,.chips,.trennband,.bildband,.notiz,
.fond,.kachel--fond,.film,.plan__lupe,.blatt__lupe,.blatt__hinw,.blatt__weg,
.konv__cta,.tatzeile,.hb__tun,.hero__tat,.sprache{display:none !important}
html,body{background:#fff !important;color:#22323F !important}
.auf-ink,.konv,.fuss,.abs--ink{background:#fff !important;color:#22323F !important}
.auf-ink h1,.auf-ink h2,.auf-ink h3,.konv h2,.fuss a,.fuss address,
.auf-ink .lead,.auf-ink .fein,.auf-ink .reihe__z dt,.auf-ink .reihe__z dd,
.konv__adr,.konv__adr a,.konv__fakten dt,.konv__fakten dd,.fuss__wort,.fuss h2{
color:#22323F !important}
.rv,.js .rv{opacity:1 !important;transform:none !important}
.fr{border-bottom:1px solid #ccc}
.fr__a{display:block !important}
.fr summary i{display:none}
a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;word-break:break-all}
section{break-inside:avoid}
}
.skip{padding:0;min-height:0}
.skip:focus{display:inline-flex;align-items:center;min-height:44px;padding:.85rem 1.2rem}
.kopf__marke{min-height:44px}
.js .rv.sofort{transition:none}
.stufen b{position:static;left:auto;top:auto}
.stufen > li > b{
position:absolute;left:0;top:1rem;font-family:var(--font-display);font-weight:600;
font-size:.95rem;color:var(--akz-tief);letter-spacing:.04em;font-variant-numeric:tabular-nums;
}
.stufen--weg > li > b{top:1.05rem;font-size:1rem}
.zahlen__z:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
@media (min-width:600px){
.zahlen{grid-template-columns:1fr 1fr}
.zahlen__z:nth-child(odd){padding:1.2rem 1rem 1.3rem 0;border-right:1px solid var(--linie-2)}
.zahlen__z:nth-child(even){padding:1.2rem 1rem 1.3rem 1.1rem;border-right:0}
}
@media (min-width:1000px){
.zahlen{grid-template-columns:repeat(5,1fr)}
.zahlen__z,.zahlen__z:nth-child(odd),.zahlen__z:nth-child(even){
padding:1.4rem 1rem 1.5rem 0;border-right:1px solid var(--linie-2)}
.zahlen__z:nth-child(n+2){padding-left:1.1rem}
.zahlen__z:last-child{border-right:0}
.zahlen__z:last-child:nth-child(odd){grid-column:auto}
}
.auftakt--fragen{padding-bottom:0}
.fragen__kopf{margin-top:clamp(1.2rem,3vw,0rem)}
@media (min-width:900px){
.auftakt--fragen .zweispalt{align-items:end}
.fragen__kopf{margin-top:0;padding-bottom:.4rem}
}
.fragen__kopf .fein{margin-top:1.1rem}
@media (max-width:519px){
.kopf__wort i{display:none}
.kopf__wort b{letter-spacing:.06em}
}
.fein{max-width:56ch}
.reihe__z dd,.reihe__z span,.kachel p,.stufen p,.richtung__k span,
.offen,.fr__a p,.tafeltab__z span{color:var(--t2)}
.auf-ink .reihe__z dd,.auf-ink .reihe__z span,.auf-ink .offen{color:var(--i2)}
.konv__hinweis,.konv__adr,.konv__fakten dd{color:var(--i2)}
.fuss__marke p,.fuss__de{color:var(--i2)}
.fuss__c{color:var(--i3)}
.film__fein{color:var(--t2)}
.film__fein .weg{color:var(--t2);min-height:34px;padding:.35rem 0}
.sprache a{min-width:44px;justify-content:center;color:var(--i2)}
.kf__status a{color:var(--akz-tief);text-underline-offset:3px;display:inline-block;min-height:32px;padding-top:.25rem}
.fakten--platte{
position:relative;z-index:5;background:var(--pap-hoch);border-radius:2px;
box-shadow:var(--hebung-hoch);border-top:0;
margin-top:calc(-1 * clamp(2.6rem,6vw,5.6rem));
padding:clamp(.4rem,1.4vw,1rem) clamp(.6rem,1.6vw,1.2rem);
}
.fakten--platte + .hero,.fakten--platte + section{margin-top:0}
@media (min-width:900px){
.fakten--platte{margin-top:calc(-1 * clamp(3.4rem,7vw,6.5rem))}
}
.versatz--auf{position:relative;z-index:4;padding-top:0}
.versatz--auf .versatz{margin-top:calc(-1 * clamp(2rem,5vw,3.4rem))}
.versatz--auf .versatz figcaption{color:var(--t2)}
@media (min-width:900px){
.versatz--auf .versatz{margin-top:calc(-1 * clamp(3rem,6vw,5rem))}
.versatz--auf .versatz figure:nth-child(2){margin-top:clamp(1.4rem,3vw,2.6rem)}
}
@media (min-width:1100px){
.hero__plan__b{
display:block;position:relative;overflow:hidden;
height:clamp(9rem,12vw,12rem);
border-bottom:1px solid var(--linie-2);
background-color:var(--pap-tief);
background-image:url("/assets/img/platzplan-760.webp");
background-image:image-set(url("/assets/img/platzplan-760.avif") type("image/avif"),
url("/assets/img/platzplan-760.webp") type("image/webp"));
background-size:215% auto;background-position:16% 52%;background-repeat:no-repeat;
filter:saturate(.5) contrast(1.06) brightness(1.02);
}
.hero__plan__t{display:block;padding:.85rem 1rem 1rem}
.hero__plan__t b{
display:block;font-family:var(--font-display);font-weight:600;font-size:.92rem;
line-height:1.25;color:var(--t1);
}
.hero__plan__t i{
display:block;margin-top:.3rem;font-style:normal;font-size:.82rem;line-height:1.45;
color:var(--t2);
}
.hero__plan__t::after{
content:"";display:block;margin-top:.7rem;height:2px;width:2.2rem;background:var(--akz);
transition:width .55s var(--ease);
}
}
@media (prefers-reduced-motion:reduce){
.hero__plan,.hero__plan__t::after{transition:none}
}
.kachel--fond p,.kachel--fond h3{color:var(--i1)}
.kachel--fond h3{color:var(--i1)}
.kopfplatte .marke{color:var(--akz-hell)}
.kopfplatte h2{color:var(--i1)}
.plan-duo img{filter:saturate(.34) contrast(1.06) brightness(1.03)}
.recht .platzhalter{width:var(--schmal);max-width:100%;margin-inline:auto;box-sizing:border-box}
.ruf{min-width:44px;justify-content:center}
.film__fein .weg{min-height:44px;padding:.55rem 0}
.quelle{color:var(--t2)}
.auf-ink .quelle{color:var(--i3)}
@media (min-width:900px){
.zweispalt--bildbreit{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.karte--ver .platte{margin-top:calc(-1 * clamp(3rem,6vw,5rem))}
}
.karte--ver{padding-bottom:var(--raum-klein)}
.karte--ver .platte{background:var(--pap-hoch)}
.tafeltab__k--drei,.tafeltab__z--drei{grid-template-columns:minmax(0,1fr) 9rem minmax(0,8rem)}
.stufen--weg > li{position:relative}
.stufen--weg > li::before{
content:"";position:absolute;left:0;top:1.05rem;bottom:1.15rem;width:2px;
background:var(--akz);transform:scaleY(0);transform-origin:top center;
transition:transform .7s var(--ease);
}
.js .stufen--weg > li > b{color:var(--t3);transition:color .5s var(--ease)}
.js .stufen--weg > li.an > b{color:var(--akz-tief)}
.stufen--weg > li.an::before{transform:scaleY(1)}
.stufen--weg > li:nth-child(2).an::before{transition-delay:.06s}
.stufen--weg > li:nth-child(3).an::before{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){
.stufen--weg > li::before{transform:scaleY(1);transition:none}
.js .stufen--weg > li > b{color:var(--akz-tief);transition:none}
}
.kopf__marke{gap:.7rem}
.kopf__marke .sonne{width:2rem;height:1.1rem}
@media (min-width:900px){
.kopf__marke{padding-right:clamp(1rem,2vw,1.6rem);margin-right:0;
border-right:1px solid var(--linie-hell)}
.kopf__marke .sonne{width:3.2rem;height:1.75rem}
.kopf__wort b{font-size:clamp(.76rem,.68rem + .3vw,.92rem);letter-spacing:.11em}
.kopf__wort i{margin-top:.28rem}
.sprache{margin-left:.2rem}
}
@media (min-width:900px){
.sprache{order:1;margin-left:clamp(.8rem,2vw,1.8rem);margin-right:auto}
.kopf__marke{margin-left:0}
}
@media (min-width:1100px){
.fakten--platte{
width:calc(var(--breit) - clamp(11rem,14vw,14.5rem));
margin-left:calc((100% - var(--breit)) / 2);
margin-right:0;
}
.hero__plan__t{padding:.9rem 1rem .8rem;border-bottom:1px solid var(--linie-2)}
.hero__plan__t::after{margin-top:.6rem}
.hero__plan__b{
height:clamp(13rem,19vw,19rem);
border-bottom:0;border-top:0;
}
}
@media (min-width:900px){
.zweispalt__b--ragt{position:relative;z-index:3;
margin-bottom:calc(-1 * (var(--raum-klein) + var(--ragt,3rem)))}
}
.kf label{min-height:24px}
.blatt__w{aspect-ratio:1242/1234}
.blatt__deck{fill:#F5F7E5}
.blatt__i img{object-fit:fill}
.plan__legende{
margin-top:1.1rem;border-top:1px solid var(--linie);padding-top:.7rem;
display:flex;flex-wrap:wrap;gap:.25rem 1.4rem;align-items:baseline;
}
.plan__legende b{
display:block;width:100%;font-family:var(--font-display);font-size:.7rem;
letter-spacing:var(--sperr-3);text-transform:uppercase;font-weight:600;
color:var(--t2);margin-bottom:.45rem;
}
.plan__legende span{
display:flex;align-items:center;gap:.5rem;font-size:.78rem;line-height:1.6;
color:var(--t2);
}
.plan__legende i{width:.5rem;height:.5rem;border-radius:50%;background:var(--linie);flex:none}
.plan__legende span.an{color:var(--akz-tief);font-weight:600}
.plan__legende span.an i{background:var(--akz)}
@media (min-width:900px){
.plan__blattw{display:grid;align-items:start;
grid-template-columns:minmax(0,1fr) minmax(8.5rem,11rem);
gap:clamp(1.2rem,2.2vw,2.2rem)}
.plan__blattw > figure{margin:0;min-width:0;width:min(100%,74vh);width:min(100%,74svh)}
.blatt__w{aspect-ratio:1242/1234;height:auto}
.plan__legende{
margin-top:0;border-top:0;border-left:1px solid var(--linie);
padding:.1rem 0 .1rem 1rem;display:block;
}
.plan__legende b{margin-bottom:.7rem}
.plan__legende span{margin-bottom:.5rem}
}
.tafeltab__k span,.tafeltab__z span,.tafeltab__z b{overflow-wrap:normal;hyphens:manual}
@media (max-width:479px){
.tafeltab__k--drei{display:none}
.tafeltab__z--drei{grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.95rem 0 1.05rem}
.tafeltab__z--drei > span:first-child{
font-family:var(--font-display);font-weight:600;color:var(--t1);font-size:1rem}
.tafeltab__z--drei > [data-sp]{
display:flex;justify-content:space-between;align-items:baseline;gap:1rem;white-space:normal}
.tafeltab__z--drei > [data-sp]::before{
content:attr(data-sp);flex:none;white-space:nowrap;
font-family:var(--font-display);font-weight:600;font-size:.68rem;
letter-spacing:var(--sperr-2);text-transform:uppercase;color:var(--t3);
}
}
.reihe__z dt,.reihe__z b{overflow-wrap:normal;hyphens:manual}
@media (min-width:900px){
.reihe__z{grid-template-columns:minmax(0,12.5rem) minmax(0,1fr)}
.reihe--zwei .reihe__z{grid-template-columns:minmax(0,10rem) minmax(0,1fr)}
}
.kopf__schild{display:contents}
@media (min-width:900px){
.kopf__schild{
display:flex;flex-direction:column;align-items:stretch;gap:.7rem;order:2;
position:relative;z-index:2;margin-left:auto;
margin-top:-.55rem;margin-bottom:calc(-1 * clamp(2.2rem,3.4vw,3.2rem));
padding:.85rem 1.05rem 1rem;border-radius:2px;
background:linear-gradient(180deg,rgba(20,31,40,.95) 0%,rgba(16,26,34,.92) 100%);
box-shadow:0 20px 40px -22px rgba(10,18,24,.62),inset 0 0 0 1px rgba(240,136,45,.38);
}
.kopf__marke{margin-left:0;padding-right:0;border-right:0;gap:.8rem}
.kopf__marke .sonne{width:3.2rem;height:1.75rem}
.kopf__cta{
justify-content:center;width:100%;font-size:.88rem;
border-top:1px solid rgba(240,136,45,.28);
}
}
@media (min-width:900px) and (max-width:1059px){
.kopf__nav{gap:.85rem}
.kopf__nav a{font-size:.85rem}
.sprache{margin-left:.6rem}
.kopf__schild{padding:.72rem .85rem .82rem;gap:.55rem}
.kopf__marke{gap:.6rem}
.kopf__marke .sonne{width:2.5rem;height:1.36rem}
.kopf__wort b{font-size:.72rem;letter-spacing:.075em}
.kopf__cta{font-size:.82rem;padding:.6rem .8rem}
}
.steinsatz{display:block}
.steinsatz__b{
margin-top:clamp(1.8rem,3.4vw,2.6rem);background:var(--pap-hoch);
border:1px solid var(--linie);border-radius:2px;box-shadow:var(--hebung);
padding:clamp(1.2rem,2.4vw,1.7rem);
}
.steinsatz__b .marke{margin-bottom:.9rem}
.steintab > div{
display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
padding:.6rem 0;border-bottom:1px solid var(--linie-2);
}
.steintab > div:last-child{border-bottom:0;padding-bottom:0}
.steintab dt{
font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;
font-size:clamp(1.2rem,1rem + .8vw,1.6rem);letter-spacing:-.02em;color:var(--t1);
white-space:nowrap;
}
.steintab dd{margin:0;text-align:right;font-size:.86rem;line-height:1.45;color:var(--t2)}
.eventblatt{
margin-top:clamp(1.4rem,3vw,2rem);background:var(--pap-tief);
border-radius:2px;padding:clamp(1.3rem,2.6vw,1.9rem);
}
.eventblatt p{margin:0;max-width:46ch}
.eventblatt .quelle{margin-top:1.1rem}
@media (min-width:900px){
.steinsatz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem);
gap:clamp(1.8rem,3.4vw,3rem);align-items:start}
.steinsatz__b{margin-top:.4rem}
.eventblatt{margin-top:0;position:relative;z-index:3;align-self:end;
margin-bottom:calc(-1 * (var(--raum-klein) + 3rem))}
}
@media (min-width:1200px){
.steinsatz__b{margin-right:calc(-1 * clamp(2rem,5vw,6rem))}
}
@media (max-width:374px){
.kopf__zeile{gap:.5rem}
.kopf__zeile > .sprache{display:none}
.kopf__marke{gap:.5rem;min-width:0}
.kopf__marke .sonne{width:1.75rem;height:.96rem}
.kopf__wort b{font-size:.66rem;letter-spacing:.07em}
.kopf__wort i{font-size:.52rem;letter-spacing:.1em}
.burger{padding:.55rem .6rem;gap:.45rem}
.kopf__ruf{padding:.55rem .6rem}
.kopf__vorschau div{gap:.4em}
}
.stufen--weg > li > b{left:.95rem}
.menu{position:relative;box-shadow:0 26px 44px -26px rgba(8,14,19,.8)}
.menu::before{
content:"";position:fixed;inset:0;z-index:-1;
background:rgba(12,20,27,.62);
}
@media (min-width:600px) and (max-width:899px){
.menu{padding-bottom:2.2rem}
.menu nav{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.6rem,4vw,3rem)}
.menu nav a{border-bottom:1px solid var(--linie-hell)}
.menu nav a:last-of-type{border-bottom:1px solid var(--linie-hell)}
.menu__tel{margin-top:1.4rem}
}
@media (prefers-reduced-motion:reduce){
.menu::before{background:rgba(12,20,27,.62)}
}
@media (min-width:700px){
.reihe__z{align-items:start}
.reihe__z dt,.reihe__z b{line-height:1.5}
}
.konv__cta,.tatzeile,.hero__tat,.hero__tun{flex-wrap:wrap}
.konv__cta > *,.tatzeile > *,.hero__tat > *,.hero__tun > *{flex:0 0 auto;max-width:100%}
.sprache a{position:relative}
.sprache a::after{
content:"";position:absolute;left:.15rem;right:.15rem;bottom:.72rem;height:1px;
background:var(--akz);transform:scaleX(0);transform-origin:left center;
transition:transform .45s var(--ease);
}
.sprache a:hover{color:var(--i1)}
.sprache a:hover::after,.sprache a:focus-visible::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
.sprache a::after{transition:none}
}
@media (min-width:700px) and (max-width:899px){
.kacheln--drei > :nth-child(3):last-child{grid-column:1/-1}
.kacheln--drei > .kachel--fond{grid-column:1/-1;min-height:0}
.kacheln--drei > .kachel--fond ~ :nth-child(3):last-child{grid-column:auto}
}
.sprache--menu{display:none}
@media (max-width:479px){
.sprache--menu{display:flex}
}
.kformsatz{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.8rem,4vw,2.6rem)}
.kblatt{
background:var(--pap-hoch);border:1px solid var(--linie);border-radius:2px;
box-shadow:var(--hebung-hoch);
padding:clamp(1.3rem,3vw,2.2rem) clamp(1.2rem,2.8vw,2rem) clamp(1.4rem,3vw,2.2rem);
}
.kblatt .kf{margin-top:clamp(1.2rem,2.6vw,1.8rem)}
.kblatt--klein{padding:clamp(1.2rem,2.6vw,1.8rem)}
.kblatt--klein .reihe{margin-top:1rem}
.kblatt--klein .reihe__z:last-child{border-bottom:0;padding-bottom:0}
.kdaten .reihe{margin-top:1rem}
.fakten--satz{width:100%;margin-top:clamp(1.8rem,3.6vw,2.8rem)}
.fakten--satz .fakten__in{padding:0}
.fakten--satz .fakten__f b{
font-size:clamp(1rem,.95rem + .34vw,1.2rem);letter-spacing:-.008em;
font-variant-numeric:normal;
}
@media (min-width:900px){
.kformsatz{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
gap:clamp(2.4rem,4.6vw,4rem);align-items:start}
.kblatt{position:relative;z-index:3;margin-top:calc(-1 * clamp(3rem,6vw,5.5rem))}
.kdaten{padding-top:.4rem}
}
.kdaten__b{margin-top:clamp(1.8rem,3.6vw,2.6rem)}
.kdaten__b .bild{aspect-ratio:5/4}
@media (min-width:900px){
.kdaten__b .bild{aspect-ratio:1/1}
.kdaten__b{position:relative;z-index:3;
margin-bottom:calc(-1 * clamp(2rem,4vw,3.4rem))}
}
.stufen__zus{
margin-top:.7rem;padding-left:.9rem;border-left:1px solid var(--linie);
font-size:.9rem;line-height:1.6;color:var(--t3);max-width:52ch;
}
.stufen .quelle{margin-top:.6rem}
@media (max-width:374px){
.marke{letter-spacing:.16em}
}
@media (min-width:900px) and (max-width:1199px){
.faq__kopf h2{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.3rem)}
}
@media (min-width:1600px){
.auftakt .zweispalt .kopfblock h1{font-size:5rem}
}
.register{
display:grid;grid-template-columns:1fr;gap:0;
margin-top:clamp(1.8rem,3.6vw,2.6rem);border-top:1px solid var(--linie);
}
.register__z{
position:relative;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;
align-items:baseline;column-gap:.7rem;
padding:.95rem 0 1rem;border-bottom:1px solid var(--linie-2);
min-height:52px;text-decoration:none;color:var(--t1);
}
.register__z i{
font-style:normal;font-variant-numeric:tabular-nums;color:var(--akz-tief);
font-family:var(--font-display);font-weight:600;font-size:.76rem;letter-spacing:var(--sperr-3);
}
.register__z b{font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:-.008em}
.register__z span{font-size:.82rem;color:var(--t2);white-space:nowrap}
.register__z::after{
content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--akz);
transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease);
}
.register__z:hover::after,.register__z:focus-visible::after{transform:scaleX(1)}
.register__z:focus-visible{outline:2px solid var(--akz);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
.register__z::after{transition:none}
}
@media (min-width:600px){
.register{grid-template-columns:1fr 1fr;column-gap:clamp(1.6rem,4vw,3rem)}
.register__z:nth-last-child(-n+2){border-bottom:0}
}
@media (min-width:900px){
.register{grid-template-columns:repeat(3,1fr)}
.register__z:nth-last-child(-n+2){border-bottom:1px solid var(--linie-2)}
.register__z:nth-last-child(-n+3){border-bottom:0}
}
@media (max-width:699px){
.auftakt--fragen .zweispalt__b{margin-top:clamp(1.6rem,4vw,2.2rem)}
}
.telefonfuss{margin-top:clamp(1.8rem,3.6vw,2.8rem)}
@media (min-width:900px){
.telefonfuss{align-items:end}
.telefonfuss .kblatt--klein{
position:relative;z-index:3;
margin-bottom:calc(-1 * clamp(4.5rem,8vw,7rem));
}
}
.auftakt--fragen .zweispalt__b .bild img{
animation:ruhig-atmen 26s var(--ease-weich) infinite;
}
@media (min-width:900px){
.hausnr{align-self:stretch;align-content:center}
}
@media (min-width:900px){
.kontaktbuehne .zweispalt__b--ragt{align-self:stretch;display:flex}
.kontaktbuehne .zweispalt__b--ragt .bild{
aspect-ratio:auto;flex:1;min-height:24rem;
}
}
.film__text i,.film__kanal{font-family:var(--font-body);font-style:normal}
.blatt__hinw i{font-style:normal}
.blatt__hinw .nur-tipp{display:none}
.blatt__hinw .nur-maus{display:inline}
@media (pointer:coarse){
.blatt__hinw .nur-tipp{display:inline}
.blatt__hinw .nur-maus{display:none}
}
@media (max-width:559px){
.fakten--satz .fakten__in{grid-template-columns:minmax(0,1fr)}
.fakten--satz .fakten__f{
--pt:1.35rem;
padding:var(--pt) 0 1.25rem;border-right:0;border-bottom:1px solid var(--linie-2);
}
.fakten--satz .fakten__f:nth-child(odd),
.fakten--satz .fakten__f:nth-child(even){padding-left:0;padding-right:0;border-right:0}
.fakten--satz .fakten__f:last-child{border-bottom:0}
}
.js [data-staffel] > .fakten__f::before{opacity:.22}
.js [data-staffel] > .fakten__f b{color:var(--t3);transition:color .55s var(--ease)}
.js [data-staffel] > .fakten__f.an b{color:var(--t1)}
.js [data-staffel] > .fakten__f::before{transition:opacity .55s var(--ease),width .55s var(--ease)}
.js [data-staffel] > .fakten__f.an::before{opacity:1;width:2.2rem}
.js [data-staffel] > .fakten__f:nth-child(3n+2).an::before{transition-delay:.06s}
.js [data-staffel] > .fakten__f:nth-child(3n+3).an::before{transition-delay:.12s}
.js .blende[data-staffel] > .blende__b{opacity:.42;transition:opacity .7s var(--ease-weich)}
.js .blende[data-staffel] > .blende__b.an{opacity:1}
@media (prefers-reduced-motion:reduce){
.js [data-staffel] > .fakten__f b{color:var(--t1);transition:none}
.js [data-staffel] > .fakten__f::before{opacity:1;transition:none}
.js .blende[data-staffel] > .blende__b{opacity:1;transition:none}
}
.burger{min-width:44px;justify-content:center}
.reihe__z dd a[href^="tel"],.reihe__z dd a[href^="mailto"],
.fuss address a,.konv__adr a[href^="tel"],.konv__adr a[href^="mailto"]{
display:inline-flex;align-items:center;min-height:44px;
}
.reihe__z dd a,.konv__adr a,.recht p a[href^="tel"],.recht p a[href^="mailto"],
.recht address a,.fr__a a[href^="mailto"],.fr__a a[href^="tel"]{
min-height:44px;padding:.42rem 0;
}
.fein a{text-decoration-thickness:1px;text-underline-offset:.22em}
@media (max-width:899px){
.faq .faq__kopf{
position:sticky;top:0;z-index:5;
padding:.7rem 0 .55rem;margin-bottom:.2rem;
background:var(--pap-grund);
box-shadow:0 10px 12px -12px rgba(20,31,40,.22);
}
.abs--weiss .faq__kopf{background:var(--pap-hoch)}
.faq .faq__kopf h2{margin-bottom:0}
}
@media (max-width:519px){
.fakten__in{align-items:stretch}
.fakten__f{display:flex;flex-direction:column}
.fakten__f span{margin-top:auto;padding-top:.22rem}
}
:root{
--anschnitt:0rem;
--lg-hebung:0 54px 96px -44px rgba(20,31,40,.55), 0 10px 24px -14px rgba(20,31,40,.28);
--naht:clamp(2.2rem,6vw,4.6rem);
--k-nah:clamp(8rem,13vw,11rem);
}
html{overflow-x:clip}
body{overflow-x:clip}
[data-buehne]{position:relative}
.tf-buehne{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.lg{position:absolute}
.js .lg{will-change:transform}
.lg--licht{
left:-22%;bottom:-4rem;width:min(30rem,116%);height:18rem;z-index:3;
background:radial-gradient(closest-side,
rgba(var(--licht),.20),rgba(var(--licht),.07) 56%,rgba(var(--licht),0) 100%);
}
.abs--zaesur .lg--licht{left:-16%;bottom:-6rem;width:min(38rem,120%);height:24rem}
.abs--zaesur .abs__in{position:relative;z-index:3}
.naht-bild{position:relative;z-index:3}
@media (min-width:600px){
:root{--anschnitt:1.1rem}
}
@media (min-width:900px){
.lg--licht{left:-12%;bottom:-7rem;width:min(46rem,70%);height:28rem}
}
@media (min-width:1024px){
:root{--anschnitt:2.2rem}
}
.hero__plan__b{
filter:saturate(.30) contrast(1.10) brightness(1.02);
box-shadow:inset 0 0 0 999px rgba(34,50,63,.14);
}
@media (min-width:600px){
}
@media (min-width:700px){
}
@media (min-width:700px) and (max-width:1099px){
:root{--k-nah:clamp(8rem,13vw,11rem)}
}
@media (min-width:1100px){
:root{--k-nah:clamp(9.6rem,11.5vw,15rem);--k-plan:clamp(8.8rem,10.5vw,13.6rem);--k-luft:1.6rem}
}
@media (min-width:700px){
.hero--mitkarte + .karte > .platte,
.auftakt--eb > .platte{
width:calc(var(--breit) - (var(--k-nah) + 1.8rem - var(--anschnitt)));
margin-inline:calc((100% - var(--breit)) / 2) 0;
}
}
.auftakt__bild{position:relative}
.preisfeld{--feld-polster:clamp(1.1rem,2.4vw,2.25rem)}
.preisfeld__band{display:none}
@media (min-width:900px){
.abs--kontrast .zweispalt{align-items:start}
.abs--kontrast .kopfblock{padding-right:clamp(1rem,2.4vw,2.4rem)}
.abs--kontrast .preisfeld{
position:relative;
margin-right:calc(var(--rasterkante) - 2rem);
padding:0 calc(var(--feld-polster) + 2rem) var(--feld-polster) 0;
}
.abs--kontrast .preisfeld::before{
content:"";position:absolute;z-index:0;
inset:0 0 0 calc(-1 * var(--feld-polster));
background:var(--ink-4);
}
.abs--kontrast .preisfeld > *{position:relative;z-index:1}
.abs--kontrast .preisfeld__band{
display:block;overflow:hidden;aspect-ratio:2.2;
}
.abs--kontrast .preisfeld__band img{
width:100%;height:100%;object-fit:cover;display:block;
}
.abs--kontrast .preisfeld .preis{
margin-top:calc(-1 * clamp(2.6rem,5.4vw,4.6rem));
}
}
.auftakt--fragen.auftakt--eb,.auftakt--leise{padding-bottom:clamp(3.4rem,8vw,7rem)}
@media (min-width:900px){
}
@media (min-width:900px){
.auftakt--fragen.auftakt--eb .zweispalt__b{
position:relative;z-index:3;
margin-right:calc(-1 * var(--anschnitt));
margin-bottom:calc(-1 * clamp(2.6rem,5vw,4.4rem));
}
.auftakt--fragen.auftakt--eb .register{
position:relative;z-index:2;
padding-top:clamp(3rem,5.6vw,4.8rem);
}
.auftakt--fragen.auftakt--eb .register__z:nth-child(3n){padding-right:0}
}
.reihe__z dd,.reihe__z span{max-width:52ch}
.beleg p{max-width:54ch}
.fein,.film__fein,.quelle{max-width:54ch}
.offen{max-width:54ch}
.fr__a p{max-width:54ch}
.kopf__nav a{min-width:44px;justify-content:center}
@media (min-width:900px){
.abs--zaesur:not(.kontaktbuehne) .zweispalt--links > .zweispalt__b{
position:relative;z-index:3;
margin-left:var(--rasterkante);
}
.abs--zaesur:not(.kontaktbuehne) .zweispalt--links > .zweispalt__b .bild{
border-radius:0 2px 2px 0;
}
}
@media (min-width:900px) and (max-height:779px){
}
@media (prefers-reduced-motion:reduce){
.lg{transform:none !important;will-change:auto}
}
@media (max-width:479px){
.tafeltab__k,.tafeltab__k--drei{
position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
white-space:nowrap;padding:0;border:0;
}
.tafeltab__z:not(.tafeltab__z--drei){
grid-template-columns:minmax(0,1fr);gap:.28rem;padding:.95rem 0 1.05rem;align-items:start;
}
.tafeltab__z:not(.tafeltab__z--drei) > span:first-child{
font-family:var(--font-display);font-weight:600;color:var(--t1);
font-size:1rem;line-height:1.24;
}
.tafeltab__z > [data-sp]{
display:flex;justify-content:space-between;align-items:baseline;gap:1rem;white-space:normal;
}
.tafeltab__z > [data-sp]::before{
content:attr(data-sp);flex:none;white-space:nowrap;
font-family:var(--font-display);font-weight:600;font-size:.68rem;
letter-spacing:var(--sperr-2);text-transform:uppercase;color:var(--t3);
}
.tafeltab__z > [data-leer]{display:none}
}
@media (min-width:900px) and (max-width:1199px){
.auftakt--leise .zweispalt--eng{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
}
@media (min-width:900px) and (max-width:1023px){
.auftakt .zweispalt .kopfblock h1{font-size:calc(6.2vw - 2px)}
}
.recht{
padding-block:clamp(2.6rem,5.4vw,4rem) var(--raum);
padding-inline:max(var(--rand),calc((100% - 820px) / 2));
}
.recht>*{width:auto;max-width:820px;margin-inline:0}
.recht .platzhalter{width:auto;max-width:820px;margin-inline:0;box-sizing:border-box}
@media (max-width:1099px){
.fakten--platte .fakten__f{display:flex;flex-direction:column}
.fakten--platte .fakten__f b{min-height:2.32em}
.fakten--platte .fakten__f span{margin-top:.22rem}
}
@media (max-width:768px){
.fein,.fuss__de,.quelle{line-height:1.95}
.fein a,.fuss__de a,.quelle a{
display:inline-block;padding-block:.86rem;line-height:1.25;
text-underline-offset:.16em;
}
.fein a{margin-block:-.28rem}
}
@media (min-width:1100px){
}
.nahtblatt{
position:relative;z-index:4;margin:clamp(1.6rem,3.4vw,2.6rem) 0 0;
width:min(100%,17rem);border-radius:2px;overflow:hidden;
background:var(--ink-3);box-shadow:var(--lg-hebung);
}
.nahtblatt img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.nahtblatt figcaption{
position:absolute;left:0;right:0;bottom:0;margin:0;max-width:none;
padding:.55rem .7rem .5rem;
font-family:var(--font-display);font-weight:600;font-size:.62rem;
letter-spacing:.13em;text-transform:uppercase;line-height:1.3;
color:var(--i1);
background:linear-gradient(to top,rgba(12,20,28,.9),rgba(12,20,28,.45) 60%,rgba(12,20,28,0));
}
@media (min-width:700px){
.nahtblatt{
width:clamp(11rem,17vw,15rem);
margin-left:auto;margin-right:0;
margin-bottom:calc(-1 * (var(--raum) + clamp(4rem,7vw,7rem)));
}
}
.auftakt--region{padding:0 0 clamp(2rem,4vw,3.4rem);position:relative}
.regb{position:relative;width:100%}
.regb__b{margin:0;position:relative}
.regb__b .bild{border-radius:0}
.regb__b img{width:100%;height:clamp(15rem,52vw,24rem);object-fit:cover;display:block}
.regb__b figcaption{
position:absolute;right:0;bottom:calc(clamp(1.8rem,5vw,3.4rem) + .5rem);left:0;
margin:0;max-width:none;
padding:2.6rem clamp(1rem,4vw,2rem) .55rem;text-align:left;
font-size:.8rem;line-height:1.45;color:var(--i1);
box-sizing:border-box;padding-right:max(clamp(1rem,4vw,2rem),22%);
background:linear-gradient(to top,rgba(12,20,28,.86),rgba(12,20,28,.35) 60%,rgba(12,20,28,0));
}
.regb__blatt{
position:relative;z-index:3;width:var(--breit);margin:calc(-1 * clamp(1.8rem,5vw,3.4rem)) auto 0;
background:var(--pap-hoch);border-radius:2px;box-shadow:var(--hebung-hoch);
padding:clamp(1.3rem,3vw,2.2rem);
}
.regb__blatt h1{margin-top:.6rem}
.regb__blatt .lead{margin-top:.9rem;max-width:52ch}
.regb__karte{display:none}
@media (max-width:899px){
.regb__blatt{margin-bottom:calc(-1 * (clamp(2rem,4vw,3.4rem) + 1.7rem))}
}
@media (min-width:900px){
.regb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.regb__b{grid-column:2;grid-row:1}
.regb__b img{height:clamp(24rem,42vw,34rem)}
.regb__b figcaption{
position:static;padding:0;text-align:left;background:none;
width:auto;max-width:38ch;margin:.8rem 0 0 clamp(1rem,2.4vw,2rem);
font-size:.82rem;color:var(--t2);
}
.regb__blatt{
grid-column:1;grid-row:1;width:auto;
margin:0 calc(-1 * clamp(2rem,5vw,5rem)) 0 calc((100% - var(--breit)) / 2);
padding:clamp(1.8rem,3.4vw,2.8rem);
}
.regb__blatt h1{font-size:clamp(2.1rem,4.4vw,3.6rem)}
}
@media (min-width:1100px){
.regb__karte{
display:block;position:absolute;z-index:4;margin:0;
right:clamp(3rem,9vw,11rem);
bottom:calc(-1 * (clamp(2rem,4vw,3.4rem) + clamp(2.2rem,3.6vw,3.4rem)));
width:clamp(8.5rem,10vw,12rem);
border-radius:2px;overflow:hidden;background:var(--ink-3);box-shadow:var(--lg-hebung);
}
.regb__karte img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.regb__karte figcaption{
position:absolute;left:0;right:0;bottom:0;margin:0;max-width:none;
padding:.5rem .65rem .45rem;
font-family:var(--font-display);font-weight:600;font-size:.6rem;
letter-spacing:.13em;text-transform:uppercase;line-height:1.3;
color:var(--i1);
background:linear-gradient(to top,rgba(12,20,28,.9),rgba(12,20,28,.45) 60%,rgba(12,20,28,0));
}
}
.auftakt--fragen2{padding-bottom:clamp(1.6rem,3.4vw,2.6rem)}
.auftakt--fragen2 .fragen__kopf{max-width:52ch}
@media (min-width:900px){
.auftakt--fragen2 .fragen__kopf{
max-width:none;display:grid;align-items:start;
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
column-gap:clamp(2rem,5vw,4.6rem);
}
.auftakt--fragen2 .fragen__kopf .marke{grid-column:1;grid-row:1}
.auftakt--fragen2 .fragen__kopf h1{grid-column:1;grid-row:2 / span 3;margin-top:.7rem;max-width:12ch}
.auftakt--fragen2 .fragen__kopf .lead{grid-column:2;grid-row:2;margin-top:.5rem;max-width:44ch}
.auftakt--fragen2 .fragen__kopf .tatzeile{grid-column:2;grid-row:3;margin-top:1.6rem}
.auftakt--fragen2 .fragen__kopf .fein{grid-column:2;grid-row:4;margin-top:1.1rem}
}
.frb{position:relative;margin-top:clamp(1.8rem,4vw,3rem)}
.frb__band{margin:0;position:relative}
.frb__band .bild{border-radius:0}
.frb__band img{width:100%;height:clamp(11rem,30vw,20rem);object-fit:cover;display:block}
.frb__band figcaption{
position:absolute;top:0;left:0;right:0;margin:0;max-width:none;
padding:.7rem clamp(1rem,4vw,2rem) 2.4rem;text-align:right;
font-size:.8rem;line-height:1.45;color:var(--i1);
box-sizing:border-box;padding-left:max(clamp(1rem,4vw,2rem),22%);
background:linear-gradient(to bottom,rgba(12,20,28,.82),rgba(12,20,28,.32) 58%,rgba(12,20,28,0));
}
.frb__blatt{
position:relative;z-index:3;width:var(--breit);
margin:calc(-1 * clamp(2rem,5.5vw,4.4rem)) auto 0;
background:var(--pap-hoch);border-radius:2px;box-shadow:var(--hebung-hoch);
padding:clamp(1rem,2.4vw,1.8rem) clamp(1.2rem,2.6vw,2rem) clamp(.4rem,1.2vw,1rem);
border-top:0;
margin-bottom:calc(-1 * (clamp(1.6rem,3.4vw,2.6rem) + clamp(2rem,4vw,3.4rem)));
}
@media (min-width:900px){
.frb__band img{height:clamp(15rem,20vw,19rem)}
.frb__blatt{
width:calc(var(--breit) - clamp(3rem,10vw,12rem));
margin-left:calc((100% - var(--breit)) / 2);
}
.frb__band figcaption{
left:auto;width:max-content;max-width:44ch;
padding:.9rem clamp(1.6rem,3vw,2.6rem) 2.6rem 3rem;
background:linear-gradient(to bottom left,rgba(12,20,28,.84),rgba(12,20,28,.30) 60%,rgba(12,20,28,0));
}
}
.zug.zug--fahrt{scroll-snap-type:none}
.frb__band img{animation:ruhig-atmen 26s var(--ease-weich) infinite;will-change:transform}
@media (orientation:landscape) and (max-height:600px){
.bottombar{padding:.35rem .6rem}
.bottombar__b{min-height:40px;padding:.5rem .9rem;font-size:.9rem}
body{padding-bottom:56px}
}
.reihe__z dd,.reihe__z span{overflow-wrap:break-word}
.register__z b{overflow-wrap:normal;hyphens:manual}
.register__z span{white-space:nowrap}
.blatt__hinw{max-width:calc(100% - 8.5rem)}
.zug figure figcaption{transition:opacity .45s var(--ease)}
.js .zug figure:not(.ganz) figcaption{opacity:0}
@media (prefers-reduced-motion:reduce){
.zug figure figcaption{transition:none}
}
.weg__w{white-space:nowrap}
.weg svg{display:inline-block;vertical-align:-.12em}
.fakten__in{align-items:stretch}
.fakten__f{display:flex;flex-direction:column}
.fakten__f span{margin-top:auto;padding-top:.22rem}
.reihe__z dt:has(> .nr){display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline}
.reihe__z dt > .nr{min-width:0}
.film__start{position:relative}
.film__start::before{
content:"";position:absolute;left:0;right:0;top:0;height:58%;z-index:2;pointer-events:none;
background:linear-gradient(to bottom,rgba(var(--nacht),.80) 0%,rgba(var(--nacht),.46) 44%,rgba(var(--nacht),0) 100%);
}
.film__text{z-index:3}
h1,h2,h3,h4{overflow-wrap:normal}
.lg--nah figcaption,.nahtblatt figcaption{
background:linear-gradient(to top,
rgba(var(--nacht),.94) 0%,rgba(var(--nacht),.88) 58%,
rgba(var(--nacht),.34) 86%,rgba(var(--nacht),0) 100%);
}
.sprache a,.sprache span{color:var(--i1)}
.kopf{background:linear-gradient(180deg,rgba(var(--nacht),.88) 0%,rgba(var(--nacht),.62) 52%,rgba(var(--nacht),0) 100%)}
.frb__band figcaption{
background:linear-gradient(to bottom,
rgba(var(--nacht),.90) 0%,rgba(var(--nacht),.72) 42%,
rgba(var(--nacht),.24) 74%,rgba(var(--nacht),0) 100%);
}
@media (min-width:900px){
.reihe__z{grid-template-columns:1fr;gap:.15rem}
.reihe--zwei .reihe__z{grid-template-columns:1fr}
.register{grid-template-columns:1fr 1fr;column-gap:clamp(1.6rem,4vw,3rem)}
.register__z:nth-last-child(-n+2){border-bottom:0}
.register__z:nth-last-child(-n+3){border-bottom:1px solid var(--linie-2)}
}
@media (min-width:1024px){
.reihe__z{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1.4rem;align-items:baseline}
}
@media (max-width:389px){
h1{font-size:clamp(2.15rem,1rem + 4.4vw,5.6rem)}
}
@media (max-width:899px){
.regb__b figcaption{
background:linear-gradient(to top,
rgba(var(--nacht),.92) 0%,rgba(var(--nacht),.84) 46%,
rgba(var(--nacht),.30) 82%,rgba(var(--nacht),0) 100%);
}
}
@media (min-width:900px) and (max-width:1099px){
.abs--kontrast .kopfblock h2{font-size:clamp(1.8rem,.4rem + 2.1vw,2.4rem)}
.preis__z{flex-wrap:wrap;row-gap:.2rem}
.preis__z i{order:1}
.preis__z b{order:2;margin-left:auto}
.preis__z span{order:3;flex:1 0 100%;padding-left:3.5rem}
}
@media (min-width:1200px){
.reihe--zwei .reihe__z{grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:1.2rem}
.register{grid-template-columns:repeat(3,1fr)}
.register__z:nth-last-child(-n+3){border-bottom:0}
}
.fakten--platte{box-shadow:var(--kante-auf),var(--hebung-hoch)}
.karte--satz{padding:var(--raum-klein) 0}
.karte--satz > .platte{margin-top:0}
.faq--platte .faq__kopf{background:var(--pap-hoch)}
.faq--band{padding-top:0}
.faq--band > .trennband{margin-bottom:clamp(1.8rem,4vw,3rem)}
.blende__sp > .blende__b{margin-bottom:clamp(1rem,2.6vw,1.6rem)}
.blende__sp:last-child > .blende__b:last-child{margin-bottom:0}
@media (max-width:899px){
.auftakt--region + .fakten{padding-top:clamp(3.6rem,7.5vw,4.6rem)}
}
@media (min-width:900px){
.fakten--platte{margin-top:calc(-1 * clamp(3rem,6vw,5.4rem))}
.plan__werk{padding-top:1.8rem}
.blende{display:grid;grid-template-columns:1fr 1fr;
gap:0 clamp(.9rem,2vw,1.4rem);align-items:start;background:transparent}
.blende__sp--b{margin-top:clamp(2.4rem,5vw,4.2rem)}
.blende__sp > .blende__b:first-child img{aspect-ratio:4/3}
.blende__sp > .blende__b:last-child img{aspect-ratio:3/4}
}
@media (min-width:1100px){
:root{--k-luft:.5rem}
}
@media (min-width:900px) and (max-width:1099px){
.fakten--platte{margin-top:calc(-1 * clamp(2.4rem,4.6vw,3.2rem))}
}
@media (max-width:899px){
.blende{margin-top:clamp(1.6rem,4vw,2.4rem)}
}
:root{
--ueber:max(var(--rand),(100vw - 1340px) / 2);
}
h1{font-size:clamp(2.4rem,1.1rem + 3.4vw,4.3rem)}
h2{font-size:clamp(1.8rem,1.05rem + 2.4vw,3.05rem)}
.hat-hero .kopf,body:not(.hat-hero) .kopf{
position:relative;inset:auto;padding-bottom:0;
background:var(--pap-hoch);background-image:none;color:var(--t1);
box-shadow:inset 0 -1px 0 var(--linie-2);
}
.kopf__vorschau{background:var(--ink-4);color:var(--i3)}
.kopf .kopf__nav a{color:var(--t2)}
.kopf .kopf__nav a:hover,.kopf .kopf__nav a[aria-current="page"]{color:var(--t1)}
.kopf .sprache a,.kopf .sprache span{color:var(--t2)}
.kopf .sprache a:hover{color:var(--t1)}
.kopf .sprache [aria-current]{color:var(--akz-tief)}
.kopf .burger{color:var(--t1);border-color:var(--linie)}
.kopf .burger:hover{background:rgba(91,82,64,.08)}
.kopf .kopf__ruf{color:var(--t1);border-color:var(--linie)}
.kopf .kopf__ruf:hover{background:rgba(91,82,64,.08)}
.kopf .kopf__schild{
display:flex;flex-direction:column;align-items:stretch;gap:.6rem;
order:2;margin-left:auto;position:relative;z-index:70;
padding:.7rem .85rem .75rem;border-radius:2px;
background-color:var(--ink-3);
background-image:radial-gradient(120% 130% at 18% 118%,
rgba(var(--licht),.16) 0%,rgba(var(--licht),0) 72%);
box-shadow:0 26px 52px -30px rgba(20,31,40,.55);
}
.kopf .kopf__schild .kopf__marke{color:var(--i1);margin-left:0;padding-right:0;border-right:0}
.kopf .kopf__schild .kopf__wort b{color:var(--i1)}
.kopf .kopf__schild .kopf__wort i{color:var(--i3)}
.kopf__schild :focus-visible{outline-color:var(--akz-hell);box-shadow:0 0 0 4px rgba(24,37,48,.7)}
.hb{
position:relative;z-index:2;
background-color:var(--pap-grund);
background-image:radial-gradient(112% 70% at 84% -10%,
rgba(var(--licht),.30) 0%,rgba(var(--licht),.11) 44%,rgba(var(--licht),0) 76%);
background-repeat:no-repeat;
}
.hb--spiegel{background-image:radial-gradient(112% 70% at 16% -10%,
rgba(var(--licht),.30) 0%,rgba(var(--licht),.11) 44%,rgba(var(--licht),0) 76%)}
.hb__buehne{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.hb .lg--kanal{
left:0;right:0;top:-8rem;bottom:-6rem;z-index:1;
background:radial-gradient(88% 46% at 88% 6%,
rgba(var(--licht),.42) 0%,rgba(var(--licht),.16) 46%,rgba(var(--licht),0) 78%);
}
.hb--spiegel .lg--kanal{background:radial-gradient(88% 46% at 12% 6%,
rgba(var(--licht),.42) 0%,rgba(var(--licht),.16) 46%,rgba(var(--licht),0) 78%)}
.hb .lg--kontur{
z-index:2;left:var(--rand);bottom:-.16em;
font-family:var(--font-display);font-weight:600;line-height:.78;
letter-spacing:-.048em;text-transform:uppercase;white-space:nowrap;
color:transparent;-webkit-text-stroke:1px rgba(91,82,64,.28);
font-size:clamp(3.6rem,18vw,5.8rem);
}
@supports not (-webkit-text-stroke:1px red){
.hb .lg--kontur{color:rgba(91,82,64,.10);-webkit-text-fill-color:currentColor}
}
.hb__in{
position:relative;z-index:3;width:var(--breit);margin-inline:auto;
display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
padding-block:clamp(1.8rem,4vw,3.2rem) 0;
}
.hb__wort{grid-column:1 / -1;min-width:0;position:relative;z-index:3}
.hb__wort h1{margin-top:1rem;max-width:15ch;font-size:clamp(2.25rem,1.2rem + 3.1vw,3.6rem);
line-height:1.02;color:var(--t1)}
.hb__wort .lead{margin-top:1.2rem;max-width:38ch;color:var(--t2)}
.hb__wort .marke{display:flex;align-items:center;gap:.7rem;line-height:1.2;color:var(--akz-tief)}
.hb .strahl{width:34px;height:15px;flex:none}
.hb__tun{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;margin-top:1.8rem}
.hb__tun > *{flex:0 0 auto;max-width:100%}
.hb__tun .weg{color:var(--t1)}
.hb__tun .weg::after{background:var(--linie)}
.hb__tun .weg svg{color:var(--akz-tief)}
.hb__tun .knopf{box-shadow:var(--hebung)}
.hb__bild{
grid-column:1 / -1;min-width:0;position:relative;z-index:2;
display:flex;flex-direction:column;margin-top:clamp(2rem,5.5vw,3.2rem);
}
.hb__bild figcaption{order:-1;margin:0 0 .6rem;padding-left:.1rem;max-width:44ch}
.hb__bild__f{
display:block;position:relative;overflow:hidden;border-radius:2px;
background:var(--pap-kante);aspect-ratio:4 / 4.0;
box-shadow:var(--hebung-hoch);
}
.hb__bild__i{position:absolute;inset:-7% 0;display:block}
.hb__bild__f picture{display:block;width:100%;height:100%}
.hb__bild__f img{width:100%;height:100%;object-fit:cover;object-position:50% 88%}
.hb__bild__f::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:2;
background:linear-gradient(180deg,
rgba(255,247,233,.96) 0%,rgba(255,240,214,.62) 46%,rgba(255,240,214,.18) 100%);
}
.hb__bild__f::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:2;
background:rgba(43,33,22,.28);
}
.hb--spiegel .hb__bild__f::before{left:auto;right:0}
.hb__blatt{
grid-column:1 / -1;position:relative;z-index:6;
display:block;text-decoration:none;color:var(--t1);
width:min(19rem,78%);margin-left:auto;
margin-top:calc(-1 * clamp(2.4rem,8vw,3.6rem));
margin-bottom:calc(-1 * clamp(1.4rem,5vw,2.4rem));
background:var(--pap-hoch);border-radius:2px;
box-shadow:var(--kante-auf),var(--hebung-hoch);
transition:transform .55s var(--ease),box-shadow .55s var(--ease);
}
.hb__blatt--plan:hover{transform:translate3d(0,-4px,0);
box-shadow:var(--kante-auf),0 60px 110px -44px rgba(20,31,40,.5)}
.hb__blatt__b{
display:block;position:relative;overflow:hidden;
height:clamp(7.5rem,24vw,10rem);
background-color:var(--pap-tief);
background-image:url("/assets/img/platzplan-760.webp");
background-image:image-set(url("/assets/img/platzplan-760.avif") type("image/avif"),
url("/assets/img/platzplan-760.webp") type("image/webp"));
background-size:150% auto;background-position:69% 45%;background-repeat:no-repeat;
filter:url("#plan-papier");
}
.hb__blatt--plan{border-bottom:0}
.hb__blatt__b + .hb__blatt__t{border-top:1px solid var(--linie-2)}
.hb__blatt__t{display:block;padding:.8rem .95rem .95rem}
.hb__blatt__t b{display:block;font-family:var(--font-display);font-weight:600;
font-size:.92rem;line-height:1.25;color:var(--t1)}
.hb__blatt__t i{display:block;margin-top:.3rem;font-style:normal;font-size:.82rem;
line-height:1.45;color:var(--t2)}
.hb__blatt__t::after{content:"";display:block;margin-top:.7rem;height:2px;width:2.2rem;
background:var(--akz);transition:width .55s var(--ease)}
.hb__blatt--plan:hover .hb__blatt__t::after{width:4.4rem}
.hb__blatt--foto{padding:.5rem .5rem .1rem}
.hb__blatt__f{display:block;position:relative;overflow:hidden;background:var(--pap-kante)}
.hb__blatt__f picture{display:block;width:100%;height:100%}
.hb__blatt__f img{display:block;width:100%;height:clamp(8rem,26vw,11rem);object-fit:cover}
.hb__blatt--foto figcaption{margin:.55rem .45rem .7rem;font-size:.78rem;line-height:1.45;color:var(--t3)}
.hb + .fakten--platte,.hb + .karte,.hb + .abs,.hb + .platte,.hb + section{
position:relative;z-index:1;
}
.fakten--platte{
background-image:radial-gradient(96% 90% at 20% 112%,
rgba(var(--licht),.18) 0%,rgba(var(--licht),.07) 46%,rgba(var(--licht),0) 80%);
background-repeat:no-repeat;
}
@media (min-width:600px){
.hb .lg--kontur{font-size:clamp(5rem,14vw,7.6rem);-webkit-text-stroke-width:1.15px}
.hb__blatt{width:min(20rem,52%)}
}
@media (min-width:700px){
.hb__bild__f{aspect-ratio:4 / 2.5}
.hb__bild__f img{object-position:50% 72%}
}
@media (min-width:700px) and (max-width:899px){
.hb__wort{grid-column:1 / 8;grid-row:1}
.hb__blatt{
grid-column:8 / -1;grid-row:1;align-self:end;justify-self:end;
width:min(100%,17rem);margin:0 0 calc(-1 * clamp(2.4rem,5vw,3.6rem));
}
.hb__blatt__b{height:clamp(7rem,15vw,9rem)}
.hb__blatt--foto .hb__blatt__f img{height:clamp(7rem,15vw,9rem)}
.hb__bild{grid-column:1 / -1;grid-row:2;margin-inline:calc(-1 * var(--ueber));
margin-top:0;margin-bottom:calc(-1 * clamp(1.4rem,3vw,2.4rem))}
.hb__bild figcaption{order:1;margin:.65rem var(--ueber) 0}
.hb__bild__f{aspect-ratio:4 / 2.1}
.hb--spiegel .hb__blatt{justify-self:start;grid-column:1 / 6}
.hb--spiegel .hb__wort{grid-column:6 / -1}
.hb__wort h1{max-width:17ch}
.hb .lg--kontur{font-size:clamp(6rem,13vw,8.4rem)}
}
@media (min-width:900px){
.hb__in{padding-block:clamp(3rem,4.8vw,4.4rem) 0;align-items:end}
.hb__wort{grid-column:1 / 7;grid-row:1;padding-right:clamp(1.6rem,3.4vw,3.2rem);
padding-bottom:clamp(3.2rem,6.5vw,5.8rem)}
.hb__bild{grid-column:7 / -1;grid-row:1;align-self:end;margin-top:0;
margin-right:calc(-1 * var(--ueber));
margin-bottom:calc(-1 * clamp(1.4rem,3vw,2.4rem))}
.hb__bild__f{aspect-ratio:4 / 2.95}
.hb__bild__f img{object-position:50% 66%;transform:scale(1.14);transform-origin:50% 66%}
.hb__bild figcaption{position:absolute;left:0;bottom:calc(100% + .7rem);
margin:0;padding-left:0;max-width:30ch;font-size:.76rem;line-height:1.45}
.hb__blatt{grid-column:7 / 11;grid-row:1;align-self:end;justify-self:start;
width:min(100%,22rem);margin-left:clamp(1rem,2.4vw,2.2rem);
margin-top:0;margin-bottom:calc(-1 * clamp(2.8rem,5.5vw,4.6rem))}
.hb__blatt__b{height:clamp(8rem,10.5vw,10rem)}
.hb .lg--kontur{
font-size:clamp(5rem,8vw,7.4rem);-webkit-text-stroke-width:1.4px;
-webkit-text-stroke-color:rgba(91,82,64,.30);
left:0;bottom:-.34em;
}
.hb .lg--kanal{background:linear-gradient(90deg,
rgba(var(--licht),0) 0%,rgba(var(--licht),0) 34%,rgba(var(--licht),.38) 49%,
rgba(var(--licht),.20) 58%,rgba(var(--licht),0) 73%)}
.hb--spiegel .hb__wort{grid-column:7 / -1;padding-right:0;
padding-left:clamp(1.6rem,3.4vw,3.2rem)}
.hb--spiegel .hb__bild{grid-column:1 / 7;margin-right:0;
margin-left:calc(-1 * var(--ueber))}
.hb--spiegel .hb__bild figcaption{left:auto;right:0;text-align:right}
.hb--spiegel .hb__blatt{grid-column:3 / 7;justify-self:end;
margin-left:0;margin-right:clamp(1rem,2.4vw,2.2rem)}
.hb--spiegel .lg--kontur{left:auto;right:0}
.hb--spiegel .lg--kanal{background:linear-gradient(270deg,
rgba(var(--licht),0) 0%,rgba(var(--licht),0) 34%,rgba(var(--licht),.38) 49%,
rgba(var(--licht),.20) 58%,rgba(var(--licht),0) 73%)}
.hb--band .hb__in{align-items:start}
.hb--band .hb__wort{grid-column:1 / 8;grid-row:1;padding-bottom:clamp(2rem,4vw,3rem)}
.hb--band .hb__bild{grid-column:1 / -1;grid-row:2;align-self:start;
margin-inline:calc(-1 * var(--ueber));margin-top:0;
margin-bottom:calc(-1 * clamp(1.6rem,3.4vw,2.8rem))}
.hb--band .hb__bild__f{aspect-ratio:4 / 1.32}
.hb--band .hb__bild__f img{object-position:50% 62%;transform:scale(1.06)}
.hb--band .hb__bild figcaption{position:static;margin:0 var(--ueber) .55rem;max-width:44ch}
.hb--band .lg--kanal{background:radial-gradient(74% 52% at 78% 12%,
rgba(var(--licht),.40) 0%,rgba(var(--licht),.15) 46%,rgba(var(--licht),0) 78%)}
.hb--band .lg--kontur{bottom:auto;top:clamp(3rem,7vw,6rem);
left:auto;right:calc((100% - var(--breit)) / 2);
font-size:clamp(5rem,11vw,10.5rem)}
.hb--karte .hb__in{align-items:stretch}
.hb--karte .hb__wort{align-self:end;padding-bottom:clamp(3.4rem,7vw,6rem)}
.hb--karte .hb__bild{align-self:stretch;margin-bottom:calc(-1 * clamp(2.2rem,4.5vw,3.6rem))}
.hb--karte .hb__bild__f{aspect-ratio:auto;height:100%;min-height:clamp(22rem,42vw,34rem)}
.hb--karte .hb__blatt{grid-column:8 / 12;align-self:end;justify-self:start;
width:min(100%,17rem);margin-left:0;
margin-top:0;margin-bottom:calc(-1 * clamp(2.8rem,5.5vw,4.6rem))}
.hb--karte .hb__blatt .hb__blatt__f img{height:clamp(11rem,17vw,15rem)}
.hb--karte .lg--kontur{left:0;right:auto}
.hb--ruhig .hb__wort{grid-column:1 / 8;padding-bottom:clamp(3rem,6vw,5rem)}
.hb--ruhig .hb__blatt{grid-column:9 / -1;justify-self:end;margin-left:0}
}
@media (min-width:1100px){
.hb__wort h1{font-size:clamp(3rem,1.2rem + 3.3vw,3.75rem)}
.hb__bild__f{aspect-ratio:4 / 2.8}
.hb--band .hb__bild__f{aspect-ratio:4 / 1.2}
.hb--karte .hb__bild__f{aspect-ratio:auto}
}
@media (prefers-reduced-motion:reduce){
.hb__blatt,.hb__blatt__t::after{transition:none}
.hb .lg{transform:none !important}
}
.hb + .fakten--platte{
position:relative;z-index:1;
width:100%;margin:0;border-radius:0;box-shadow:none;border-top:0;
background-color:var(--ink-3);
background-image:radial-gradient(96% 90% at 20% 112%,
rgba(var(--licht),.18) 0%,rgba(var(--licht),.07) 46%,rgba(var(--licht),0) 80%);
background-repeat:no-repeat;
color:var(--i2);
padding:clamp(3.4rem,7.5vw,5.2rem) 0 clamp(2.4rem,5.5vw,3.8rem);
}
.hb + .fakten--platte .fakten__in{
width:var(--breit);margin-inline:auto;padding:0;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(1.2rem,3vw,2.6rem);row-gap:clamp(1.8rem,4vw,2.6rem);
}
.hb + .fakten--platte .fakten__f{
--pt:.9rem;
padding:.9rem 0 0;border-bottom:0;border-right:0;
border-top:1px solid var(--linie-hell);
}
.hb + .fakten--platte .fakten__f::before{opacity:1;top:-1px;left:0;width:1.7rem;height:2px}
.hb + .fakten--platte .fakten__f b{color:var(--i1);font-weight:600}
.hb + .fakten--platte .fakten__f span{color:var(--i3)}
.hb + .karte{
background-color:var(--ink-3);
background-image:radial-gradient(96% 90% at 20% 112%,
rgba(var(--licht),.18) 0%,rgba(var(--licht),.07) 46%,rgba(var(--licht),0) 80%);
background-repeat:no-repeat;
padding:clamp(3.4rem,7vw,5.6rem) 0 clamp(3rem,6vw,4.6rem);
}
.hb + .karte > .platte{margin-top:0}
@media (min-width:600px){
.hb + .fakten--platte .fakten__in{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
.hb + .fakten--platte{padding:clamp(4.6rem,8vw,6.6rem) 0 clamp(2.8rem,5.5vw,4rem)}
.hb + .fakten--platte .fakten__in{
grid-template-columns:repeat(3,minmax(0,1fr));
column-gap:clamp(2rem,4vw,3.4rem);row-gap:clamp(2.4rem,5vw,3.4rem);
}
.hb + .fakten--platte .fakten__f{padding:.9rem 0 0;border-right:0;border-bottom:0}
.hb + .fakten--platte .fakten__f:nth-child(3n+1):not(:first-child){padding-left:0}
}
@media (max-width:899px){
.hb .lg--kontur{top:-.44em;bottom:auto;opacity:.85}
.kopf .kopf__schild{margin-bottom:calc(-1 * clamp(.9rem,2.8vw,1.7rem))}
.hb--band .lg--kontur{top:-.34em;bottom:auto}
.hb__bild{margin-bottom:calc(-1 * clamp(1.2rem,3.4vw,2.2rem))}
.kopf .kopf__schild{padding:.55rem .7rem .6rem;gap:.4rem;border-radius:2px}
.kopf .kopf__schild .kopf__marke{gap:.55rem}
.kopf .kopf__schild .sonne{width:2rem;height:1.1rem}
.kopf__wort b{font-size:.7rem;letter-spacing:.075em}
.kopf__wort i{font-size:.52rem;letter-spacing:.1em}
}
@media (max-width:419px){
.recht p.marke{font-size:.78rem;line-height:1.3}
.recht p,.recht li{text-wrap:pretty}
.preis__z{flex-wrap:wrap;row-gap:.25rem}
.preis__z i{order:1}
.preis__z b{order:2;margin-left:auto}
.preis__z span{order:3;flex:1 0 100%;padding-left:3.2rem}
}
@media (max-width:479px){
.kopf__zeile{gap:.5rem}
.kopf__zeile > .sprache{display:none}
.kopf .kopf__schild{padding:.5rem .6rem .55rem}
.kopf .kopf__schild .sonne{width:1.75rem;height:.96rem}
.kopf__wort b{font-size:.66rem;letter-spacing:.07em}
.burger{padding:.55rem .6rem;gap:.45rem}
.kopf__ruf{padding:.55rem .6rem}
}
.recht p a[href^="mailto"],.recht p a[href^="tel"]{
display:inline;padding:.55rem .1rem;
}
@media (max-width:419px){
.recht{padding-inline:.8rem}
.recht > *{width:min(100%,820px)}
}
.trip{position:relative}
.trip::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:3;pointer-events:none;
background:linear-gradient(180deg,
rgba(255,247,233,.96) 0%,rgba(255,240,214,.62) 46%,rgba(255,240,214,.18) 100%);
}
.trip::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:3;pointer-events:none;
background:rgba(43,33,22,.28);
}
.hb--licht{
--szene-h:21rem;
position:relative;isolation:isolate;
background-color:var(--pap-grund);
background-image:none;
}
.hb--licht .hb__buehne{z-index:2}
.hb--licht .hb__in{position:relative;z-index:3;padding-top:calc(var(--szene-h) + .3rem)}
.hb__szene{
position:absolute;left:0;right:0;top:0;bottom:auto;margin:0;
height:calc(var(--szene-h) + 1.4rem);
z-index:1;overflow:hidden;pointer-events:none;
}
.hb__szene__f{position:absolute;inset:0;display:block;overflow:hidden}
.hb__szene__i{position:absolute;inset:-7% 0;display:block}
.hb__szene picture{display:block;width:100%;height:100%}
.hb__szene img{
display:block;width:100%;height:100%;object-fit:cover;object-position:50% 72%;
filter:saturate(.92) brightness(1.06) contrast(.97);
animation:ruhig-atmen 26s var(--ease-weich) infinite;
}
.hb__szene::after{
content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(180deg,
rgba(var(--pap-rgb),.42) 0,
rgba(var(--pap-rgb),.06) 2.2rem,
rgba(var(--pap-rgb),0) 6rem,
rgba(var(--pap-rgb),.05) calc(var(--szene-h) - 7rem),
rgba(var(--pap-rgb),.62) calc(var(--szene-h) - 4.6rem),
rgba(var(--pap-rgb),.965) calc(var(--szene-h) - 3.4rem),
var(--pap-grund) calc(var(--szene-h) - 1.6rem));
}
.hb__szene::before{
content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:3;
background:linear-gradient(90deg,
rgba(255,247,233,.92) 0%,rgba(255,240,214,.42) 62%,rgba(255,240,214,.10) 100%);
}
.hb__szene figcaption{
position:absolute;z-index:4;pointer-events:auto;
left:var(--ueber);right:var(--ueber);
top:calc(var(--szene-h) - 3rem);
margin:0;max-width:42ch;
font-size:.78rem;line-height:1.45;color:var(--t3);
}
.hb--licht .hb__blatt{
z-index:6;margin-top:clamp(1.6rem,5vw,2.4rem);
margin-bottom:calc(-1 * clamp(1.8rem,6vw,2.8rem));
}
@media (min-width:600px){
.hb--licht{--szene-h:24rem}
.hb__szene figcaption{max-width:48ch}
}
@media (min-width:700px) and (max-width:899px){
.hb--licht{--szene-h:26rem}
.hb--licht .hb__in{padding-top:calc(var(--szene-h) + .6rem)}
.hb--licht .hb__wort{grid-column:1 / 9;grid-row:1;padding-bottom:0}
.hb--licht .hb__blatt{
grid-column:9 / -1;grid-row:1;align-self:end;justify-self:end;
width:min(100%,16rem);margin-top:0;
margin-bottom:calc(-1 * clamp(2.2rem,5vw,3.2rem));
}
.hb--band.hb--licht .hb__wort{grid-column:1 / -1}
}
@media (min-width:900px){
.hb--licht{--szene-h:0rem;min-height:clamp(30rem,44vw,38rem)}
.hb--licht .hb__in{padding-top:clamp(3rem,4.8vw,4.4rem);align-items:end}
.hb--licht .hb__wort{padding-bottom:clamp(4.4rem,7.5vw,6.4rem)}
.hb__szene{bottom:0;height:auto}
.hb__szene img{object-position:50% 60%}
.hb--licht .hb__szene::after{
background:
linear-gradient(90deg,
var(--pap-grund) 0%,
rgba(var(--pap-rgb),.985) 40%,
rgba(var(--pap-rgb),.90) 50%,
rgba(var(--pap-rgb),.52) 62%,
rgba(var(--pap-rgb),.14) 76%,
rgba(var(--pap-rgb),0) 88%),
linear-gradient(180deg,
rgba(var(--pap-rgb),.40) 0%,rgba(var(--pap-rgb),.12) 12%,
rgba(var(--pap-rgb),0) 30%);
}
.hb__szene figcaption{
left:var(--ueber);right:auto;top:auto;bottom:1.5rem;
max-width:30ch;font-size:.76rem;
}
.hb--licht .hb__blatt{
grid-column:7 / 11;grid-row:1;align-self:end;justify-self:start;
width:min(100%,22rem);margin-left:clamp(1rem,2.4vw,2.2rem);
margin-top:0;margin-bottom:calc(-1 * clamp(2.8rem,5.5vw,4.6rem));
}
.hb--spiegel.hb--licht .hb__szene::after{
background:
linear-gradient(270deg,
var(--pap-grund) 0%,
rgba(var(--pap-rgb),.985) 40%,
rgba(var(--pap-rgb),.90) 50%,
rgba(var(--pap-rgb),.52) 62%,
rgba(var(--pap-rgb),.14) 76%,
rgba(var(--pap-rgb),0) 88%),
linear-gradient(180deg,
rgba(var(--pap-rgb),.40) 0%,rgba(var(--pap-rgb),.12) 12%,
rgba(var(--pap-rgb),0) 30%);
}
.hb--spiegel.hb--licht .hb__szene::before{
background:linear-gradient(270deg,
rgba(255,247,233,.92) 0%,rgba(255,240,214,.42) 62%,rgba(255,240,214,.10) 100%);
}
.hb--spiegel.hb--licht .hb__szene figcaption{left:auto;right:var(--ueber);text-align:right}
.hb--spiegel.hb--licht .hb__blatt{
grid-column:3 / 7;justify-self:end;margin-left:0;
margin-right:clamp(1rem,2.4vw,2.2rem);
}
.hb--band.hb--licht{min-height:clamp(36rem,52vw,50rem)}
.hb--band.hb--licht .hb__in{align-items:start;padding-top:clamp(2rem,3.2vw,3rem)}
.hb--band.hb--licht .hb__szene__f{transform:scale(1.5);transform-origin:50% 0%}
.hb--band.hb--licht .hb__wort{grid-column:1 / 8;padding-bottom:0}
.hb--band.hb--licht .hb__szene::after{
background:
linear-gradient(172deg,
var(--pap-grund) 0%,
var(--pap-grund) 50%,
rgba(var(--pap-rgb),.84) 58%,
rgba(var(--pap-rgb),.38) 68%,
rgba(var(--pap-rgb),0) 80%),
linear-gradient(90deg,
rgba(var(--pap-rgb),.26) 0%,rgba(var(--pap-rgb),0) 44%);
}
.hb--band.hb--licht .hb__szene figcaption{
left:auto;right:var(--ueber);top:clamp(2.4rem,3.6vw,3.4rem);bottom:auto;
text-align:right;max-width:26ch;
}
.hb--karte.hb--licht .hb__in{align-items:stretch}
.hb--karte.hb--licht .hb__wort{
grid-column:1 / 8;align-self:end;padding-bottom:clamp(5.8rem,8.4vw,7.2rem);
}
.hb--karte.hb--licht .hb__szene::after{
background:
linear-gradient(118deg,
var(--pap-grund) 0%,
var(--pap-grund) 34%,
rgba(var(--pap-rgb),.94) 44%,
rgba(var(--pap-rgb),.56) 58%,
rgba(var(--pap-rgb),.16) 72%,
rgba(var(--pap-rgb),0) 86%),
linear-gradient(180deg,
rgba(var(--pap-rgb),.40) 0%,rgba(var(--pap-rgb),.12) 12%,
rgba(var(--pap-rgb),0) 28%);
}
.hb--karte.hb--licht .hb__blatt{
grid-column:8 / 12;align-self:start;justify-self:start;
width:min(100%,17rem);margin-left:0;
margin-top:clamp(1rem,2.4vw,2.2rem);margin-bottom:0;
}
.hb--karte.hb--licht .hb__szene figcaption{
left:var(--ueber);right:auto;bottom:1.5rem;text-align:left;max-width:30ch;
}
.hb--licht .lg--kanal{background:linear-gradient(90deg,
rgba(var(--licht),0) 0%,rgba(var(--licht),0) 38%,rgba(var(--licht),.26) 52%,
rgba(var(--licht),.12) 62%,rgba(var(--licht),0) 78%)}
.hb--spiegel.hb--licht .lg--kanal{background:linear-gradient(270deg,
rgba(var(--licht),0) 0%,rgba(var(--licht),0) 38%,rgba(var(--licht),.26) 52%,
rgba(var(--licht),.12) 62%,rgba(var(--licht),0) 78%)}
.hb--band.hb--licht .lg--kanal{background:linear-gradient(180deg,
rgba(var(--licht),0) 0%,rgba(var(--licht),0) 30%,rgba(var(--licht),.24) 48%,
rgba(var(--licht),0) 72%)}
.hb--karte.hb--licht .lg--kanal{background:radial-gradient(70% 60% at 78% 14%,
rgba(var(--licht),.30) 0%,rgba(var(--licht),.10) 46%,rgba(var(--licht),0) 76%)}
}
@media (min-width:1100px){
.hb--licht{min-height:clamp(33rem,42vw,40rem)}
.hb--band.hb--licht{min-height:clamp(34rem,45vw,43rem)}
}
@media (min-width:1200px){
.kopf__nav{gap:clamp(1.3rem,2.4vw,2.4rem)}
}
@media (min-width:1360px){
.kopf__nav{gap:clamp(2.2rem,3.5vw,3.1rem)}
}
@media (max-width:599px){
.fakten:not(.fakten--platte) .fakten__in{grid-template-columns:minmax(0,1fr)}
.fakten:not(.fakten--platte) .fakten__f{border-right:0;padding-left:0;padding-right:0}
.fakten:not(.fakten--platte) .fakten__f:nth-last-child(-n+2){
border-bottom:1px solid var(--linie-2);
}
.fakten:not(.fakten--platte) .fakten__f:last-child{border-bottom:0}
}
.fakten__f b{min-height:2.32em}
.fakten__f span{margin-top:0;padding-top:.22rem}
@media (max-width:899px){
.hb--band.hb--licht .hb__szene img{object-position:28% 62%}
}
.notiz{
--notiz-sockel:calc(56px + env(safe-area-inset-bottom) + .9rem);
position:fixed;right:clamp(.8rem,2.4vw,1.5rem);bottom:var(--notiz-sockel);
z-index:540;
font-family:var(--font-body);
}
.notiz__knopf{
position:relative;display:inline-flex;align-items:center;gap:.5rem;
min-height:44px;padding:.6rem 1rem;
border:1px solid var(--linie-hell);border-radius:2px;
background:var(--ink-4);color:var(--i1);
font-family:var(--font-display);font-weight:600;font-size:.92rem;
box-shadow:var(--hebung-hoch);cursor:pointer;
transition:background-color var(--dur-kurz) linear,transform var(--dur-kurz) var(--ease);
}
.notiz__knopf:hover{background:var(--ink-3)}
.notiz__knopf:active{transform:translateY(1px)}
.notiz__knopf svg{flex:none;color:var(--akz)}
.notiz__marke[hidden]{display:none}
.notiz__marke{
position:absolute;top:-.45rem;right:-.45rem;min-width:1.35rem;height:1.35rem;
display:flex;align-items:center;justify-content:center;padding:0 .3rem;
border-radius:1rem;background:var(--akz);color:var(--ink-4);
font-family:var(--font-body);font-size:.74rem;font-weight:600;
font-variant-numeric:tabular-nums;
}
.notiz__feld{
position:absolute;right:0;bottom:calc(100% + .6rem);
width:min(24rem,calc(100vw - 1.6rem));
max-height:min(30rem,calc(100vh - var(--notiz-sockel) - 4.5rem));
overflow-y:auto;overscroll-behavior:contain;
padding:clamp(.9rem,2.4vw,1.15rem);
background:var(--pap-hoch);color:var(--t2);
border:1px solid var(--linie);border-radius:2px;
box-shadow:var(--kante-auf),var(--hebung-hoch);
text-align:left;
}
.notiz__feld[hidden]{display:none}
.notiz__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
.notiz__titel{
margin:0;font-family:var(--font-display);font-weight:600;font-size:1rem;
line-height:1.3;color:var(--t1);
}
.notiz__zu{
flex:none;width:44px;height:44px;margin:-.7rem -.5rem 0 0;
display:flex;align-items:center;justify-content:center;
background:none;border:0;color:var(--t3);cursor:pointer;border-radius:2px;
}
.notiz__zu:hover{color:var(--t1)}
.notiz__ort{
margin:.35rem 0 0;font-size:.8rem;line-height:1.5;color:var(--t3);
overflow-wrap:break-word;
}
.notiz__ort b{
font-family:var(--font-display);font-weight:600;font-size:.7rem;
letter-spacing:var(--sperr-2);text-transform:uppercase;color:var(--akz-tief);
}
.notiz__form{margin-top:.8rem}
.notiz__label{
display:block;font-family:var(--font-display);font-size:.7rem;
letter-spacing:var(--sperr-2);text-transform:uppercase;font-weight:600;
margin-bottom:.35rem;color:var(--t2);
}
.notiz__text{
width:100%;min-height:6.5rem;resize:vertical;
font-family:var(--font-body);font-size:.95rem;line-height:1.55;color:var(--t1);
background:var(--pap-grund);border:1px solid var(--linie);border-radius:2px;
padding:.65rem .75rem;
transition:border-color var(--dur-kurz) linear,box-shadow var(--dur-kurz) var(--ease);
}
.notiz__text:focus{outline:none;border-color:var(--akz-ring);box-shadow:0 0 0 3px rgba(192,96,12,.22)}
.notiz__text:focus-visible{outline:2px solid var(--akz);outline-offset:2px}
.notiz__zaehler{margin:.3rem 0 0;font-size:.75rem;color:var(--t3);font-variant-numeric:tabular-nums}
.notiz__zaehler[data-art="fehler"]{color:var(--akz-tief);font-weight:600}
.notiz__tun{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.65rem}
.notiz__senden{
min-height:44px;padding:.55rem 1rem;
border:0;border-radius:2px;background:var(--akz);color:var(--ink-4);
font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer;
forced-color-adjust:none;
transition:background-color var(--dur-kurz) linear;
}
.notiz__senden:hover:not(:disabled){background:#E27A1D}
.notiz__senden:disabled{background:var(--linie);color:var(--t3);cursor:not-allowed}
.notiz__klein{
min-height:44px;padding:.5rem .7rem;
background:none;border:0;border-bottom:1px solid var(--linie);border-radius:0;
font-family:var(--font-body);font-size:.85rem;color:var(--t2);cursor:pointer;
}
.notiz__klein:hover{color:var(--t1);border-bottom-color:var(--akz-tief)}
.notiz__klein--weg:hover{color:var(--akz-tief)}
.notiz__status{
margin:.7rem 0 0;min-height:1.2rem;
font-size:.83rem;line-height:1.5;color:var(--t2);
}
.notiz__status[data-art="gut"]{color:#2C6B3F;font-weight:600}
.notiz__status[data-art="fehler"]{
color:var(--akz-tief);font-weight:600;
padding-left:.6rem;border-left:2px solid var(--akz);
}
.notiz__status[data-art="laeuft"]{color:var(--t3)}
.notiz__status[data-art="hinweis"]{color:var(--t3)}
.notiz__um{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;
padding-top:.8rem;border-top:1px solid var(--linie-2)}
.notiz__um input{width:20px;height:20px;flex:none;accent-color:var(--akz-tief);cursor:pointer}
.notiz__um label{font-size:.85rem;color:var(--t2);cursor:pointer;
display:flex;align-items:center;min-height:44px}
.notiz__lh{
margin:.7rem 0 0;font-family:var(--font-display);font-weight:600;font-size:.72rem;
letter-spacing:var(--sperr-2);text-transform:uppercase;color:var(--t3);
}
.notiz__leer{margin:.45rem 0 0;font-size:.85rem;color:var(--t3)}
.notiz__liste{list-style:none;margin:.45rem 0 0;padding:0}
.notiz__e{padding:.7rem 0;border-top:1px solid var(--linie-2)}
.notiz__e:first-child{border-top:0}
.notiz__e-kopf{
margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;
font-size:.75rem;color:var(--t3);font-variant-numeric:tabular-nums;
}
.notiz__e-wo{color:var(--akz-tief);text-decoration:underline;text-underline-offset:2px}
.notiz__e-geae{font-style:normal;color:var(--t3);opacity:.8}
.notiz__e-text{
margin:.3rem 0 0;font-size:.9rem;line-height:1.6;color:var(--t1);
white-space:pre-wrap;overflow-wrap:break-word;hyphens:manual;
}
.notiz__e-tun{margin:.2rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
.notiz__fein{margin:.9rem 0 0;font-size:.75rem;line-height:1.5;color:var(--t3)}
@media (prefers-reduced-motion:reduce){
.notiz__knopf,.notiz__senden,.notiz__text{transition:none}
.notiz__knopf:active{transform:none}
}
@media (min-width:900px){
.notiz{--notiz-sockel:calc(env(safe-area-inset-bottom) + 1.2rem)}
.notiz__feld{width:min(26rem,calc(100vw - 3rem))}
}
:focus-visible{border-radius:var(--r-fein)}
.skip,.blatt__hinw,.notiz__e-tun button,.recht .platzhalter{border-radius:var(--r-fein)}
.knopf,.ruf,.burger,.wahl__b,.blatt__weg,.blatt__lupe button,
.kf input,.kf textarea,.film__start,.film iframe,
.notiz__knopf,.notiz__senden,.notiz__text,.notiz__schliessen{
border-radius:var(--r-klein);
}
.bild,.beleg,.beleg__b,.kachel,.kopfplatte,.hausnr,.richtung__k,
.fond,.hinweis,.steinsatz__b,.eventblatt,.nahtblatt,.fahrt__bild,
.blende,.blende__b .bild,.hb__bild__f,.hb__blatt__f,.hb__blatt__b,
.kopf__schild,.kopf .kopf__schild,.tafeltab,.zuschnitt--terminal{
border-radius:var(--r-mittel);
}
.preis,.platte,.plattenreihe,.blatt,.hb__blatt,.frb__blatt,.kblatt,
.regb__blatt,.fakten--platte,.plan__werk,.plan__werk::after{
border-radius:var(--r-gross);
}
.hb + .fakten--platte{
border-radius:var(--r-flaeche) var(--r-flaeche) 0 0;
}
.fuss{border-radius:var(--r-flaeche) var(--r-flaeche) 0 0}
.abs--kontrast .preisfeld::before{
border-radius:var(--r-flaeche) 0 0 var(--r-flaeche);
}
.abs--sand,.abs--weiss{
box-shadow:inset 0 1px 0 rgba(255,253,248,.55),
inset 0 -1px 0 rgba(91,82,64,.07);
}
.frb__band .bild,.regb__b .bild{border-radius:0}
@media (max-width:599px){
.kblatt{border-radius:var(--r-mittel)}
}
@media (min-width:900px){
.abs--kontrast .preisfeld__band{border-radius:var(--r-gross) 0 0 0}
}
.hb--licht{
--wk:44%;--wk-plateau:.95;
--naht-kreuz:clamp(1.6rem,3.4vw,3.2rem);
--ueberhang:clamp(2.2rem,3.9vw,3.5rem);
}
.hb--karte.hb--licht{--wk:40%}
.hb--band.hb--licht{--wk:44%}
.hb__szene figcaption{max-width:25rem}
@media (min-width:900px){
.hb--licht .hb__szene::after{
background:
linear-gradient(90deg,
rgba(var(--pap-rgb),var(--wk-plateau)) 0%,
rgba(var(--pap-rgb),var(--wk-plateau)) var(--wk),
rgba(var(--pap-rgb),.80) calc(var(--wk) + 6%),
rgba(var(--pap-rgb),.46) calc(var(--wk) + 15%),
rgba(var(--pap-rgb),.15) calc(var(--wk) + 26%),
rgba(var(--pap-rgb),0) calc(var(--wk) + 36%)),
linear-gradient(180deg,
rgba(var(--pap-rgb),.38) 0%,rgba(var(--pap-rgb),.11) 12%,
rgba(var(--pap-rgb),0) 30%);
}
.hb--spiegel.hb--licht .hb__szene::after{
background:
linear-gradient(270deg,
rgba(var(--pap-rgb),var(--wk-plateau)) 0%,
rgba(var(--pap-rgb),var(--wk-plateau)) var(--wk),
rgba(var(--pap-rgb),.80) calc(var(--wk) + 6%),
rgba(var(--pap-rgb),.46) calc(var(--wk) + 15%),
rgba(var(--pap-rgb),.15) calc(var(--wk) + 26%),
rgba(var(--pap-rgb),0) calc(var(--wk) + 36%)),
linear-gradient(180deg,
rgba(var(--pap-rgb),.38) 0%,rgba(var(--pap-rgb),.11) 12%,
rgba(var(--pap-rgb),0) 30%);
}
.hb--karte.hb--licht .hb__szene::after{
background:
linear-gradient(118deg,
rgba(var(--pap-rgb),var(--wk-plateau)) 0%,
rgba(var(--pap-rgb),var(--wk-plateau)) var(--wk),
rgba(var(--pap-rgb),.82) calc(var(--wk) + 7%),
rgba(var(--pap-rgb),.48) calc(var(--wk) + 17%),
rgba(var(--pap-rgb),.15) calc(var(--wk) + 29%),
rgba(var(--pap-rgb),0) calc(var(--wk) + 40%)),
linear-gradient(180deg,
rgba(var(--pap-rgb),.38) 0%,rgba(var(--pap-rgb),.11) 12%,
rgba(var(--pap-rgb),0) 28%);
}
.hb--band.hb--licht .hb__szene::after{
background:
linear-gradient(172deg,
rgba(var(--pap-rgb),var(--wk-plateau)) 0%,
rgba(var(--pap-rgb),var(--wk-plateau)) var(--wk),
rgba(var(--pap-rgb),.74) calc(var(--wk) + 8%),
rgba(var(--pap-rgb),.30) calc(var(--wk) + 18%),
rgba(var(--pap-rgb),0) calc(var(--wk) + 30%)),
linear-gradient(90deg,
rgba(var(--pap-rgb),.22) 0%,rgba(var(--pap-rgb),0) 40%);
}
.hb--licht{display:flex;flex-direction:column}
.hb--licht .hb__in{flex:1 1 auto}
.hb--karte.hb--licht .hb__in{align-items:end}
.hb__wort h1{
font-size:clamp(2.6rem,.9rem + 3.7vw,4.6rem);
max-width:13ch;
}
.hb__wort .lead{max-width:35rem}
.hb__szene figcaption,
.hb--spiegel.hb--licht .hb__szene figcaption,
.hb--karte.hb--licht .hb__szene figcaption{
bottom:var(--rand);top:auto;max-width:25rem;font-size:.78rem;
}
.hb--licht .hb__blatt{
margin-left:calc(-1 * var(--naht-kreuz));
margin-bottom:calc(-1 * var(--ueberhang));
}
.hb--spiegel.hb--licht .hb__blatt{
margin-left:0;margin-right:calc(-1 * var(--naht-kreuz));
margin-bottom:calc(-1 * var(--ueberhang));
}
.hb--karte.hb--licht .hb__blatt{
align-self:end;
margin-top:0;
margin-bottom:calc(-1 * var(--ueberhang));
margin-left:calc(-1 * var(--naht-kreuz));
}
.hb--band.hb--licht .hb__blatt{
grid-column:7 / 12;grid-row:1;align-self:start;justify-self:start;
width:min(100%,19rem);
margin-left:calc(-1 * var(--naht-kreuz));
margin-top:clamp(.4rem,1.4vw,1.4rem);margin-bottom:0;
}
.hb--band.hb--licht .hb__szene figcaption{
left:0;right:0;top:auto;bottom:0;max-width:none;text-align:left;
padding:3.4rem max(var(--ueber),calc(100% - 25rem - var(--ueber))) var(--rand) var(--ueber);
color:var(--i1);
background:linear-gradient(to top,
rgba(var(--nacht),.88) 0%,rgba(var(--nacht),.60) 44%,
rgba(var(--nacht),.14) 78%,rgba(var(--nacht),0) 100%);
}
}
:root{--bildguss:saturate(.92) brightness(1.06) contrast(.97)}
.hb__szene img,
.hb__blatt__f img,
.hb__blatt__b,
.auftakt--reihe .trip img,
.frb__band img,
.auftakt .bild img{
filter:var(--bildguss);
}
.auftakt .kuehl img,.hb .kuehl img{filter:saturate(.26) hue-rotate(14deg) brightness(1.07) contrast(1.06)}
.preisband{margin:clamp(1.8rem,4vw,2.8rem) 0 0;position:relative}
.preisband img{width:100%;height:100%;object-fit:cover;display:block}
.preisband figcaption{margin-top:.7rem}
@media (min-width:900px){
.abs--kontrast .zweispalt{align-items:start}
.abs--kontrast .preissatz{grid-column:1;min-width:0}
.abs--kontrast .preisfeld{grid-column:2;align-self:start}
.abs--kontrast .preisfeld .preis{margin-top:0}
.abs--kontrast .preisband{
position:relative;z-index:3;
margin:clamp(1.6rem,3vw,2.6rem) calc(-1 * clamp(2.6rem,5vw,5rem)) 0 0;
overflow:hidden;border-radius:var(--r-gross);
height:clamp(15rem,17vw,16.5rem);
box-shadow:var(--hebung-hoch);
}
.abs--kontrast .preisband img{filter:var(--bildguss)}
.abs--kontrast .preisband figcaption{
position:absolute;left:0;right:0;bottom:0;margin:0;max-width:none;
padding:2.6rem clamp(1rem,2.4vw,1.6rem) clamp(.8rem,1.8vw,1.1rem);
color:var(--i1);font-size:.78rem;
background:linear-gradient(to top,
rgba(var(--nacht),.86) 0%,rgba(var(--nacht),.52) 46%,
rgba(var(--nacht),0) 100%);
}
}
.auftakt--reihe .platte{--pp:clamp(1.4rem,3vw,2.4rem);padding:var(--pp)}
@media (min-width:600px){
.auftakt--reihe .platte{
width:calc(var(--breit) + 2 * var(--pp));
max-width:calc(100vw - 2px);
}
}
@media (max-width:599px){
.auftakt--reihe .platte{
width:100%;margin-inline:0;padding-inline:var(--rand);border-radius:0;
}
}
@media (min-width:1100px){
.auftakt--reihe .platte{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);
column-gap:clamp(2rem,4.4vw,4rem);align-items:start;
}
.auftakt--reihe .platte > .marke,
.auftakt--reihe .platte > h1{grid-column:1 / -1}
.auftakt--reihe .platte > .lead{grid-column:1;grid-row:3}
.auftakt--reihe .platte > .reihe{
grid-column:2;grid-row:3;margin-top:0;border-top:0;
}
.auftakt--reihe .platte > .reihe .reihe__z:first-child{border-top:1px solid var(--linie)}
}
@media (min-width:900px){
.auftakt--fragen2 .fragen__kopf{
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
column-gap:clamp(1.8rem,4vw,3.6rem);
}
.auftakt--fragen2 .fragen__kopf h1{grid-row:2 / span 3;max-width:13ch}
.auftakt--fragen2 .fragen__kopf .lead{grid-column:2;grid-row:2;max-width:46ch}
.auftakt--fragen2 .fragen__kopf .tatzeile{grid-column:2;grid-row:3}
.auftakt--fragen2 .fragen__kopf .fein{grid-column:2;grid-row:4;max-width:46ch}
.frb__band figcaption{padding-right:var(--rand)}
}
@media (max-width:899px){
.hb--karte.hb--licht{--szene-h:18.4rem}
.hb--karte.hb--licht .hb__tun{margin-top:1.35rem}
}
@media (min-width:600px) and (max-width:899px){
.hb--karte.hb--licht{--szene-h:22rem}
}
@media (min-width:700px) and (max-width:899px){
.hb--karte.hb--licht{--szene-h:24rem}
}
@media (min-width:900px) and (max-width:1099px){
.abs--kontrast .zweispalt{grid-template-columns:minmax(0,1fr)}
.abs--kontrast .preisband{margin-right:0}
.abs--kontrast .preisfeld{margin-top:clamp(2rem,4vw,3rem)}
}
.regb__karte,.ftab,.zahlen,.faq__kopf,.tafel__preis{border-radius:var(--r-mittel)}
@media (min-width:900px){
.abs--zaesur:not(.kontaktbuehne) .zweispalt--links > .zweispalt__b .bild{
border-radius:0 var(--r-mittel) var(--r-mittel) 0;
}
}
.versatz--auf .versatz{margin-top:var(--raum-klein)}
.szene--nach-buehne{padding-top:var(--raum-klein)}
@media (min-width:900px){
.versatz--auf .versatz{margin-top:var(--raum-klein)}
}