@font-face { font-family:'Abhaya Libre'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/AbhayaLibre-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Abhaya Libre'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/AbhayaLibre-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/CormorantGaramond-300-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/CormorantGaramond-300-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/DMMono-300-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/DMMono-300-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/DMMono-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/DMMono-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/Inter-300-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/Inter-300-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/Inter-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/Inter-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Oswald'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/Oswald-300-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Oswald'; font-style:normal; font-weight:300; font-display: swap;
  src:url(/schriften/Oswald-300-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Jost'; font-style:normal; font-weight:300; font-display: swap; src:url(/schriften/Jost-300-1.woff2) format('woff2'); }
@font-face { font-family:'Jost'; font-style:normal; font-weight:300; font-display: swap; src:url(/schriften/Jost-300-2.woff2) format('woff2'); }
@font-face { font-family:'Jost'; font-style:normal; font-weight:300; font-display: swap; src:url(/schriften/Jost-300-3.woff2) format('woff2'); }
@font-face { font-family:'Oswald'; font-style:normal; font-weight:200; font-display: swap;
  src:url(/schriften/Oswald-200-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Oswald'; font-style:normal; font-weight:200; font-display: swap;
  src:url(/schriften/Oswald-200-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display: swap;
  src:url(/schriften/Inter-500-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display: swap;
  src:url(/schriften/Inter-500-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face {
  font-family: 'Cormorant Ersatz';
  src: local('Georgia'), local('Times New Roman'), local('Times');
  size-adjust: 87.56%;
  font-display: swap;
}
@font-face {
  font-family: 'Abhaya Ersatz';
  src: local('Georgia'), local('Times New Roman'), local('Times');
  size-adjust: 91.72%;
  font-display: swap;
}
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/Inter-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display: swap;
  src:url(/schriften/Inter-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display: swap;
  src:url(/schriften/Inter-500-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display: swap;
  src:url(/schriften/Inter-500-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root{
  --grund:#F3EEE7; --tinte:#3D3733; --grau:#6E6862; --text:#6B635F; --text2:#5C554F;
  --linie:#DDD5C9; --dunkel:#35302B; --creme:#F1ECE3;
  --rand:40px; --breite:1435px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--tinte);font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif;font-size:16px;line-height:1.66}
img{display:block;width:100%;height:auto;object-fit:cover;background:#E6DFD4}
a{color:inherit}
h1,h2,h3{font-family:"Cormorant Garamond",'Cormorant Ersatz',Georgia,serif;font-weight:300;margin:0;color:var(--tinte)}
p{margin:0}
button,input,select{font:inherit;border-radius:0}
.mikro,figcaption,.rand dt,.nr{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
.lauf{font-size:17px;line-height:1.66;color:var(--text)}
figure{margin:0;display:flex;flex-direction:column;gap:8px}
.kopf{position:sticky;top:0;z-index:20;background:var(--grund);border-bottom:1px solid #E6DFD4}
.wortmarke{display:block;text-align:center;text-decoration:none;font-family:Oswald,Impact,sans-serif;font-weight:300;
  font-size:28px;letter-spacing:.42em;text-indent:.42em;padding:40px 0 22px;color:var(--tinte)}
.seitenmenue{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 40px;padding:10px var(--rand) 36px}
.seitenmenue a{font-family:"DM Mono",ui-monospace,monospace;font-weight:500;font-size:12px;line-height:20px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:#706b64}
.seitenmenue a:hover{text-decoration:underline;text-underline-offset:6px}
main,.fuss{max-width:var(--breite);margin:0 auto}
.abschnitt{padding:128px var(--rand) 0;display:flex;flex-direction:column;gap:64px;scroll-margin-top:170px}
.kopf1{display:flex;flex-direction:column;gap:38px}
.kopf1 .mikro{font-size:11px}
.kopf1 .mikro+h2{margin-top:-24px}
.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h2{font-size:30px;line-height:1.28;letter-spacing:-.005em}
.kopf2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.kopf2 h2{max-width:260px}
.wort{align-self:end;display:flex;flex-direction:column;gap:38px;padding-bottom:40px}
h1,.titel2{font-size:30px;line-height:1.28;letter-spacing:-.005em;font-family:"Cormorant Garamond",'Cormorant Ersatz',Georgia,serif;font-weight:300}
.wort .lauf{max-width:520px}
.gleis{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:-16px}
.gleis::-webkit-scrollbar{display:none}
.karte{flex:0 0 475px;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px}
.kzeile{display:flex;justify-content:space-between;align-items:end;padding-top:16px;gap:12px}
.kzeile h3{font-size:17px;line-height:1.2}
.kmass{font-size:16px;color:var(--grau);line-height:1.2;white-space:nowrap}
.klinie{height:1px;background:var(--linie)}
.kpreis{font-size:16px;font-weight:500;line-height:1.2}
.ktext{font-size:17px;color:var(--text)}
.gleissteuerung{display:flex;align-items:center;gap:34px;margin-top:-24px}
.gleissteuerung button{background:none;border:0;padding:8px 0;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:300;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--tinte);display:flex;align-items:center;gap:12px}
.gleissteuerung button:disabled{color:#B4AAA0;cursor:default}
.gleissteuerung .pfeil{font-size:26px;line-height:1;letter-spacing:0}
.spur{flex:1;height:1px;background:#E6DFD4;position:relative}
.laeufer{position:absolute;left:0;top:0;height:1px;background:var(--tinte);width:30%;transition:left .2s,width .2s}
.bildreihe{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.bildreihe figure{flex:0 0 var(--anteil)}
.abschnitt>.bildreihe+.bildreihe{margin-top:-40px}
.leitsatz{font-size:17px;line-height:1.66;color:var(--tinte);max-width:640px;margin-top:-26px}
.leitsatz.serif{font-family:"Cormorant Garamond",'Cormorant Ersatz',Georgia,serif;font-size:18px;line-height:1.55}
.satz{display:grid;grid-template-columns:4fr 4fr 3fr;gap:48px;align-items:start}
.rand{margin:0;display:flex;flex-direction:column;gap:28px}
.rand dt{margin-bottom:2px}
.rand dd{margin:0;font-size:15px;line-height:1.4;color:var(--tinte)}
.inklusive{padding-top:200px;gap:80px}
.buchen{padding-top:200px;gap:128px;scroll-margin-top:170px}
.buchform{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 40px;align-items:end}
.buchform label{display:flex;flex-direction:column;gap:14px}
.buchform .mikro{color:#6E6A64}
.buchform input,.buchform select{border:0;border-bottom:1px solid #3A342F;background:transparent;color:#3A342F;font-family:Inter,system-ui,sans-serif;font-size:14px;padding:8px 0;outline-offset:4px;appearance:none;-webkit-appearance:none;min-height:40px}
.knopf{grid-column:1/-1;height:51px;border:0;background:var(--dunkel);color:var(--creme);font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.knopf:hover{background:#4a433d}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
.knopf{background:rgba(53,48,43,.84);box-shadow:inset 0 1px 0 rgba(246,242,234,.16);
    -webkit-backdrop-filter:blur(30px) saturate(.65);backdrop-filter:blur(30px) saturate(.65)}
.knopf:hover{background:rgba(53,48,43,.92)}
}
.mikro.hell{color:#8a857d}
.fuss{padding:120px var(--rand) 140px;font-size:14px;line-height:1.7;color:var(--tinte)}
.fussraster{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;text-align:center}
.fuss a{text-decoration:none}
.fuss a:hover{text-decoration:underline}
.signet{display:block;width:88px;height:88px;margin:96px auto 32px}
.copy{text-align:center;color:#8a857d}
.klebeleiste{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30}
.buchbar{display:flex;align-items:stretch;background:#3D3733;color:#F6F2EA;height:64px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
.buchbar{background:rgba(53,48,43,.88);box-shadow:inset 0 1px 0 rgba(246,242,234,.16);
    -webkit-backdrop-filter:blur(44px) saturate(.65) brightness(1.12);backdrop-filter:blur(44px) saturate(.65) brightness(1.12)}
}
.buchbar>*{display:flex;align-items:center;font-family:"DM Mono",ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.buchbar .datum{padding:20px 34px;font-variant-numeric:tabular-nums}
.buchbar .trenn{width:1px;margin:14px 0;background:rgba(246,242,234,.28)}
.buchbar .buchtext{padding:20px 40px;border:0;background:transparent;color:inherit;cursor:pointer}
.buchbar .buchtext:hover{background:rgba(246,242,234,.10)}
@media (max-width:1199px) {
.satz{grid-template-columns:1fr 1fr}
.rand{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 32px}
.buchform{grid-template-columns:1fr 1fr}
.karte{flex-basis:calc((100% - 24px)/2)}
}
@media (max-width:809px) {
:root{--rand:20px}
.kopf{position:static}
.wortmarke{font-size:22px;padding:28px 0 14px}
.seitenmenue{gap:6px 18px;padding-bottom:24px}
.seitenmenue a{letter-spacing:.18em;font-size:11px}
.abschnitt{padding-top:88px;gap:40px}
.wort{padding:48px 0 0;gap:28px}
h1,.titel2{font-size:28px}
.kopf2,.satz,.inkraster,.buchform,.fussraster{grid-template-columns:1fr}
.kopf2{gap:20px}
.rand{grid-template-columns:1fr;gap:20px}
.karte{flex-basis:86%}
.gleissteuerung{margin-top:-8px;gap:18px}
.bildreihe{flex-direction:column;gap:24px}
.bildreihe figure{flex-basis:auto;width:100%;
    margin-inline:calc(var(--rand) * -1)}
.auftakt-bild .bildkasten{margin-inline:calc(var(--rand) * -1)}
.abschnitt>.bildreihe+.bildreihe{margin-top:-16px}
.inklusive,.buchen{padding-top:112px}
.buchen{gap:88px}
.fuss{padding:80px var(--rand) 120px}
.klebeleiste{left:0;right:0;bottom:0;transform:none}
.buchbar{height:56px}
.buchbar .datum,.buchbar .trenn{display:none}
.buchbar .buchtext{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce) {
html{scroll-behavior:auto}
.laeufer{transition:none}
}
.abschnitt{scroll-margin-top:71px}
.buchen{scroll-margin-top:-1px}
.inklusive{scroll-margin-top:-1px}
@media (max-width:809px) {
.abschnitt{scroll-margin-top:-64px}
.inklusive,.buchen{scroll-margin-top:-88px}
}
.logobahn{display:flex;align-items:center;gap:184px;width:max-content;
  animation:logolauf 116s linear infinite}
.logobahn .logo{flex:0 0 auto;display:flex;align-items:center}
.logobahn img{height:92px;width:auto;opacity:.85;filter:grayscale(1);
  background:transparent;object-fit:contain}
@keyframes logolauf{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce) {
.logobahn{animation:none;justify-content:space-between;width:100%}
}
@media (max-width:809px) {
.logobahn{gap:96px}
.logobahn img{height:66px}
}
.buchbar button.datum{background:none;border:0;color:inherit;cursor:pointer;margin:0}
.buchbar button.datum:focus-visible,.buchbar .buchtext:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.gbt-schleier{position:fixed;inset:0;z-index:9990;background:rgba(38,34,30,.42);opacity:0;
  transition:opacity 200ms cubic-bezier(.32,.72,0,1);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.gbt-schleier.da{opacity:1;transition:opacity 280ms cubic-bezier(.32,.72,0,1)}
.gbt-tafel{position:fixed;z-index:9991;left:50%;top:50%;
  transform:translate(-50%,-50%) translateY(8px) scale(.97);
  opacity:0;transition:opacity 200ms cubic-bezier(.32,.72,0,1),transform 200ms cubic-bezier(.32,.72,0,1);
  width:min(1040px,calc(100vw - 48px));max-height:min(88vh,900px);
  background:#F3EEE7;border-radius:0;
  box-shadow:0 40px 100px -30px rgba(38,34,30,.5),0 8px 24px -10px rgba(38,34,30,.25);
  display:flex;flex-direction:column;font-family:'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#3D3733}
.gbt-tafel.da{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);
  transition:opacity 280ms cubic-bezier(.32,.72,0,1),transform 280ms cubic-bezier(.32,.72,0,1)}
.gbt-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:72px 72px 40px;flex:0 0 auto}
.gbt-kopf h2{font-family:'Cormorant Garamond','Cormorant Ersatz',Georgia,serif;font-weight:300;font-size:28px;line-height:1.2;margin:0;letter-spacing:-.005em}
.gbt-zu{background:none;border:0;padding:0;cursor:pointer;color:#3D3733;line-height:0}
.gbt-zu svg{width:18px;height:18px}
.gbt-rumpf{padding:0 72px 72px;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}
.gbt-satz{display:grid;grid-template-columns:1fr 320px;gap:72px;align-items:start}
.gbt-zweimonate{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.gbt-kalkopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;min-height:28px}
.gbt-kalkopf button{background:none;border:0;border-radius:0;cursor:pointer;font-size:18px;line-height:1;color:#3D3733;padding:4px 8px}
.gbt-kalkopf button[disabled]{opacity:.25;pointer-events:none}
.gbt-kalname{font-family:'Cormorant Garamond','Cormorant Ersatz',Georgia,serif;font-size:20px}
.gbt-gitter{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.gbt-gitter span{font-family:'DM Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:#6E6862;text-align:center;padding-bottom:6px}
.gbt-gitter button{aspect-ratio:1;border:0;border-radius:0;background:none;cursor:pointer;font-family:'DM Mono',ui-monospace,monospace;font-size:15px;color:#3D3733;padding:0}
.gbt-gitter button[disabled]{color:#DDD5C9;pointer-events:none}
.gbt-gitter button.gbt-rand{background:#3A342F;color:#F1ECE3}
.gbt-gitter button.gbt-drin{background:#DDD0BD}
.gbt-kopfzeile{font-family:'DM Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6E6862;
  padding-bottom:6px;margin-bottom:24px;border-bottom:1px solid #DDD5C9;display:block}
.gbt-zeile{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.gbt-zeile > span{font-size:16px;color:#3D3733}
.gbt-kopfzeile + .gbt-zeile{margin-top:0}
.gbt-zaehler{display:flex;align-items:center;gap:14px}
.gbt-zaehler button{width:36px;height:36px;border:1px solid #3D3733;border-radius:0;background:none;color:#3D3733;cursor:pointer;
  font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
@media(hover:hover) {
.gbt-zaehler button:not([disabled]):hover{background:#3D3733;color:#F6F2EA}
}
.gbt-zaehler button[disabled]{opacity:.3;pointer-events:none}
.gbt-zaehler .gbt-wert{font-family:'DM Mono',ui-monospace,monospace;font-size:15px;min-width:28px;text-align:center;color:#3D3733}
.gbt-zeile select{font-family:'DM Mono',ui-monospace,monospace;font-size:14px;color:#3D3733;background:none;border:1px solid #DDD5C9;border-radius:0;padding:6px 8px}
.gbt-zeile > .gbt-kindname{font-family:'DM Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:#6E6862}
.gbt-fuss{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid #DDD5C9}
.gbt-zusammen{font-size:16px;color:#6B635F}
.gbt-knopf{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Mono',ui-monospace,monospace;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;border:1px solid #3D3733;border-radius:0;padding:16px 32px;background:#3D3733;color:#F6F2EA;
  cursor:pointer;text-decoration:none;white-space:nowrap;flex:0 0 auto}
@media(hover:hover) {
.gbt-knopf:hover{background:#4a433d}
}
.gbt-knopf,.gbt-zaehler button,.gbt-gitter button,.gbt-zu{transition:transform 160ms cubic-bezier(0.23,1,0.32,1),background-color 150ms ease,color 150ms ease}
.gbt-knopf:active{transform:scale(.97)}
.gbt-zaehler button:active:not([disabled]){transform:scale(.94)}
.gbt-gitter button:active:not([disabled]){transform:scale(.92)}
.gbt-zu:active{transform:scale(.9)}
@media(hover:hover) and (pointer:fine) {
.gbt-gitter button:not([disabled]):not(.gbt-rand):not(.gbt-drin):hover{background:#E7E0D5}
}
@media (max-width:760px) {
.gbt-tafel{width:calc(100vw - 32px)}
.gbt-kopf{padding:40px 32px 24px}
.gbt-kopf h2{font-size:25px}
.gbt-rumpf{padding:0 32px 40px}
.gbt-satz{grid-template-columns:1fr;gap:40px}
.gbt-zweimonate{grid-template-columns:1fr}
.gbt-fuss{display:block}
.gbt-zusammen{display:block;margin-bottom:24px}
.gbt-knopf{display:flex;width:100%;box-sizing:border-box}
}
@media (prefers-reduced-motion: reduce) {
.gbt-tafel{transform:translate(-50%,-50%) !important;transition:opacity 200ms ease !important}
.gbt-schleier{transition:opacity 200ms ease !important}
.gbt-knopf:active,.gbt-zaehler button:active,.gbt-gitter button:active,.gbt-zu:active{transform:none}
}
.gbt-tafel[hidden],.gbt-schleier[hidden]{display:none}
.gbt-tafel{line-height:normal}
.gbt-kalkopf button,.gbt-zaehler button,.gbt-zu{font-family:sans-serif}
.klebeleiste{transform:translateX(-50%) translateY(130%);opacity:0;
  clip-path:inset(0 0 0 calc(100% - 64px));pointer-events:none;
  transition:transform 200ms cubic-bezier(0.23,1,0.32,1),opacity 200ms cubic-bezier(0.23,1,0.32,1),clip-path 200ms cubic-bezier(0.23,1,0.32,1);
  will-change:transform,opacity,clip-path}
.klebeleiste.da{transform:translateX(-50%) translateY(0);opacity:1;clip-path:inset(0 0 0 0);pointer-events:auto;
  transition:transform 300ms cubic-bezier(0.23,1,0.32,1),opacity 300ms cubic-bezier(0.23,1,0.32,1),clip-path 460ms cubic-bezier(0.23,1,0.32,1) 300ms}
.buchbar .buchtext{transition:background-color 150ms ease,transform 160ms cubic-bezier(0.23,1,0.32,1)}
.buchbar .buchtext:active,.buchbar button.datum:active{transform:scale(.97)}
@media (max-width:1023px) {
.klebeleiste{transform:translateY(130%)}
.klebeleiste.da{transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce) {
.klebeleiste,.klebeleiste.da{transform:translateX(-50%);clip-path:none;transition:opacity 200ms ease}
.buchbar .buchtext:active,.buchbar button.datum:active{transform:none}
}
@media (prefers-reduced-motion: reduce) and (max-width:809px) {
.klebeleiste,.klebeleiste.da{transform:none}
}
.gbt-zeile select{width:128px;height:36px;box-sizing:border-box;flex:0 0 128px}
.gbt-tafel button:focus-visible,.gbt-tafel select:focus-visible,.gbt-tafel a:focus-visible{outline:1px solid #3D3733;outline-offset:2px}
.gbt-tafel button:focus:not(:focus-visible),.gbt-tafel select:focus:not(:focus-visible){outline:none}
.gbt-tafel:focus{outline:none}
.gbt-tafel button,.gbt-tafel select,.gbt-tafel a{-webkit-tap-highlight-color:transparent}
.gbt-gitter button,.gbt-zaehler .gbt-wert{font-weight:300}
.gbt-gitter button{font-size:14px}
.gbt-zaehler .gbt-wert{font-size:14px}
.gbt-kalname{white-space:nowrap}
.gbt-satz{grid-template-columns:minmax(0,1fr) clamp(240px,calc(100% - 620px),300px);gap:clamp(48px,5vw,72px)}
.gbt-tafel[data-form="mittel"] .gbt-kopf{padding:48px 48px 32px}
.gbt-tafel[data-form="mittel"] .gbt-rumpf{padding:0 48px 48px}
.gbt-tafel[data-form="mittel"] .gbt-satz{grid-template-columns:minmax(0,1fr);gap:40px}
.gbt-tafel[data-form="mittel"] .gbt-zweimonate{gap:40px}
.gbt-tafel[data-form="mittel"] [data-bel]{max-width:360px}
.gbt-tafel[data-form="schmal"] .gbt-satz{grid-template-columns:minmax(0,1fr);gap:40px}
.gbt-tafel[data-form="schmal"] [data-bel]{max-width:none}
.gbt-tafel[data-form="mittel"] .gbt-zweimonate{grid-template-columns:1fr 1fr;max-width:640px}
.gbt-tafel[data-form="schmal"] [data-kal],.gbt-tafel[data-form="schmal"] [data-bel]{max-width:360px}
.gbt-tafel{--p:64px;--zelle:40px;--g:48px}
.gbt-tafel[data-form] .gbt-kopf{padding:var(--p) var(--p) 32px;align-items:center}
.gbt-tafel[data-form] .gbt-rumpf{padding:0 var(--p) var(--p)}
.gbt-tafel[data-form] .gbt-kopf h2{font-size:25px;line-height:32px}
.gbt-zu svg{width:16px;height:16px}
.gbt-tafel[data-form] .gbt-satz{grid-template-columns:max-content calc(7 * var(--zelle));gap:var(--g);justify-content:space-between}
.gbt-tafel[data-form] .gbt-zweimonate{grid-template-columns:repeat(2,max-content);gap:var(--g);max-width:none}
.gbt-tafel[data-form="mittel"] .gbt-satz,.gbt-tafel[data-form="schmal"] .gbt-satz{grid-template-columns:max-content;gap:40px;justify-content:start}
.gbt-tafel[data-form="schmal"] .gbt-zweimonate{grid-template-columns:max-content}
.gbt-tafel[data-form] [data-kal],.gbt-tafel[data-form] [data-bel]{max-width:none}
.gbt-tafel[data-form] [data-bel]{width:calc(7 * var(--zelle))}
.gbt-kalkopf{width:calc(7 * var(--zelle));min-height:32px;margin-bottom:16px}
.gbt-kalkopf button{width:var(--zelle);height:32px;padding:0;display:flex;align-items:center;justify-content:center}
.gbt-kalname{font-size:16px;line-height:24px}
.gbt-kalkopf button{font-size:16px}
.gbt-gitter{grid-template-columns:repeat(7,var(--zelle));gap:0}
.gbt-gitter span{height:24px;line-height:16px;padding:0;font-size:11px}
.gbt-gitter button{width:var(--zelle);height:var(--zelle);aspect-ratio:auto;font-size:14px;line-height:20px}
.gbt-kopfzeile{font-size:11px;line-height:16px;padding-bottom:8px;margin-bottom:16px}
.gbt-zeile{margin-top:16px;min-height:var(--zelle);gap:16px}
.gbt-kopfzeile + .gbt-zeile{margin-top:0}
.gbt-zeile > span{font-size:16px;line-height:24px}
.gbt-zeile > .gbt-kindname{font-size:12px;line-height:16px}
.gbt-zaehler{gap:8px}
.gbt-zaehler button{width:var(--zelle);height:var(--zelle)}
.gbt-zaehler .gbt-wert{min-width:var(--zelle);font-size:14px;line-height:20px}
.gbt-zeile select{width:calc(3 * var(--zelle) + 16px);height:var(--zelle);flex:0 0 auto}
.gbt-fuss{margin-top:48px;padding-top:24px}
.gbt-zusammen{font-size:16px;line-height:24px}
.gbt-knopf{height:48px;padding:0 32px;font-size:12px;line-height:16px}
@media (max-width:760px) {
.gbt-knopf{width:100%}
}
.buchform .feldknopf{display:block;width:100%;margin:0;padding:8px 0;min-height:40px;
  border:0;border-bottom:1px solid #3A342F;border-radius:0;background:transparent;color:#3A342F;
  font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:24px;text-align:left;cursor:pointer;
  transition:background-color 150ms ease}
.buchform input[type="text"]{width:100%;margin:0;padding:8px 0;transition:background-color 150ms ease}
.buchform .feldknopf:focus,.buchform .feldknopf:focus-visible,.buchform input:focus,.buchform input:focus-visible{outline:none}
.buchform .feldknopf.aktiv,.buchform .feldknopf:focus-visible,.buchform input[type="text"]:focus{background:#E7E0D5}
@media (hover:hover) and (pointer:fine) {
.buchform .feldknopf:hover{background:#EDE7DD}
}
.gbt-zimmerzeile{border-bottom:1px solid #DDD5C9;padding-bottom:16px}
.gbt-blockkopf{font-family:'DM Mono',ui-monospace,monospace;font-size:11px;line-height:16px;letter-spacing:.14em;
  text-transform:uppercase;color:#6E6862;margin:24px 0 8px}
.gbt-gitter button.gbt-folge:not(.gbt-rand):not(.gbt-drin){opacity:.7}
body .gbt-tafel[data-form] .gbt-kopf h2{font-family:"DM Mono",ui-monospace,monospace;font-weight:400;font-size:11px !important;
  line-height:16px !important;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:14px;
  -webkit-font-smoothing:antialiased}
body .gbt-tafel[data-form] :is(.gbt-kalname,.gbt-zeile > span,.gbt-zusammen,.gbt-blockkopf){
  font-family:"DM Mono",ui-monospace,monospace;font-size:11px !important;line-height:16px !important;font-weight:400;
  letter-spacing:.22em;text-transform:uppercase;-webkit-font-smoothing:antialiased}
body .gbt-tafel[data-form] select{font-family:"DM Mono",ui-monospace,monospace}
body[data-ptf] .gbt-schleier{background:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
body[data-ptf="1"] .gbt-tafel{background:rgba(243,238,231,.72);
    -webkit-backdrop-filter:blur(24px) saturate(.7) brightness(1.06);
    backdrop-filter:blur(24px) saturate(.7) brightness(1.06)}
body[data-ptf="2"] .gbt-tafel{background:rgba(246,242,234,.85);
    -webkit-backdrop-filter:blur(30px) saturate(.7) brightness(1.06);
    backdrop-filter:blur(30px) saturate(.7) brightness(1.06)}
body[data-ptf="3"] .gbt-tafel{background:rgba(246,242,234,.93);
    -webkit-backdrop-filter:blur(40px) saturate(.65) brightness(1.08);
    backdrop-filter:blur(40px) saturate(.65) brightness(1.08)}
body[data-ptf="5"] .gbt-tafel{background:rgba(53,48,43,.84);
    -webkit-backdrop-filter:blur(30px) saturate(.65);backdrop-filter:blur(30px) saturate(.65)}
body[data-ptf="6"] .gbt-tafel{background:rgba(45,41,37,.92);
    -webkit-backdrop-filter:blur(40px) saturate(.6);backdrop-filter:blur(40px) saturate(.6)}
}
body[data-ptf="1"] .gbt-tafel,body[data-ptf="2"] .gbt-tafel,body[data-ptf="3"] .gbt-tafel{
  box-shadow:0 40px 100px -30px rgba(38,34,30,.45),0 0 0 1px rgba(61,55,51,.10),
             inset 0 1px 0 rgba(255,255,255,.5)}
body[data-ptf="5"], body[data-ptf="6"]{
  --pt-schrift:#F6F2EA;            /* Fliesstext und Ziffern */
  --pt-zweit:#D2CBC1;              /* BELEGUNG, Wochentage, Zusammenfassung */
  --pt-aus:rgba(246,242,234,.34);  /* vergangene, nicht waehlbare Tage */
}
body[data-ptf="5"] .gbt-tafel,
body[data-ptf="6"] .gbt-tafel{color:var(--pt-schrift);
  box-shadow:0 40px 100px -30px rgba(20,17,15,.55),inset 0 1px 0 rgba(246,242,234,.16)}
body[data-ptf="5"] .gbt-zu,        body[data-ptf="6"] .gbt-zu,
body[data-ptf="5"] .gbt-kalkopf button, body[data-ptf="6"] .gbt-kalkopf button{color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-gitter span,   body[data-ptf="6"] .gbt-gitter span,
body[data-ptf="5"] .gbt-kopfzeile,     body[data-ptf="6"] .gbt-kopfzeile,
body[data-ptf="5"] .gbt-zusammen,      body[data-ptf="6"] .gbt-zusammen,
body[data-ptf="5"] .gbt-kindname,      body[data-ptf="6"] .gbt-kindname{color:var(--pt-zweit)}
body[data-ptf="5"] .gbt-kopfzeile,     body[data-ptf="6"] .gbt-kopfzeile,
body[data-ptf="5"] .gbt-zeile,         body[data-ptf="6"] .gbt-zeile,
body[data-ptf="5"] .gbt-fuss,          body[data-ptf="6"] .gbt-fuss{border-color:rgba(246,242,234,.22)}
body[data-ptf="5"] .gbt-kopf h2,  body[data-ptf="6"] .gbt-kopf h2,
body[data-ptf="5"] .gbt-kalname,  body[data-ptf="6"] .gbt-kalname,
body[data-ptf="5"] .gbt-zeile > span, body[data-ptf="6"] .gbt-zeile > span{color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-zeile > .gbt-kindname,
body[data-ptf="6"] .gbt-zeile > .gbt-kindname{color:var(--pt-zweit)}
body[data-ptf="5"] .gbt-gitter button,        body[data-ptf="6"] .gbt-gitter button{color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-gitter button[disabled],body[data-ptf="6"] .gbt-gitter button[disabled]{color:var(--pt-aus)}
body[data-ptf="5"] .gbt-gitter button.gbt-rand,body[data-ptf="6"] .gbt-gitter button.gbt-rand{background:#F1ECE3;color:#35302B}
body[data-ptf="5"] .gbt-gitter button.gbt-drin,body[data-ptf="6"] .gbt-gitter button.gbt-drin{background:rgba(246,242,234,.20);color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-zaehler button,body[data-ptf="6"] .gbt-zaehler button,
body[data-ptf="5"] .gbt-zeile select, body[data-ptf="6"] .gbt-zeile select{border-color:rgba(246,242,234,.55);color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-zaehler .gbt-wert,body[data-ptf="6"] .gbt-zaehler .gbt-wert{color:var(--pt-schrift)}
body[data-ptf="5"] .gbt-zeile select option,body[data-ptf="6"] .gbt-zeile select option{color:#3D3733;background:#F3EEE7}
body[data-ptf="5"] .gbt-knopf,body[data-ptf="6"] .gbt-knopf{background:#F1ECE3;color:#35302B;border-color:#F1ECE3}
body[data-ptf="5"] .gbt-tafel button:focus-visible,body[data-ptf="6"] .gbt-tafel button:focus-visible,
body[data-ptf="5"] .gbt-tafel select:focus-visible,body[data-ptf="6"] .gbt-tafel select:focus-visible,
body[data-ptf="5"] .gbt-tafel a:focus-visible,body[data-ptf="6"] .gbt-tafel a:focus-visible{outline-color:#F6F2EA}
@media(hover:hover) {
body[data-ptf="5"] .gbt-knopf:hover,body[data-ptf="6"] .gbt-knopf:hover{background:#FFFFFF}
body[data-ptf="5"] .gbt-zaehler button:not([disabled]):hover,
  body[data-ptf="6"] .gbt-zaehler button:not([disabled]):hover{background:#F6F2EA;color:#35302B}
}
@media(hover:hover) and (pointer:fine) {
body[data-ptf="5"] .gbt-gitter button:not([disabled]):not(.gbt-rand):not(.gbt-drin):hover,
  body[data-ptf="6"] .gbt-gitter button:not([disabled]):not(.gbt-rand):not(.gbt-drin):hover{background:rgba(246,242,234,.12)}
}
body[data-ptf] figcaption{font-size:11px;letter-spacing:.12em}
body[data-ptf] .rand dt{font-size:11px;letter-spacing:.13em}
body[data-ptf] .lauf,
body[data-ptf] .kopf1 p,
body[data-ptf] .kopf2 p{line-height:1.52}
body[data-text="cormorant"] .lauf,
body[data-text="cormorant"] .kopf1 p,
body[data-text="cormorant"] .kopf2 p{font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:300;font-size:19px;line-height:1.46;letter-spacing:.004em}
@media (max-width:809px) {
body[data-text="cormorant"] .lauf,
  body[data-text="cormorant"] .kopf1 p,
  body[data-text="cormorant"] .kopf2 p{font-size:18.5px}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
html[data-licht="L1"] body[data-ptf="5"] .gbt-tafel{
    background:linear-gradient(145deg,rgba(246,242,234,.11) 0%,rgba(246,242,234,0) 40%,
                               rgba(0,0,0,0) 60%,rgba(0,0,0,.16) 100%),rgba(53,48,43,.84);
    box-shadow:0 50px 120px -30px rgba(20,17,15,.60),0 18px 40px -20px rgba(20,17,15,.45),
               inset 0 1px 0 rgba(246,242,234,.22),inset 1px 0 0 rgba(246,242,234,.08),
               inset 0 -1px 0 rgba(0,0,0,.25)}
html[data-licht="L2"] body[data-ptf="5"] .gbt-tafel{
    background:linear-gradient(145deg,rgba(246,242,234,.13) 0%,rgba(246,242,234,0) 42%,
                               rgba(0,0,0,0) 58%,rgba(0,0,0,.20) 100%),rgba(53,48,43,.84);
    box-shadow:0 60px 140px -30px rgba(20,17,15,.65),0 20px 44px -18px rgba(20,17,15,.50),
               inset 0 1px 0 rgba(246,242,234,.34),inset 1px 0 0 rgba(246,242,234,.16),
               inset 0 -1px 0 rgba(0,0,0,.40),inset -1px 0 0 rgba(0,0,0,.28)}
html[data-licht="L3"] body[data-ptf="5"] .gbt-tafel{
    background:linear-gradient(160deg,rgba(246,242,234,.17) 0%,rgba(246,242,234,.03) 35%,
                               rgba(0,0,0,.04) 65%,rgba(0,0,0,.26) 100%),rgba(53,48,43,.84);
    box-shadow:0 80px 160px -30px rgba(15,12,10,.72),0 30px 60px -24px rgba(15,12,10,.55),
               0 2px 6px rgba(15,12,10,.25),
               inset 0 1px 0 rgba(246,242,234,.28),inset 0 -1px 0 rgba(0,0,0,.35)}
}
body[data-ptf] .gbt-tafel{top:var(--tafel-mitte,50%);max-height:var(--tafel-max,min(88vh,900px))}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
html[data-licht="L1"] body[data-ptf="5"] .gbt-tafel{
    /* "Doch etwas weniger Schatten" (Michael 18.09.2026): etwa halb zwischen
       dem alten L1 und der starken Fassung davor (80/.72, 34/.58, 6/.30) */
    box-shadow:0 64px 140px -30px rgba(15,12,10,.60),
               0 26px 54px -22px rgba(15,12,10,.46),
               0 4px 12px -4px rgba(15,12,10,.22),
               inset 0 1px 0 rgba(246,242,234,.22),inset 1px 0 0 rgba(246,242,234,.08),
               inset 0 -1px 0 rgba(0,0,0,.25)}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
html body[data-tafelfarbe="kiesel"][data-ptf="5"] .gbt-tafel{
    background:rgba(53,48,43,.92);
    -webkit-backdrop-filter:blur(36px) saturate(.65);backdrop-filter:blur(36px) saturate(.65)}
}
body[data-ptf="5"][data-zwischen="beige"] .gbt-gitter button.gbt-drin{background:rgba(221,208,189,.32);color:#F6F2EA}
body[data-ptf="5"][data-zwischen="ocker"] .gbt-gitter button.gbt-drin{background:rgba(190,146,82,.45);color:#FBF6EE}
body[data-ptf="5"][data-zwischen="honig"] .gbt-gitter button.gbt-drin{background:rgba(214,178,120,.34);color:#FBF6EE}
body[data-ptf] .gbt-tafel[data-form="schmal"]{--p:20px;--zelle:36px !important}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf,
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{
  padding-left:max(20px, calc((100% - 7 * var(--zelle)) / 2));
  padding-right:max(20px, calc((100% - 7 * var(--zelle)) / 2))}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf{padding-top:20px;padding-bottom:12px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf h2{font-size:20px;line-height:26px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:22px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:18px;justify-content:center}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kalkopf{margin-bottom:6px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-gitter span{height:20px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopfzeile{margin-bottom:4px;padding-bottom:6px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile{margin-top:6px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile > span{font-size:15px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{display:flex;flex-direction:column;align-items:stretch;
  gap:12px;margin-top:18px;padding-top:14px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zusammen{text-align:center;font-size:14px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-knopf{width:100%;justify-content:center;text-align:center}
body:has(.gbt-tafel.da) .klebeleiste{opacity:0;pointer-events:none;transition:opacity .2s ease}
body[data-ptf] .gbt-tafel[data-form="schmal"]{top:50%;max-height:calc(100dvh - 32px)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:14px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{margin-top:14px;padding-top:12px;gap:10px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-knopf{min-height:44px;height:44px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:18px}
@media (max-height:700px) {
body[data-ptf] .gbt-tafel[data-form="schmal"]{--zelle:34px !important}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf{padding-top:16px;padding-bottom:8px}
}
@media (max-width:809px) {
.klebeleiste{left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
body[data-ptf] .gbt-tafel[data-form="schmal"]{--luft:clamp(12px, calc((100dvh - 600px) / 9), 24px)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf{padding-top:calc(var(--luft) + 8px);padding-bottom:var(--luft)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:calc(var(--luft) + 4px)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{margin-top:calc(var(--luft) + 4px);padding-top:var(--luft);gap:var(--luft)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss > *{margin:0}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:calc(var(--luft) + 8px)}
@media (max-width:809px) {
.buchform{margin-left:32px;margin-right:32px}
}
@media (max-width:809px) {
.klebeleiste{left:var(--satz-links,20px);right:var(--satz-rechts,20px)}
body.mit-chat .klebeleiste{right:var(--satz-rechts,20px)}
.klebeleiste .buchbar{position:relative}
.klebeleiste .buchbar .buchtext{padding:20px 0}
.klebeleiste .buchbar>.trenn:nth-of-type(2){display:none}
.klebeleiste .buchbar .cg-bar{position:absolute;right:0;top:0;bottom:0}
}
body .gbt-tafel[data-form] .gbt-gitter span,
body .gbt-tafel[data-form] .gbt-kalname,
body .gbt-tafel[data-form] .gbt-zeile > span,
body .gbt-tafel[data-form] .gbt-kopfzeile,
body .gbt-tafel[data-form] .gbt-knopf {
  letter-spacing: .22em !important;
}
body .gbt-tafel[data-form] .gbt-gitter span { text-indent: .22em; }
body .gbt-tafel[data-form] .gbt-knopf { text-indent: .22em; }
.gbt-tafel[data-form] .gbt-kopf {
  border-bottom: 1px solid rgba(61,55,51,.14);
  margin-bottom: 32px;
  padding-bottom: 24px;
}
.gbt-gitter button.gbt-drin {
  animation: gbt-spanne 260ms cubic-bezier(.32,.72,0,1) both;
}
@keyframes gbt-spanne {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}
.gbt-gitter { animation: gbt-monat 200ms cubic-bezier(.23,1,.32,1) both; }
@keyframes gbt-monat {
  from { opacity: 0; transform: translate3d(0,10px,0); }
  to   { opacity: 1; transform: translate3d(0,0,0); }
}
@media (hover: hover) and (pointer: fine) {
.gbt-gitter button:not([disabled]):not(.gbt-rand):hover {
    box-shadow: inset 0 0 0 1px rgba(61,55,51,.38);
  }
.gbt-gitter button.gbt-rand:hover { box-shadow: inset 0 0 0 1px rgba(246,242,234,.45); }
}
.gbt-gitter button.gbt-rand { animation: gbt-griff 160ms cubic-bezier(.23,1,.32,1) both; }
@keyframes gbt-griff {
  from { transform: scale(.94); }
  to   { transform: scale(1); }
}
.gbt-gitter button { transition: box-shadow 120ms ease-out; }
.gbt-tafel button:focus-visible,
.gbt-tafel select:focus-visible {
  outline: 1px solid #3D3733;
  outline-offset: 2px;
}
.gbt-zaehler button { transition: transform 120ms ease-out, background-color 120ms ease-out, color 120ms ease-out; }
.gbt-zaehler button:active:not([disabled]) { transform: scale(.94); }
.gbt-knopf { transition: transform 120ms ease-out, background-color 120ms ease-out; }
.gbt-knopf:active { transform: scale(.985); }
.gbt-tafel {
  box-shadow: 0 60px 140px -40px rgba(38,34,30,.55),
              0 12px 32px -12px rgba(38,34,30,.28) !important;
}
@media (prefers-reduced-motion: reduce) {
.gbt-gitter,
  .gbt-gitter button.gbt-drin,
  .gbt-gitter button.gbt-rand { animation: none !important; }
.gbt-zaehler button, .gbt-knopf, .gbt-gitter button { transition: none !important; }
}
html .cg-ruf::before, html .buchbar .cg-bar::before {
  width: 26px !important; height: 26px !important;
  min-width: 26px !important; min-height: 26px !important; flex: 0 0 auto !important;
}
html .buchbar .cg-bar::before { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; }
html .cg-ruf-fuss::before { width: 26px !important; height: 26px !important; }
html .klebeleiste .buchbar .datum,
html .klebeleiste .buchbar .buchtext { font-size: 12px; }
@media (min-width: 761px) {
html body .gbt-tafel { width: min(1040px, calc(100vw - 128px)) !important; }
}
@media (min-width: 761px) {
html body .gbt-tafel[data-form="breit"] .gbt-rumpf { padding-inline: 52px !important; }
html body .gbt-tafel[data-form="breit"] .gbt-kopf  { padding-inline: 52px !important; }
html body .gbt-tafel[data-form="breit"] .gbt-fuss .cg-knopfpaar {
    width: calc(7 * var(--zelle)) !important;
    margin-left: auto !important;
  }
}
@media (min-width: 761px) and (max-width: 1239px) {
html body .gbt-tafel[data-form="breit"] { --g: 32px; }
html body .gbt-tafel[data-form="breit"] .gbt-rumpf,
  html body .gbt-tafel[data-form="breit"] .gbt-kopf { padding-inline: 32px !important; }
}
@media (min-width: 761px) {
html body .gbt-tafel[data-form="breit"] .gbt-satz {
    justify-content: end !important;
  }
}
html body .gbt-tafel[data-form] .gbt-kopf h2 {
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 32px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 761px) {
html body .gbt-tafel[data-form="breit"] [data-bel] { margin-left: auto !important; }
}
.gc-kachel{position:fixed;right:16px;bottom:16px;z-index:31;width:64px;height:64px;display:grid;place-items:center;
  background:#3D3733;border:0;padding:0;cursor:pointer;color:#F6F2EA;border-radius:0;
  transition:left 300ms cubic-bezier(0.23,1,0.32,1),right 300ms cubic-bezier(0.23,1,0.32,1),transform 160ms cubic-bezier(0.23,1,0.32,1)}
.gc-kachel:active{transform:scale(.96)}
.gc-kachel svg{width:28px;height:28px;display:block}
.gc-kachel:focus:not(:focus-visible),.gc-fenster button:focus:not(:focus-visible){outline:none}
.gc-kachel:focus-visible,.gc-fenster button:focus-visible{outline:1px solid #3D3733;outline-offset:2px}
.gc-fenster{position:fixed;right:24px;bottom:96px;width:min(392px,calc(100vw - 32px));height:min(560px,calc(100vh - 140px));
  display:flex;flex-direction:column;background:#F1ECE3;box-shadow:0 18px 48px rgba(0,0,0,.30);z-index:40;
  transform-origin:bottom right;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;
  transition:opacity 200ms cubic-bezier(0.23,1,0.32,1),transform 200ms cubic-bezier(0.23,1,0.32,1)}
.gc-fenster.offen{opacity:1;transform:none;pointer-events:auto;
  transition:opacity 280ms cubic-bezier(0.23,1,0.32,1),transform 280ms cubic-bezier(0.23,1,0.32,1)}
.gc-schleier{display:none;position:fixed;inset:0;z-index:39;background:rgba(38,34,30,.42);opacity:0;pointer-events:none;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity 200ms cubic-bezier(.32,.72,0,1)}
.gc-schleier.da{opacity:1;pointer-events:auto;transition:opacity 280ms cubic-bezier(.32,.72,0,1)}
.gc-kopf{flex:0 0 auto;height:56px;background:#3D3733;display:flex;align-items:center;gap:12px;padding:0 26px;color:#F6F2EA}
.gc-kopf svg{width:24px;height:24px;flex:0 0 auto}
.gc-titel{flex:1 1 auto;font-family:Inter,system-ui,sans-serif;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;line-height:1}
.gc-zu{background:none;border:0;padding:6px;cursor:pointer;display:grid;place-items:center;color:#F6F2EA}
.gc-zu svg{width:15px;height:15px}
.gc-verlauf{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px 26px 10px;
  display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(58,52,47,.30) transparent}
.gc-verlauf::before{content:"";margin-top:auto}
.gc-perle{align-self:flex-start;max-width:86%;background:#EFEBE4;color:#211F1E;padding:15px 18px;box-shadow:0 1px 0 rgba(58,52,47,.08);
  font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif;font-size:17px;line-height:1.72;white-space:pre-wrap;word-break:break-word}
.gc-perle.gast{align-self:flex-end;background:#3D3733;color:#F6F2EA;padding:13px 17px;box-shadow:none}
.gc-perle a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.gc-tippt{align-self:flex-start;display:flex;gap:5px;padding:4px 2px}
.gc-tippt span{width:5px;height:5px;background:#8a8177;animation:gc-puls 1.1s ease-in-out infinite}
.gc-tippt span:nth-child(2){background:#b3aca1;animation-delay:.15s}
.gc-tippt span:nth-child(3){background:#cdc6b9;animation-delay:.3s}
@keyframes gc-puls{0%,100%{opacity:.45}50%{opacity:1}}
.gc-angebot{align-self:stretch;padding:16px 0 8px;border-top:1px solid rgba(58,52,47,.16)}
.gc-angebot .gc-klein{font-family:Inter,system-ui,sans-serif;font-weight:300;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(58,52,47,.62);line-height:1.7}
.gc-angebot .gc-preis{font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif;font-size:24px;line-height:1.3;color:#211F1E;margin-top:8px}
.gc-angebot .gc-leise{font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif;font-size:15px;line-height:1.5;color:rgba(33,31,30,.66)}
.gc-angebot a{display:inline-block;margin-top:16px;color:#211F1E;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;
  padding:8px 0;font-family:Inter,system-ui,sans-serif;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;line-height:1}
.gc-eingabe{flex:0 0 auto;border-top:1px solid rgba(58,52,47,.14);padding:12px 26px 14px}
.gc-feld{display:flex;align-items:flex-end;gap:10px;background:#FBF8F2;border:1px solid rgba(58,52,47,.16);padding:6px 6px 6px 16px}
.gc-feld textarea{flex:1 1 auto;min-width:0;border:0;outline:none;background:none;border-radius:0;font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif;font-size:17px;
  line-height:26px;color:#211F1E;padding:8px 0;resize:none;max-height:150px;overflow-y:hidden}
.gc-senden{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;background:transparent;border:0;padding:0;cursor:default;
  color:rgba(58,52,47,.38);transition:background-color 200ms ease}
.gc-senden.bereit{background:#3D3733;color:#F6F2EA;cursor:pointer}
.gc-senden svg{width:19px;height:19px}
.gc-fuss{flex:0 0 auto;padding:0 26px 14px 43px;font-family:Inter,system-ui,sans-serif;font-weight:300;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:rgba(58,52,47,.78);line-height:1.7;white-space:pre-line}
.gc-dslink{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:809px) {
body.mit-chat .klebeleiste{right:57px}
.gc-kachel{right:0;bottom:0;width:56px;height:56px}
.gc-kachel svg{width:26px;height:26px}
.gc-fenster{left:16px;right:16px;top:calc(16px + env(safe-area-inset-top, 0px));bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    width:auto;height:auto;background:#F3EEE7;
    box-shadow:0 40px 100px -30px rgba(38,34,30,.5),0 8px 24px -10px rgba(38,34,30,.25);
    transform-origin:bottom center;transform:translateY(24px)}
.gc-fenster.offen{transform:none}
.gc-schleier{display:block}
.gc-fuss{padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
}
@media (prefers-reduced-motion: reduce) {
.gc-kachel,.gc-fenster,.gc-fenster.offen{transition:opacity 200ms ease;transform:none}
.gc-tippt span{animation:none}
}
.gc-dslink{display:inline-block;padding:16px 4px;margin:-16px -4px}
.gc-perle .gc-wort {
  display: inline-block;
  animation: gc-wort-ein 260ms cubic-bezier(.23, 1, .32, 1) both;
  will-change: opacity, filter, transform;
}
@keyframes gc-wort-ein {
  from { opacity: 0; filter: blur(4px); transform: translateY(2px); }
  to   { opacity: 1; filter: blur(0);   transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.gc-perle .gc-wort { animation: none; }
}
@media (max-width: 809px) {
html body .gc-fenster {
    /* Rueckfall-Kette: alte Browser nehmen vh, neuere dvh, und sobald
       chat.js misst, gilt der gemessene Wert. */
    /* position: fixed NICHT anfassen -- mit top/bottom auf auto und margin:auto
       fiel das Fenster aus dem festen Fluss und landete 19502 px unterhalb
       (gemessen). Stattdessen oben und unten verankert und die Hoehe an die
       sichtbare Flaeche gebunden. */
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    top: 16px !important;
    bottom: 16px !important;
    height: auto !important;
    max-height: calc(var(--gc-sicht, 100dvh) - 32px) !important;
  }
html body .gc-fenster .gc-verlauf { overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 809px) {
html body .gc-fenster {
    top: calc(16px + var(--gc-oben, 0px)) !important;
    bottom: auto !important;
    height: calc(var(--gc-sicht, 100dvh) - 32px) !important;
    overscroll-behavior: contain;
  }
html body .gc-zu { width: 44px; height: 44px; padding: 0; margin-right: -10px; }
html body .gc-zu svg { width: 20px; height: 20px; }
html body .gc-kopf { height: 60px; }
html body .gc-fenster .gc-eingabe { flex: 0 0 auto; }
html body .gc-fenster .gc-verlauf { flex: 1 1 auto; min-height: 0; }
}
@media (max-width: 1023px) {
html.gc-offen, html.gc-offen body { overflow: hidden !important; height: 100% !important; overscroll-behavior: none; }
html.gc-offen body { position: fixed !important; left: 0; right: 0; width: 100%; }
html.gc-offen .klebeleiste, html.gc-offen [data-klebeleiste], html.gc-offen .gc-kachel { display: none !important; }
html.gc-offen .gc-fenster {
    position: fixed !important;
    top: var(--gc-oben, 0px) !important; bottom: auto !important;
    height: var(--gc-sicht, 100dvh) !important; max-height: none !important;
    display: flex !important; flex-direction: column !important;
    transition: none !important;
  }
html.gc-offen .gc-fenster .gc-verlauf { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html.gc-offen[data-chat] body .gc-fenster, html.gc-offen body .gc-fenster {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #F6F2EA !important; }
html.gc-offen .gc-schleier { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.gc-offen .gc-fenster .gc-eingabe { flex: 0 0 auto; }
}
@media (max-width: 809px) {
html.gc-offen .gc-fenster { left: 0 !important; right: 0 !important; }
}
@media (min-width: 810px) and (max-width: 1023px) {
html.gc-offen[data-chat] body .gc-fenster, html.gc-offen body .gc-fenster { left: auto !important; right: 16px !important; width: min(440px, calc(100vw - 32px)) !important;
    top: calc(var(--gc-oben, 0px) + 16px) !important; height: calc(var(--gc-sicht, 100dvh) - 32px) !important; }
}
html[data-chat]{--cg-glas:rgba(45,41,37,.88);--cg-schrift:#F6F2EA;--cg-leise:rgba(246,242,234,.64);
  --cg-kante:rgba(246,242,234,.16);--cg-zug:cubic-bezier(.32,.72,0,1)}
html[data-chat] .gc-fenster{background:var(--cg-glas);color:var(--cg-schrift);
  -webkit-backdrop-filter:blur(40px) saturate(.7) brightness(1.06);backdrop-filter:blur(40px) saturate(.7) brightness(1.06);
  box-shadow:inset 0 0 0 1px var(--cg-kante),0 30px 70px -28px rgba(20,17,15,.6)}
html[data-chat] .gc-kopf{background:transparent;border-bottom:1px solid var(--cg-kante);color:var(--cg-schrift);height:58px}
html[data-chat] .gc-titel{color:var(--cg-schrift)}
html[data-chat] .gc-verlauf{padding:24px 26px 12px}
html[data-chat] .gc-perle{background:rgba(246,242,234,.10);color:var(--cg-schrift);
  box-shadow:inset 0 0 0 1px rgba(246,242,234,.12)}
html[data-chat] .gc-perle.gast{background:rgba(246,242,234,.86);color:#26221E;box-shadow:none}
html[data-chat] .gc-eingabe{border-top:1px solid var(--cg-kante)}
html[data-chat] .gc-feld{background:rgba(246,242,234,.08);border:1px solid var(--cg-kante)}
html[data-chat] .gc-feld textarea{color:var(--cg-schrift)}
html[data-chat] .gc-feld textarea::placeholder{color:var(--cg-leise)}
html[data-chat] .gc-senden{color:var(--cg-leise)}
html[data-chat] .gc-senden.bereit{background:rgba(246,242,234,.9);color:#26221E}
html[data-chat] .gc-fuss{color:rgba(246,242,234,.72)}
html[data-chat] .gc-tippt span{background:rgba(246,242,234,.8)}
html[data-chat] .gc-tippt span:nth-child(2){background:rgba(246,242,234,.55)}
html[data-chat] .gc-tippt span:nth-child(3){background:rgba(246,242,234,.35)}
html[data-chat] .gc-angebot{border-top-color:var(--cg-kante)}
html[data-chat] .gc-angebot .gc-preis,html[data-chat] .gc-angebot a{color:var(--cg-schrift)}
html[data-chat] .gc-angebot .gc-leise{color:var(--cg-leise)}
html[data-chat="A"] .gbt-tafel{width:min(1320px,calc(100vw - 48px))}
html[data-chat="A"] .gbt-tafel .gbt-kopf,
html[data-chat="A"] .gbt-tafel .gbt-rumpf,
html[data-chat="A"] .gbt-tafel .gbt-fuss{padding-right:404px}
html[data-chat="A"] .gc-fenster{position:absolute;right:0;top:0;bottom:0;width:380px;height:auto;
  border-left:1px solid var(--cg-kante);box-shadow:none;background:rgba(246,242,234,.05);
  -webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;transform:none;pointer-events:auto}
html[data-chat="A"] .gc-fenster .gc-kopf{padding-left:24px}
html[data-chat="A"] .gc-kachel{display:none}
html[data-chat="B"] .gc-fenster{position:absolute;left:0;right:0;bottom:0;width:auto;
  height:min(62%,420px);transform:translateY(calc(100% - 58px));opacity:1;pointer-events:auto;
  border-top:1px solid var(--cg-kante);transition:transform 420ms var(--cg-zug)}
html[data-chat="B"] .gc-kopf{cursor:pointer;justify-content:space-between}
html[data-chat="B"] .gc-kachel{display:none}
.cg-knopfpaar{display:inline-flex;align-items:stretch}
@media (max-width:809px) {
.cg-knopfpaar{display:flex;width:100%}
.cg-knopfpaar .gbt-knopf{flex:1 1 auto}
.cg-ruf{padding:0 18px}
}
.cg-knopfpaar .gbt-knopf{margin:0}
.cg-ruf{display:inline-flex;align-items:center;justify-content:center;background:#F1ECE3;color:#35302B;
  border:0;border-left:1px solid rgba(53,48,43,.28);padding:0 20px;cursor:pointer;
  transition:background-color 150ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.cg-ruf svg{width:20px;height:20px;display:block}
.cg-ruf svg rect{fill:#F1ECE3 !important;width:1.8px;height:2.4px;y:10.8px}
.cg-ruf svg rect:nth-of-type(1){x:7.6px}
.cg-ruf svg rect:nth-of-type(2){x:14.7px}
@media(hover:hover) {
.cg-ruf:hover{background:#F1ECE3;color:#1F1B18}
}
.cg-ruf:active{transform:scale(.97)}
.cg-ruf[aria-expanded="true"]{background:#F1ECE3;color:#1F1B18}
@media (min-width:1480px) {
html[data-chat="C"] .gc-fenster{position:fixed;z-index:9992;width:360px;
    top:var(--cg-top,10vh);height:var(--cg-hoehe,70vh);left:var(--cg-links,auto);right:auto;
    opacity:0;transform:translateX(-12px);pointer-events:none;
    transition:opacity 240ms ease,transform 320ms cubic-bezier(.32,.72,0,1)}
html[data-chat="C"] .gc-fenster.offen{opacity:1;transform:none;pointer-events:auto}
html[data-lage="neben"][data-chat="C"].cg-offen .gbt-tafel.da{transform:translate(-50%,-50%) translateX(-188px)}
html[data-lage="neben"][data-chat="C"] .gbt-tafel{transition:transform 320ms cubic-bezier(.32,.72,0,1)}
}
@media (min-width:810px) and (max-width:1479px) {
html[data-chat="C"] .gc-fenster{position:fixed;z-index:9992;width:360px;
    left:var(--cg-links-tablet,auto);right:auto;
    top:calc(var(--cg-top,10vh) + 40px);height:calc(var(--cg-hoehe,70vh) - 80px);
    opacity:0;transform:translateY(12px);pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(246,242,234,.24),0 44px 90px -26px rgba(16,13,11,.78);
    transition:opacity 240ms ease,transform 320ms cubic-bezier(.32,.72,0,1)}
html[data-chat="C"] .gc-fenster.offen{opacity:1;transform:none;pointer-events:auto}
html[data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.88) saturate(.95)}
html[data-chat="C"] .gbt-tafel{transition:filter 280ms ease}
}
html[data-chat="C"] .gc-kachel{display:none}
@media (min-width:1480px) {
html[data-lage="ueber"][data-chat="C"] .gc-fenster{
    top:calc(var(--cg-top,10vh) + 40px);height:calc(var(--cg-hoehe,70vh) - 80px);
    box-shadow:inset 0 0 0 1px rgba(246,242,234,.24),0 44px 90px -26px rgba(16,13,11,.78),0 8px 22px -12px rgba(16,13,11,.5)}
html[data-lage="ueber"][data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.88) saturate(.95)}
html[data-lage="ueber"][data-chat="C"] .gbt-tafel{transition:filter 280ms ease}
}
@media (min-width:810px) and (max-width:1199px) {
html[data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.88) saturate(.95)}
html[data-chat="C"] .gc-fenster{
    box-shadow:inset 0 0 0 1px rgba(246,242,234,.24),0 44px 90px -26px rgba(16,13,11,.78)}
}
@media (max-width:809px) {
html[data-chat] .gc-fenster{position:fixed;left:8px;right:8px;top:auto;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
    width:auto;height:min(68vh,520px);transform:translateY(16px);
    /* Auf dem dunklen Kalender war das Glas kaum zu sehen -- am Handy deshalb dichter
       und mit heller Oberkante (gemessen: Blatt und Tafel waren fast gleich hell). */
    box-shadow:inset 0 1px 0 rgba(246,242,234,.34),inset 0 0 0 1px rgba(246,242,234,.16),
      0 -22px 60px -16px rgba(16,13,11,.9);
    background:rgba(34,30,27,.94);
    -webkit-backdrop-filter:blur(40px) saturate(.7) brightness(1.06);backdrop-filter:blur(40px) saturate(.7) brightness(1.06)}
html[data-chat] .gc-fenster.offen{transform:none}
html[data-chat] .gc-kopf{height:46px;padding:0 16px}
html[data-chat] .gc-kopf svg{width:20px;height:20px}
html[data-chat] .gc-titel{font-size:11px;letter-spacing:.2em}
html[data-chat] .gc-verlauf{padding:16px 16px 8px;gap:10px}
html[data-chat] .gc-perle{font-size:15px;line-height:1.5;padding:11px 14px;max-width:88%}
html[data-chat] .gc-perle.gast{padding:10px 14px}
html[data-chat] .gc-eingabe{padding:8px 16px 10px}
html[data-chat] .gc-fuss{padding:0 16px 10px;font-size:11px;line-height:1.6}
html[data-eingabe="E1"] .gc-feld textarea,html[data-eingabe="E3"] .gc-feld textarea{font-size:15px;line-height:22px;padding:10px 14px}
html[data-eingabe="E1"] .gc-senden{width:48px}
html[data-eingabe="E3"] .gc-senden{width:40px;height:40px}
html[data-eingabe="E2"] .gc-feld textarea{font-size:11px;padding:10px 0}
.gbt-zusammen{display:flex;flex-direction:column;gap:0;width:100%;text-align:left}
.cg-dat{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
    padding:10px 0;border-top:1px solid rgba(246,242,234,.18)}
.cg-dat:last-child{border-bottom:1px solid rgba(246,242,234,.18)}
.cg-dat-l{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(246,242,234,.68)}
.cg-dat-w{font-family:"DM Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.06em;color:#F6F2EA;white-space:nowrap}
html[data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.82) saturate(.95)}
}
font:500 11px/1 "DM Mono",ui-monospace,monospace;
html[data-eingabe="E1"] .gc-feld textarea{color:#35302B;padding:14px 18px;font-size:16px;line-height:24px}
html[data-eingabe="E1"] .gc-feld textarea::placeholder{color:rgba(53,48,43,.55)}
html[data-eingabe="E1"] .gc-senden{width:56px;height:auto;background:#35302B;color:#F1ECE3;
  border-left:1px solid rgba(53,48,43,.22)}
html[data-eingabe="E1"] .gc-senden.bereit{background:#35302B;color:#F1ECE3}
html[data-eingabe="E2"] .gc-eingabe{padding-top:0}
html[data-eingabe="E2"] .gc-feld{background:transparent;border:0;border-top:1px solid rgba(246,242,234,.22);
  padding:6px 0 0;align-items:center}
html[data-eingabe="E2"] .gc-feld textarea{font-family:"DM Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:#F6F2EA;padding:14px 0;line-height:20px}
html[data-eingabe="E2"] .gc-feld textarea::placeholder{color:rgba(246,242,234,.55);text-transform:uppercase}
html[data-eingabe="E2"] .gc-senden{width:34px;height:34px;background:transparent;color:#F6F2EA}
html[data-eingabe="E2"] .gc-senden svg{width:24px;height:24px}
html[data-eingabe="E2"] .gc-senden.bereit{background:transparent;color:#F6F2EA}
html[data-eingabe="E3"] .gc-feld{background:transparent;border:1px solid rgba(246,242,234,.38);padding:0 0 0 16px;
  align-items:center;gap:12px}
html[data-eingabe="E3"] .gc-feld textarea{color:#F6F2EA;padding:12px 0;font-size:16px;line-height:24px}
html[data-eingabe="E3"] .gc-senden{width:44px;height:44px;margin:-1px -1px -1px 0;
  border:1px solid rgba(246,242,234,.38);background:transparent;color:#F6F2EA}
html[data-eingabe="E3"] .gc-senden.bereit{background:rgba(246,242,234,.9);color:#26221E}
font:500 11px/1 "DM Mono",ui-monospace,monospace;
html[data-schrift="S1"][data-eingabe="E1"] .gc-feld textarea::placeholder{text-transform:none;letter-spacing:0;color:#8a857d}
html[data-schrift="S2"][data-eingabe="E1"] .gc-feld textarea{font-family:"DM Mono",ui-monospace,monospace;
  font-weight:500;font-size:12px;line-height:22px;letter-spacing:.14em;text-transform:uppercase}
html[data-schrift="S2"][data-eingabe="E1"] .gc-feld textarea::placeholder{text-transform:uppercase}
html[data-schrift="S3"][data-eingabe="E1"] .gc-feld textarea{font-family:Inter,system-ui,sans-serif;
  font-weight:400;font-size:16px;line-height:24px;letter-spacing:.01em;text-transform:none;
  /* 20.10.2026: die Hoehe rechnet der Browser selbst (field-sizing). Das JS-Nachmessen bei jedem
     Tastendruck (height:auto, dann px) stoerte die iOS-Diktierfunktion: waehrend des Diktats zeigte
     das Feld nur die ersten Buchstaben, der Rest kam erst nach dem Mikrofon-Tipp. */
  field-sizing:content;max-height:150px}
html[data-schrift="S3"][data-eingabe="E1"] .gc-feld textarea::placeholder{text-transform:none;letter-spacing:.01em;color:#8a857d}
html[data-chat] .gc-fuss{padding-left:26px;padding-right:26px}
@media (max-width:809px) {
html[data-chat] .gc-fuss{padding-left:16px;padding-right:16px}
}
.buchbar .cg-bar{display:flex;align-items:center;justify-content:center;background:transparent;border:0;
  color:#F6F2EA;padding:0 26px;cursor:pointer;transition:background-color 150ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.buchbar .cg-bar svg{width:20px;height:20px;display:block}
.buchbar .cg-bar svg rect{fill:#3D3733 !important;width:1.8px;height:2.4px;y:10.8px}
.buchbar .cg-bar svg rect:nth-of-type(1){x:7.6px}
.buchbar .cg-bar svg rect:nth-of-type(2){x:14.7px}
@media(hover:hover) {
.buchbar .cg-bar:hover{background:rgba(246,242,234,.10)}
}
.buchbar .cg-bar:active{transform:scale(.97)}
.buchbar .cg-bar[aria-expanded="true"]{background:rgba(246,242,234,.16)}
html[data-chat] .gc-kachel{display:none !important}
@media (min-width:810px) {
html[data-chat="C"]:not(.cg-tafel) .gc-fenster{position:fixed;left:auto;right:24px;
    top:auto;bottom:96px;width:380px;height:min(560px,calc(100vh - 180px))}
}
@media (max-width:809px) {
html[data-chat="C"]:not(.cg-tafel) .gc-fenster{bottom:calc(64px + env(safe-area-inset-bottom, 0px))}
}
html[data-glasfarbe="hell"] .gc-fenster{background:rgba(243,238,231,.78);color:#211F1E;
  -webkit-backdrop-filter:blur(30px) saturate(1.08) brightness(1.05);backdrop-filter:blur(30px) saturate(1.08) brightness(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.5),
    inset 0 -1px 0 rgba(53,48,43,.14),0 0 0 1px rgba(53,48,43,.14),
    0 44px 90px -28px rgba(16,13,11,.5),0 6px 18px -10px rgba(16,13,11,.28)}
html[data-glasfarbe="hell"] .gc-kopf{background:transparent;border-bottom:1px solid rgba(58,52,47,.14);color:#211F1E}
html[data-chat] .gc-kopf > svg{display:none}
html[data-chat] .gc-kopf::before{content:"";flex:0 0 auto;width:24px;height:24px;background:currentColor;
  -webkit-mask:url("/bot-zeichen.svg") center/contain no-repeat;
  mask:url("/bot-zeichen.svg") center/contain no-repeat}
html[data-glasfarbe="hell"] .gc-zu{color:#3D3733}
@media(hover:hover) {
html[data-glasfarbe="hell"] .gc-zu:hover{color:#211F1E}
}
html[data-glasfarbe="hell"] .gc-titel{color:#211F1E}
html[data-glasfarbe="hell"] .gc-perle{background:rgba(239,235,228,.86);color:#211F1E;
  box-shadow:0 1px 0 rgba(58,52,47,.08)}
html[data-glasfarbe="hell"] .gc-perle.gast{background:#3D3733;color:#F6F2EA;box-shadow:none}
html[data-glasfarbe="hell"] .gc-eingabe{border-top-color:rgba(58,52,47,.14)}
html[data-glasfarbe="hell"][data-eingabe="E1"] .gc-feld{background:rgba(239,235,228,.86)}
html[data-glasfarbe="hell"][data-eingabe="E1"] .gc-feld textarea{color:#211F1E}
html[data-glasfarbe="hell"][data-eingabe="E1"] .gc-feld textarea::placeholder{color:rgba(33,31,30,.5)}
html[data-glasfarbe="hell"][data-eingabe="E1"] .gc-senden{background:#3D3733;color:#F6F2EA;border-left-color:rgba(58,52,47,.18)}
html[data-glasfarbe="hell"] .gc-fuss{color:rgba(58,52,47,.78)}
html[data-glasfarbe="hell"] .gc-tippt span{background:#8a8177}
html[data-glasfarbe="hell"][data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.96) saturate(.98)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-tafel{
  background:rgba(243,238,231,.72) !important;color:#211F1E;
  -webkit-backdrop-filter:blur(36px) saturate(1.05) brightness(1.06) !important;
  backdrop-filter:blur(36px) saturate(1.05) brightness(1.06) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 1px rgba(53,48,43,.12),
    0 40px 90px -30px rgba(16,13,11,.45) !important}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-tafel{--pt-schrift:#211F1E;--pt-zweit:#6E6862;--pt-aus:rgba(33,31,30,.3)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kopf h2,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kalname,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zeile > span,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zu,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kalkopf button,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button{color:#211F1E}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter span,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kopfzeile,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zusammen,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kindname{color:#6E6862}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button[disabled]{color:rgba(33,31,30,.28)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kopfzeile,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zeile,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-fuss{border-color:rgba(58,52,47,.18)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button.gbt-rand{background:#3D3733;color:#F6F2EA}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button.gbt-drin{background:rgba(58,52,47,.14);color:#211F1E}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zaehler button,
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zeile select{border-color:rgba(58,52,47,.38);color:#211F1E}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zaehler .gbt-wert{color:#211F1E}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-knopf{background:#3D3733;color:#F6F2EA;border-color:#3D3733}
html[data-tafel="hell"] .cg-ruf{background:#3D3733;color:#F1ECE3;border-left-color:rgba(246,242,234,.28)}
html[data-tafel="hell"] .cg-ruf svg rect{fill:#3D3733 !important}
@media(hover:hover) {
html[data-tafel="hell"] .cg-ruf:hover{background:#4a433d;color:#F1ECE3}
html[data-tafel="hell"] .cg-ruf:hover svg rect{fill:#4a433d !important}
}
html[data-tafel="hell"] .cg-dat{border-color:rgba(58,52,47,.18)}
html[data-tafel="hell"] .cg-dat-l{color:rgba(33,31,30,.6)}
html[data-tafel="hell"] .cg-dat-w{color:#211F1E}
html[data-tafel="hell"][data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.97) saturate(.99)}
@media (min-width:810px) {
html[data-luxus="L1"][data-chat="C"] .gc-fenster{width:440px}
html[data-luxus="L1"][data-chat="C"]:not(.cg-tafel) .gc-fenster{width:440px}
}
html[data-luxus="L1"] .gc-verlauf{padding:34px 34px 14px;gap:22px}
html[data-luxus="L1"] .gc-perle{background:transparent;box-shadow:none;padding:0;max-width:44ch;
  font-size:19px;line-height:1.55}
html[data-luxus="L1"] .gc-perle.gast{background:transparent;color:#211F1E;padding:0;text-align:right;
  border-right:2px solid #3D3733;padding-right:16px}
html[data-luxus="L1"] .gc-perle:not(.gast)+.gc-perle.gast,
html[data-luxus="L1"] .gc-perle.gast+.gc-perle:not(.gast){margin-top:6px}
html[data-luxus="L1"] .gc-kopf{height:76px;padding:0 34px;border-bottom-color:rgba(58,52,47,.12)}
html[data-luxus="L1"] .gc-titel{font-size:11px;letter-spacing:.3em}
html[data-luxus="L1"] .gc-eingabe{padding:16px 34px 18px;border-top-color:rgba(58,52,47,.12)}
html[data-luxus="L1"] .gc-fuss{padding:0 34px 18px}
html[data-luxus="L1"] .gc-feld{background:transparent;border-bottom:1px solid rgba(58,52,47,.3)}
html[data-luxus="L1"] .gc-feld textarea{padding:14px 0}
html[data-luxus="L1"] .gc-senden{background:transparent;color:#3D3733;border:0;width:48px}
@media (min-width:810px) {
html[data-luxus="L2"][data-chat="C"] .gc-fenster{width:520px}
html[data-luxus="L2"][data-chat="C"]:not(.cg-tafel) .gc-fenster{width:520px}
}
html[data-luxus="L2"] .gc-kopf{height:96px;padding:0 40px;border-bottom-color:rgba(58,52,47,.14)}
html[data-luxus="L2"] .gc-kopf svg{width:30px;height:30px}
html[data-luxus="L2"] .gc-titel{font-size:11px;letter-spacing:.3em}
html[data-luxus="L2"] .gc-verlauf{padding:34px 40px 16px;gap:12px}
html[data-luxus="L2"] .gc-perle{background:transparent;box-shadow:none;padding:0;max-width:46ch;
  font-size:21px;line-height:1.48}
html[data-luxus="L2"] .gc-perle{font-size:15px;line-height:1.55}
html[data-luxus="L2"] .gc-perle:not(.gast){max-width:52ch}
html[data-luxus="L2"] .gc-perle.gast{background:rgba(58,52,47,.10);color:#211F1E;padding:16px 20px;max-width:82%}
html[data-luxus="L2"] .gc-perle.gast+.gc-perle:not(.gast),
html[data-luxus="L2"] .gc-perle:not(.gast)+.gc-perle.gast{margin-top:16px}
html[data-luxus="L2"] .gc-eingabe{padding:16px 40px 20px}
html[data-luxus="L2"] .gc-fuss{padding:0 40px 20px}
html[data-luxus="L2"] .gc-feld{min-height:60px;border:1px solid rgba(58,52,47,.28);background:transparent;
  align-items:center}
html[data-luxus="L2"] .gc-feld textarea{padding:12px 20px;align-self:center}
html[data-luxus="L2"] .gc-senden{align-self:stretch}
html[data-luxus="L2"] .gc-senden{background:transparent;color:#3D3733;border-left:1px solid rgba(58,52,47,.18);width:60px}
@media (min-width:810px) {
html[data-luxus="L3"][data-chat="C"] .gc-fenster{width:560px}
html[data-luxus="L3"][data-chat="C"]:not(.cg-tafel) .gc-fenster{width:560px}
}
html[data-luxus="L3"] .gc-kopf{height:76px;padding:0 44px;border-bottom-color:rgba(58,52,47,.18)}
html[data-luxus="L3"] .gc-kopf svg{display:none}
html[data-luxus="L3"] .gc-titel{font-family:"Cormorant Garamond",'Cormorant Ersatz',Georgia,serif;font-size:26px;letter-spacing:0;
  text-transform:none;color:#211F1E}
html[data-luxus="L3"] .gc-verlauf{padding:30px 44px 16px;gap:26px}
html[data-luxus="L3"] .gc-perle{background:transparent;box-shadow:none;padding:0;max-width:50ch;
  font-size:20px;line-height:1.5}
html[data-luxus="L3"] .gc-perle.gast{background:transparent;color:#6E6862;padding:0;text-align:left;
  font-family:"DM Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.8}
html[data-luxus="L3"] .gc-perle.gast::before{content:"Ihre Frage";display:block;font-size:11px;letter-spacing:.24em;
  color:rgba(33,31,30,.45);margin-bottom:6px}
html[data-luxus="L3"] .gc-perle:not(.gast)+.gc-perle.gast{border-top:1px solid rgba(58,52,47,.18);padding-top:26px}
html[data-luxus="L3"] .gc-eingabe{padding:18px 44px 22px;border-top-color:rgba(58,52,47,.18)}
html[data-luxus="L3"] .gc-fuss{padding:0 44px 22px}
html[data-luxus="L3"] .gc-feld{min-height:56px;background:rgba(239,235,228,.7)}
html[data-luxus="L3"] .gc-feld textarea{padding:16px 20px}
html[data-luxus="L3"] .gc-senden{width:48px;height:auto;background:#3D3733;color:#F6F2EA}
html[data-chat] .gc-zu svg{width:13px;height:13px}
html[data-chat] .gc-zu{padding:8px}
html[data-chat] .gc-fuss{white-space:normal}
html[data-chat] .gc-fuss .gc-dslink{margin-left:.5em}
@media (max-width:809px) {
html[data-chat] .gc-fuss{font-size:11px;letter-spacing:.1em}
}
html[data-chat] .gc-titel{font-size:12.5px;letter-spacing:.3em}
html[data-chat] .gc-kopf{gap:14px}
html[data-chat] .gc-zu svg{width:15px;height:15px}
.cg-ruf svg,.buchbar .cg-bar svg{display:none}
.cg-ruf::before,.buchbar .cg-bar::before{content:"";display:block;width:20px;height:20px;background:currentColor;
  -webkit-mask:url("/bot-zeichen.svg") center/contain no-repeat;
  mask:url("/bot-zeichen.svg") center/contain no-repeat}
@media (max-width:809px) {
html[data-chat] .gc-fuss{font-size:11px;letter-spacing:.12em}
}
@media (min-width:810px) {
html[data-luxus="L2"][data-chat="C"] .gc-fenster{width:var(--cg-soll,520px)}
html[data-luxus="L2"][data-chat="C"]:not(.cg-tafel) .gc-fenster{width:var(--cg-soll,520px)}
html[data-chat] .gc-zu{width:44px;height:44px;margin-right:-10px}
}
@media (max-width:809px) {
html[data-chat] .gc-verlauf > *{max-width:min(100%,52ch)}
html[data-chat] .gc-perle.gast{margin-left:auto}
html[data-chat] .gc-zu{width:44px;height:44px;margin-right:-8px}
}
html[data-chat] .gc-fenster[data-schmal] .gc-fuss{font-size:11px;letter-spacing:.08em}
html[data-chat] .gc-titel{font-family:Oswald,Impact,sans-serif;font-weight:300;font-size:14px;
  letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#211F1E}
@media (max-width:809px) {
html[data-chat] .gc-titel{font-size:12px}
}
@media (max-width:1023px) {
html[data-chat] .gc-fenster{z-index:10000}
html[data-tafel="hell"][data-chat="C"].cg-offen .gbt-tafel.da{filter:brightness(.9) saturate(.95)}
html[data-glasfarbe="hell"][data-chat] .gc-fenster{background:rgba(246,243,238,.86);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(53,48,43,.16),
      0 -18px 48px -12px rgba(16,13,11,.42),0 -2px 10px -4px rgba(16,13,11,.2)}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf{padding-top:28px;padding-bottom:16px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf h2{font-size:22px;line-height:28px;letter-spacing:-.005em}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:26px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kalkopf{margin-bottom:12px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopfzeile{margin-bottom:8px;padding-bottom:10px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:22px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile{margin-top:12px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile > span{font-size:16px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{gap:20px;margin-top:26px;padding-top:6px}
.gbt-zusammen{width:100%}
.cg-dat{align-items:center;gap:20px;padding:17px 0;border-top:1px solid rgba(58,52,47,.14)}
.cg-dat:last-child{border-bottom:1px solid rgba(58,52,47,.14)}
.cg-dat-l{font-size:11px;letter-spacing:.18em;line-height:1}
.cg-dat-w{font-size:15px;letter-spacing:.04em;font-weight:400;line-height:1}
html[data-tafel="hell"] .cg-dat-l{color:rgba(33,31,30,.58)}
html[data-tafel="hell"] .cg-dat-w{color:#211F1E}
html[data-eingabe="E1"] .gc-feld textarea::placeholder{font-size:11px;letter-spacing:.14em;line-height:22px;white-space:nowrap}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss:has(.cg-dat){border-top:0;padding-top:0}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-knopf{min-height:52px;height:52px}
}
html[data-tafel="hell"] .buchbar .cg-bar{background:transparent;color:#F6F2EA;border-left-color:transparent}
@media(hover:hover) {
html[data-tafel="hell"] .buchbar .cg-bar:hover{background:rgba(246,242,234,.10);color:#F6F2EA}
html[data-tafel="hell"] .buchbar .cg-bar:hover svg rect{fill:#3D3733 !important}
}
@media (max-width:1023px) {
html[data-chat] .gc-kopf{height:56px;padding:0 28px 0 40px;gap:14px}
html[data-chat] .gc-kopf::before{width:27px;height:27px}
html[data-chat] .gc-titel{font-size:14.5px;letter-spacing:.42em}
html[data-chat] .gc-zu{width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center}
html[data-chat] .gc-zu svg{width:20.4px;height:20.4px}
}
@media (max-width:1023px) {
.cg-knopfpaar{width:100%;min-width:0}
.cg-knopfpaar .gbt-knopf{min-width:0;padding:0 12px;white-space:nowrap}
.cg-knopfpaar .cg-ruf-fuss{flex:0 0 56px;padding:0;min-width:0}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-tafel[data-form]{
    background:
      radial-gradient(130% 55% at 18% 0%, rgba(255,255,255,.82), rgba(255,255,255,0) 62%),
      linear-gradient(160deg, rgba(255,255,255,.78) 0%, rgba(246,242,235,.68) 46%, rgba(236,230,221,.74) 100%) !important;   /* Deckung +0,15 bis +0,18: etwas weniger transparent (Michael 20.09.2026) */
    -webkit-backdrop-filter:blur(34px) saturate(1.45) brightness(1.05) !important;
    backdrop-filter:blur(34px) saturate(1.45) brightness(1.05) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),            /* Lichtkante oben */
      inset 1px 0 0 rgba(255,255,255,.5),
      inset 0 -1px 0 rgba(53,48,43,.12),              /* Schattenkante unten */
      inset 0 0 0 1px rgba(255,255,255,.28),
      0 0 0 1px rgba(53,48,43,.13),
      0 36px 80px -28px rgba(16,13,11,.5),
      0 8px 22px -12px rgba(16,13,11,.3) !important}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-kopfzeile,
  html[data-tafel="hell"] body[data-ptf="5"] .gbt-zeile{
    border-color:rgba(53,48,43,.13);box-shadow:0 1px 0 rgba(255,255,255,.7)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zaehler button,
  html[data-tafel="hell"] body[data-ptf="5"] .gbt-zeile select{
    background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.28));
    border:1px solid rgba(53,48,43,.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(16,13,11,.08);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-zaehler button[disabled]{
    background:rgba(255,255,255,.18);box-shadow:none;border-color:rgba(53,48,43,.10)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button.gbt-rand{
    background:linear-gradient(180deg,#4a433d,#35302B);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 6px -2px rgba(16,13,11,.4)}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-gitter button.gbt-drin{
    background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(53,48,43,.08)}
html[data-tafel="hell"] .gbt-zusammen{
    background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.22));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.4),0 0 0 1px rgba(53,48,43,.10);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-tafel="hell"] .cg-dat{padding-left:12px;padding-right:12px;gap:10px;border-color:rgba(53,48,43,.10)}
html[data-tafel="hell"] .cg-dat-l{font-size:11px;letter-spacing:.14em}
html[data-tafel="hell"] .cg-dat-w{font-size:13px;letter-spacing:.02em}
html[data-tafel="hell"] .cg-dat:first-child{border-top:0}
html[data-tafel="hell"] .cg-dat:last-child{border-bottom:0}
html[data-tafel="hell"] body[data-ptf="5"] .gbt-knopf,
  html[data-tafel="hell"] .cg-ruf-fuss{
    background:linear-gradient(180deg, rgba(78,70,64,.97), rgba(53,48,43,.97)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px -12px rgba(16,13,11,.55)}
html[data-tafel="hell"] .cg-ruf-fuss{border-left:1px solid rgba(246,242,234,.22)}
html[data-glasfarbe="hell"][data-chat] .gc-fenster{
    background:
      radial-gradient(130% 40% at 18% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%),
      rgba(246,243,238,.86)}
}
@media (max-width:1023px) and (min-height:760px) {
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kopf{padding-top:22px;padding-bottom:14px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:20px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:26px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile{margin-top:16px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-kalkopf{margin-bottom:16px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{margin-top:32px;gap:22px}
.cg-dat{padding-top:19px;padding-bottom:19px}
}
@media (max-width:1023px) and (min-height:900px) {
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:32px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-zeile{margin-top:20px}
body[data-ptf] .gbt-tafel[data-form="schmal"] .gbt-fuss{margin-top:38px}
}
.gbt-zu{position:relative}
.gbt-zu svg{width:13.6px !important;height:13.6px !important}
.gbt-zu::after{content:"";position:absolute;inset:-15px}
html[data-chat] .gc-kopf{position:relative;--ik:34px;--pl:40px;--kh:96px}
html[data-chat] .gc-kopf::before{width:var(--ik);height:var(--ik);transform-origin:22% 88%}
html[data-chat] .gc-titel{font-size:17px}
@media (max-width:1023px) {
html[data-chat] .gc-kopf{--ik:36px;--pl:40px;--kh:64px;height:64px;gap:18px}
html[data-chat] .gc-kopf::before{width:var(--ik);height:var(--ik)}
html[data-chat] .gc-titel{font-size:18px}
}
html[data-chat] .gc-kopf::after,html[data-chat] .gc-titel::before{content:"";position:absolute;pointer-events:none;
  background-repeat:no-repeat;background-size:100% 100%;opacity:0}
html[data-chat] .gc-kopf::after{width:36px;height:16px;
  left:calc(var(--pl) + var(--ik) / 2 - 18px);top:calc((var(--kh) - var(--ik)) / 2 - 14px);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2016'%20fill='none'%20stroke='%23211F1E'%20stroke-width='1.6'%20stroke-linecap='round'%3E%3Cpath%20d='M18%202v4M9.5%205.2l2.6%203M26.5%205.2l-2.6%203'/%3E%3C/svg%3E");transform-origin:50% 100%}
html[data-chat] .gc-titel::before{width:34px;height:20px;
  left:calc(var(--pl) - 38px);top:calc(var(--kh) / 2 - 10px);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2020'%20fill='none'%20stroke='%23211F1E'%20stroke-width='1.4'%20stroke-linecap='round'%3E%3Cpath%20d='M12%204h20'%20opacity='.5'/%3E%3Cpath%20d='M3%2010h29'/%3E%3Cpath%20d='M14%2016h18'%20opacity='.5'/%3E%3C/svg%3E");transform-origin:100% 50%}
@media (max-width:1023px) {
html[data-chat] .gc-fenster{left:var(--satz-links,20px);right:var(--satz-rechts,20px)}
html[data-chat] .gc-kopf{padding:0 16px 0 28px}
html[data-luxus="L2"] .gc-verlauf{padding-left:28px;padding-right:28px}
html[data-luxus="L2"] .gc-eingabe{padding-left:28px;padding-right:28px}
html[data-chat] .gc-fuss{padding-left:28px;padding-right:28px}
html[data-chat] .gc-kopf{--pl:28px}
}
@media (max-width:1023px) {
.klebeleiste .buchbar{height:64px}
.klebeleiste .buchbar>*{font-size:12px}
.buchbar .cg-bar{padding:0 30px}
.buchbar .cg-bar::before{width:23px;height:23px}
html[data-chat="C"]:not(.cg-tafel) .gc-fenster{bottom:calc(72px + env(safe-area-inset-bottom, 0px))}
}
@media (max-width:1023px) {
.gbt-fuss .gbt-zusammen{display:none}
.cg-datblock{width:100%;
    background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.34));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.45),0 0 0 1px rgba(53,48,43,.12);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cg-datblock .cg-dat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;min-height:56px;cursor:text;
    border-top:1px solid rgba(53,48,43,.10)}
.cg-datblock .cg-dat:first-child{border-top:0}
.cg-dat-in{flex:1 1 auto;min-width:0;width:100%;text-align:right;background:transparent;border:0;border-radius:0;outline:0;
    font:400 16px/24px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:#211F1E;padding:8px 0;-webkit-appearance:none;appearance:none}
.cg-dat-in::placeholder{color:rgba(33,31,30,.34);letter-spacing:.06em}
.cg-datblock .cg-dat:focus-within{background:rgba(255,255,255,.55);box-shadow:inset 2px 0 0 #3D3733}
.cg-dat-in[aria-invalid="true"]{color:#8C5A3C}
.cg-datblock .cg-dat:has(.cg-dat-in[aria-invalid="true"]){box-shadow:inset 2px 0 0 #8C5A3C}
.gbt-tafel.cg-kb{top:calc(var(--cg-vvt,0px) + 8px) !important;transform:translateX(-50%) !important;
    max-height:calc(var(--cg-vvh,100dvh) - 16px) !important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}
@media (max-width:1023px) {
html[data-swiss] .gbt-tafel[data-form="schmal"]{
    --sz:clamp(36px, calc((100vw - 100px) / 7), 52px);
    --zelle:var(--sz) !important;
    --rz:48px;                       /* Zeilenhoehe = 6 Einheiten zu 8 px */
    --linie:rgba(53,48,43,.14);
    --leise:rgba(33,31,30,.56)}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kopf,
  html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-rumpf{
    padding-left:calc((100% - 7 * var(--sz)) / 2);padding-right:calc((100% - 7 * var(--sz)) / 2)}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kopf{
    display:grid;grid-template-columns:repeat(7,var(--sz));align-items:center;padding-top:32px;padding-bottom:0;min-height:72px;
    border-bottom:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kopf h2{grid-column:1 / span 6;margin:0;
    font:500 11px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zu{grid-column:7;justify-self:end;margin-right:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-rumpf{padding-bottom:32px}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-rumpf::before{content:"";display:block;height:1px;background:var(--linie);
    box-shadow:0 1px 0 rgba(255,255,255,.7);margin-bottom:8px}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kalkopf{display:grid;grid-template-columns:repeat(7,var(--sz));
    align-items:center;width:auto;min-height:var(--rz);margin:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kalkopf button:first-child{grid-column:1;justify-self:start}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kalkopf button:last-child{grid-column:7;justify-self:end}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kalname{grid-column:2 / span 5;text-align:center;
    font:400 12px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-gitter{display:grid;grid-template-columns:repeat(7,var(--sz));row-gap:0;width:auto}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-gitter span{height:24px;line-height:24px;font:400 11px/24px "DM Mono",ui-monospace,monospace;
    letter-spacing:.16em;color:var(--leise);text-align:center}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-gitter button{width:var(--sz);height:40px;font:300 17px/40px "DM Mono",ui-monospace,monospace;
    padding:0;letter-spacing:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-satz{gap:0;display:block}
html[data-swiss] .gbt-tafel[data-form="schmal"] [data-bel]{margin-top:40px;padding-top:0;border-top:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kopfzeile{display:block;border:0;box-shadow:none;margin:0;padding:0 0 8px;
    font:400 11px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--leise)}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zeile{display:grid;grid-template-columns:repeat(7,var(--sz));align-items:center;
    min-height:var(--rz);margin:0;padding:0;border:0;box-shadow:none;gap:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zeile > span:first-child{grid-column:1 / span 4;
    font:400 13px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#211F1E}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zeile > .gbt-kindname{font-size:11px;letter-spacing:.14em;color:var(--leise)}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zaehler{grid-column:5 / span 3;display:grid;grid-template-columns:repeat(3,var(--sz));
    align-items:center;justify-items:center;gap:0;margin:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zaehler button{width:var(--sz);height:var(--sz);min-width:0;padding:0}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zaehler .gbt-wert{width:var(--sz);min-width:0;text-align:center;
    font:400 16px/24px "DM Mono",ui-monospace,monospace}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-zeile select{grid-column:5 / span 3;width:calc(3 * var(--sz));height:var(--sz);flex:none;
    font:400 14px/1 "DM Mono",ui-monospace,monospace}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-fuss{display:block;margin-top:40px;padding:0;border:0}
html[data-swiss] .cg-datblock{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
    border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);width:calc(7 * var(--sz));margin:0 0 32px}
html[data-swiss] .cg-datblock .cg-dat{display:grid;grid-template-columns:repeat(7,var(--sz));align-items:center;
    min-height:var(--rz);padding:0;gap:0;border:0;box-shadow:none}
html[data-swiss] .cg-datblock .cg-dat + .cg-dat{border-top:1px solid var(--linie)}
html[data-swiss] .cg-datblock .cg-dat-l{grid-column:1 / span 3;font:400 11px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.24em;
    text-transform:uppercase;color:var(--leise)}
html[data-swiss] .cg-datblock .cg-dat-in{grid-column:4 / span 4;text-align:right;padding:0;font:400 16px/24px "DM Mono",ui-monospace,monospace;letter-spacing:.04em}
html[data-swiss] .cg-datblock .cg-dat:focus-within{background:rgba(255,255,255,.4);box-shadow:none}
html[data-swiss] .cg-knopfpaar{display:grid;grid-template-columns:repeat(7,var(--sz));width:calc(7 * var(--sz));height:56px}
html[data-swiss] .cg-knopfpaar .gbt-knopf{grid-column:1 / span 6;width:auto;height:56px;min-height:56px;padding:0}
html[data-swiss] .cg-knopfpaar .cg-ruf-fuss{grid-column:7;width:var(--sz);flex:none;height:56px;padding:0}
}
@media (max-width:1023px) and (min-height:900px) {
html[data-swiss] .gbt-tafel[data-form="schmal"]{--rz:56px}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-gitter button{height:44px;line-height:44px}
}
@media (max-width:1023px) {
.cg-datblock{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
    border-top:1px solid rgba(53,48,43,.14);border-bottom:1px solid rgba(53,48,43,.14)}
.cg-datblock .cg-dat{min-height:48px;padding:0;border-top:1px solid rgba(53,48,43,.10)}
.cg-datblock .cg-dat:first-child{border-top:0}
.cg-datblock .cg-dat-l{font-size:11px;letter-spacing:.22em;color:rgba(33,31,30,.5)}
.cg-dat-in{font-weight:300;letter-spacing:.03em;color:#3D3733;padding:0}
.cg-datblock .cg-dat:focus-within{background:rgba(255,255,255,.4);box-shadow:none}
}
body .gbt-tafel[data-form] .gbt-kopf h2{font-size:17px !important;line-height:22px !important;letter-spacing:.2em}
.gbt-zu svg{width:20px !important;height:20px !important}
.gbt-zu::after{inset:-14px}
.gbt-belrumpf{display:contents}
.gbt-tafel[data-form="schmal"] .gbt-belrumpf{display:grid;grid-template-rows:0fr;opacity:0;
  transition:grid-template-rows 320ms cubic-bezier(.23,1,.32,1),opacity 220ms ease}
.gbt-tafel[data-form="schmal"] .gbt-belrumpf > div{min-height:0;overflow:hidden}
.gbt-tafel[data-form="schmal"] [data-bel].auf .gbt-belrumpf{grid-template-rows:1fr;opacity:1}
.gbt-tafel[data-form="schmal"] .gbt-belrumpf > div > .gbt-zeile:first-child{margin-top:0}
.gbt-tafel[data-form="schmal"] [data-bel]:not(.auf){margin-top:-14px}
.gbt-tafel[data-form="schmal"] [data-bel] .gbt-kopfzeile{cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.gbt-tafel[data-form="schmal"] [data-bel] .gbt-kopfzeile::after{content:"+";font-size:16px;line-height:1;letter-spacing:0;transition:transform 200ms ease}
.gbt-tafel[data-form="schmal"] [data-bel].auf .gbt-kopfzeile::after{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce) {
.gbt-tafel[data-form="schmal"] .gbt-belrumpf,.gbt-kopfzeile::after{transition:none}
}
.gbt-tafel[data-form="schmal"] .gbt-belrumpf > div{margin:0 -14px;padding:0 14px}
@media (min-width:810px) and (max-width:1023px) {
.gbt-tafel[data-form="schmal"]{max-width:560px}
}
html[data-swiss] body .gbt-tafel[data-form="schmal"] .gbt-kopf h2{font-size:16px !important;letter-spacing:.14em;
  min-width:0;white-space:nowrap;width:auto;max-width:100%}
html[data-swiss] .gbt-tafel[data-form="schmal"] [data-bel] .gbt-kopfzeile{display:flex;justify-content:space-between;align-items:center;
  min-height:var(--rz);padding:0;cursor:pointer}
html[data-swiss] .gbt-tafel[data-form="schmal"] [data-bel]{margin-top:16px}
html[data-swiss] .gbt-tafel[data-form="schmal"] [data-bel] .gbt-kopfzeile::after{font-size:22px;font-weight:300}
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-kopf{gap:0}
html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea{font-size:17px !important;letter-spacing:0 !important;line-height:25px !important}
html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media (max-width:1023px) {
html[data-tafel="dunkel"] .gbt-tafel[data-form="schmal"]{--linie:rgba(246,242,234,.2);--leise:rgba(246,242,234,.62)}
html[data-tafel="dunkel"] .gbt-tafel[data-form="schmal"] .gbt-rumpf::before{box-shadow:none}
html[data-tafel="dunkel"] .gbt-tafel[data-form="schmal"] .gbt-zeile > span:first-child{color:#F6F2EA}
html[data-tafel="dunkel"] .gbt-tafel[data-form="schmal"] .gbt-zeile > .gbt-kindname{color:var(--leise)}
html[data-tafel="dunkel"] .cg-datblock{border-color:var(--linie,rgba(246,242,234,.2))}
html[data-tafel="dunkel"] .cg-datblock .cg-dat{border-top-color:rgba(246,242,234,.2)}
html[data-tafel="dunkel"] .cg-datblock .cg-dat-l{color:rgba(246,242,234,.62)}
html[data-tafel="dunkel"] .cg-dat-in{color:#F6F2EA}
html[data-tafel="dunkel"] .cg-dat-in::placeholder{color:rgba(246,242,234,.4)}
html[data-tafel="dunkel"] .cg-datblock .cg-dat:focus-within{background:rgba(246,242,234,.08)}
html[data-tafel="dunkel"] .gbt-tafel[data-form="schmal"] [data-bel] .gbt-kopfzeile{color:var(--leise)}
}
@media (min-width:1024px) {
.gbt-fuss .gbt-zusammen{display:none}
.gbt-fuss{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:32px;align-items:end}
.cg-datblock{display:contents}
.cg-datblock .cg-dat{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0 0 10px;border:0;
    border-bottom:1px solid rgba(246,242,234,.28);cursor:text}
.cg-datblock .cg-dat-l{font:400 11px/16px "DM Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase;color:rgba(246,242,234,.62)}
.cg-dat-in{background:transparent;border:0;border-radius:0;outline:0;padding:0;width:100%;text-align:left;
    font:300 22px/32px "DM Mono",ui-monospace,monospace;letter-spacing:.04em;color:#F6F2EA;-webkit-appearance:none;appearance:none}
.cg-dat-in::placeholder{color:rgba(246,242,234,.38)}
.cg-datblock .cg-dat:focus-within{border-bottom-color:#F6F2EA}
.cg-dat-in[aria-invalid="true"]{color:#E0A98A}
.gbt-fuss .cg-knopfpaar{grid-column:3}
}
@media (min-width:810px) and (max-width:1023px) {
.klebeleiste,body.mit-chat .klebeleiste{left:0;right:0;margin-left:auto;margin-right:auto;width:max-content;max-width:calc(100vw - 48px);transform:none}
.klebeleiste .buchbar .buchtext{padding:20px 34px}
.klebeleiste .buchbar .cg-bar{padding:0 26px}
}
@media (max-width:1023px) {
html .gbt-tafel .cg-knopfpaar{height:56px;align-items:stretch}
html body[data-ptf] .gbt-tafel[data-form] .cg-knopfpaar .gbt-knopf,html body[data-ptf] .gbt-tafel[data-form] .cg-knopfpaar .cg-ruf-fuss{height:56px;min-height:56px;box-sizing:border-box}
}
@media (min-width:810px) and (max-width:1023px) {
html[data-swiss] .cg-datblock .cg-dat-in{font-size:14px !important;line-height:24px !important;letter-spacing:.04em}
}
@media (min-width:1024px) {
.cg-dat-in{font:400 15px/24px "DM Mono",ui-monospace,monospace !important;letter-spacing:.04em !important}
}
@media (max-width:809px) {
html.cg-tastatur[data-chat] .gc-fenster{
    bottom: calc(var(--cg-tastatur, 0px) + 8px);
    height: min(calc(var(--cg-sicht, 100dvh) - 16px), 520px);
    max-height: calc(var(--cg-sicht, 100dvh) - 16px);
  }
html.cg-tastatur[data-chat] .gc-fenster{ display:flex; flex-direction:column; }
html.cg-tastatur[data-chat] .gc-verlauf{ flex:1 1 auto; min-height:0; overflow-y:auto; }
html.cg-tastatur[data-chat] .gc-eingabe{ flex:0 0 auto; }
}
@media (max-width:809px) {
html.cg-tastatur .gbt-tafel{
    /* Die Tafel steht sonst mittig ueber transform. Mit gesetztem bottom
       zieht die Verschiebung sie aus dem Bild (gemessen: Oberkante -238).
       Darum hier beides abschalten und von unten her rechnen. */
    top: auto !important; transform: none !important;
    bottom: calc(var(--cg-tastatur, 0px) + 8px) !important;
    max-height: calc(var(--cg-sicht, 100dvh) - 16px) !important;
    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  }
html.cg-tastatur .gbt-tafel .gbt-fuss{ position: sticky; bottom: 0;
    background: inherit; padding-bottom: 8px; }
}
@media (min-width:1024px) {
html[data-swiss] .gbt-tafel[data-form="breit"] .cg-dat{
    max-width: var(--cg-kalbreite, none)}
}
@media (max-width:1023px) {
html[data-swiss] .gbt-tafel[data-form="schmal"]{
    --sz:clamp(28px, max(calc((100vw - 100px) / 7), min(36px, calc((100vw - 64px) / 7))), 52px)}
.gbt-tafel{max-height:calc(100dvh - 24px)}
.gbt-tafel[data-form="schmal"] .gbt-fuss{position:sticky;bottom:0;z-index:2;
    background:#F3EEE7;padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media (max-width:1023px) {
html .gbt-tafel[data-form] .gbt-zu{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;margin:-12px -12px -12px 0}
html .gbt-tafel[data-form] .gbt-kopf h2{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:359px) {
html body .gbt-tafel[data-form][data-form] .gbt-kopf h2{font-size:13px !important;line-height:20px !important;letter-spacing:.12em !important;white-space:normal !important}
}
html[data-chat][data-glasfarbe="hell"] .gc-angebot{
  border-top:1px solid rgba(58,52,47,.16);border-bottom:1px solid rgba(58,52,47,.16);
  margin:6px 0 2px;padding:20px 0 22px;display:flex;flex-direction:column;gap:0;align-self:stretch;color:#211F1E}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-hinweis{
  font:400 15px/1.5 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;font-style:italic;color:rgba(33,31,30,.7);margin:0 0 10px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-klein{
  font:400 11px/1.7 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(58,52,47,.62);margin-top:4px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis{
  font:400 36px/1.1 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#211F1E;margin-top:16px;letter-spacing:-.01em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis .gc-ang-ab{
  font:400 11px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(58,52,47,.62);margin-right:4px;vertical-align:.35em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis + .gc-leise{
  font:400 15px/1.5 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:rgba(33,31,30,.66);margin-top:2px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf{
  display:flex;align-items:center;justify-content:space-between;margin-top:18px;min-height:56px;padding:0 20px;
  background:#3D3733;color:#F6F2EA;text-decoration:none;border-radius:0;
  font:400 12px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;
  transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf::after{content:"\2192";font-size:16px;letter-spacing:0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf:active{transform:scale(.98)}
@media(hover:hover) {
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf:hover{background:#2E2926}
}
@media (max-width:1023px) {
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle{font-size:19px !important;line-height:1.55 !important}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle.gast{font-size:18px !important;line-height:1.5 !important;padding:16px 20px !important}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-verlauf{gap:22px}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-preis{font-size:40px}
}
html[data-chat] .gc-fuss, html[data-chat] .gc-fuss a{font-family:"DM Mono",ui-monospace,monospace;letter-spacing:.12em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-hinweis{
  font:400 19px/1.5 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;font-style:normal;color:#211F1E;margin:0 0 18px;letter-spacing:0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zeile{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid rgba(58,52,47,.14)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zname{font:400 17px/1.3 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#211F1E}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zpreis{font:400 13px/1.3 'DM Mono',ui-monospace,monospace;letter-spacing:.06em;color:#3A342F;white-space:nowrap}
@media (max-width:1023px) {
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-hinweis{font-size:20px}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-zname{font-size:18px}
}
html[data-chat][data-glasfarbe="hell"] .gc-angebot{
  display:block;margin:8px 0 0;padding:0;border:0;color:#3D3733}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-hinweis{
  font:400 20px/32px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#3D3733;margin:0 0 24px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-liste{border-top:1px solid #DDD5C9}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zeile{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  height:48px;box-sizing:border-box;padding:12px 0 11px;border-bottom:1px solid #DDD5C9}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zname{
  font:400 18px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#3D3733;letter-spacing:0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zpreis{
  font:400 13px/24px 'DM Mono',ui-monospace,monospace;letter-spacing:.06em;color:#3D3733;text-align:right}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-klein{
  font:300 11px/16px 'DM Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6E6862;margin:0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock{padding:32px 0 24px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock .gc-klein{margin-bottom:8px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis{
  font:400 40px/48px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#3D3733;margin:0;letter-spacing:-.005em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis .gc-ang-ab{
  font:300 11px/16px 'DM Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6E6862;margin-right:8px;vertical-align:baseline}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock .gc-leise{
  font:400 15px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#6E6862;margin-top:8px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-etikett{margin:8px 0 12px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf{margin-top:32px}
@media (max-width:1023px) {
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-hinweis{font-size:20px;line-height:32px}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-zname{font-size:18px}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-preis{font-size:40px}
}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-hinweis,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-hinweis{font-size:16px;line-height:24px;margin:0 0 16px;color:#3D3733}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zeile{height:40px;padding:8px 0 7px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zname,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-zname{font-size:16px;line-height:24px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zpreis{font-size:12px;line-height:24px;letter-spacing:.04em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock{padding:24px 0 16px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-preis{font-size:32px;line-height:40px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis .gc-ang-ab{font-size:11px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock .gc-leise{font-size:14px;line-height:24px;margin-top:4px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-etikett{margin:8px 0 8px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf{margin-top:24px;min-height:48px;font-size:11px;letter-spacing:.14em}
html[data-chat][data-eingabe][data-schrift] .gc-fenster .gc-feld textarea{
  font-family:'Abhaya Libre','Abhaya Ersatz',Georgia,serif !important;font-weight:400 !important;
  font-size:17px !important;line-height:26px !important;letter-spacing:0 !important;color:#211F1E !important}
html[data-chat][data-eingabe][data-schrift] .gc-fenster .gc-feld textarea::placeholder{
  font-family:inherit !important;font-size:inherit !important;letter-spacing:0 !important;color:rgba(33,31,30,.55) !important;
  text-transform:none !important;white-space:normal !important}
@media (max-width:1023px) {
html[data-chat][data-eingabe][data-schrift] .gc-fenster .gc-feld textarea{font-size:18px !important;line-height:27px !important}
}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle a[href*="booking.hotel-gebhard.at"]{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;min-height:48px;padding:0 20px;
  background:#3D3733;color:#F6F2EA;text-decoration:none;border-radius:0;
  font:400 11px/1.3 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;
  transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle a[href*="booking.hotel-gebhard.at"]::after{content:"\2192";font-size:16px;letter-spacing:0}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle a[href*="booking.hotel-gebhard.at"]:active{transform:scale(.98)}
@media(hover:hover) {
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle a[href*="booking.hotel-gebhard.at"]:hover{background:#2E2926}
}
html[data-chat][data-glasfarbe="hell"] .gc-perle + .gc-angebot{margin-top:-6px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot{max-width:380px;margin:0;font-family:Inter,system-ui,sans-serif}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-hinweis,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-hinweis{font:400 15px/22px Inter,system-ui,sans-serif;margin:0 0 12px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zeile{height:auto;min-height:36px;padding:8px 0;align-items:flex-start;gap:12px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zname,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-ang-zname{font:400 14px/20px Inter,system-ui,sans-serif;color:#6E6862;flex:0 0 auto}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zpreis{font:500 14px/20px Inter,system-ui,sans-serif;letter-spacing:0;color:#3D3733;white-space:normal;text-align:right}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-klein{font:400 11px/16px Inter,system-ui,sans-serif;letter-spacing:.08em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock{padding:16px 0 12px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock .gc-klein{margin-bottom:4px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis,
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot .gc-preis{font:500 26px/32px Inter,system-ui,sans-serif;letter-spacing:-.01em}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-preis .gc-ang-ab{font:400 11px/16px Inter,system-ui,sans-serif;letter-spacing:.08em;margin-right:6px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-preisblock .gc-leise{font:400 13px/18px Inter,system-ui,sans-serif;margin-top:2px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-etikett{margin:4px 0 4px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-ang-knopf{margin-top:16px;font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.12em}
@media (max-width:1023px) {
html[data-chat] .gc-fenster{--gc-rand:24px}
html[data-chat] .gc-fenster .gc-kopf{padding-left:var(--gc-rand) !important;padding-right:12px !important}
html[data-chat] .gc-fenster .gc-verlauf{padding-left:var(--gc-rand) !important;padding-right:var(--gc-rand) !important}
html[data-chat] .gc-fenster .gc-eingabe{padding-left:var(--gc-rand) !important;padding-right:var(--gc-rand) !important}
html[data-chat] .gc-fenster .gc-fuss{padding-left:var(--gc-rand) !important;padding-right:var(--gc-rand) !important}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle{font-size:18px !important;line-height:27px !important;max-width:100% !important}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle.gast{font-size:17px !important;line-height:25px !important;
    padding:12px 16px !important;max-width:86% !important}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-verlauf{gap:16px}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-angebot{max-width:none !important;width:100%}
html[data-chat][data-glasfarbe="hell"] .gc-fenster .gc-perle + .gc-angebot{margin-top:-4px}
html[data-chat][data-eingabe="E1"] .gc-fenster .gc-feld{padding:0 !important}
html[data-chat][data-eingabe="E1"] .gc-fenster .gc-feld textarea{padding:14px 16px !important}
html[data-chat][data-eingabe="E1"] .gc-fenster .gc-senden{width:56px !important;margin:0 !important;border-radius:0}
}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-liste{border-top-color:rgba(61,55,51,.165)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zeile{border-bottom-color:rgba(61,55,51,.165)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-doppel{display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(61,55,51,.165);border-bottom:1px solid rgba(61,55,51,.165)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zelle{padding:12px 0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zelle.rechts{padding-left:16px;border-left:1px solid rgba(61,55,51,.165)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-zelle .gc-klein{margin:0 0 6px}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-wert{font:500 15px/22px Inter,system-ui,sans-serif;color:#3D3733;letter-spacing:0}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel,html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel *{font-family:Inter,system-ui,sans-serif!important}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel h2{font-weight:500!important;font-size:15px!important;line-height:24px!important;letter-spacing:.06em!important;text-transform:uppercase}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-kalkopf button,html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-kalname{font-size:15px!important;line-height:24px!important;letter-spacing:0!important;text-transform:none!important}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-kalname{font-weight:500!important;color:#2B2724!important}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-gitter > span{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#8D857B!important;border-bottom:1px solid #D6D0C8}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-gitter > button{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-gitter > button.gbt-rand{font-weight:500!important}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-kopfzeile,html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .cg-dat-l{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#8D857B!important}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-wert,html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .cg-dat-w,html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .cg-dat-in{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}
html body .gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel.gbt-tafel .gbt-knopf{font-weight:500!important;font-size:13px!important;letter-spacing:.14em!important}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-kartenkopf{display:flex;justify-content:space-between;align-items:center;
  min-height:48px;margin-top:16px;border-top:1px solid rgba(58,52,47,.14)}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-kartenkopf .gc-klein{margin:0}
html[data-chat][data-glasfarbe="hell"] .gc-lauf-pfeile{display:flex;gap:0}
html[data-chat][data-glasfarbe="hell"] .gc-lauf-pfeile[hidden]{display:none}
html[data-chat][data-glasfarbe="hell"] .gc-lauf-pfeile button{width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;
  font:400 20px/32px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#211F1E;transition:opacity 160ms ease}
html[data-chat][data-glasfarbe="hell"] .gc-lauf-pfeile button:disabled{opacity:.28;cursor:default}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-lauf{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0 0 8px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-lauf::-webkit-scrollbar{display:none}
html[data-chat][data-glasfarbe="hell"] .gc-karte{flex:0 0 240px;scroll-snap-align:start;display:flex;flex-direction:column;
  background:rgba(239,235,228,.86);box-shadow:inset 0 0 0 1px rgba(58,52,47,.12);border-radius:0}
html[data-chat][data-glasfarbe="hell"] .gc-karte img{display:block;width:240px;height:160px;object-fit:cover}
html[data-chat][data-glasfarbe="hell"] .gc-karte-inhalt{display:flex;flex-direction:column;flex:1 1 auto;padding:16px}
html[data-chat][data-glasfarbe="hell"] .gc-karte-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:24px}
html[data-chat][data-glasfarbe="hell"] .gc-karte-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font:400 18px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#211F1E}
html[data-chat][data-glasfarbe="hell"] .gc-karte-preis{flex:0 0 auto;white-space:nowrap;
  font:400 13px/24px 'DM Mono',ui-monospace,monospace;letter-spacing:.04em;color:#3A342F;font-variant-numeric:tabular-nums}
html[data-chat][data-glasfarbe="hell"] .gc-karte-mehr{align-self:flex-start;height:24px;margin:8px 0 0;padding:0;border:0;background:transparent;
  cursor:pointer;outline:none;font:400 15px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:rgba(33,31,30,.64);
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:rgba(58,52,47,.28)}
html[data-chat][data-glasfarbe="hell"] .gc-karte-mehr:focus-visible{text-decoration-color:#211F1E}
html[data-chat][data-glasfarbe="hell"] .gc-karte-mehr[aria-expanded="true"]{color:#211F1E}
html[data-chat][data-glasfarbe="hell"] .gc-karte-detail{padding-top:8px}
html[data-chat][data-glasfarbe="hell"] .gc-karte-unter{font:400 11px/24px 'DM Mono',ui-monospace,monospace;letter-spacing:.08em;color:rgba(58,52,47,.62)}
html[data-chat][data-glasfarbe="hell"] .gc-karte-detail p{margin:0;font:400 16px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:#211F1E;
  text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-karte-knopf{display:flex;align-items:center;justify-content:space-between;margin-top:16px;
  height:48px;padding:0 16px;background:#3D3733;color:#F6F2EA;text-decoration:none;border-radius:0;
  font:400 11px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;
  transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-karte-knopf::after{content:"\2192";font-size:15px;letter-spacing:0}
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-karte-knopf:active{transform:scale(.98)}
@media(hover:hover) {
html[data-chat][data-glasfarbe="hell"] .gc-angebot a.gc-karte-knopf:hover{background:#2E2926}
}
html[data-chat][data-glasfarbe="hell"] .gc-angebot .gc-ang-weitere{font:400 15px/24px 'Abhaya Libre','Abhaya Ersatz',Georgia,serif;color:rgba(33,31,30,.64);margin-top:8px}
@media (max-width:1023px) {
html[data-chat] .gc-fenster .gc-feld textarea,html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea{font-family:"Abhaya Libre",'Abhaya Ersatz',Georgia,serif !important;font-size:16px !important;
    letter-spacing:0 !important;text-transform:none !important}
html[data-chat] .gc-fenster .gc-feld textarea::placeholder,html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea::placeholder{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
}
@media (max-width:1023px) {
html.cg-tastatur .gc-fenster,html.cg-tastatur .gc-fenster.offen{left:0 !important;right:0 !important;width:auto !important;box-shadow:none !important}
html.cg-tastatur .gc-kopf{height:48px !important;min-height:48px !important;flex:0 0 48px !important}
html.cg-tastatur .gc-eingabe{padding-top:8px !important;padding-bottom:4px !important}
html.cg-tastatur .gc-feld textarea{max-height:76px !important;overflow-y:auto !important}
html.cg-tastatur .gc-fuss{padding-top:0 !important;padding-bottom:4px !important;line-height:16px !important}
html.cg-tastatur .gc-verlauf{min-height:0 !important;flex:1 1 auto !important}
}
@media (max-width:1023px) {
html.cg-tastatur.cg-eng .gc-kopf{height:40px !important;min-height:40px !important;flex:0 0 40px !important}
html.cg-tastatur.cg-eng .gc-feld textarea{max-height:48px !important}
html.cg-tastatur.cg-eng .gc-eingabe{padding-top:4px !important;padding-bottom:2px !important}
}
@media (max-width:1023px) {
html[data-swiss] .gbt-tafel[data-form="schmal"] .gbt-fuss{background:transparent}
}
@media (max-width: 359px) {
.klebeleiste .buchbar .buchtext { font-size: 11px; letter-spacing: .1em; }
}
@media (max-width: 359px) {
.klebeleiste .buchbar .buchtext { padding-right: 36px; }
}
html[data-deckend="1"][data-tafel] body[data-ptf] .gbt-tafel{
  background:#F3EEE7 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:0 0 0 1px rgba(53,48,43,.12),0 40px 90px -30px rgba(16,13,11,.40) !important}
html[data-deckend="2"][data-tafel] body[data-ptf] .gbt-tafel{
  background:#FBF8F3 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:0 0 0 1px rgba(53,48,43,.14),0 40px 90px -30px rgba(16,13,11,.42) !important}
html[data-deckend][data-tafel] body[data-ptf] .gbt-tafel{--pt-schrift:#211F1E;--pt-zweit:#6E6862;--pt-aus:rgba(33,31,30,.28);
  color:#35302B !important}
html[data-deckend] body .gbt-kopf h2{color:#211F1E !important;font-weight:300 !important}
html[data-deckend] body .gbt-kalname,
html[data-deckend] body .gbt-gitter button,
html[data-deckend] body .gbt-kalkopf button{color:#35302B !important;font-weight:300 !important}
html[data-deckend] body .gbt-gitter span,
html[data-deckend] body .gbt-kopfzeile,
html[data-deckend] body .gbt-zusammen,
html[data-deckend] body .gbt-kindname,
html[data-deckend] body .gbt-zeile > span{color:#6E6862 !important;font-weight:400 !important}
html[data-deckend] body .gbt-gitter button[disabled]{color:rgba(33,31,30,.28) !important}
html[data-deckend] body .gbt-zaehler .gbt-wert{color:#211F1E !important;font-weight:300 !important}
html[data-deckend] body .gbt-kopfzeile,
html[data-deckend] body .gbt-zeile,
html[data-deckend] body .gbt-fuss{border-color:rgba(58,52,47,.18) !important}
html[data-deckend] body .gbt-gitter button.gbt-rand{background:#3D3733 !important;color:#F6F2EA !important}
html[data-deckend] body .gbt-gitter button.gbt-drin{background:rgba(58,52,47,.14) !important;color:#211F1E !important}
html[data-deckend] body .gbt-zaehler button,
html[data-deckend] body .gbt-zeile select{border-color:rgba(58,52,47,.38) !important;color:#211F1E !important}
html[data-deckend] body .gbt-knopf{background:#3D3733 !important;color:#F6F2EA !important;border-color:#3D3733 !important}
html[data-deckend] .cg-ruf:not(.cg-bar){background:#3D3733 !important;color:#F1ECE3 !important;
  border-left-color:rgba(246,242,234,.28) !important}
html[data-deckend] .cg-ruf:not(.cg-bar) svg rect{fill:#3D3733 !important}
html[data-deckend] .buchbar .cg-ruf.cg-bar{background:transparent !important}
html[data-deckend] .buchbar .cg-ruf.cg-bar svg rect{fill:#F6F2EA !important}
html[data-deckend] .cg-dat{border-color:rgba(58,52,47,.18) !important}
html[data-deckend] .cg-dat-l{color:rgba(33,31,30,.6) !important}
html[data-deckend] .cg-dat-w{color:#211F1E !important}
html[data-bot] .gc-fenster.offen .gc-kopf::before,
html[data-bot] .gc-fenster.offen .gc-kopf::after,
html[data-bot] .gc-fenster.offen .gc-titel::before{animation:none}
html[data-bot] .gc-kopf::before{transform-origin:50% 90%}
@keyframes b-willkommen{
  0%{transform:translateX(-36px) rotate(-10deg);opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}
  12%{opacity:1}
  36%{transform:translateX(5px) rotate(4deg);animation-timing-function:ease-in-out}
  44%{transform:translateX(0) rotate(0)}
  52%{transform:translateY(-8px) scale(1.07);animation-timing-function:cubic-bezier(.5,0,.9,.4)}
  60%{transform:translateY(0) scale(1.02,.97)}
  64%{transform:scale(1)}
  71%{transform:rotate(-8deg)}
  81%{transform:rotate(6deg)}
  91%{transform:rotate(-2deg)}
  100%{transform:none;opacity:1}}
@keyframes b-spur{0%{opacity:0;transform:scaleX(.3)}14%{opacity:.85}36%{opacity:.5;transform:scaleX(1)}46%,100%{opacity:0;transform:scaleX(1)}}
@keyframes b-strahl{0%,44%{opacity:0;transform:scale(.6)}54%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}84%,100%{opacity:0;transform:scale(1.06)}}
@keyframes b-idle-a{0%,100%{transform:none}25%{transform:rotate(-6deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}
@keyframes b-idle-a-strahl{0%,100%{opacity:0}35%,60%{opacity:.7;transform:scale(.8)}}
@keyframes b-idle-b{0%,100%{transform:none}
  22%{transform:translateY(-6px) scale(1.03,1.06)}40%{transform:translateY(0) scale(1.03,.96)}48%{transform:none}
  66%{transform:translateY(-4px) scale(1.02,1.04)}84%{transform:translateY(0)}}
@keyframes b-ratlos{0%,100%{transform:none}
  4%{transform:rotate(-11deg)}8%{transform:rotate(11deg)}12%{transform:rotate(-10deg)}16%{transform:rotate(10deg)}20%{transform:rotate(-7deg)}
  24%{transform:rotate(7deg)}28%{transform:rotate(0)}
  46%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}54%{transform:rotate(-9deg)}58%{transform:rotate(9deg)}62%{transform:rotate(-5deg)}66%{transform:rotate(4deg)}72%{transform:rotate(0)}}
@keyframes b-ratlos-strahl{0%,100%{opacity:0;transform:scale(.7)}
  4%,24%{opacity:1;transform:scale(1)}30%{opacity:0}
  46%,66%{opacity:1;transform:scale(1)}74%{opacity:0}}
@keyframes b-freut{0%,100%{transform:none}
  18%{transform:translateY(2px) scale(1.06,.92)}
  38%{transform:translateY(-10px) rotate(-8deg) scale(.98,1.06)}
  58%{transform:translateY(0) rotate(4deg) scale(1.05,.95)}
  74%{transform:translateY(-3px) rotate(-3deg)}
  88%{transform:none}}
@keyframes b-freut-strahl{0%,20%{opacity:0;transform:scale(.6)}38%{opacity:1;transform:scale(1.1)}68%{opacity:1;transform:scale(1)}84%,100%{opacity:0;transform:scale(1.08)}}
@media (prefers-reduced-motion:no-preference) {
html.cg-willkommen .gc-fenster.offen .gc-kopf::before{animation:b-willkommen 2s both}
html.cg-willkommen .gc-fenster.offen .gc-titel::before{animation:b-spur 2s both}
html.cg-willkommen .gc-fenster.offen .gc-kopf::after{animation:b-strahl 2s both}
html.cg-idle-a .gc-fenster.offen .gc-kopf::before{animation:b-idle-a 1.1s ease-in-out}
html.cg-idle-a .gc-fenster.offen .gc-kopf::after{animation:b-idle-a-strahl 1.1s ease-in-out}
html.cg-idle-b .gc-fenster.offen .gc-kopf::before{animation:b-idle-b 1s ease-in-out}
html.cg-ratlos .gc-fenster.offen .gc-kopf::before{animation:b-ratlos 1.8s ease-in-out}
html.cg-ratlos .gc-fenster.offen .gc-kopf::after{animation:b-ratlos-strahl 1.8s ease-in-out}
html.cg-freut .gc-fenster.offen .gc-kopf::before{animation:b-freut 1.1s ease-in-out}
html.cg-freut .gc-fenster.offen .gc-kopf::after{animation:b-freut-strahl 1.1s ease-in-out}
}
html[data-bot] .gc-kopf .cg-hit{position:absolute;z-index:2;cursor:pointer;background:transparent;border:0;padding:0;
  left:calc(var(--pl) - 6px);top:calc((var(--kh) - var(--ik)) / 2 - 12px);width:calc(var(--ik) + 12px);height:calc(var(--ik) + 18px);
  -webkit-tap-highlight-color:transparent}
html[data-schrift="S2"][data-eingabe="E1"] .gc-feld textarea{font-size:16px;line-height:24px}
html[data-eingabe="E1"] .gc-feld textarea::placeholder{font-size:16px;letter-spacing:.1em}
@media (max-width:809px) {
html[data-schrift="S2"][data-eingabe="E1"] .gc-feld textarea{font-size:16px}
html[data-eingabe="E1"] .gc-feld textarea::placeholder{font-size:14px;letter-spacing:.1em;white-space:nowrap}
}
:root {
  --a1: 8px; --a2: 16px; --a3: 24px; --a4: 40px; --a5: 64px; --a6: 128px;
  --leise: #706B64;   /* hellster Ton, der auf #F3EEE7 noch 4.5:1 haelt */
}
.kopf {
  position: sticky; top: 0; z-index: 60;
  max-width: var(--breite); margin: 0 auto;
  height: 110px;
  background: var(--grund);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding-inline: var(--rand);
}
.menueknopf { display: flex; flex-direction: column; gap: 7px; width: 40px; box-sizing: content-box; padding: 12px 2px; margin: -12px -2px; min-height: 20px; justify-content: center; justify-self: start; background: none; border: 0; cursor: pointer; }
.menueknopf span { display: block; height: 1px; background: var(--tinte); transition: transform .35s, opacity .25s; }
.kopf.offen .menueknopf span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.kopf.offen .menueknopf span:nth-child(2) { opacity: 0; }
.kopf.offen .menueknopf span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.wortmarke {
  font-family: 'Oswald', system-ui, sans-serif;
  font-weight: 300; font-size: 30px; line-height: normal;
  letter-spacing: .42em; text-indent: .42em; text-transform: uppercase;
  color: var(--tinte); text-decoration: none;
  position: relative; top: -.05em;   /* Schriftmitte auf die Mitte von Menue und Sprache: gemessen 1,6 px (30 px Schrift) und 1,0 px (24 px) zu tief */
  padding: 0;   /* 12.10.2026: lp-stil.css gab 40/22 bzw. 28/14 px Polster -- die Schrift sass dadurch 8 bis 11 px tiefer als Menue und Sprache */
}
.sprache {
  justify-self: end; margin: 0;
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 300; font-size: 13.68px; letter-spacing: .16em; color: #57534B;
  white-space: nowrap;   /* 19.10.2026: DE / EN / NL brach am Handy in zwei Zeilen (gemessen 390 px) */
}
.sprache { -webkit-user-select: none; user-select: none; }
.sprache a { text-decoration: none; color: inherit; display: inline-block; padding: 12px 6px; margin: -12px -6px;
             cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.sprache .hier, .sprache .aus { cursor: default; }
.sprache .aus { opacity: .45; }
.menue {
  position: fixed; inset: 110px 0 auto 0; z-index: 55;
  background: var(--grund); border-bottom: 1px solid var(--linie);
  padding: var(--a5) var(--rand); display: none;
}
.menue.offen { display: block; }
.menue > * { max-width: var(--breite); margin-inline: auto; }
.menue ol { list-style: none; padding: 0; display: grid; gap: var(--a3); }
.menue .zaehler {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12px; letter-spacing: .3em; color: var(--grau);
  display: block; margin-bottom: 4px;
}
.auftakt-bild { padding: var(--a4) var(--rand) 0; }
.auftakt-bild .bildkasten { position: relative; aspect-ratio: 1355 / 735; }
.auftakt-bild img { width: 100%; height: 100%; object-fit: cover; }
.kiesel {
  /* Michael 23.09.2026: "Passt in der Webseite an."
     An der Framer-Auslieferung gemessen (1440 px):
       Kiesel   x 98, y 274, 183 x 184
       im Bild  links 6,81 %, oben 13,83 % (Bild x0 y166, 1440 x 781)
       Text     Inter 400, 16 px / 19,2 px, #F3EEE7 */
  /* 24.09.2026, abends: auf die Masse der Landingpage gebracht (244 x 232),
     damit die Originaltypografie ohne Umrechnung passt. Bei 183 px ragte
     das gesperrte INKLUSIVE rechts aus der Form heraus -- gemessen, nicht
     geschaetzt: Textblock 162 px im nutzbaren Innenraum von 183 px. */
  position: absolute; left: 6.81%; top: 13.83%;
  width: 244px; height: 232px;
  display: grid; place-items: center;
  pointer-events: none;
}
@keyframes kiesel-drehen { from { rotate: 0deg } to { rotate: 360deg } }
.einleitung { max-width: 1440px; margin: 0 auto; padding: 128px 200px 0; }
.einleitung .zeile {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-weight: 400; font-size: 12px; line-height: 19.8px; letter-spacing: 1.2px;
  color: #666666; margin: 0;
}
.einleitung h1 {
  font-family: 'Cormorant Garamond', 'Cormorant Ersatz',Georgia, serif;
  font-weight: 300; font-size: 49px; line-height: 58.8px; letter-spacing: normal;
  color: var(--text); max-width: none;
  margin: 24px 0 0;
}
.einleitung .lauf {
  font-size: 18px; line-height: 29.7px; color: var(--text);
  max-width: none;
  /* Abstand H1 -> Lauftext. Die Framer-AUSLIEFERUNG hat hier nur 4 px, die
     Framer-VORSCHAU im Editor rund 90 px -- deshalb drehten wir uns im Kreis.
     Michael 23.09.2026: "Der Abstand passt nicht." Gesetzt auf einen Wert des
     Swiss-Rasters, damit es eine Zahl gibt, an der man drehen kann. */
  margin: var(--abstand-h1, 64px) 0 0;
}
.versatz {
  padding: var(--a6) var(--rand) 0;
  display: grid; grid-template-columns: 44fr 12fr 44fr; align-items: start;
}
.versatz .links  { grid-column: 1; grid-row: 1; margin-top: var(--a6); }
.versatz .rechts { grid-column: 3; grid-row: 1; }
.versatz img { width: 100%; height: auto; }
.laufband {
  margin-top: var(--a6);
  max-width: var(--breite); margin-inline: auto;
  padding-inline: var(--rand);
}
.laufband .fenster { overflow: hidden; }
.laufband .bahn { display: flex; width: max-content; animation: laufen 180s linear infinite; }
.laufband:hover .bahn, .laufband:focus-within .bahn { animation-play-state: paused; }
@keyframes laufen { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.fuss { padding-bottom: 180px; }
.fuss { padding-bottom: 180px; }
.fussinhalt { font-family: 'Abhaya Libre', 'Abhaya Ersatz',Georgia, serif; }
.fussraster {
  /* Michael 23.09.2026: "Warum ist in der dritten Spalte so viel Abstand?"
     Die vierte Spalte war 1 fr breit, ihr Inhalt aber schmal und nach rechts
     geschoben -- daraus wurde eine Luecke von rund 335 px.
     Jetzt bekommt sie nur die Breite ihres Inhalts (auto), die ersten drei
     teilen sich den Rest. Damit sind alle Rinnen 40 px UND die laengste
     Zeile endet weiter auf der rechten Bildkante. */
  display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: var(--a4);
  text-align: left;   /* lp-stil.css zentriert seinen Fuss -- hier nicht:
                         der Block soll mit den Bildkanten abschliessen */
}
.fussblock h2 {
  font-size: 13px; line-height: 1.6; letter-spacing: .2em; text-transform: uppercase;
  /* Kontrast (Michael 24.10.2026): #8A857D 3,17:1 -> #716C65 4,51:1, gleicher Farbton. Zurueck: kopf.css.vor-kontrast-24102026 */
  color: #716C65; font-weight: 400;
  /* Michael 23.09.2026: "Korrigiere den Abstand zwischen allen Bloecken."
     Die Rinnen sind 40 px, waagrecht wie senkrecht. Falsch war der Abstand
     INNEN: Ueberschrift -> erste Zeile stand auf 16 px, das ergab einen
     Grundlinienabstand von 40 px gegen 24 px in der Liste -- die Ueberschrift
     schwebte. Mit 8 px sind es 32 px, also weiter auf dem Achter-Raster. */
  margin: 0 0 var(--a1);
}
.fussblock h2.leer { visibility: hidden; }
.fussblock ul { list-style: none; margin: 0; padding: 0; }
.fussblock li { font-size: 14px; line-height: 24px; color: var(--text); }
.fussblock li a { color: var(--text); display: inline-block; }
.fussblock li a:hover { color: var(--tinte); text-decoration-color: color-mix(in srgb, currentColor 50%, transparent); }
.fuss .zeichen { display: grid; place-items: center; margin-top: var(--a6); }
.fuss .zeichen a { display: block; color: var(--tinte); }
.fuss .signet { display: block; width: 96px; height: auto; }
.fuss .copy { text-align: center; margin: var(--a4) 0 0; font-size: 13px; color: var(--text); }
.fuss .cookieknopf {
  display: block; margin: calc(var(--a3) - 10px) auto 0;
  font-size: 13px; color: var(--text); background: none; border: 0; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
  padding: 10px 8px; min-height: 44px;  /* 30.09.2026: Tippflaeche 44 statt 24 */
}
@media (max-width: 1100px) {
.einleitung { padding-inline: 96px; }
.einleitung h1 { font-size: 40px; line-height: 48px; }
.fussraster { grid-template-columns: repeat(2, 1fr); }
.versatz { grid-template-columns: 1fr; gap: var(--a3); }
.versatz .links, .versatz .rechts { grid-column: 1; grid-row: auto; margin-top: 0;
    margin-inline: calc(var(--rand) * -1); }
}
@media (max-width: 809px) {
.kopf { height: 88px; }
.wortmarke { font-size: 24px; }
.sprache { font-size: 12px; letter-spacing: .1em; }
.sprache .aus { margin: 0 -2px; }
.menue { inset: 88px 0 auto 0; padding: var(--a4) var(--rand); }
.auftakt-bild .bildkasten { aspect-ratio: 350 / 500; margin-inline: calc(var(--rand) * -1); }
.fussraster { grid-template-columns: 1fr; gap: var(--a4); }
.fuss .signet { width: 80px; }
.einleitung { padding: 120px var(--rand) 0; }
.einleitung h1 { font-size: 31px; line-height: 37.2px; }
.versatz { padding-top: 80px; }
.laufband { margin-top: 80px; }
}
.gleisrahmen { position: relative; }
.gleispfeil {
  position: absolute; top: var(--pfeilhoehe, 280px); z-index: 5;
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(61,55,51,.5);
  display: grid; place-content: center;
  border: 0; cursor: pointer;
  backdrop-filter: blur(6px);
  transition: background .2s, opacity .2s;
}
.gleispfeil:hover { background: rgba(61,55,51,.82); }
.gleispfeil:disabled { opacity: 0; pointer-events: none; }
.gleispfeil.zurueck { left: 24px; }
.gleispfeil.vor     { right: 24px; }
@media (max-width: 809px) {
.gleispfeil { width: 38px; height: 38px; }
.gleispfeil.zurueck { left: 12px; }
.gleispfeil.vor     { right: 12px; }
}
.gleissteuerung { gap: var(--a3); margin-top: var(--a4); }
.gleissteuerung button { display: none; }
.gleissteuerung .spur { flex: 1; height: 1px; background: rgba(61,55,51,.18); }
.gleissteuerung .laeufer { height: 1px; background: var(--tinte); }
.gleiszaehler {
  flex: 0 0 auto;
  font-family: 'Abhaya Libre', 'Abhaya Ersatz',Georgia, serif;
  font-size: 18px; line-height: 1.66; color: var(--text);
  font-variant-numeric: tabular-nums;
}
.gleis .karte { gap: 0; }
.gleis .kzeile { align-items: baseline; padding-top: 46px; }
.gleis .kzeile h3 {
  font-family: 'Cormorant Garamond', 'Cormorant Ersatz',Georgia, serif;
  font-weight: 300; font-size: 22px; line-height: 28.6px;
  color: #4A4A45; letter-spacing: 0;
}
.gleis .kmass {
  font-family: 'Abhaya Libre', 'Abhaya Ersatz',Georgia, serif;
  font-size: 16px; line-height: 28.6px; color: var(--grau);
}
.gleis .klinie { margin-top: 16px; background: rgba(61,55,51,.14); }
.gleis .kpreis {
  font-weight: 400; font-size: 17px; line-height: 1.66;
  color: var(--grau); margin-top: 14px;
}
.gleis .ktext {
  font-size: 18px; line-height: 29.88px; color: var(--text); margin-top: 12px;
}
@media (max-width: 809px) {
.gleis .kzeile { padding-top: 28px; }
.gleis .kzeile h3 { font-size: 20px; line-height: 26px; }
.gleis .ktext { font-size: 17px; line-height: 1.66; }
}
.gleis .kzeile h3 { text-wrap: balance; }
.gleis .ktext {
  max-width: 22em;          /* ~ 45 Zeichen bei 18 px Abhaya Libre */
  text-wrap: balance;
  hyphens: none;
}
.gleis .kpreis, .gleis .kmass { text-wrap: nowrap; }
.abschnitt h2, .kopf1 h2, .kopf2 h2 { text-wrap: balance; }
.leitsatz, .einleitung h1 { text-wrap: balance; }
.lauf, .einleitung .lauf { text-wrap: pretty; }
.fussspalte {
  grid-column: 4; grid-row: 1 / 3;
  justify-self: end;
  display: grid; align-content: start; gap: var(--a4);
  text-align: left;
}
figcaption { font-size: 11px; }
body[data-ptf] figcaption { font-size: 11px; }
.fragen .fragenliste { width: 100%; max-width: 1144px; margin-inline: auto; }
.fragen > .qv-wege { width: 100%; max-width: 1144px; margin-inline: auto; }
.fragen details { border-bottom: 1px solid var(--linie); }
.fragen summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: var(--a3);
  padding: 26px 8px;
}
.fragen summary::-webkit-details-marker { display: none; }
.fragen summary h3 {
  flex: 1; margin: 0;
  font-family: 'Cormorant Garamond', 'Cormorant Ersatz',Georgia, serif;
  font-weight: 300; font-size: 20px; line-height: 26px; letter-spacing: .4px;
  color: var(--text);
}
.fragen summary .zeichen { position: relative; width: 20px; height: 20px; flex: 0 0 20px; }
.fragen summary .zeichen::before, .fragen summary .zeichen::after {
  content: ''; position: absolute; background: var(--text); inset: 9px 0 auto; height: 2px;
}
.fragen summary .zeichen::after { transform: rotate(90deg); transition: transform .25s, opacity .25s; }
.fragen details[open] summary .zeichen::after { transform: rotate(0); opacity: 0; }
.fragen .antwort {
  margin: 0 8px 26px; max-width: 760px;
  font-size: 17px; line-height: 1.66; color: var(--tinte);
}
@media (max-width: 809px) {
.fragen summary { padding: 20px 0; }
.fragen summary h3 { font-size: 18px; }
.fragen .antwort { margin-inline: 0; }
}
#zimmer { row-gap: 144px; }
@media (max-width: 1100px) {
.fussspalte { grid-column: auto; grid-row: auto; justify-self: stretch; }
}
.drittelreihe {
  display: grid; grid-template-columns: 1fr 2fr; gap: var(--a3);
  align-items: start; margin-top: -40px;
}
.drittelreihe figure { margin: 0; }
.drittelreihe img { width: 100%; height: auto; display: block; }
@media (max-width: 809px) {
.drittelreihe { grid-template-columns: 1fr; gap: var(--a4); margin-top: 0; }
}
::selection      { background: #E6DDCD; color: var(--tinte); }
::-moz-selection { background: #E6DDCD; color: var(--tinte); }
@media (min-width: 1101px) {
#zimmer .karte { flex: 0 0 900px; }
#zimmer .karte img { aspect-ratio: 3 / 2 !important; }
#zimmer .gleis { margin-right: calc(50% - 50vw + 22px); max-width: 1375px;
                   padding-right: var(--rand, 40px); }
#zimmer .gleispfeil.vor { right: 64px; }
}
.buchform .feldknopf,
.buchform input,
.cg-datblock .cg-dat-in { color: #5C554F; }
#zimmer { --zgap: 144px; row-gap: var(--zgap); }
#zimmer .gleissteuerung { margin-top: calc(var(--a4) - var(--zgap)); }
.wortmarke { font-weight: 200; }
body[data-ptf] .gbt-schleier, .gbt-schleier { background: rgba(38,34,30,.58); }
html.cg-tafel .gc-schleier { background: transparent; }
.gbt-tafel {
  box-shadow: 0 60px 140px -40px rgba(24,21,19,.62),
              0 18px 48px -18px rgba(24,21,19,.34),
              0 0 0 1px rgba(38,34,30,.06);
}
body[data-ptf] .gbt-schleier, .gbt-schleier {
  transition: opacity 180ms cubic-bezier(.4,0,1,1),
              -webkit-backdrop-filter 180ms cubic-bezier(.4,0,1,1),
              backdrop-filter 180ms cubic-bezier(.4,0,1,1);
  -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px);
}
body[data-ptf] .gbt-schleier.da, .gbt-schleier.da {
  transition: opacity 320ms cubic-bezier(.23,1,.32,1),
              -webkit-backdrop-filter 320ms cubic-bezier(.23,1,.32,1),
              backdrop-filter 320ms cubic-bezier(.23,1,.32,1);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
body[data-ptf] .gbt-tafel, .gbt-tafel {
  transform: translate(-50%,-50%) translateY(10px) scale(.97);
  transition: opacity 180ms cubic-bezier(.4,0,1,1),
              transform 180ms cubic-bezier(.4,0,1,1);
}
body[data-ptf] .gbt-tafel.da, .gbt-tafel.da {
  transform: translate(-50%,-50%) translateY(0) scale(1);
  transition: opacity 320ms cubic-bezier(.23,1,.32,1),
              transform 320ms cubic-bezier(.23,1,.32,1);
}
@media (prefers-reduced-motion: reduce) {
.gbt-schleier, .gbt-schleier.da, .gbt-tafel, .gbt-tafel.da {
    transition: opacity 120ms linear !important; transform: translate(-50%,-50%) !important;
  }
.gbt-schleier, .gbt-schleier.da { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea {
  /* Michael 24.09.2026, zweiter Anlauf: "Die Schrift ist immer noch zu
     klein." 16 px stimmten zwar mit dem Platzhalter ueberein, wirken in
     DM Mono mit Versalien und weiter Sperrung aber kleiner als der
     Fliesstext daneben (Abhaya Libre 17 px). Jetzt 18 / 26 px, und die
     Sperrung von .1em auf .06em, damit die Zeile nicht laenger wird. */
  /* Michael 24.09.2026, dritter Anlauf: "Die Schrift um zwei Punkt
     kleiner." 18 -> 16 px, Zeile 26 -> 24. */
  font-size: 16px !important;
  letter-spacing: .06em !important;
  line-height: 24px !important;
}
html[data-chat][data-eingabe] .gc-fenster .gc-feld textarea::placeholder {
  font-size: 16px; letter-spacing: .06em;
}
@media (min-width: 1024px) {
html[data-swiss] .gbt-tafel[data-form="breit"] {
    --e: 8px; --zelle: 40px; --spalte: 280px; --rinne: 40px;
    width: calc(3 * var(--spalte) + 2 * var(--rinne) + 2 * 72px);
    font-family: 'DM Mono', ui-monospace, monospace;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-kopf,
  html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-rumpf { padding-inline: 72px; }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-kopf { padding-block: 72px 40px; }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-satz {
    display: grid;
    grid-template-columns: calc(2 * var(--spalte) + var(--rinne)) var(--spalte);
    column-gap: var(--rinne);
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-gitter,
  html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-kalkopf {
    grid-template-columns: repeat(7, var(--zelle)); width: var(--spalte);
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-gitter button {
    width: var(--zelle); height: var(--zelle);
    font: 300 14px/var(--zelle) 'DM Mono', ui-monospace, monospace;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-kopf h2 {
    font: 300 15px/24px 'DM Mono', ui-monospace, monospace;
    letter-spacing: .16em; text-transform: uppercase;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-kalkopf span,
  html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-monat {
    font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-zeile > span:first-child {
    font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .cg-dat-l { font-size: 11px; letter-spacing: .16em; }
html[data-swiss] .gbt-tafel[data-form="breit"] .cg-dat-in { font-size: 16px; }
html[data-swiss] .gbt-tafel[data-form="breit"] .gbt-knopf {
    font-size: 11px; letter-spacing: .16em; height: 56px;
  }
html[data-swiss] .gbt-tafel[data-form="breit"] .cg-ruf-fuss {
    background: #3D3733; border-left: 1px solid rgba(246,242,234,.22);
    height: 56px; width: 56px;
  }
}
@media (max-width: 760px) {
.kiesel { left: calc(50% - 75px); top: 12%; width: 150px; height: 143px; }
}
@media (min-width: 810px) {
html[data-chat="C"]:not(.cg-tafel) .gc-fenster {
    right: max(40px, calc((100vw - var(--breite, 1435px)) / 2 + 80px));
  }
}
.bewertungsband {
  /* Ziel: 104 px zwischen Knopf und Band -- derselbe Abstand wie von der
     Verweiszeile zum Buchungsformular (beide gemessen 30.09.2026).
     Der Abschnitt .buchen ist ein Flexkasten und legt selbst 128 px zwischen
     seine Bloecke; mit 128 px kommen gemessene 168 px heraus. */
  margin-top: 128px;
  padding-bottom: 60px;
}
.bb-fenster {
  overflow: hidden;
  /* Weicher Auslauf statt harter Schnittkante. */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.bb-bahn {
  display: grid; grid-auto-flow: column; grid-auto-columns: 12.5%; width: 200%;
  /* linear, weil eine Beschleunigungskurve bei Dauerbewegung als Stocken
     gelesen wird. transform laeuft ausserhalb des Hauptfadens. */
  animation: bb-lauf 68s linear infinite;
}
.bb-kopie { display: contents; }
.bb-karte { display: grid; justify-items: center; text-align: center; row-gap: 10px; padding: 0 16px; }
@keyframes bb-lauf { from { transform: translate3d(0,0,0); }
                     to   { transform: translate3d(-50%,0,0); } }
.bb-fenster:hover .bb-bahn,
.bb-fenster:focus-within .bb-bahn { animation-play-state: paused; }
.bb-zahl {
  font-family: "Cormorant Garamond", 'Cormorant Ersatz', Georgia, serif;
  font-weight: 300; font-size: 44px; line-height: 1; color: var(--tinte);
  letter-spacing: -0.01em; margin: 0;
}
.bb-einheit {
  font-family: Inter, system-ui, sans-serif; font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase; color: var(--grau);
  margin-left: 10px; vertical-align: baseline;
}
.bb-name {
  font-family: Inter, system-ui, sans-serif; font-size: 12px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--tinte); margin: 0;
}
.bb-anzahl {
  font-family: Inter, system-ui, sans-serif; font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase; color: var(--grau); margin: 0;
}
@media (max-width: 899px) {
.bb-bahn { grid-auto-columns: 12.5%; width: 400%; }
.bb-zahl { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
.bb-bahn { animation: none; width: 100%; grid-auto-columns: 1fr; }
.bb-kopie { display: none; }
.bb-fenster { -webkit-mask-image: none; mask-image: none; }
}
.abschnitt > .satz { margin-top: 56px !important; }
.abschnitt > .satz > .rand { grid-row: 1 !important; grid-column: 3 !important; }
@media (max-width: 1199px) {
.abschnitt > .satz > .rand { grid-column: 1 / -1 !important; grid-row: auto !important; }
}
.abschnitt.buchen { padding-top: 168px; }
.einleitung h1 { margin-top: 64px; }
.lauf,
.abschnitt .satz .lauf,
.einleitung .lauf,
.tbreit .lauf,
.satz > .lauf { color: #706C65 !important; }
.einleitung .lauf { color: #716B67 !important; }
.rand dd, .abschnitt .satz .rand dd { color: #615C57 !important; }
@media (max-width: 1199px) {
.abschnitt > .satz > .rand { justify-self: stretch; }
}
.versatz { grid-template-columns: 48fr 4fr 48fr; }
@media (max-width: 809px) {
:root { --rand: 36px; }
}
.abschnitt > .kopf1,
.abschnitt > .satz,
.abschnitt > .qv-wege,
.abschnitt > .leitsatz,
.tbreit > .kopf1,
.tbreit > .satz,
.tbreit > .qv-wege,
.tbreit > .leitsatz { padding-left: 63px; }
@media (min-width: 1200px) {
.abschnitt > .satz, .tbreit > .satz { padding-right: 63px; }
html body .abschnitt > .satz > .rand, html body .tbreit > .satz > .rand { width: calc((100% - 126px) * 209 / 1001 - 57px); }
html body .abschnitt > .satz > .rand, html body .tbreit > .satz > .rand { right: 63px; }
}
.abschnitt > .satz,
.tbreit > .satz {
  /* minmax(0, …): ohne die Null als Untergrenze nimmt eine fr-Spalte
     mindestens ihre min-content-Breite, und die erste Textspalte wurde
     dadurch breiter als ihr Anteil (gemessen: zweite Spalte bei 47,5 %
     statt der 41,8 % aus der Abbildung). */
  /* 27.10.2026 Michael: Abstand Spalte 2 zu Randspalte war 40 px gegen 100 px zwischen 1 und 2. Beide Rinnen jetzt gleich (66), Textspalten etwas schmaeler. Zurueck: kopf.css.vor-spalten-gleich-27102026 */
  grid-template-columns: minmax(0,322fr) minmax(0,66fr) minmax(0,338fr) minmax(0,66fr) minmax(0,209fr) !important;
  column-gap: 0 !important;
}
.abschnitt > .satz > .lauf:nth-of-type(1),
.tbreit > .satz > .lauf:nth-of-type(1) { grid-column: 1; }
.abschnitt > .satz > .lauf:nth-of-type(2),
.tbreit > .satz > .lauf:nth-of-type(2) { grid-column: 3; }
.abschnitt > .satz,
.tbreit > .satz { position: relative; }
.abschnitt > .satz > .rand,
.tbreit > .satz > .rand {
  position: absolute; top: 0; right: 0; width: calc((100% - 63px) * 209 / 1001);
  grid-column: auto !important; grid-row: auto !important;
}
.abschnitt > .satz > .qv-weg.weg-s1 { grid-column: 1 !important; }
.abschnitt > .satz > .qv-weg.weg-s2 { grid-column: 3 !important; }
.abschnitt > .satz > .qv-weg.weg-breit { grid-column: 1 / 4 !important; }
.abschnitt > .qv-wege,
.tbreit > .qv-wege {
  /* minmax(0, …): ohne die Null als Untergrenze nimmt eine fr-Spalte
     mindestens ihre min-content-Breite, und die erste Textspalte wurde
     dadurch breiter als ihr Anteil (gemessen: zweite Spalte bei 47,5 %
     statt der 41,8 % aus der Abbildung). */
  /* 27.10.2026 Michael: Abstand Spalte 2 zu Randspalte war 40 px gegen 100 px zwischen 1 und 2. Beide Rinnen jetzt gleich (66), Textspalten etwas schmaeler. Zurueck: kopf.css.vor-spalten-gleich-27102026 */
  grid-template-columns: minmax(0,322fr) minmax(0,66fr) minmax(0,338fr) minmax(0,66fr) minmax(0,209fr) !important;
  column-gap: 0 !important;
}
.abschnitt > .qv-wege > .qv-weg:nth-of-type(1), .tbreit > .qv-wege > .qv-weg:nth-of-type(1) { grid-column: 1 !important; }
.abschnitt > .qv-wege > .qv-weg:nth-of-type(2), .tbreit > .qv-wege > .qv-weg:nth-of-type(2) { grid-column: 3 !important; }
.abschnitt > .qv-wege > .qv-weg:only-of-type, .tbreit > .qv-wege > .qv-weg:only-of-type { grid-column: 1 / 4 !important; }
@media (max-width: 1199px) {
.abschnitt > .kopf1, .abschnitt > .satz, .abschnitt > .qv-wege, .abschnitt > .leitsatz,
  .tbreit > .kopf1, .tbreit > .satz, .tbreit > .qv-wege, .tbreit > .leitsatz { padding-left: 0; }
html body .abschnitt > .satz, html body .abschnitt > .qv-wege,
  html body .tbreit > .satz, html body .tbreit > .qv-wege {
    grid-template-columns: 1fr 1fr !important; column-gap: 48px !important; }
html body .abschnitt > .satz > .qv-weg,
  html body .tbreit > .satz > .qv-weg,
  html body .abschnitt > .satz > .qv-weg.weg-s1,
  html body .abschnitt > .satz > .qv-weg.weg-s2,
  html body .abschnitt > .satz > .qv-weg.weg-breit,
  html body .tbreit > .satz > .qv-weg.weg-s1,
  html body .tbreit > .satz > .qv-weg.weg-s2,
  html body .tbreit > .satz > .qv-weg.weg-breit { grid-column: auto !important; }
html body .abschnitt > .satz > .qv-weg:only-of-type,
  html body .tbreit > .satz > .qv-weg:only-of-type { grid-column: 1 / -1 !important; }
.abschnitt > .satz > .rand,
  .tbreit > .satz > .rand { position: static !important; width: auto !important; }
.abschnitt > .satz > .lauf:nth-of-type(1),
  .abschnitt > .satz > .lauf:nth-of-type(2),
  .abschnitt > .satz > .rand,
  .abschnitt > .satz > .qv-weg,
  .abschnitt > .qv-wege > .qv-weg { grid-column: auto !important; }
}
@media (max-width: 809px) {
html body .abschnitt > .satz, html body .abschnitt > .qv-wege,
  html body .tbreit > .satz, html body .tbreit > .qv-wege { grid-template-columns: 1fr !important; }
}
.rand > div > dt { margin-bottom: 6px !important; line-height: 1.15 !important; }
.rand > div > dd { line-height: 1.3 !important; }
.abschnitt > .qv-wege,
.tbreit > .qv-wege,
.themenseite > .qv-wege,
main > .qv-wege {
  grid-template-columns: none !important;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  column-gap: 48px !important;
}
.abschnitt > .qv-wege > .qv-weg,
.tbreit > .qv-wege > .qv-weg,
.themenseite > .qv-wege > .qv-weg,
main > .qv-wege > .qv-weg { grid-column: auto !important; }
@media (max-width: 809px) {
.abschnitt > .qv-wege, .tbreit > .qv-wege,
  .themenseite > .qv-wege, main > .qv-wege { grid-auto-flow: row; row-gap: 24px; }
}
@media (max-width: 1199px) {
html body .abschnitt > .satz > .rand,
  html body .tbreit > .satz > .rand {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    column-gap: 40px !important;
    row-gap: 36px !important;
    grid-column: 1 / -1 !important;
    margin-top: 48px;
    height: auto !important;
    align-items: start;
  }
html body .abschnitt > .satz > .rand > div,
  html body .tbreit > .satz > .rand > div { width: 100%; }
}
@media (max-width: 1199px) {
html body .fussraster {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: min-content;
    align-items: start;
    column-gap: 40px !important;
    row-gap: 64px !important;
  }
}
@media (max-width: 809px) {
html body .fussraster {
    column-gap: 32px !important;
    row-gap: 56px !important;
  }
}
@media (max-width: 599px) {
html body .fussraster {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 48px !important;
  }
}
@media (min-width: 810px) and (max-width: 1199px) {
html body .versatz {
    grid-template-columns: 48fr 4fr 48fr !important;
    gap: 0 !important;
  }
html body .versatz .links { grid-column: 1 !important; grid-row: 1 !important; }
html body .versatz .rechts { grid-column: 3 !important; grid-row: 1 !important; }
html body .versatz .links,
  html body .versatz .rechts { margin-inline: 0 !important; }
}
@media (max-width: 1199px) {
html body .abschnitt > .kopf1,
  html body .abschnitt > .satz,
  html body .abschnitt > .qv-wege,
  html body .tbreit > .kopf1,
  html body .tbreit > .satz,
  html body .tbreit > .qv-wege { padding-left: 0 !important; }
html body .abschnitt > .satz,
  html body .tbreit > .satz {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 48px !important;
    row-gap: 0 !important;
    position: static !important;
  }
html body .abschnitt > .satz > .lauf,
  html body .tbreit > .satz > .lauf { grid-column: auto !important; }
html body .abschnitt > .satz > .rand,
  html body .tbreit > .satz > .rand {
    position: static !important;
    width: auto !important;
    height: auto !important;
    grid-column: 1 / -1 !important;
    margin-top: 56px !important;
    display: grid !important;
    /* Michael 30.09.2026: "Alle vier nebeneinander." Bis 900 px stehen sie
       deshalb in vier gleichen Spalten; darunter zaehlt der Platz (mindestens
       200 px je Angabe), sonst bricht "ganztags, Maschine bis 19 Uhr" in vier
       Zeilen um. */
    /* 30.09.2026, Michael: "Hier ist schon moeglich, dass drei nebeneinander
       sind. Lass diese Loecher weg." Untergrenze deshalb 170 statt 200 px --
       damit passen bei 1024 px fuenf, bei 810 px vier und bei 600 px drei
       Angaben in eine Zeile, statt zwei mit einer halbleeren Reihe darunter. */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 40px !important;
    row-gap: 36px !important;
    align-items: start;
  }
html body .satz > .rand > div:nth-child(5):nth-last-child(2) { grid-column: 1 !important; }
html body .satz > .rand > div:nth-child(6):last-child { grid-column: 4 !important; }
html body .satz > .rand {
  }
html body .abschnitt > .satz > .qv-weg,
  html body .tbreit > .satz > .qv-weg,
  html body .abschnitt > .satz > .qv-weg.weg-s1,
  html body .abschnitt > .satz > .qv-weg.weg-s2,
  html body .abschnitt > .satz > .qv-weg.weg-breit,
  html body .tbreit > .satz > .qv-weg.weg-s1,
  html body .tbreit > .satz > .qv-weg.weg-s2,
  html body .tbreit > .satz > .qv-weg.weg-breit { grid-column: auto !important; }
html body .abschnitt > .satz > .qv-weg:only-of-type,
  html body .tbreit > .satz > .qv-weg:only-of-type { grid-column: 1 / -1 !important; }
html body .abschnitt > .qv-wege,
  html body .tbreit > .qv-wege,
  html body .themenseite > .qv-wege,
  html body main > .qv-wege {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 48px !important;
    row-gap: 32px !important;
  }
}
@media (max-width: 809px) {
html body .abschnitt > .satz,
  html body .tbreit > .satz,
  html body .abschnitt > .qv-wege,
  html body .tbreit > .qv-wege,
  html body .themenseite > .qv-wege,
  html body main > .qv-wege {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 32px !important;
    row-gap: 40px !important;
  }
html body .abschnitt > .satz > .qv-weg,
  html body .tbreit > .satz > .qv-weg,
  html body .abschnitt > .satz > .qv-weg.weg-s1,
  html body .abschnitt > .satz > .qv-weg.weg-s2,
  html body .tbreit > .satz > .qv-weg.weg-s1,
  html body .tbreit > .satz > .qv-weg.weg-s2 {
    grid-column: 1 / -1 !important;
    /* auch die Zeile freigeben: querverweise.css setzt grid-row 2, und zwei
       Wege landeten dadurch in derselben Zelle (der erste wurde 0 px breit). */
    grid-row: auto !important;
  }
html body .abschnitt > .satz > .rand,
  html body .tbreit > .satz > .rand {
    /* min(200px, 100%): ohne die Deckelung nahm auto-fit die 200 px woertlich
       und legte bei 390 px Fensterbreite zwei Spalten an -- die Seite lief
       171 px ueber den Rand (gemessen, Ursache waren dt/dd bei 363…560). */
    /* 30.09.2026, Michael: "Hier ist schon moeglich, dass drei nebeneinander
       sind. Lass diese Loecher weg." Untergrenze deshalb 170 statt 200 px --
       damit passen bei 1024 px fuenf, bei 810 px vier und bei 600 px drei
       Angaben in eine Zeile, statt zwei mit einer halbleeren Reihe darunter. */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    margin-top: 40px !important;
    column-gap: 32px !important;
    row-gap: 32px !important;
  }
}
html body .bildreihe,
html body .drittelreihe,
html body .versatz .links,
html body .versatz .rechts,
html body .tvoll figure,
html body .auftakt-bild .bildkasten,
html body .bildkasten { margin-inline: 0 !important; }
@media (max-width: 1199px) {
html body .bildreihe {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 48px !important;
    align-items: start;
  }
}
html body .bildreihe > * { width: 100% !important; max-width: none !important; }
@media (max-width: 809px) {
html body .bildreihe {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 32px !important;
  }
}
@media (min-width: 810px) and (max-width: 1199px) {
html body .bildreihe > figure:only-child { grid-column: 1 / -1; }
html body .bildreihe > figure:only-child img {
    width: 100% !important; aspect-ratio: 21 / 9 !important; object-fit: cover !important;
  }
}
html { overflow-x: clip; }
body { overflow-x: clip; }
@media (max-width: 809px) {
html body .kiesel { display: none !important; }
}
html body .satz > .rand,
html body .satz > .rand > div,
html body .satz > .lauf,
html body .satz > .qv-weg,
html body .qv-wege > .qv-weg {
  min-width: 0 !important;
  max-width: 100% !important;
}
html body .satz > .qv-weg,
html body .qv-wege > .qv-weg { width: 100% !important; }
html body .versatz {
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important;   /* 28.10.2026: nie breiter als der Container (Handy 320 px: Bild ragte 16 px ueber den Rand) */
  column-gap: 48px !important;
  row-gap: 32px !important;
}
html body .versatz .links,
html body .versatz .rechts {
  grid-column: auto !important;
  grid-row: auto !important;
  margin-inline: 0 !important;
}
html body .satz > .qv-weg,
html body .qv-wege > .qv-weg { justify-content: space-between !important; }
html body .satz > .rand:has(> div:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .satz > .rand > div { justify-self: stretch; text-align: left; }
html body .versatz {
  width: min(var(--breite, 1435px), 100% - 2 * var(--rand)) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
@media (min-width: 810px) and (max-width: 1199px) {
html body .abschnitt > .satz,
  html body .tbreit > .satz {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 3fr) !important;
    column-gap: 40px !important;
    position: relative !important;
  }
html body .abschnitt > .satz > .lauf:nth-of-type(1),
  html body .tbreit > .satz > .lauf:nth-of-type(1) { grid-column: 1 !important; }
html body .abschnitt > .satz > .lauf:nth-of-type(2),
  html body .tbreit > .satz > .lauf:nth-of-type(2) { grid-column: 2 !important; }
html body .abschnitt > .satz > .rand,
  html body .tbreit > .satz > .rand {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    margin-top: 0 !important;
    row-gap: 36px !important;
  }
html body .abschnitt > .satz > .qv-weg.weg-s1,
  html body .tbreit > .satz > .qv-weg.weg-s1 { grid-column: 1 !important; grid-row: 2 !important; }
html body .abschnitt > .satz > .qv-weg.weg-s2,
  html body .tbreit > .satz > .qv-weg.weg-s2 { grid-column: 2 !important; grid-row: 2 !important; }
html body .abschnitt > .satz > .qv-weg:only-of-type,
  html body .tbreit > .satz > .qv-weg:only-of-type { grid-column: 1 / 3 !important; grid-row: 2 !important; }
}
@media (min-width: 600px) and (max-width: 809px) {
html body .satz > .rand {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 40px !important;
    row-gap: 36px !important;
  }
}
@media (max-width: 599px) {
html body .satz > .rand {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 32px !important;
  }
}
@media (max-width: 809px) {
html body .satz > .rand > div,
  html body .satz > .rand > div:nth-child(5):nth-last-child(2),
  html body .satz > .rand > div:nth-child(6):last-child,
  html body .satz > .rand > div:nth-child(2):last-child {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }
}
@media (max-width: 599px) {
html body .abschnitt > .satz > .rand,
  html body .tbreit > .satz > .rand,
  html body .satz > .rand:has(> div:nth-child(2):last-child) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1199px) {
html body .fussraster { grid-auto-flow: row dense !important; }
}
@media (max-width: 1199px) {
html body .fussraster > .fussspalte { display: contents !important; }
}
body.mit-balken main,
body:has(.klebeleiste) main { padding-bottom: 88px; }
@media (min-width: 1200px) {
html body .fussraster {
    grid-template-columns: repeat(3, minmax(0, 1fr)) max-content !important;
    column-gap: 0 !important;  /* 01.11.2026: drei gleiche Spalten + Inhaltsbreite rechts: gleicher Abstand der Anfaenge UND letzte Zeile endet am rechten Bildrand */
    justify-content: normal !important;  /* 01.11.2026 Michael: gleich breite Spalten, Raster = Bildbreite; zurueck: kopf.css.vor-fussgleich-01112026 */
  }
html body .fussraster > .fussspalte { display: contents !important; }
html body .fussraster > .fussspalte > * { justify-self: start !important; }
}
@media (min-width: 810px) and (max-width: 1199px) {
html body .fussraster {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    /* "dense" wuerde die letzten beiden Kaesten in die Luecke der Mitte
       ziehen -- genau das soll hier NICHT passieren. */
    grid-auto-flow: row !important;
  }
html body .fussraster > .fussspalte > :last-child,
  html body .fussraster > :last-child { grid-column: auto !important; }
}
@media (max-width: 809px) {
html body .fussraster {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
html body .fuss { padding-top: 60px; }
@media (min-width: 1200px) {
html body .fragen > .qv-wege { padding-left: 0; padding-right: 0; }
}
@media (min-width: 810px) {
html body .bildreihe figure:has(img[src*="BhEQG4RgTdlpESW9VMkeCfBfRsk"]) img {
    aspect-ratio: 39 / 44 !important; height: auto !important; object-fit: cover;
  }
html body .bildreihe figure:has(img[src*="maskottchen-sommerkarte"]) img {
    aspect-ratio: 59 / 44 !important; height: auto !important; object-fit: cover;
  }
}
@media (min-width: 1101px) {
html body #zimmer .gleis { margin-right: 0; max-width: none; padding-right: 0; }
}
@media (max-width: 809px) {
html body .bildreihe figure { margin-inline: 0 !important; }
html body .klebeleiste,
  html body.mit-chat .klebeleiste { left: 20px !important; right: 20px !important; }
}
@media (max-width: 809px) {
html body main:not([class]) { --luft-handy: 48px; }
html body main:not([class]) .einleitung,
  html body main:not([class]) .versatz,
  html body main:not([class]) .abschnitt,
  html body main:not([class]) .abschnitt.buchen { padding-top: var(--luft-handy) !important; }
html body main:not([class]) .abschnitt { gap: var(--luft-handy) !important; }
html body main:not([class]) .abschnitt > .satz { margin-top: -8px !important; }
html body main:not([class]) .abschnitt > .bildreihe,
  html body main:not([class]) .abschnitt > .bildreihe + .bildreihe { margin-top: 0 !important; }
html body main:not([class]) .bildreihe,
  html body main:not([class]) .versatz { gap: var(--luft-handy) !important; row-gap: var(--luft-handy) !important; }
html body main:not([class]) .abschnitt > .abschnitt:first-child { padding-top: 0 !important; }
html body main:not([class]) .gleisrahmen { margin-top: calc(var(--luft-handy) - 32px) !important; }
html body main:not([class]) .abschnitt > .drittelreihe { margin-top: 0 !important; }
html body main:not([class]) .drittelreihe { gap: var(--luft-handy) !important; row-gap: var(--luft-handy) !important; }
html body main:not([class]) .bildstapel { gap: var(--luft-handy) !important; margin-top: 0 !important; }
}
@media (max-width: 809px) {
html body #zimmer .gleissteuerung { margin-top: -14px !important; margin-bottom: -42px !important; }
}
@media (min-width: 1024px) {
html body #zimmer .gleissteuerung { margin-top: -30px !important; margin-bottom: -26px !important; }
}
@media (max-width: 809px) {
html body main:not([class]) { --luft-kapitel: 96px; }
html body main:not([class]) .abschnitt { padding-top: var(--luft-kapitel) !important; }
html body main:not([class]) .abschnitt > .abschnitt:first-child { padding-top: 0 !important; }
}
@media (max-width: 1199px) {
html body .rand dd { max-width: 24ch; text-wrap: balance; }
}
@media (max-width: 413px) {
.wortmarke {
    font-size: 0; letter-spacing: 0; text-indent: 0; top: 0;
    display: block; width: 36px; height: 36px; justify-self: center;
    background: currentColor;
    -webkit-mask: url(/bilder/marke/gebhard-signet.svg) center / contain no-repeat;
            mask: url(/bilder/marke/gebhard-signet.svg) center / contain no-repeat;
  }
}
.gbt-tafel .gbt-regel{margin:0;padding:16px 0 24px;border:0;border-top:1px solid rgba(61,55,51,.24);
  border-radius:0;   /* unten traegt der Fuss der Tafel die Linie, sonst stuenden zwei Haarlinien uebereinander */
  background:none;
  font:400 14px/24px Inter,system-ui,sans-serif;letter-spacing:0;color:var(--tinte,#3D3733)}
.gbt-tafel .gbt-regel[hidden]{display:none}
.gbt-tafel .gbt-regel[data-art="verstoss"]{border-top-color:var(--akz,#8C5A3C)}
.gbt-tafel .gbt-regeltext{display:block}
.gbt-tafel .gbt-regelnimm{display:block;margin-top:8px;padding:0;border:0;background:none;cursor:pointer;
  font:inherit;color:var(--tinte,#3D3733);text-align:left;text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;text-decoration-color:var(--akz,#8C5A3C)}
.gbt-tafel .gbt-regelnimm[hidden]{display:none}
@media (hover:hover) and (pointer:fine) {
.gbt-tafel .gbt-regelnimm:hover{color:var(--akz,#8C5A3C)}
}
@media (max-width: 809px) {
html body .auftakt-bild figure[data-seitenschau] > .ss-kasten { aspect-ratio: 350 / 560 !important; height: auto !important; }
}
@media (min-width: 810px) and (max-width: 1439px) {
html body .auftakt-bild figure[data-seitenschau] > .ss-kasten { aspect-ratio: 4 / 3 !important; height: auto !important; }
}
@media (max-width: 809px) {
html body .abschnitt > .qv-wege > .qv-weg, html body .tbreit > .qv-wege > .qv-weg { grid-column: auto !important; }
}
@media (max-width: 1199px) {
.qv-weg { min-width: 0; max-width: 100%; }
.qv-teil { white-space: normal; }
.qv-strich { min-width: 12px; }
}
@media (max-width: 809px) {
html body .abschnitt > .qv-wege > .qv-weg:nth-of-type(n), html body .tbreit > .qv-wege > .qv-weg:nth-of-type(n) { grid-column: auto !important; }
}
@media (pointer: coarse), (max-width: 809px) {
.gleispfeil { min-width: 44px; min-height: 44px; }
.wortmarke { min-height: 44px; display: inline-flex; align-items: center; }
.sprache a { padding-inline: 8px; margin-inline: -8px; }
}
@media (max-width: 809px) {
html body .auftakt-bild figure[data-seitenschau]:not(:has(> .ss-kasten)) > img { aspect-ratio: 350 / 560; height: auto; width: 100%; object-fit: cover; }
}
@media (min-width: 810px) and (max-width: 1439px) {
html body .auftakt-bild figure[data-seitenschau]:not(:has(> .ss-kasten)) > img { aspect-ratio: 4 / 3; height: auto; width: 100%; object-fit: cover; }
}
@media (max-width: 809px) {
html body .klebeleiste,
  html body.mit-chat .klebeleiste { left: 36px !important; right: 36px !important; }
}
@media (max-width: 1199px) {
html body .bewertungsband { margin-top: 56px; padding-bottom: 0; }
html body main:has(.bewertungsband) ~ .fuss { padding-top: 40px; }
}
@media (max-width: 809px) {
html body .fussblock li { line-height: 19px; margin-bottom: 9px; }
html body .fussblock li a { padding: 2px 0; }
}
@media (max-width: 809px) {
html body .fussraster { display: grid; grid-template-columns: max-content max-content !important; justify-content: space-between; column-gap: 24px !important; row-gap: 32px !important; }
html body .fussblock li, html body .fussblock li a { white-space: nowrap; font-size: 13px; }
html body .fussblock li { line-height: 20px; margin-bottom: 6px; }
}
@media (max-width: 399px) {
html body .fussblock li, html body .fussblock li a { font-size: 12px; }
html body .fussraster { column-gap: 16px !important; }
}
@media (max-width: 339px) {
html body .fussraster { grid-template-columns: max-content !important; justify-content: start; }
}
:root { --me-aus: cubic-bezier(.23,1,.32,1); }
.menue {
  /* padding: 0 ist noetig -- kopf.css gibt .menue 64/40 mit, und das kam
     hier oben drauf: das X sass dadurch bei y=119 statt 55 und bei x=80
     statt 40 (gemessen 25.09.2026 an der eingebauten Fassung). */
  position: fixed; inset: 0; z-index: 60; padding: 0;
  background: #EFECE6; color: #3D3733;
  display: flex; flex-direction: column;
  visibility: hidden; pointer-events: none;
}
.menue.offen { visibility: visible; pointer-events: auto; display: flex; }
.menue::before {
  content: ""; position: absolute; inset: 0; background: #EFECE6;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 620ms var(--me-aus);
}
.menue.offen::before { clip-path: inset(0 0 0 0); }
.menue > * { position: relative; z-index: 1; }
.me-kopf {
  position: relative; z-index: 2;
  flex: 0 0 auto; height: 110px; display: grid;
  grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 0 var(--rand); max-width: var(--breite); width: 100%; margin: 0 auto;
}
.me-x {
  justify-self: start; width: 52px; height: 45px; position: relative;
  border: 0; background: transparent; padding: 12px 2px; margin: -12px -2px; box-sizing: content-box; cursor: pointer; border-radius: 0;  /* 30.09.2026: 44 x 44 */
}
.me-x span {
  position: absolute; left: 6px; top: 22px; width: 40px; height: 1px; background: #3D3733;
  transition: transform 260ms var(--me-aus);
}
.me-x span:nth-child(1) { transform: rotate(45deg); }
.me-x span:nth-child(2) { transform: rotate(-45deg); }
.me-x:hover span:nth-child(1) { transform: rotate(45deg) scaleX(1.12); }
.me-x:hover span:nth-child(2) { transform: rotate(-45deg) scaleX(1.12); }
.me-x:active { transform: scale(.97); }
.me-x:focus-visible { outline: 2px solid #3D3733; outline-offset: 4px; }
.me-marke {
  font-family: Oswald, system-ui, sans-serif; font-weight: 300;
  font-size: 30px; letter-spacing: .42em; text-indent: .42em;
  text-transform: uppercase; text-decoration: none; color: #3D3733;
  padding: 40px 0 22px; line-height: 1;
}
.me-sprache {
  justify-self: end; margin: 0;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 12px;
  letter-spacing: .2em; text-transform: uppercase; color: #6E6862; white-space: nowrap;
}
.me-sprache { -webkit-user-select: none; user-select: none; }
.me-sprache a { color: #3D3733; text-decoration: none; display: inline-block; padding: 14px 6px; margin: -14px -6px;
                cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.me-sprache .hier, .me-sprache .aus { cursor: default; }
.me-sprache .aus, .me-sprache a.aus { color: #A9A299; }
.me-satz {
  /* min(110px, 12vh): bei einem flachen Fenster (1280x700) war der Satz
     hoeher als der Raum zwischen den beiden 110-px-Polstern und wurde nach
     unten gedrueckt -- die Mitte lag 16 px zu tief. Mit 12vh schrumpft das
     Polster mit der Hoehe mit. */
  position: absolute; inset: 0; padding: min(110px, 12vh) var(--rand);
  display: grid; place-items: center; z-index: 1;
}
.me-liste {
  /* width: max-content, nicht 100%: sonst ist die Zeile so breit wie der
     Satzspiegel, und das seitliche Fach haengt an deren Kante statt an der
     des Wortes -- bei 1600 px lagen so alle fuenf Punkte ausserhalb. */
  list-style: none; margin: 0 auto; padding: 0;
  width: max-content; max-width: 100%;
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: baseline;
}
.me-liste li { display: contents; }
.me-liste li.hat-unter {
  display: grid; grid-template-columns: subgrid; grid-column: 1 / -1;
  align-items: baseline; position: relative;
}
.me-liste a, .me-kopfknopf { display: contents; color: #3D3733; text-decoration: none; }
.me-kopfknopf { border: 0; background: transparent; padding: 0; margin: 0; cursor: pointer; font: inherit; }
.me-liste a > span, .me-kopfknopf > span {
  font-family: "Cormorant Garamond", 'Cormorant Ersatz',Georgia, serif; font-weight: 300;
  /* min(4.4vw, 9vh) statt nur vw: sechs Zeilen mal 1.16em muessen in die
     Hoehe passen, sonst laeuft der Satz bei einem flachen Fenster unten
     heraus. Der kleinere der beiden Werte gewinnt. */
  /* Michael 25.09.2026: "Mach die Schrift 20 % heller" und "etwas weniger
     Zeilenabstand". 20 Prozent heller heisst 20 Prozent des Weges zum
     Grund, nicht 20 Prozent Deckkraft: #3D3733 auf #EFECE6 ergibt
     #615B57, Kontrast 5,67:1 -- noch ueber der Schwelle 4,5.
     Zeilenabstand 1,16 -> 1,04 em. */
  font-size: clamp(26px, min(4.4vw, 9vh), 64px); line-height: 1.04em;
  text-transform: uppercase; letter-spacing: .04em; color: #615B57;
  opacity: 0; transform: translate3d(0,14px,0); filter: blur(6px);
  transition: opacity 520ms var(--me-aus), transform 560ms var(--me-aus),
              filter 560ms var(--me-aus), color 240ms ease;
  transition-delay: calc(var(--i) * 60ms + 160ms);
}
.menue.offen .me-liste a > span,
.menue.offen .me-kopfknopf > span { opacity: 1; transform: none; filter: blur(0); }
.menue:not(.offen) .me-liste a > span,
.menue:not(.offen) .me-kopfknopf > span {
  transition-duration: 200ms; transition-delay: 0ms;
}
.me-liste:hover a > span, .me-liste:hover .me-kopfknopf > span { color: #A9A299; }
.me-liste a:hover > span, .me-liste a:focus-visible > span,
.me-kopfknopf:hover > span, .me-kopfknopf:focus-visible > span { color: #3D3733; }
.me-liste .me-kopfknopf[aria-expanded="true"] > span,
.me-liste:hover .me-kopfknopf[aria-expanded="true"] > span { color: #3D3733; }
.me-liste .me-kopfknopf[aria-expanded="true"] .me-plus i { background: #3D3733; }
.me-liste a:focus-visible > span, .me-kopfknopf:focus-visible > span { outline: 2px solid #3D3733; outline-offset: 6px; }
.me-plus {
  position: absolute; left: 100%; top: 50%; margin-left: 26px;
  width: 34px; height: 34px; transform: translateY(-50%);
}
.me-plus i {
  position: absolute; left: 0; top: 16px; width: 34px; height: 1px; background: #8A857D;
  transition: transform 420ms var(--me-aus), background 240ms ease;
}
.me-plus i:last-child { transform: rotate(90deg); }
.me-kopfknopf[aria-expanded="true"] .me-plus i:last-child { transform: rotate(0deg); }
.me-kopfknopf:hover .me-plus i { background: #3D3733; }
.me-plus::after {           /* Antippflaeche 44 px, unsichtbar */
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 44px; height: 44px; transform: translate(-50%,-50%);
}
@media (max-width: 760px) {
.me-kopf { height: 88px; }
.me-satz { padding: min(88px, 11vh) var(--rand); }
.me-marke { font-size: 24px; padding: 28px 0 14px; }
.me-liste a > span, .me-kopfknopf > span { font-size: clamp(20px, min(7vw, 5.2vh), 32px); line-height: 1.1em; }
.me-plus { left: 100%; margin-left: 6px; width: 26px; height: 26px; }
.me-plus i { width: 26px; top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.menue::before { transition: none; clip-path: none !important; }
.me-liste a > span, .me-kopfknopf > span, .me-fach, .me-fach li, .me-fuss {
    transition: opacity 180ms ease !important;
    transform: none !important; filter: none !important; transition-delay: 0ms !important;
  }
}
@media (max-width: 809px) {
html body .me-liste a > span,
  html body .me-kopfknopf > span {
    /* 01.10.2026: 8,2vw waren zu viel -- bei 390 px ragte "SOMMER | WINTER+"
       bis 399 px, also 9 px ueber den Rand, und die Zeilen standen mit Mitte
       218 statt 195 nicht mittig. 6,6vw ergibt dort 26 px und laesst das Plus
       innerhalb. */
    /* Deckel 34 statt 38: bei 810 px war die Liste 821 px breit, der
       Satzspiegel aber nur 730 -- sie ragte 51 px aus dem Fenster. Gemessen
       01.10.2026. */
    font-size: clamp(20px, 6.1vw, 34px) !important;
    line-height: 1.15em !important;
    max-width: 100% !important;
  }
}
.me-kopf {
  width: min(var(--breite, 1435px), 100% - 2 * var(--rand)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.me-kopf > :first-child { margin-left: -2px; }
.me-kopf > :last-child { margin-right: -2px; }
.me-kopf { align-items: center !important; }
.me-kopf .me-x,
.me-kopf .me-kopfknopf {
  height: var(--me-marke-h, 44px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 0 !important;
}
.me-kopf .me-x,
.me-kopf .me-kopfknopf { margin-left: -10px !important; }
.me-kopf > :last-child { margin-right: -2px !important; }
.me-liste a > span, .me-kopfknopf > span { max-width: 100%; }
.menue .me-liste li { padding-inline: 16px; }
NICHT TUN: die erste und dritte Spalte auf eine feste Breite zwingen. Am
   01.10.2026 probiert (var(--me-seite,1.15em)) und gemessen: die Doppelzeilen
   "ZIMMER | PREISE", "ESSEN | TRINKEN", "SOMMER | WINTER" stehen in genau
   diesen Spalten -- bei 890 px lag "Preise" danach bei 984 px, also 94 px
   ausserhalb des Fensters. Die 1fr-Spalten bleiben.
   Richtig ist minmax: die Spalte ist MINDESTENS so breit wie das Pluszeichen
   auf der anderen Seite -- damit steht die Mittelspalte wirklich in der Mitte
   -- und waechst trotzdem, sobald ein Wort darin steht. */
.me-liste { grid-template-columns: minmax(var(--me-seite, 1.15em), 1fr) auto minmax(var(--me-seite, 1.15em), 1fr) !important; }
.me-liste a > span, .me-kopfknopf > span { text-align: center; }
.me-liste li.hat-unter, .me-fach, .me-fachinnen { min-width: 0; max-width: 100%; }
.me-satz > .me-liste, .me-liste { min-width: 0; }
.menue .me-satz { grid-template-columns: minmax(0, 1fr); }
#menue .me-marke { font-weight: 200; }
:root { --mo-expo: cubic-bezier(.16,1,.3,1); }
.mo-liste {
  --wort: clamp(26px, min(4.4vw, 8vh), 64px);
  list-style: none; margin: 0 auto; padding: 0; width: 100%; max-width: 640px;
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: start;
}
.menue ol.mo-liste { gap: 0; }
.mo-z { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; align-items: start; position: relative; margin-bottom: 8px; }
.mo-w {
  display: block; position: relative; text-decoration: none; color: #615B57;
  font-family: "Cormorant Garamond", 'Cormorant Ersatz', Georgia, serif; font-weight: 300;
  font-size: clamp(24px, min(4.4vw, 8vh), 64px); line-height: 1.1em;
  text-transform: uppercase; letter-spacing: .04em; transition: color 240ms ease;
}
.mo-s { grid-column: 2; justify-self: center; }
.mo-l { grid-column: 1; justify-self: end; display: flex; flex-direction: column; align-items: flex-end; position: relative; min-width: 0; }
.mo-r { grid-column: 3; justify-self: start; display: flex; flex-direction: column; align-items: flex-start; position: relative; min-width: 0; }
.mo-v { grid-column: 1 / -1; justify-self: center; display: flex; flex-direction: column; align-items: center; position: relative; }
.mo-l > .mo-w { padding-right: .28em; }
.mo-r > .mo-w { padding-left: .28em; }
.mo-nr {
  display: none; position: absolute; right: 100%; bottom: .12em; margin-right: 34px;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: .12em;
  text-transform: none; color: #A9A299; white-space: nowrap;
}
.mo-liste:hover .mo-w { color: #A9A299; }
.mo-z:hover .mo-w, a.mo-w:focus-visible { color: #3D3733; }
a.mo-w:focus-visible { outline: 2px solid #3D3733; outline-offset: 6px; }
.mo-u { list-style: none; margin: 13px 0 0; padding: 0; font-family: "DM Mono", ui-monospace, monospace; font-size: 13px; letter-spacing: .13em; text-transform: uppercase; }
.mo-u a { display: flex; align-items: center; min-height: 44px; color: #6E6862; text-decoration: none; white-space: nowrap; transition: color 220ms ease; }
.mo-l > .mo-u { padding-right: .28em; text-align: right; }
.mo-l > .mo-u a { justify-content: flex-end; }
.mo-r > .mo-u { padding-left: .28em; }
.mo-v > .mo-u a { justify-content: center; }
.mo-u a:hover, .mo-u a:focus-visible { color: #3D3733; }
.mo-u a:focus-visible { outline: 2px solid #3D3733; outline-offset: 3px; }
.mo-z:hover .mo-u a { color: #615B57; }
.mo-z:hover .mo-u a:hover { color: #3D3733; }
.mo-hat { margin-top: 14px; margin-bottom: 6px; }
.mo-m { display: block; overflow: hidden; padding: .05em 0 .09em; margin: -.05em 0 -.09em; }
.mo-t { display: block; transform: translate3d(0,112%,0) rotate(4deg); transform-origin: 0 100%; transition: transform 200ms ease; }
.menue.offen .mo-t { transform: none; transition: transform 1000ms var(--mo-expo); transition-delay: calc(var(--i) * 85ms + 100ms); }
.menue.offen .mo-r .mo-t { transition-delay: calc(var(--i) * 85ms + 190ms); }
.mo-s { transform: scaleY(0); transition: transform 200ms ease; }
.menue.offen .mo-s { transform: none; transition: transform 800ms var(--mo-expo); transition-delay: calc(var(--i) * 85ms + 160ms); }
.mo-nr { opacity: 0; transition: opacity 200ms ease; }
.menue.offen .mo-nr { opacity: 1; transition: opacity 700ms ease; transition-delay: calc(var(--i) * 85ms + 700ms); }
.mo-u li { opacity: 0; transform: translate3d(var(--dx,0),10px,0); filter: blur(6px); transition: opacity 200ms ease, transform 200ms ease, filter 200ms ease; }
.mo-l > .mo-u { --dx: -26px; }
.mo-r > .mo-u { --dx: 26px; }
.menue.offen .mo-u li {
  opacity: 1; transform: none; filter: blur(0);
  transition: opacity 700ms var(--mo-expo), transform 900ms var(--mo-expo), filter 700ms var(--mo-expo);
  transition-delay: calc(var(--i) * 85ms + 480ms + var(--j,0) * 75ms);
}
.mo-u, .mo-hat { border-color: transparent; }
.menue.offen .mo-u, .menue.offen .mo-hat { border-color: #D5CEC1; transition: border-color 700ms ease 600ms; }
.mo-u a > span { position: relative; }
.mo-u a > span::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.5px; height: 1px; background: color-mix(in srgb, currentColor 55%, transparent); transform: scaleX(0);  /* 12.10.2026: genau auf die Mitte zwischen zwei Zeilen (Zeile = 24,9 px), feiner (55 %) */ transform-origin: 100% 50%; transition: transform 360ms var(--mo-expo); }
.mo-r > .mo-u a > span::after, .mo-v > .mo-u a > span::after { transform-origin: 0 50%; }
.mo-u a:hover > span::after, .mo-u a:focus-visible > span::after { transform: scaleX(1); }
.mo-u a:active { transform: scale(.97); }
@media (min-width: 761px) {
.menue ol.mo-liste[data-f="a"] { max-width: 860px; }
.menue ol.mo-liste[data-f="a"] .mo-w { font-size: clamp(32px, 5.2vw, 52px); }
.menue ol.mo-liste[data-f="a"] .mo-u { font-size: 14px; letter-spacing: .15em; }
.menue ol.mo-liste[data-f="a"] .mo-u a { min-height: 38px; }
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-u { border-right: 1px solid #D5CEC1; padding-right: 22px; margin-top: 6px; }
.menue ol.mo-liste[data-f="a"] .mo-r > .mo-u { padding-left: 22px; margin-top: 6px; }
.menue ol.mo-liste[data-f="a"] .mo-v > .mo-u { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 28px; }
}
@media (min-width: 761px) {
.menue ol.mo-liste[data-f="a"] { max-width: none; width: max-content; --wort: clamp(24px, min(4.4vw, 8vh), 64px); --ab: clamp(20px, 5vw, 55px); --fl: clamp(10.5px, 1.37vw, 15px); }
.menue ol.mo-liste[data-f="a"] .mo-w { font-size: var(--wort); }
.menue ol.mo-liste[data-f="a"] .mo-nr { display: block; }
.menue ol.mo-liste[data-f="a"] .mo-u { font-size: calc(var(--fl) * .88); letter-spacing: .24em; line-height: 1; font-variant-numeric: tabular-nums; font-kerning: none; }
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-u a span, .menue ol.mo-liste[data-f="a"] .mo-v > .mo-u a span { margin-right: -.24em; }
.menue ol.mo-liste[data-f="a"] .mo-u a { min-height: 26px; color: #857E77; }
.menue ol.mo-liste[data-f="a"] .mo-u { position: absolute; top: 50%; translate: 0 -50%; margin: 0; border: 0; }
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-u { right: calc(100% + var(--ab) - 1px); padding: 0 var(--ab) 0 0; margin-top: 0; }
.menue ol.mo-liste[data-f="a"] .mo-r > .mo-u { left: calc(100% + var(--ab) - 1px - .04 * var(--wort)); padding: 0 0 0 var(--ab); margin-top: 0; }
.menue ol.mo-liste[data-f="a"] .mo-v > .mo-u { display: block; right: calc(100% + var(--ab) - 1px); padding: 0 var(--ab) 0 0; text-align: right; }
.menue ol.mo-liste[data-f="a"] .mo-v > .mo-u a { justify-content: flex-end; }
.menue ol.mo-liste[data-f="a"] .mo-v > .mo-u { translate: 0 calc(-50% + 25px + .35 * var(--fl) - .315 * var(--wort) + 16px); }
.menue ol.mo-liste[data-f="a"] .mo-u::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: #D5CEC1; transform: scaleY(0); transition: transform 200ms ease; }
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-u::after, .menue ol.mo-liste[data-f="a"] .mo-v > .mo-u::after { right: 0; }
.menue ol.mo-liste[data-f="a"] .mo-r > .mo-u::after { left: 0; }
.menue.offen ol.mo-liste[data-f="a"] .mo-u::after { transform: scaleY(1); transition: transform 900ms var(--mo-expo) 560ms; }
.menue ol.mo-liste[data-f="a"] .mo-z, .menue ol.mo-liste[data-f="a"] .mo-z.mo-hat { margin: 0; min-height: clamp(76px, 9vh, 86px); align-items: center; }
.menue ol.mo-liste[data-f="a"] .mo-z .mo-l, .menue ol.mo-liste[data-f="a"] .mo-z .mo-r, .menue ol.mo-liste[data-f="a"] .mo-z .mo-v, .menue ol.mo-liste[data-f="a"] .mo-z .mo-s { align-self: center; }
}
@media all {
.menue ol.mo-liste { display: none; }
.menue[data-f="a"] ol.mo-liste[data-f="a"], .menue[data-f="b"] ol.mo-liste[data-f="b"], .menue[data-f="c"] ol.mo-liste[data-f="c"] { display: grid; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z { grid-column: 1 / -1; grid-template-columns: subgrid; margin: 0; align-items: start; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-w { font-size: var(--wf); line-height: var(--lh); }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-l > .mo-w, .menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-r > .mo-w { padding: 0; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-u { margin: 0; padding: 0; border: 0; text-align: left; font-size: 13px; letter-spacing: .13em; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-u a { min-height: var(--ih); justify-content: flex-start; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat):not(:has(> .mo-v)) { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-l { grid-column: 1; justify-self: end; align-items: flex-end; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-r { grid-column: 3; justify-self: start; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-l > .mo-w { padding-right: .3em; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-r > .mo-w { padding-left: .3em; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-s { display: block; grid-column: 2; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-z:not(.mo-hat) > .mo-v { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) { --ih: 48px; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.menue ol.mo-liste[data-f="b"] { column-gap: 0; }
.menue ol.mo-liste[data-f="b"] .mo-hat { position: relative; margin-top: 28px; margin-bottom: 6px; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-s { display: block; grid-column: 2; visibility: hidden; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-l { grid-column: 1; justify-self: end; align-items: flex-end; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-r { grid-column: 3; justify-self: start; align-items: flex-start; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-l > .mo-w { padding-right: .3em; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-r > .mo-w { padding-left: .3em; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-l > .mo-u { align-self: flex-end; text-align: right; padding-right: 22px; margin-top: 6px; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-l > .mo-u a { justify-content: flex-end; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-r > .mo-u { align-self: flex-start; padding-left: 22px; margin-top: 6px; }
.menue ol.mo-liste[data-f="b"] .mo-info > .mo-l > .mo-u { margin-top: calc((var(--lh) - .63 * var(--wf)) / 2 - (var(--ih) - 8px) / 2); }
.menue ol.mo-liste[data-f="b"] .mo-hat::after {
    content: ""; position: absolute; left: 50%; top: 10px; bottom: 8px; width: 1px; background: #D5CEC1;
    transform: translateX(-.5px) scaleY(0); transform-origin: 50% 0; transition: transform 200ms ease;
  }
.menue.offen .mo-liste[data-f="b"] .mo-hat::after { transform: translateX(-.5px) scaleY(1); transition: transform 900ms var(--mo-expo) 560ms; }
.menue ol.mo-liste[data-f="c"] .mo-zz { display: grid; grid-template-columns: 1fr; margin: 0; padding-top: 10px; border-top: 1px solid transparent; }
.menue ol.mo-liste[data-f="c"] .mo-z:not(.mo-zz) + .mo-zz { margin-top: 24px; }
.menue.offen .mo-liste[data-f="c"] .mo-zz { border-top-color: #D5CEC1; }
.menue ol.mo-liste[data-f="c"] .mo-zz > .mo-v { display: block; grid-column: 1; justify-self: stretch; }
.menue ol.mo-liste[data-f="c"] .mo-zz[data-s="l"] > .mo-v { text-align: left; }
.menue ol.mo-liste[data-f="c"] .mo-zz[data-s="r"] > .mo-v { text-align: right; }
.menue ol.mo-liste[data-f="c"] .mo-zz .mo-w { display: inline-block; padding: 0; }
.menue ol.mo-liste[data-f="c"] .mo-zz .mo-u { display: flex; flex-wrap: wrap; gap: 0 24px; }
.menue ol.mo-liste[data-f="c"] .mo-zz[data-s="l"] .mo-u { justify-content: flex-start; }
.menue ol.mo-liste[data-f="c"] .mo-zz[data-s="r"] .mo-u { justify-content: flex-end; }
.menue ol.mo-liste[data-f="c"] .mo-zz[data-s="r"] .mo-u a { justify-content: flex-end; }
.mo-leiste { display: block; position: absolute; left: 50%; width: min(420px, calc(100% - 2 * var(--rand))); margin-left: calc(min(420px, 100% - 2 * var(--rand)) / -2); bottom: max(10px, env(safe-area-inset-bottom)); z-index: 3; --k: 0; }
.menue[data-f="b"] .mo-leiste { --k: 1; }
.mo-spur { position: relative; height: 9px; pointer-events: none; }
.mo-spur::before { content: ""; position: absolute; left: 0; right: 0; top: 4px; height: 1px; background: #D5CEC1; }
.mo-spur .q { position: absolute; top: 1px; width: 1px; height: 7px; background: #A9A299; }
.mo-spur .q:nth-of-type(1) { left: 25%; }
.mo-spur .q:nth-of-type(2) { left: 75%; }
.mo-zahlen { display: grid; grid-template-columns: repeat(2, 1fr); }
.mo-zahlen button { font: inherit; font-family: "DM Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: .14em; color: #A9A299; background: transparent; border: 0; border-radius: 0; min-height: 44px; padding: 0; cursor: pointer; transition: color 240ms ease, transform 120ms ease; }
.mo-zahlen button[aria-current="true"] { color: #3D3733; }
.mo-zahlen button:active { transform: scale(.94); }
.mo-zahlen button:focus-visible { outline: 2px solid #3D3733; outline-offset: -4px; }
}
@media (min-width: 1100px) {
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) { --wf: clamp(26px, min(4.4vw, 8vh), 64px); --lh: calc(var(--wf) * 1.15); --ih: 36px; max-width: 760px; }
.mo-liste:is([data-f="b"],[data-f="c"]) .mo-u { font-size: 15px; letter-spacing: .16em; }
}
@media (min-width: 761px) and (max-width: 1099px) {
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) { --wf: clamp(32px, 5.2vw, 48px); --lh: 64px; --ih: 44px; max-width: 640px; }
.mo-liste:is([data-f="b"],[data-f="c"]) .mo-u { font-size: 14px; letter-spacing: .15em; }
}
@media (max-width: 760px) {
.menue .me-satz { place-items: start center; padding: 96px var(--rand) 110px; }
.mo-liste { max-width: none; width: 100%; }
.menue ol.mo-liste { --wf: clamp(24px, 7.4vw, 32px); --lh: 48px; }
.menue ol.mo-liste[data-f="a"] .mo-z { grid-column: 1 / -1; grid-template-columns: subgrid; margin: 0; align-items: start; }
.menue ol.mo-liste[data-f="a"] .mo-w { font-size: var(--wf); line-height: var(--lh); }
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-w, .menue ol.mo-liste[data-f="a"] .mo-r > .mo-w { padding: 0; }
.menue ol.mo-liste[data-f="a"] .mo-u { margin: 0; padding: 0; border: 0; text-align: left; font-size: 13px; letter-spacing: .13em; }
.menue ol.mo-liste[data-f="a"] .mo-u a { min-height: 48px; justify-content: flex-start; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat):not(:has(> .mo-v)) { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-l { grid-column: 1; justify-self: end; align-items: flex-end; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-r { grid-column: 3; justify-self: start; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-l > .mo-w { padding-right: .3em; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-r > .mo-w { padding-left: .3em; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-s { display: block; grid-column: 2; }
.menue ol.mo-liste[data-f="a"] .mo-z:not(.mo-hat) > .mo-v { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.mo-liste[data-f="a"] { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.menue ol.mo-liste[data-f="a"] { column-gap: 16px; }
.mo-liste[data-f="a"] .mo-hat > .mo-s { display: none; }
.mo-liste[data-f="a"] .mo-hat > .mo-l { grid-column: 1; justify-self: stretch; align-items: flex-start; }
.mo-liste[data-f="a"] .mo-hat > .mo-r { grid-column: 2; justify-self: stretch; align-items: flex-start; }
.mo-liste[data-f="a"] .mo-hat > .mo-v { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; justify-self: stretch; align-items: start; }
.mo-liste[data-f="a"] .mo-hat > .mo-v > .mo-w { grid-column: 1; }
.mo-liste[data-f="a"] .mo-hat > .mo-v > .mo-u { grid-column: 2; grid-row: 1; }
.mo-liste[data-f="a"] .mo-hat { margin-top: 24px; padding-top: 16px; border-top: 1px solid transparent; }
.menue.offen .mo-liste[data-f="a"] .mo-hat { border-top-color: #D5CEC1; }
}
.menue.offen .mo-liste.vor .mo-t { transform: translate3d(0,112%,0) rotate(4deg); }
.menue.offen .mo-liste.vor .mo-s { transform: scaleY(0); }
.menue.offen .mo-liste.vor .mo-nr { opacity: 0; }
.menue.offen .mo-liste.vor .mo-u li { opacity: 0; transform: translate3d(var(--dx,0),10px,0); filter: blur(6px); }
.menue.offen .mo-liste.vor .mo-hat, .menue.offen .mo-liste.vor .mo-u { border-color: transparent; }
.menue.offen .mo-liste.vor .mo-hat::after { transform: translateX(-.5px) scaleY(0); }
.menue.offen .mo-liste.vor, .menue.offen .mo-liste.vor *, .menue.offen .mo-liste.vor *::after { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
.mo-t, .mo-s, .mo-u li { transform: none !important; filter: none !important; }
.menue.offen .mo-t, .menue.offen .mo-s, .menue.offen .mo-u li, .menue.offen .mo-nr { transition: opacity 180ms ease !important; transition-delay: 0ms !important; }
.mo-u::after { transform: none !important; transition: none !important; }
}
.menue.ohne-ring a:focus-visible { outline: none; }
.menue .me-satz { overflow-y: auto; }
:focus, :focus-visible, a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: none !important; }
@media (max-width: 760px) {
.menue[data-f="a"] ol.mo-liste[data-f="a"] { display: none; }
.menue[data-f="a"] ol.mo-liste[data-f="b"] { display: grid; }
}
.menue .me-satz{align-content:center;justify-content:center;align-items:center;justify-items:center;
  padding-top:max(var(--me-oben,96px),11vh);padding-bottom:max(72px,10vh)}
.menue .me-satz > .mo-liste{align-self:center;margin-block:auto}
.menue ol.mo-liste .mo-z{margin-bottom:16px}
@media (max-width:760px) {
.menue ol.mo-liste .mo-z{margin-bottom:14px}
}
.mo-hat .mo-w { cursor: default; }
@media (min-width: 1100px) {
.menue ol.mo-liste[data-f="a"] .mo-l > .mo-u, .menue ol.mo-liste[data-f="a"] .mo-v > .mo-u { padding-right: calc(var(--ab) + .05 * var(--wort)); }
}
.menue .mo-w:not(.mo-s) { transition: transform 700ms cubic-bezier(.16, 1, .3, 1), color 400ms ease; }
@media (hover: hover) and (pointer: fine) {
.menue .mo-z:has(.mo-w:hover) .mo-w:not(.mo-s), .menue .mo-z:has(a.mo-w:focus-visible) .mo-w:not(.mo-s) { transform: translate3d(.16em, 0, 0); }
.menue .mo-z:has(.mo-w:hover) .mo-s { color: #3D3733; }
}
@media (prefers-reduced-motion: reduce) {
.menue .mo-w, .menue .mo-w:hover { transition: color 200ms ease; transform: none; }
}
.mo-u a > span::after { bottom: -7px; }
@media (max-width: 760px) {
.menue ol.mo-liste[data-f="a"] .mo-u a, .menue ol.mo-liste:is([data-f="b"],[data-f="c"]) .mo-u a { min-height: 32px; }
.menue ol.mo-liste:is([data-f="b"],[data-f="c"]) { --ih: 32px; }
}
.kopf { transition: background-color 380ms ease, border-color 380ms ease; }
.kopf > :not(.menueknopf) { transition: opacity 260ms ease; }
.menueknopf span { transition: transform 460ms var(--me-aus, cubic-bezier(.23,1,.32,1)), opacity 200ms ease; transform-origin: center; }
html.me-offen .kopf { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 70; background: transparent; border-bottom-color: transparent; }
html.me-offen .menueknopf span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
html.me-offen .menueknopf span:nth-child(2) { opacity: 0; transform: scaleX(.2); }
html.me-offen .menueknopf span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.menue .me-x { visibility: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
.menueknopf span { transition: opacity 120ms ease; }
}
.menue .me-marke, .menue .me-sprache { visibility: hidden; }
html.me-offen .kopf > .wortmarke, html.me-offen .kopf > .sprache { opacity: 1; }
html.me-offen .kopf { pointer-events: none; }
html.me-offen .kopf > button, html.me-offen .kopf > .wortmarke, html.me-offen .kopf > .sprache { pointer-events: auto; }
.menue .me-kopf { pointer-events: none; }
.menue .me-kopf a, .menue .me-kopf button { pointer-events: auto; }
.menue.still ol.mo-liste, .menue.still ol.mo-liste * { pointer-events: none !important; }
.menue.still .mo-w { transform: none !important; }
.mo-z { margin-bottom: 0; padding-bottom: 8px; }
.mo-w { transition: color 420ms cubic-bezier(.4, 0, .2, 1); }
.mo-u a { transition: color 320ms cubic-bezier(.4, 0, .2, 1); }
.mo-nr { transition-timing-function: ease; }
@media (hover: hover) {
.mo-liste:hover .mo-w { color: #A9A299; }
.mo-z:hover .mo-w, a.mo-w:focus-visible { color: #3D3733; }
}
@media (prefers-reduced-motion: reduce) {
.mo-w, .mo-u a { transition-duration: 1ms; }
}
.menue ol.mo-liste .mo-v > .mo-u { margin-top: 11px; }
.menue.sofort, .menue.sofort * { transition: none !important; animation: none !important; }
html[lang="en"] .mo-u, html[lang="nl"] .mo-u,
html[lang="en"] .menue ol.mo-liste[data-f="a"] .mo-u, html[lang="nl"] .menue ol.mo-liste[data-f="a"] .mo-u { letter-spacing: .09em; }
html[lang="en"] .mo-w, html[lang="nl"] .mo-w { letter-spacing: .02em; }
@media (max-width: 480px) {
.mo-l, .mo-r { width: max-content; max-width: calc(100% + 20px); }
.mo-u a { white-space: normal; hyphens: none; }
.mo-u { letter-spacing: .06em; }
.menue ol.mo-liste[data-f="b"] .mo-hat > .mo-l > .mo-u { padding-right: 12px; }
.mo-l > .mo-u a { text-align: right; }
}
.mo-kurz { display: none; }
@media (max-width: 429px) {
.mo-lang { display: none; }
.mo-kurz { display: inline; }
}
html body .menue .me-satz { grid-template-rows: 1fr; align-content: stretch; }
html body .menue .me-satz > ol.mo-liste { margin-block: auto; }
.zimmerkopf2 { padding: 0; }
.zimmerkopf2 .satz { margin-top: 40px; }
.zimmerkopf2 .rand { row-gap: 28px; align-self: start; }
#zimmer:has(.zimmerkopf2) { --zgap: 96px; }
.abschnitt > .zimmerkopf2 + .gleisrahmen{margin-top:96px}
.bildstapel{display:flex;flex-direction:column;gap:24px;flex:0 0 var(--anteil)}
.bildstapel figure{flex:0 0 auto}
@media (max-width:809px) {
.bildstapel{margin-inline:0}
.bildstapel figure{margin-inline:0}
.bildstapel{flex-basis:auto;width:100%}
}
html.js { --aus: cubic-bezier(.23,1,.32,1); }
html.js [data-ein="bild"] { overflow: hidden; }
html.js [data-ein="bild"] > img,
html.js [data-ein="bild"] img {
  filter: blur(18px); transform: scale(1.06); opacity: .72;
  transition: filter 900ms var(--aus), transform 900ms var(--aus), opacity 520ms linear;
  will-change: filter, transform, opacity;
}
html.js [data-ein="bild"].da img { filter: blur(0); transform: scale(1); opacity: 1; }
html.js [data-ein="text"] {
  opacity: 0; filter: blur(12px); transform: translate3d(0,8px,0);
  transition: opacity 520ms var(--aus), filter 760ms var(--aus), transform 760ms var(--aus);
  will-change: opacity, filter, transform;
}
html.js [data-ein="text"].da { opacity: 1; filter: blur(0); transform: none; }
html.js [data-ein="text"][data-v="1"] { transition-delay: 90ms; }
html.js [data-ein="text"][data-v="2"] { transition-delay: 180ms; }
html.js [data-ein="text"][data-v="3"] { transition-delay: 270ms; }
html.js .kopf [data-ein], html.js .klebeleiste [data-ein],
html.js .gc-fenster [data-ein], html.js .gbt-tafel [data-ein] {
  opacity: 1 !important; filter: none !important; transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
html.js [data-ein] , html.js [data-ein] img {
    opacity: 1 !important; filter: none !important; transform: none !important;
    transition: none !important;
  }
}
html.js.zl [data-zl][data-ein] { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }
html.zl [data-zl] .lw-i {
  transform: translate3d(0, 110%, 0) rotate(3deg); transform-origin: 0 100%;
  transition: transform 1100ms cubic-bezier(.23, 1, .32, 1) calc(var(--i, 0) * 70ms) !important;
}
html.zl [data-zl].lw-an:not(.zl-da) .lw-i { transform: translate3d(0, 110%, 0) rotate(3deg) !important; }
html.zl [data-zl].zl-da .lw-i { transform: none !important; }
html.js.zl .zl-nach[data-ein] {
  opacity: 0 !important; filter: blur(4px) !important; transform: translate3d(0, 14px, 0) !important;
  transition: opacity 900ms cubic-bezier(.23, 1, .32, 1) 380ms, filter 900ms cubic-bezier(.23, 1, .32, 1) 380ms,
    transform 1100ms cubic-bezier(.23, 1, .32, 1) 380ms !important;
}
html.js.zl .zl-nach.zl-da[data-ein] { opacity: 1 !important; filter: none !important; transform: none !important; }
html.js.zl .zl-nach.zl-da[data-ein] + .zl-nach.zl-da[data-ein] { transition-delay: 520ms !important; }
@media (prefers-reduced-motion: reduce) {
html.zl [data-zl] .lw-i, html.js.zl .zl-nach[data-ein] { transform: none !important; filter: none !important; opacity: 1 !important; transition: none !important; }
}
.abschnitt { gap: 40px; padding-top: 104px; }
.abschnitt .abschnitt { padding-top: 0; }
.abschnitt .kopf1 { gap: 28px; }
.abschnitt .kopf1 .mikro {
  font-size: 11px; letter-spacing: .24em; color: #A09789;
}
.abschnitt .kopf1 .mikro + h2 {
  margin-top: -14px;                       /* 28 - 14 = 14 px unter der Kleinzeile */
  font-size: 31px; line-height: 1.2; letter-spacing: -.008em; color: #3D3733;
}
.abschnitt .leitsatz {
  margin-top: 0;
  font-size: 17px; line-height: 1.66; color: #3D3733; max-width: 520px;
}
.abschnitt .satz > .lauf { color: #57534B; }
.abschnitt .rand { gap: 28px; }
.abschnitt .rand dt { font-size: 11px; letter-spacing: .2em; }
@media (max-width: 809px) {
.abschnitt { padding-top: 96px; }
.abschnitt .kopf1 { gap: 28px; }
.abschnitt .kopf1 .mikro + h2 { font-size: 27px; margin-top: -14px; letter-spacing: -.006em; }
.abschnitt .leitsatz { font-size: 16px; line-height: 1.6; }
}
.abschnitt > .bildreihe + .bildreihe,
.abschnitt > .bildreihe + .drittelreihe,
.abschnitt > .drittelreihe + .bildreihe { margin-top: -24px; }
.abschnitt.zimmerkopf2 .satz { margin-top: 0; }
.qv-weg {
  text-decoration: none; color: #6B645C;
  font-family: "DM Mono", ui-monospace, SFMono-Regular, monospace;
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 400;
  transition: color .2s cubic-bezier(.23, 1, .32, 1),
              opacity .12s cubic-bezier(.23, 1, .32, 1);
}
.qv-teil { white-space: nowrap; }
.qv-strich {
  flex: 1; height: 1px; background: rgba(61, 55, 51, .3);
  transition: background-color .2s cubic-bezier(.23, 1, .32, 1),
              transform .2s cubic-bezier(.23, 1, .32, 1);
  transform-origin: center;
}
:root { --weg-schub: 6px; }
.qv-teil { transition: transform .2s cubic-bezier(.23, 1, .32, 1); }
@media (hover: hover) and (pointer: fine) {
.qv-weg:hover { color: #3D3733; }
.qv-weg:hover .qv-strich { background: #3D3733; transform: scaleY(2); }
.qv-weg:hover .qv-teil:first-child { transform: translateX(-2px); }
.qv-weg:hover .qv-teil:last-child  { transform: translateX(var(--weg-schub)); }
}
.qv-weg:active { opacity: .78; }
.qv-weg:active .qv-teil { transform: translateX(0); transition-duration: .12s; }
.qv-weg:active .qv-strich { transform: scaleY(1); transition-duration: .12s; }
@media (prefers-reduced-motion: reduce) {
.qv-weg, .qv-strich, .qv-teil { transition: color .12s linear, background-color .12s linear; }
.qv-weg:hover .qv-strich { transform: none; }
.qv-weg:hover .qv-teil:first-child,
  .qv-weg:hover .qv-teil:last-child { transform: none; }
}
@media (max-width: 809px) {
.qv-strich { min-width: 32px; }
}
.abschnitt > .satz:has(> .qv-weg) { row-gap: 0; }
.abschnitt > .satz > .rand { grid-row: 1 / span 2; align-self: stretch;
                             justify-content: space-between; }
.abschnitt > .satz > .qv-weg {
  grid-row: 2; align-self: end;
  display: flex; align-items: flex-end; gap: 24px;
  /* 10 + 14 = 24 px unter dem Text; die Trefferflaeche waechst nach oben,
     damit der Text auf der Unterkante der Reihe sitzt und nicht 13 px darueber. */
  /* 29.09.2026: der Abstand UEBER dem Weg war 39 px, unter ihm 96. Jetzt
     64 px oben -- die Zeile haengt am Text, steht aber nicht mehr an ihm. */
  /* 29.09.2026: 64 px waren "zu weit". Jetzt 40 px -- der Schritt der Reihe
     darunter. Der Verweis haengt damit klarer am Text. */
  margin-top: 11px; padding-top: 14px; min-height: 44px;   /* 40 px sichtbar */
}
.abschnitt > .satz > .qv-weg .qv-strich { margin-bottom: 6px; }
.abschnitt > .satz > .qv-weg.weg-breit { grid-column: 1 / 3; }
.abschnitt > .satz > .qv-weg.weg-s1 { grid-column: 1; }
.abschnitt > .satz > .qv-weg.weg-s2 { grid-column: 2; }
.qv-wege {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 48px; margin: 0;
}
.abschnitt > .qv-wege { margin-top: -15px; }
.qv-wege > .qv-weg { display: flex; align-items: center; gap: 24px; min-height: 44px; }
.abschnitt > .qv-wege + .bildreihe,
.abschnitt > .qv-wege + .drittelreihe { margin-top: 48px; }
@media (max-width: 1199px) {
.satz:has(> .qv-weg) { row-gap: 48px; }
.satz > .rand { grid-row: auto; grid-column: 1 / -1;
                  align-self: auto; justify-content: normal; }
.satz > .qv-weg { grid-row: auto; align-self: auto;
                    margin-top: 0; padding-top: 0; align-items: center; }
.satz > .qv-weg .qv-strich { margin-bottom: 0; }
.satz > .qv-weg.weg-breit { grid-column: 1 / -1; }
.satz > .qv-weg.weg-s1 { grid-column: 1; }
.satz > .qv-weg.weg-s2 { grid-column: 2; }
}
@media (max-width: 809px) {
.qv-wege { grid-template-columns: 1fr; gap: 24px; }
.satz:has(> .qv-weg) { row-gap: 32px; }
.satz > .qv-weg { grid-column: 1 / -1 !important; grid-row: auto; }
.satz > .qv-weg + .qv-weg { margin-top: -8px; }
.satz > .rand { grid-row: auto; }
}
.qv.qv-wege {
  max-width: var(--breite, 1435px);
  margin: 104px auto 0; padding: 0 var(--rand, 40px);
  grid-template-columns: 4fr 4fr 3fr;
}
@media (max-width: 1199px) {
.qv.qv-wege { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 809px) {
.qv.qv-wege { grid-template-columns: 1fr; gap: 24px; }
}
.qv.qv-journal + .qv.qv-wege { margin-top: 40px; }
.abschnitt > .satz + .bildreihe,
.abschnitt > .satz + .drittelreihe,
.abschnitt > .leitsatz + .bildreihe,
.abschnitt > .kopf1 + .bildreihe,
.abschnitt > .fragenliste + .bildreihe { margin-top: 104px; }
@media (max-width: 809px) {
.abschnitt > .satz + .bildreihe,
  .abschnitt > .satz + .drittelreihe,
  .abschnitt > .leitsatz + .bildreihe,
  .abschnitt > .kopf1 + .bildreihe,
  .abschnitt > .fragenliste + .bildreihe,
  .abschnitt > .qv-wege + .bildreihe,
  .abschnitt > .qv-wege + .drittelreihe { margin-top: 16px; }
}
.abschnitt > .nur-vorlesen + .qv-wege { margin-top: -54px; }
@media (max-width: 809px) {
.abschnitt > .nur-vorlesen + .qv-wege { margin-top: -56px; }
}
body:has(.qv.qv-wege) footer.fuss { padding-top: 96px; }
@media (max-width: 809px) {
body:has(.qv.qv-wege) footer.fuss { padding-top: 64px; }
}
.qv-weg .qv-strich, .bb-weg .bb-strich { min-width: 120px; }
.qv-weg > .qv-teil:last-child,
.bb-weg > .bb-teil:last-child { justify-self: end; text-align: right; }
.qv.qv-wege { padding-left: 0; padding-right: 0; }
main:not([class]) > .qv.qv-wege { padding-left: var(--rand, 40px); padding-right: var(--rand, 40px); }
@media (min-width: 1200px) {
.qv.qv-wege:has(> .qv-weg:nth-of-type(2):last-of-type) {
    grid-template-columns: 1fr 1fr !important;
    column-gap: min(13cm, 34%) !important;
  }
.qv.qv-wege:has(> .qv-weg:nth-of-type(2):last-of-type) > .qv-weg:nth-of-type(1) { grid-column: 1 !important; }
.qv.qv-wege:has(> .qv-weg:nth-of-type(2):last-of-type) > .qv-weg:nth-of-type(2) { grid-column: 2 !important; }
}
@media (min-width: 1200px) {
.qv.qv-wege { max-width: none; }
}
@media (max-width: 809px) {
.qv-weg { column-gap: 16px; }
.qv-wege > .qv-weg { gap: 16px; }
.qv-weg .qv-teil:first-child { flex: 0 0 auto; white-space: nowrap; }
.qv-weg .qv-strich { min-width: 16px; flex: 1 1 16px; }
.qv-weg .qv-teil:last-child { white-space: normal; text-align: right; min-width: 0; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
}
@media (max-width: 809px) {
.qv-weg { min-width: 0; max-width: 100%; }
.qv-weg .qv-teil { min-width: 0; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
}
@media (max-width: 480px) {
.qv-weg { min-width: 0; max-width: 100%; }
.qv-teil { white-space: normal; }
.qv-weg .qv-strich { min-width: 12px; }
}
@media (max-width:809px) {
.qv-weg{column-gap:12px}
.qv-wege>.qv-weg{gap:12px}
.qv-weg .qv-strich{min-width:8px;flex:1 1 8px}
.qv-weg .qv-teil:first-child{flex:0 0 auto;white-space:nowrap;hyphens:manual;-webkit-hyphens:manual}
.qv-weg .qv-teil:last-child{white-space:normal;text-align:right;min-width:0;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
}
:root {
  --gl-aus: cubic-bezier(.23,1,.32,1);
  --gl-sanft: cubic-bezier(.77,0,.175,1);
}
@media (prefers-reduced-motion: no-preference) {
@view-transition { navigation: auto; }
.kopf { view-transition-name: gl-kopf; }
.klebeleiste { view-transition-name: gl-leiste; }
::view-transition-group(root) { animation-duration: 420ms; animation-timing-function: var(--gl-aus); }
::view-transition-old(root) { animation: gl-raus 240ms var(--gl-sanft) both; }
::view-transition-new(root) { animation: gl-rein 420ms var(--gl-aus) both; }
::view-transition-group(gl-kopf), ::view-transition-group(gl-leiste) { animation-duration: 0s; }
@keyframes gl-raus { to { opacity: 0; filter: blur(6px); } }
@keyframes gl-rein { from { opacity: 0; filter: blur(8px); transform: translateY(10px); } }
}
html.gl [data-gl] { isolation: isolate; -webkit-tap-highlight-color: transparent; }
html.gl [data-gl] > .gl-glas, html.gl [data-gl] > .gl-linie { position: absolute; pointer-events: none; }
html.gl [data-gl="text"] { text-decoration: none; }
html.gl [data-gl="text"] > .gl-glas {
  inset: -.22em -.62em; z-index: -1;
  background:
    radial-gradient(120px 70px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.85), rgba(255,255,255,0) 70%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.34));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), inset 0 1px 0 rgba(255,255,255,.95), 0 14px 30px -12px rgba(61,55,51,.38);
  clip-path: circle(0 at var(--mx, 50%) var(--my, 50%));
  /* Der Weichzeichner haengt NUR am aktiven Verweis (66 Glasflaechen mit
     dauerhaftem backdrop-filter kosten beim Scrollen), und er bleibt noch so
     lange stehen, wie sich die Flaeche zurueckzieht. */
  transition: clip-path 620ms var(--gl-aus), backdrop-filter 0s 640ms, -webkit-backdrop-filter 0s 640ms;
}
html.gl [data-gl="text"]:hover > .gl-glas, html.gl [data-gl="text"].gl-an > .gl-glas, html.gl [data-gl="text"]:active > .gl-glas, html.gl [data-gl="text"]:focus-visible > .gl-glas {
  -webkit-backdrop-filter: blur(7px) saturate(1.5); backdrop-filter: blur(7px) saturate(1.5);
  transition: clip-path 620ms var(--gl-aus), backdrop-filter 0s, -webkit-backdrop-filter 0s;
}
html.gl [data-gl="text"] > .gl-linie {
  left: 0; right: 0; bottom: -.12em; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: var(--seite, left) center;
  transition: transform 520ms var(--gl-aus);
}
@property --gl-w { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
html.gl [data-gl] > .gl-glas::before {
  content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; opacity: 0;
  background: conic-gradient(from var(--gl-w), rgba(255,255,255,0) 0 55%, rgba(255,255,255,.95) 78%, rgba(255,255,255,0) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
html.gl [data-gl="knopf"] > .gl-glas::before {
  background: conic-gradient(from var(--gl-w), rgba(255,255,255,0) 0 55%, rgba(255,255,255,.85) 78%, rgba(255,255,255,0) 100%);
}
@keyframes gl-lauf { from { --gl-w: 0deg; opacity: 1; } 85% { opacity: 1; } to { --gl-w: 360deg; opacity: 0; } }
@media (hover: hover) and (pointer: fine) {
html.gl [data-gl]:hover > .gl-glas::before { animation: gl-lauf 1300ms var(--gl-aus) both; }
}
html.gl [data-gl].gl-an > .gl-glas::before { animation: gl-lauf 1000ms var(--gl-aus) both; }
html.gl [data-gl="knopf"] { transition: transform 240ms var(--gl-aus), box-shadow 320ms var(--gl-aus); }
html.gl [data-gl="knopf"] > .gl-glas {
  inset: 0; z-index: 0; border-radius: inherit; overflow: hidden; opacity: 0;
  background:
    radial-gradient(180px 120px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.34), rgba(255,255,255,0) 70%),
    linear-gradient(115deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.16) 50%, rgba(255,255,255,0) 60%) var(--glanz, -160%) 0 / 260% 100% no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34);
  transition: opacity 360ms var(--gl-aus);
}
html.gl [data-gl="knopf"] > .gl-linie { display: none; }
html.gl [data-gl="knopf"] > :not(.gl-glas):not(.gl-linie) { position: relative; z-index: 1; }
@media (hover: hover) and (pointer: fine) {
html.gl [data-gl="text"]:hover > .gl-glas, html.gl [data-gl="text"].gl-an > .gl-glas { clip-path: circle(150% at var(--mx, 50%) var(--my, 50%)); }
html.gl [data-gl="text"]:hover > .gl-linie, html.gl [data-gl="text"].gl-an > .gl-linie { transform: scaleX(1); }
html.gl [data-gl="knopf"]:hover { transform: translateY(-1px); box-shadow: 0 10px 26px -12px rgba(61,55,51,.55); }
html.gl [data-gl="knopf"]:hover > .gl-glas { opacity: 1; --glanz: 160%; transition: opacity 360ms var(--gl-aus), background-position 900ms var(--gl-aus); }
}
html.gl [data-gl="knopf"]:active { transform: scale(.985); transition-duration: 90ms; }
html.gl [data-gl="knopf"].gl-an > .gl-glas { opacity: 1; }
html.gl [data-gl="text"]:active > .gl-glas { clip-path: circle(150% at var(--mx, 50%) var(--my, 50%)); }
html.gl [data-gl="text"]:focus-visible > .gl-glas { clip-path: circle(150% at 50% 50%); }
html.gl [data-gl="text"]:focus-visible > .gl-linie { transform: scaleX(1); }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
html.gl [data-ein="bild"][data-tiefe] { view-timeline: --gl-tiefe block; }
html.gl [data-ein="bild"][data-tiefe] img {
      scale: var(--gl-s, 1.07);
      animation: gl-tiefe linear both; animation-timeline: --gl-tiefe; animation-range: cover 0% cover 100%;
      will-change: translate;
    }
@keyframes gl-tiefe { from { translate: 0 calc(var(--gl-v, 3%) * -1); } to { translate: 0 var(--gl-v, 3%); } }
}
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
html.gl [data-ein="bild"][data-tiefe] img { transition: filter 900ms var(--aus, ease), transform 900ms var(--aus, ease), opacity 520ms linear, scale 1600ms var(--gl-aus); }
}
html.gl .gc-fenster [data-gl] > .gl-glas, html.gl .gc-fenster [data-gl] > .gl-linie { display: none; }
@media (prefers-reduced-motion: reduce) {
html.gl [data-gl] > .gl-glas, html.gl [data-gl] > .gl-linie { transition: none !important; }
html.gl [data-ein="bild"][data-tiefe] img { animation: none !important; scale: none !important; }
html.gl [data-gl="knopf"] { transition: none !important; }
}
@media (max-width: 809px) {
html.gl [data-ein="bild"][data-tiefe]:has(figcaption) img { scale: none !important; translate: none !important; animation: none !important; }
}
html.gl .fussblock li a[data-gl="text"] > .gl-glas { inset: -.22em -.62em; }
html.gl .fussblock li a[data-gl="text"] > .gl-linie { bottom: -.12em; }
html.gl .buchbar [data-gl="knopf"] { transition: color 360ms var(--gl-aus); isolation: isolate; }
html.gl .buchbar [data-gl="knopf"] > .gl-glas { z-index: -1; }
html.gl .buchbar [data-gl="knopf"] > .gl-glas {
  background: #F3EEE7; box-shadow: none; opacity: 1; clip-path: inset(0 100% 0 0); transition: clip-path 520ms var(--gl-aus);
}
html.gl .buchbar [data-gl="knopf"] > .gl-glas::before { display: none; }
@media (hover: hover) and (pointer: fine) {
html.gl .buchbar [data-gl="knopf"]:hover { transform: none; box-shadow: none; color: #3D3733; }
html.gl .buchbar [data-gl="knopf"]:hover > .gl-glas { clip-path: inset(0 0 0 0); opacity: 1; }
}
html.gl .buchbar [data-gl="knopf"].gl-an { color: #3D3733; }
html.gl .buchbar [data-gl="knopf"].gl-an > .gl-glas { clip-path: inset(0 0 0 0); }
html.gl .buchbar [data-gl="knopf"]:focus-visible { color: #3D3733; }
html.gl .buchbar [data-gl="knopf"]:focus-visible > .gl-glas { clip-path: inset(0 0 0 0); }
html.gl .buchbar [data-gl="knopf"] svg, html.gl .buchbar [data-gl="knopf"] img { transition: filter 360ms var(--gl-aus); }
@media (prefers-reduced-motion: reduce) {
html.gl .buchbar [data-gl="knopf"] > .gl-glas { transition: none; }
}
html.gl [data-gl="text"] > .gl-glas { display: none !important; }
html.gl [data-gl="text"] { transition: color 380ms var(--gl-aus), translate 380ms var(--gl-aus); }
html.gl [data-gl="text"] > .gl-linie { bottom: -.2em; height: 1px; transition: transform 640ms var(--gl-aus); }
@media (hover: hover) and (pointer: fine) {
html.gl [data-gl="text"]:hover { translate: 3px 0; color: #1F1B18; }
}
@media (prefers-reduced-motion: reduce) {
html.gl [data-gl="text"] { transition: none; translate: none !important; }
}
html.gl .buchbar [data-gl="knopf"] > .gl-glas {
  clip-path: none;
  background: rgba(243,238,231,.96);
  -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2);
  -webkit-mask-image: linear-gradient(90deg, #000 0 34%, transparent 66% 100%); mask-image: linear-gradient(90deg, #000 0 34%, transparent 66% 100%);
  -webkit-mask-size: 300% 100%; mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0; mask-position: 100% 0;
  transition: mask-position 720ms var(--gl-aus), -webkit-mask-position 720ms var(--gl-aus);
}
html.gl .buchbar [data-gl="knopf"][style*="right"] > .gl-glas {
  -webkit-mask-image: linear-gradient(270deg, #000 0 34%, transparent 66% 100%); mask-image: linear-gradient(270deg, #000 0 34%, transparent 66% 100%);
  -webkit-mask-position: 0 0; mask-position: 0 0;
}
html.gl .buchbar [data-gl="knopf"] { transition: color 280ms var(--gl-aus) 140ms; }
@media (hover: hover) and (pointer: fine) {
html.gl .buchbar [data-gl="knopf"]:hover > .gl-glas { clip-path: none; -webkit-mask-position: 0 0; mask-position: 0 0; }
html.gl .buchbar [data-gl="knopf"][style*="right"]:hover > .gl-glas { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}
html.gl .buchbar [data-gl="knopf"].gl-an > .gl-glas, html.gl .buchbar [data-gl="knopf"]:focus-visible > .gl-glas { clip-path: none; -webkit-mask-position: 0 0; mask-position: 0 0; }
html.gl .buchbar [data-gl="knopf"][style*="right"].gl-an > .gl-glas, html.gl .buchbar [data-gl="knopf"][style*="right"]:focus-visible > .gl-glas { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
@media (prefers-reduced-motion: reduce) {
html.gl .buchbar [data-gl="knopf"] > .gl-glas { transition: none; }
}
html.lw-bereit .lw { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .06em .14em; margin: 0 -.06em -.14em; }
html.lw-bereit .lw-i { display: inline-block; transform: translateY(108%); will-change: transform;
  transition: transform 950ms var(--gl-aus) calc(var(--i, 0) * 55ms); }
html.lw-bereit .lw-an .lw-i { transform: none; }
@media (prefers-reduced-motion: reduce) {
html.lw-bereit .lw-i { transform: none; transition: none; }
}
@media (max-width: 809px) {
html.gl .buchbar .cg-ruf { transition: color 360ms var(--gl-aus); }
html.gl .buchbar .cg-ruf svg rect { transition: fill 360ms var(--gl-aus); }
html.gl .buchbar:has(.buchtext.gl-an) .cg-ruf,
  html.gl .buchbar:has(.buchtext:focus-visible) .cg-ruf { color: #3D3733; }
html.gl .buchbar:has(.buchtext.gl-an) .cg-ruf svg rect,
  html.gl .buchbar:has(.buchtext:focus-visible) .cg-ruf svg rect { fill: #F3EEE7 !important; }
}
@media (max-width: 809px) and (hover: hover) and (pointer: fine) {
html.gl .buchbar:has(.buchtext:hover) .cg-ruf { color: #3D3733; }
html.gl .buchbar:has(.buchtext:hover) .cg-ruf svg rect { fill: #F3EEE7 !important; }
}
html.gl .buchbar [data-gl="knopf"] > .gl-glas { display: none !important; }
html.gl .buchbar [data-gl="knopf"] { transition: background-color 420ms var(--gl-aus); }
@media (hover: hover) and (pointer: fine) {
html.gl .buchbar [data-gl="knopf"]:hover { background-color: rgba(246,242,234,.10); color: #F6F2EA; }
}
html.gl .buchbar [data-gl="knopf"].gl-an,
html.gl .buchbar [data-gl="knopf"]:focus-visible { background-color: rgba(246,242,234,.10); color: #F6F2EA; }
@media (max-width: 809px) {
html.gl .buchbar:has(.buchtext.gl-an) .cg-ruf,
  html.gl .buchbar:has(.buchtext:focus-visible) .cg-ruf { color: #F1ECE3; }
html.gl .buchbar:has(.buchtext.gl-an) .cg-ruf svg rect,
  html.gl .buchbar:has(.buchtext:focus-visible) .cg-ruf svg rect { fill: #3D3733 !important; }
}
@media (max-width: 809px) and (hover: hover) and (pointer: fine) {
html.gl .buchbar:has(.buchtext:hover) .cg-ruf { color: #F1ECE3; }
html.gl .buchbar:has(.buchtext:hover) .cg-ruf svg rect { fill: #3D3733 !important; }
}
html body .ts-knopf.ts-knopf.ts-knopf, html body .an-knopf.an-knopf.an-knopf, html body.rg .buchen.buchen.buchen {
  transition: background-color 420ms var(--gl-aus); }
@media (hover: hover) and (pointer: fine) {
html body .ts-knopf.ts-knopf.ts-knopf:hover, html body .an-knopf.an-knopf.an-knopf:hover:not(.voll) { background: rgba(61,55,51,.08); color: var(--tinte, #3D3733); transform: none; box-shadow: none; }
html body .an-knopf.an-knopf.an-knopf.voll:hover, html body .an-kartentafel .an-knopf.an-knopf.an-knopf:hover, html body.rg .buchen.buchen.buchen:hover { background: #504A45; color: #F3EEE7; transform: none; box-shadow: none; }
}
html body .ts-knopf.ts-knopf.ts-knopf:active, html body .an-knopf.an-knopf.an-knopf:active, html body.rg .buchen.buchen.buchen:active { transform: none; }
@media (prefers-reduced-motion: reduce) {
html body .ts-knopf.ts-knopf.ts-knopf, html body .an-knopf.an-knopf.an-knopf, html body.rg .buchen.buchen.buchen { transition: none; }
}
html.gl [data-gl="knopf"] > .gl-glas, html.gl [data-gl="knopf"] > .gl-linie { display: none !important; }
html.gl [data-gl="knopf"], html.gl [data-gl="knopf"]:hover { transform: none !important; box-shadow: none; transition: background-color .28s ease, color .28s ease, border-color .28s ease; }
html.gl [data-gl="knopf"]:active { transform: none !important; }
html.gl [data-gl] > .gl-glas { display: none !important; }
@media (min-width: 810px) {
html .buchform, html #buchen .buchform { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 40px;
    width: 100%; max-width: 1144px; margin-inline: auto; box-sizing: border-box; }
}
@media (max-width: 809px) {
html .buchform { row-gap: 40px; margin-left: 0; margin-right: 0; }
}
.cookiebanner {
  --cb-grund: #F3EEE7; --cb-tinte: #3D3733; --cb-text: #5C554F; --cb-leise: #6E6862;
  --cb-linie: #DDD5C9; --cb-rand: clamp(20px, 3vw, 42px);
  font-family: "Abhaya Libre", "Abhaya Ersatz", Georgia, serif;
  color: var(--cb-tinte); font-size: 17px; line-height: 1.6;
}
.cookiebanner [hidden] { display: none !important; }
.cookiebanner *, .cookiebanner *::before, .cookiebanner *::after { box-sizing: border-box; }
.cookiebanner :where(h2, h3, p, dl, dd) { margin: 0; }
.cookiebanner :where(button) { font: inherit; color: inherit; }
.cookiebanner :where(a) { color: inherit; text-underline-offset: 3px; }
.cookiebanner :focus-visible { outline: 2px solid var(--cb-tinte); outline-offset: 3px; }
html.cb-sperre { overflow: hidden; }
.cb-knopf {
  display: flex; align-items: center; justify-content: center; text-align: center;
  width: 100%; min-height: 52px; padding: 10px 20px;
  border: 1px solid var(--cb-tinte); border-radius: 0; background: transparent; cursor: pointer;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 12px; font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase; line-height: 1.3; color: var(--cb-tinte);
  transition: background-color .22s ease, color .22s ease;
}
.cb-knopf:hover { background: var(--cb-tinte); color: var(--cb-grund); }
.cb-knopf:active { transform: translateY(1px); }
.cb-knoepfe { display: grid; gap: 12px; }
.cb-textknopf, .cb-zu, .cb-sprache button, .cb-navdienst {
  background: none; border: 0; padding: 0; cursor: pointer; border-radius: 0;
}
.cb-textknopf {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; color: var(--cb-tinte);
}
.cb-zu {
  min-height: 44px; padding: 0 2px;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px;
}
.cb-sprache {
  display: inline-flex; align-items: center; gap: 2px; color: var(--cb-leise);
  font-family: "DM Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: .16em;
}
.cb-sprache button {
  min-width: 44px; min-height: 44px; display: grid; place-items: center;
  font: inherit; letter-spacing: inherit; color: var(--cb-leise);
}
.cb-sprache button:last-child { justify-content: end; margin-right: -.16em; }
.cb-sprache button[aria-pressed="true"] { color: var(--cb-tinte); font-weight: 500; }
.cb-leiste {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  background: var(--cb-grund); border-top: 1px solid var(--cb-linie);
  box-shadow: 0 -18px 48px rgba(61, 55, 51, .10);
  max-height: 100dvh; overflow-y: auto;
  /* Kein Einblenden mehr: Michael 19.10.2026 ("Stell A und B live"), der Hinweis steht sofort */
}
.cb-leiste[data-da] { opacity: 1; transform: none; }
.cb-innen {
  /* Swiss Grid (16.10.2026): 12 Spalten, 24 px Rinne. Titel Spalte 1 bis 4, Text 5 bis 9, Knoepfe 10 bis 12.
     --breite der Zimmerseiten (Kartenbreite) darf hier NICHT einfliessen: sie quetschte die Leiste auf 490 px. */
  max-width: 1435px; margin: 0 auto;
  padding: 28px var(--cb-rand) calc(24px + env(safe-area-inset-bottom));
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 16px; align-items: center;
}
.cb-links { grid-column: 1 / span 9; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); column-gap: 24px; row-gap: 8px; align-items: start; }
.cb-links .cb-titel { grid-column: 1 / span 4; grid-row: 1 / span 2; }
.cb-links .cb-text { grid-column: 5 / span 5; grid-row: 1; margin-top: 0; max-width: none; }
.cb-links .cb-fuss { grid-column: 5 / span 5; grid-row: 2; margin-top: 6px; }
.cb-rechts { grid-column: 10 / span 3; }
@media (max-width: 900px) {
.cb-innen { grid-template-columns: minmax(0, 1fr); }
.cb-links, .cb-rechts { grid-column: 1; }
.cb-links { grid-template-columns: minmax(0, 1fr); }
.cb-links .cb-titel, .cb-links .cb-text, .cb-links .cb-fuss { grid-column: 1; grid-row: auto; }
}
.cb-titel {
  font-family: "Cormorant Garamond", "Cormorant Ersatz", Georgia, serif;
  font-weight: 300; font-size: 27px; line-height: 1.15; letter-spacing: -.005em; color: var(--cb-tinte);
}
.cb-text { margin-top: 8px; max-width: 80ch; font-size: 16px; line-height: 1.55; color: var(--cb-text); }
.cb-fuss { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 2px; }
.cb-fuss a {
  display: inline-flex; align-items: center; min-height: 32px;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: none; color: var(--cb-leise);
}
.cb-fuss a:last-child { margin-right: -.16em; }
.cb-fuss a:hover { color: var(--cb-tinte); text-decoration: underline; text-underline-offset: 5px; }
.cb-rechts { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 4px; }
.cb-rechts .cb-sprache { align-self: flex-end; margin: -8px 0 0 0; }
.cb-rechts .cb-knopf { min-height: 44px; }
.cb-rechts .cb-knoepfe { gap: 8px; }
.cb-schleier {
  position: fixed; inset: 0; z-index: 9001; background: rgba(38, 34, 30, .52);
  animation: cb-ein .3s ease both;
}
.cb-modal {
  position: fixed; z-index: 9002; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: min(1040px, calc(100% - 32px)); height: min(820px, calc(100dvh - 32px));
  display: flex; flex-direction: column;
  background: var(--cb-grund); border: 1px solid var(--cb-linie); box-shadow: 0 30px 90px rgba(38, 34, 30, .35);
  animation: cb-auf .45s cubic-bezier(.22, 1, .36, 1) both;
}
.cb-kopf {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;
  padding: 32px 40px 0;
}
.cb-kopf .cb-titel { font-size: 32px; padding-top: 4px; }
.cb-kopfrechts { display: flex; align-items: center; gap: 4px; flex: none; margin-top: -6px; }
.cb-koerper { flex: 1 1 auto; overflow-y: auto; padding: 24px 40px 8px; overscroll-behavior: contain; }
.cb-modalfuss {
  flex: none; padding: 20px 40px calc(24px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--cb-linie); display: grid; gap: 14px;
}
.cb-id { font-family: "DM Mono", ui-monospace, monospace; font-size: 11.5px; letter-spacing: .08em; color: var(--cb-leise); }
.cb-modalfuss .cb-knoepfe { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cb-modalfuss .cb-knoepfe.cb-zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; margin-left: auto; width: 100%; }
.cb-zeile {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: start;
  padding: 28px 0; border-bottom: 1px solid var(--cb-linie);
}
.cb-zeile:first-child { padding-top: 12px; }
.cb-zeile h3 {
  font-family: "Cormorant Garamond", "Cormorant Ersatz", Georgia, serif;
  font-weight: 400; font-size: 26px; line-height: 1.2;
}
.cb-zahl { font-family: "DM Mono", ui-monospace, monospace; font-size: 13px; letter-spacing: .08em; color: var(--cb-leise); vertical-align: .15em; }
.cb-zeile p { margin-top: 8px; max-width: 62ch; color: var(--cb-text); }
.cb-schalter { display: inline-flex; align-items: center; gap: 14px; cursor: pointer; min-height: 44px; position: relative; }
.cb-schalter input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: inherit; }
.cb-schiene {
  position: relative; flex: none; width: 52px; height: 30px; border-radius: 999px;
  border: 1px solid var(--cb-leise); background: transparent; transition: background-color .25s ease, border-color .25s ease;
}
.cb-schiene::after {
  content: ""; position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--cb-leise); transition: transform .3s cubic-bezier(.22, 1, .36, 1), background-color .25s ease;
}
.cb-schalter input:checked + .cb-schiene { background: var(--cb-tinte); border-color: var(--cb-tinte); }
.cb-schalter input:checked + .cb-schiene::after { transform: translateX(22px); background: var(--cb-grund); }
.cb-schalter input:disabled { cursor: default; }
.cb-schalter input:disabled + .cb-schiene { opacity: .62; }
.cb-schalter input:focus-visible + .cb-schiene { outline: 2px solid var(--cb-tinte); outline-offset: 3px; }
.cb-zustand {
  min-width: 7.5em; font-family: "DM Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-text);
}
.cb-zweispalt { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 0 48px; align-items: start; }
.cb-nav { position: sticky; top: 0; padding-right: 24px; border-right: 1px solid var(--cb-linie); }
.cb-navgruppe + .cb-navgruppe { margin-top: 28px; }
.cb-navkat {
  font-family: "Inter", system-ui, sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-leise); margin-bottom: 4px;
}
.cb-navdienst {
  display: block; width: 100%; text-align: left; min-height: 44px; padding: 8px 0 8px 14px; margin-left: -14px;
  border-left: 2px solid transparent; color: var(--cb-text); line-height: 1.3;
}
.cb-navdienst:hover { color: var(--cb-tinte); }
.cb-navdienst[aria-current="true"] { color: var(--cb-tinte); border-left-color: var(--cb-tinte); }
.cb-kopfzeile { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 12px; border-bottom: 2px solid var(--cb-tinte); }
.cb-kopfzeile h2 { font-family: "Cormorant Garamond", "Cormorant Ersatz", Georgia, serif; font-weight: 400; font-size: 30px; line-height: 1.2; }
.cb-dienst { margin: 28px 0 8px; font-family: "Cormorant Garamond", "Cormorant Ersatz", Georgia, serif; font-weight: 500; font-size: 24px; line-height: 1.25; }
.cb-felder { display: grid; gap: 18px; margin-top: 16px; }
.cb-feld dt { font-family: "Inter", system-ui, sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-leise); margin-bottom: 2px; }
.cb-feld dd { color: var(--cb-text); overflow-wrap: anywhere; }
.cb-tabelle { width: 100%; margin: 28px 0 16px; border-collapse: collapse; font-size: 16px; text-align: left; }
.cb-tabelle caption { text-align: left; font-family: "Inter", system-ui, sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-leise); padding-bottom: 8px; }
.cb-tabelle th { font-family: "DM Mono", ui-monospace, monospace; font-size: 11.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--cb-tinte); }
.cb-tabelle td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--cb-linie); vertical-align: top; color: var(--cb-text); }
.cb-tabelle td:first-child { font-family: "DM Mono", ui-monospace, monospace; font-size: 13px; color: var(--cb-tinte); overflow-wrap: anywhere; }
@keyframes cb-ein { from { opacity: 0; } to { opacity: 1; } }
@keyframes cb-auf { from { opacity: 0; transform: translate(-50%, -48%); } to { opacity: 1; transform: translate(-50%, -50%); } }
@media (max-width: 1100px) {
.cb-innen { grid-template-columns: minmax(0, 1fr) 280px; gap: 16px 40px; }
}
@media (max-width: 809px) {
.cookiebanner { font-size: 16px; }
.cb-leiste { max-height: 94dvh; }
.cb-innen { grid-template-columns: 1fr; gap: 12px; padding: 14px var(--cb-rand) calc(14px + env(safe-area-inset-bottom)); }
.cb-titel { font-size: 22px; }
.cb-text { margin-top: 6px; font-size: 15.5px; }
.cb-fuss { margin-top: 4px; justify-content: space-between; }
.cb-rechts { display: contents; }
.cb-rechts .cb-sprache { order: -1; justify-self: end; margin: -10px 0 -6px 0; }
.cb-links { order: 0; }
.cb-rechts .cb-knoepfe { order: 1; gap: 8px; }
.cb-knopf, .cb-rechts .cb-knopf { min-height: 44px; }
.cb-zustand { min-width: 0; }
.cb-modal { inset: 0; top: 0; left: 0; transform: none; width: 100%; height: 100dvh; max-height: none; border: 0; animation: cb-ein .3s ease both; }
.cb-kopf { padding: 18px var(--cb-rand) 0; flex-wrap: wrap; gap: 4px 12px; }
.cb-kopf .cb-titel { font-size: 25px; order: 2; flex-basis: 100%; padding-top: 0; }
.cb-kopfrechts { order: 1; margin: 0 0 0 auto; }
.cb-koerper { padding: 12px var(--cb-rand) 8px; }
.cb-modalfuss { padding: 14px var(--cb-rand) calc(16px + env(safe-area-inset-bottom)); gap: 10px; }
.cb-modalfuss .cb-knoepfe, .cb-modalfuss .cb-knoepfe.cb-zwei { grid-template-columns: 1fr; max-width: none; gap: 8px; }
.cb-zeile { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
.cb-zeile h3 { font-size: 23px; }
.cb-zweispalt { grid-template-columns: 1fr; gap: 20px; }
.cb-nav { position: static; padding: 0 0 16px; border-right: 0; border-bottom: 1px solid var(--cb-linie); }
.cb-kopfzeile h2 { font-size: 25px; }
.cb-tabelle thead { position: absolute; left: -9999px; }
.cb-tabelle tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--cb-linie); }
.cb-tabelle td { display: block; border: 0; padding: 2px 0; }
.cb-tabelle td::before { content: attr(data-l); display: block; font-family: "Inter", system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-leise); margin-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
.cb-leiste, .cb-schleier, .cb-modal, .cb-schiene, .cb-schiene::after, .cb-knopf { transition: none; animation: none; }
.cb-leiste { transform: none; }
}
@media (max-width: 600px) {
.cb-innen { padding-top: 14px; row-gap: 10px; }
.cb-leiste .cb-titel { font-size: 21px; }
.cb-leiste .cb-text { font-size: 14.5px; line-height: 1.45; }
.cb-leiste .cb-fuss a { min-height: 28px; }
.cb-leiste .cb-rechts .cb-knopf { min-height: 42px; }
.cb-leiste .cb-rechts .cb-knoepfe { gap: 6px; }
}
@media (min-width: 810px) {
.cb-modal { width: min(1200px, calc(100% - 64px)); height: min(880px, calc(100dvh - 64px)); box-shadow: 0 40px 120px rgba(38, 34, 30, .32); }
.cb-kopf { padding: 48px 64px 0; align-items: baseline; }
.cb-kopf .cb-titel { font-size: 44px; font-weight: 300; line-height: 1.1; letter-spacing: -.01em; padding-top: 0; }
.cb-kopfrechts { margin-top: 0; gap: 24px; }
.cb-koerper { padding: 40px 64px 32px; }
.cb-kopf + .cb-koerper { border-top: 1px solid var(--cb-linie); margin-top: 32px; }
.cb-zweispalt { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; }
.cb-nav { grid-column: 1 / span 3; border-right: 0; padding-right: 0; top: 8px; }
.cb-detail { grid-column: 5 / span 8; min-width: 0; }
.cb-navgruppe + .cb-navgruppe { margin-top: 48px; }
.cb-navkat { font-family: "DM Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: .22em; margin-bottom: 12px; }
.cb-navdienst { min-height: 40px; padding: 8px 0 8px 20px; margin-left: 0; border-left: 1px solid var(--cb-linie); font-size: 19px; line-height: 1.3; transition: color .25s ease, border-color .25s ease; }
.cb-navdienst[aria-current="true"] { border-left-color: var(--cb-tinte); }
.cb-kopfzeile { padding-bottom: 24px; border-bottom: 1px solid var(--cb-tinte); align-items: baseline; }
.cb-kopfzeile h2 { font-size: 38px; font-weight: 300; letter-spacing: -.005em; }
.cb-dienst { margin: 48px 0 24px; font-size: 28px; font-weight: 400; }
.cb-felder { gap: 0; margin-top: 0; }
.cb-feld { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: 32px; padding: 20px 0; border-top: 1px solid var(--cb-linie); }
.cb-feld:last-child { border-bottom: 1px solid var(--cb-linie); }
.cb-feld dt { grid-column: 1 / span 2; font-family: "DM Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: .2em; margin: 5px 0 0; }
.cb-feld dd { grid-column: 3 / span 6; font-size: 17px; line-height: 1.65; }
.cb-tabelle { margin: 56px 0 24px; }
.cb-tabelle caption { font-family: "DM Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: .22em; padding-bottom: 16px; }
.cb-tabelle th { font-size: 11px; letter-spacing: .2em; padding: 14px 24px 14px 0; border-bottom: 1px solid var(--cb-tinte); }
.cb-tabelle td { padding: 18px 24px 18px 0; line-height: 1.55; }
.cb-modalfuss { flex-direction: row; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 28px 64px calc(32px + env(safe-area-inset-bottom)); }
.cb-modalfuss .cb-knoepfe.cb-zwei { margin: 0; width: auto; max-width: none; grid-template-columns: repeat(2, 260px); gap: 16px; }
.cb-modalfuss .cb-knoepfe { grid-template-columns: repeat(3, 220px); gap: 16px; }
.cb-modalfuss .cb-knopf { min-height: 56px; }
}
.cb-leiste .cb-rechts .cb-knopf { border-color: rgba(61, 55, 51, .55); }
.cb-leiste .cb-rechts .cb-knopf:hover { border-color: var(--cb-tinte); }
@media (min-width: 901px) {
.cb-innen { padding-top: 64px; align-items: stretch; }
.cb-links { min-height: 128px; align-content: start; }
.cb-leiste .cb-rechts { position: relative; display: block; }
.cb-leiste .cb-rechts .cb-sprache { position: absolute; right: 0; top: -48px; margin: 0; align-self: auto; }
.cb-leiste .cb-rechts .cb-knoepfe { height: 100%; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 8px; }
.cb-leiste .cb-rechts .cb-knopf { min-height: 0; height: 100%; padding: 0 20px; }
}
@media (min-width: 901px) {
.cb-links .cb-titel { margin-top: -4px; }
.cb-links .cb-text { margin-top: -5.5px; }
.cb-links .cb-fuss { margin-bottom: -12px; }
}
@media (min-width: 901px) {
.cb-links .cb-text { padding-right: 48px; }
}
.cb-titel { text-wrap: balance; hanging-punctuation: first; }
.cb-text { text-wrap: pretty; hyphens: manual; }
@media (min-width: 601px) and (max-width: 900px) {
.cb-links .cb-titel { font-size: 32px; line-height: 1.12; letter-spacing: -.01em; max-width: 26ch; }
.cb-links .cb-text { margin-top: 14px; max-width: 62ch; font-size: 16.5px; line-height: 1.62; padding-right: 0; }
.cb-links .cb-fuss { margin-top: 12px; }
}
@media (max-width: 600px) {
.cb-leiste .cb-rechts .cb-knopf { min-height: 44px; }
}
.ss-kasten { position: relative; overflow: hidden; isolation: isolate; z-index: 0; width: 100%; aspect-ratio: var(--ss-ar, 16 / 9); }
html.js .ss-kasten > img.ss-bild {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 45%;
  opacity: 0; filter: none !important; transform: none; scale: none; translate: none; animation: none;
  transition: opacity var(--ss-blende, 1500ms) ease-in-out !important;
}
html.js .ss-kasten > img.ss-bild.vor { will-change: transform, opacity; }
html.js .ss-kasten > img.ss-bild.an { opacity: 1; animation: ss-dolly var(--ss-dauer, 9000ms) cubic-bezier(.4, 0, .6, 1) both; }
html.js .ss-kasten > img.ss-bild[data-still].an { animation: none; }
@keyframes ss-dolly { from { transform: scale(1); } to { transform: scale(var(--ss-zoom, 1.12)); } }
.ss-satz {
  position: absolute; left: 50%; top: 50%; z-index: 100000; margin: 0; transform: translate(-50%, -50%);
  width: max-content; max-width: 86%; text-align: center; line-height: 2.2;
  font-family: 'DM Mono', ui-monospace, monospace; font-size: 13px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase;
  color: #fff; pointer-events: none; transition: color 700ms ease;
}
.ss-satz .wt { display: inline-block; white-space: nowrap; }
.ss-satz .bst { display: inline-block; opacity: 0; transform: translate3d(0, .8em, 0); transition: opacity 350ms ease, transform 350ms ease; }
.ss-satz.sichtbar .bst { opacity: 1; transform: none; transition: opacity 700ms ease, transform 900ms cubic-bezier(.23, 1, .32, 1); transition-delay: calc(var(--i) * var(--ss-bst, 40ms)); }
@media (max-width: 600px) {
.ss-satz { font-size: 11px; letter-spacing: .24em; top: 50%; }
}
@media (prefers-reduced-motion: reduce) {
html.js .ss-kasten > img.ss-bild.an { animation: none; }
.ss-satz .bst { opacity: 1; transform: none; transition: none; }
}
.ss-satz.neg { color: #fff !important; mix-blend-mode: difference; }
.ss-satz, .ss-satz:not(.neg) { text-shadow: none !important; }
.ss-satz.band { padding: .9em 2.2em; background: rgba(34, 29, 25, .5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.ss-satz.flach { text-shadow: none !important; }
.ss-geteilt { background: transparent; }
.ss-geteilt .sg-feld {
  position: absolute; top: 0; bottom: 0; overflow: hidden;
  transition: left var(--sg-dauer, 1800ms) cubic-bezier(.65, 0, .35, 1), width var(--sg-dauer, 1800ms) cubic-bezier(.65, 0, .35, 1),
              clip-path var(--sg-dauer, 1800ms) cubic-bezier(.65, 0, .35, 1), -webkit-clip-path var(--sg-dauer, 1800ms) cubic-bezier(.65, 0, .35, 1);
}
html.js .ss-geteilt img.sg-bild {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%;
  opacity: 0; transform: scale(1.06); filter: none !important;
  transition: opacity 1600ms ease-in-out, transform 9000ms cubic-bezier(.2, .6, .2, 1) !important;
}
html.js .ss-geteilt img.sg-bild.an { opacity: 1; transform: scale(1); }
.ss-geteilt .ss-satz { white-space: normal; max-width: 80%; width: auto; }
.ss-geteilt .ss-satz { will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(-50%, -50%, 0); text-rendering: geometricPrecision; }
.ss-geteilt .ss-satz .bst { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.ss-geteilt .ss-satz .wt { white-space: nowrap; }
.ss-geteilt .sg-feld.zu .ss-satz { opacity: 0; transition: opacity 400ms ease; }
@media (prefers-reduced-motion: reduce) {
.ss-geteilt .sg-feld, html.js .ss-geteilt img.sg-bild { transition: none !important; transform: none; }
}
html.js .ss-geteilt.sg-wisch img.sg-bild {
  opacity: 1; clip-path: inset(0 0 0 100%); transform: scale(1.08);
  transition: clip-path 1500ms cubic-bezier(.77, 0, .18, 1), transform 9000ms cubic-bezier(.2, .6, .2, 1) !important;
}
html.js .ss-geteilt.sg-wisch img.sg-bild.an { clip-path: inset(0 0 0 0); transform: scale(1); }
@media (prefers-reduced-motion: reduce) {
html.js .ss-geteilt.sg-wisch img.sg-bild { transition: none !important; }
}
.schau.sg-aktiv .ss-kasten { position: absolute; inset: 0; aspect-ratio: auto; height: 100%; }
@media (min-width: 810px) {
figure[data-seitenschau*='"start":"blende"'] > img { opacity: 0; animation: ss-notauf 600ms ease 4s forwards; }
}
@keyframes ss-notauf { to { opacity: 1; } }
html.js .ss-kasten > video.ss-bild {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%;
  opacity: 0; transition: opacity var(--ss-blende, 1500ms) ease-in-out; animation: none; background: transparent;
}
html.js .ss-kasten > video.ss-bild.an { opacity: 1; }
html.js .ss-geteilt video.sg-bild {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%;
  opacity: 0; transition: opacity 1600ms ease-in-out; background: transparent;
}
html.js .ss-geteilt video.sg-bild.an { opacity: 1; }
.ss-geteilt .sg-licht { display: none; position: absolute; inset: -30%; pointer-events: none; z-index: 3; will-change: transform; mix-blend-mode: soft-light; opacity: 0;
  background: radial-gradient(40% 32% at 50% 50%, rgba(255, 250, 240, .95), rgba(255, 250, 240, 0) 70%); transition: opacity 1600ms ease; animation: sg-lichtgang 18s ease-in-out infinite alternate; }
.ss-geteilt .sg-feld.sg-mit-licht .sg-licht { display: block; opacity: .85; }
@keyframes sg-lichtgang { from { transform: translate(-16%, -10%) scale(1); } to { transform: translate(14%, 12%) scale(1.15); } }
@media (prefers-reduced-motion: reduce) {
.ss-geteilt .sg-licht { animation: none; }
}
html.js .ss-geteilt.sg-dolly img.sg-bild.an { animation: sg-dolly-r var(--sg-dolly, 22000ms) cubic-bezier(.45, .05, .55, .95) forwards; }
html.js .ss-geteilt.sg-dolly .sg-feld:nth-child(1) img.sg-bild.an { animation-name: sg-dolly-l; }
html.js .ss-geteilt.sg-dolly .sg-feld:nth-child(2) img.sg-bild.an { animation-name: sg-dolly-o; }
@keyframes sg-dolly-l { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.26) translate(-4%, -2%); } }
@keyframes sg-dolly-o { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.26) translate(0, -4%); } }
@keyframes sg-dolly-r { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.26) translate(4%, -2%); } }
@media (prefers-reduced-motion: reduce) {
html.js .ss-geteilt.sg-dolly img.sg-bild.an { animation: none; }
}
html.js .ss-geteilt.sg-wisch video.sg-bild { opacity: 1; clip-path: inset(0 0 0 100%); transition: clip-path 1500ms cubic-bezier(.77, 0, .18, 1) !important; }
html.js .ss-geteilt.sg-wisch video.sg-bild.an { clip-path: inset(0 0 0 0); }
html.js .ss-geteilt.sg-film img.sg-bild[data-von="l"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="l"] { clip-path: inset(0 100% 0 0); }
html.js .ss-geteilt.sg-film img.sg-bild[data-von="o"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="o"] { clip-path: inset(0 0 100% 0); }
html.js .ss-geteilt.sg-film img.sg-bild[data-von="u"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="u"] { clip-path: inset(100% 0 0 0); }
html.js .ss-geteilt.sg-film img.sg-bild[data-von="b"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="b"] {
  clip-path: inset(0); opacity: 0; transition: opacity 2000ms cubic-bezier(.4, 0, .2, 1), transform 9000ms cubic-bezier(.2, .6, .2, 1) !important;
}
html.js .ss-geteilt.sg-film img.sg-bild[data-von="b"].an, html.js .ss-geteilt.sg-film video.sg-bild[data-von="b"].an { opacity: 1; }
html.js .ss-geteilt.sg-film img.sg-bild[data-von].an, html.js .ss-geteilt.sg-film video.sg-bild[data-von].an { clip-path: inset(0); }
html.js .ss-geteilt.sg-film img.sg-bild:not([data-von="b"]), html.js .ss-geteilt.sg-film video.sg-bild:not([data-von="b"]) {
  transition-duration: 1900ms, 9000ms; transition-timing-function: cubic-bezier(.7, 0, .2, 1), cubic-bezier(.2, .6, .2, 1);
}
.ss-geteilt.sg-film .sg-feld { transition-timing-function: cubic-bezier(.76, 0, .24, 1); }
@media (prefers-reduced-motion: reduce) {
html.js .ss-geteilt.sg-film img.sg-bild, html.js .ss-geteilt.sg-film video.sg-bild { transition: none !important; }
}
html.js .ss-geteilt.sg-film img.sg-bild[data-von="p"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="p"] { clip-path: inset(0); }
html.js .ss-geteilt.sg-film img.sg-bild[data-von="z"], html.js .ss-geteilt.sg-film video.sg-bild[data-von="z"] {
  clip-path: inset(0); opacity: 0; transition: opacity 1700ms cubic-bezier(.4, 0, .2, 1), transform 9000ms cubic-bezier(.2, .6, .2, 1) !important;
}
html.js .ss-geteilt.sg-film img.sg-bild[data-von="z"].an, html.js .ss-geteilt.sg-film video.sg-bild[data-von="z"].an { opacity: 1; }
html.js .ss-geteilt.sg-film img.sg-bild.an, html.js .ss-geteilt.sg-film video.sg-bild.an { will-change: transform; }
html.js .ss-geteilt.sg-film .sg-bild.da { clip-path: inset(0) !important; opacity: 1 !important; translate: 0 0 !important; -webkit-mask-image: none !important; mask-image: none !important; }
html.js .ss-geteilt.sg-film .sg-feld > img.sg-bild, html.js .ss-geteilt.sg-film .sg-feld > video.sg-bild,
html.js .ss-geteilt.sg-film .sg-huelle > img.sg-bild, html.js .ss-geteilt.sg-film .sg-huelle > video.sg-bild {
  left: 50%; right: auto; width: calc(var(--sg-w, 100%) / 2); margin-left: calc(var(--sg-w, 100%) / -4); contain: paint;
}
html.js .ss-geteilt.sg-film .sg-feld > img.sg-bild[data-breit], html.js .ss-geteilt.sg-film .sg-feld > video.sg-bild[data-breit],
html.js .ss-geteilt.sg-film .sg-huelle > img.sg-bild[data-breit], html.js .ss-geteilt.sg-film .sg-huelle > video.sg-bild[data-breit] {
  width: var(--sg-w, 100%); margin-left: calc(var(--sg-w, 100%) / -2);
}
.ss-geteilt.sg-film .sg-huelle { position: absolute; inset: 0; overflow: hidden; will-change: transform; }
html.js .ss-geteilt.sg-film .sg-huelle > .sg-bild { clip-path: inset(0) !important; opacity: 1 !important; transition: transform 9000ms cubic-bezier(.2, .6, .2, 1) !important; }
.ss-geteilt.sg-film .sg-feld.zu .sg-bild { animation-play-state: paused; }
html.js .ss-geteilt.sg-film .sg-feld img.sg-bild.an, html.js .ss-geteilt.sg-film .sg-feld video.sg-bild.an { animation: sg-film-dolly 12000ms cubic-bezier(.35, .3, .25, 1) forwards; }
html.js .ss-geteilt.sg-film .sg-feld img.sg-bild[data-dolly="raus"].an, html.js .ss-geteilt.sg-film .sg-feld video.sg-bild[data-dolly="raus"].an { animation-name: sg-film-dolly-raus; }
@keyframes sg-film-dolly { from { transform: scale(1); } to { transform: scale(var(--sg-zoom, 1.1)); } }
@keyframes sg-film-dolly-raus { from { transform: scale(var(--sg-zoom, 1.1)); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
html.js .ss-geteilt.sg-film .sg-feld img.sg-bild.an, html.js .ss-geteilt.sg-film .sg-feld video.sg-bild.an { animation: none; }
}
html.js .ss-geteilt.sg-film .sg-feld img.sg-bild[data-stark].an, html.js .ss-geteilt.sg-film .sg-feld video.sg-bild[data-stark].an { animation-name: sg-film-dolly-stark; }
@keyframes sg-film-dolly-stark { from { transform: scale(1); } to { transform: scale(1.3); } }
.ss-geteilt.sg-film .sg-huelle.sg-schraeg-r { left: -30%; width: 130%; clip-path: polygon(23.077% 0, 100% 0, 100% 100%, 0 100%); }
.ss-geteilt.sg-film .sg-huelle.sg-schraeg-l { left: 0; width: 130%; clip-path: polygon(0 0, 76.923% 0, 100% 100%, 0 100%); }
html.js .ss-geteilt.sg-film .sg-huelle.sg-schraeg-r > .sg-bild { left: 61.538%; }
html.js .ss-geteilt.sg-film .sg-huelle.sg-schraeg-l > .sg-bild { left: 38.462%; }