*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0;line-height:1.55}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.05}img{max-width:100%;height:auto;display:block}a{color:inherit}.vorschau-band{z-index:40;background:var(--accent-2);color:var(--bg);letter-spacing:.01em;text-align:center;padding:.55rem 1rem;font-size:.8rem;position:relative}.kopfzeile{z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--text) 10%, transparent);align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.kopfzeile-name{font-family:var(--display);white-space:nowrap;font-size:1rem;font-weight:700}.kopfzeile-rechts{align-items:center;gap:1.4rem;margin-left:auto;display:flex}.kopfzeile-nav{gap:1.1rem;font-size:.85rem;display:none}.kopfzeile-nav a{opacity:.8;text-decoration:none;transition:opacity .15s}.kopfzeile-nav a:hover{opacity:1}.kopfzeile-anruf{color:var(--text);white-space:nowrap;opacity:.85;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .15s}.kopfzeile-anruf:hover{opacity:1}@media (width>=52rem){.kopfzeile-nav{display:flex}}.fuss{z-index:1;background:color-mix(in srgb, var(--bg) 92%, black 8%);border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);margin-top:1rem;padding:2.5rem 1.25rem 3rem;position:relative}.fuss-spalten{grid-template-columns:1fr;gap:2rem;max-width:60rem;margin:0 auto;display:grid}.fuss h3{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.85rem;font-family:var(--body);margin:0 0 .6rem;font-weight:700}.fuss address{opacity:.85;font-size:.9rem}.fuss-telefon{color:var(--accent);margin-top:.5rem;font-weight:600;text-decoration:none;display:inline-block}.fuss-zeiten{margin:0;padding:0;font-size:.85rem;list-style:none}.fuss-zeiten li{opacity:.85;justify-content:space-between;max-width:12rem;padding:.2rem 0;display:flex}.fuss-hinweis{opacity:.65;margin:0 0 .6rem;font-size:.78rem;line-height:1.6}.fuss a{color:var(--accent);font-size:.85rem}.fuss-marke{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);text-align:center;max-width:60rem;margin:2rem auto 0;padding-top:1.25rem}.fuss-logo{font-family:var(--display);letter-spacing:.02em;color:var(--text);opacity:.8;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .15s}.fuss-logo:hover{opacity:1}@media (width>=40rem){.fuss-spalten{grid-template-columns:repeat(3,1fr)}}.maps-teaser{border:1px dashed color-mix(in srgb, var(--text) 30%, transparent);background:color-mix(in srgb, var(--bg) 45%, transparent);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;margin-top:1.25rem;padding:1rem 1.1rem;transition:background .15s;display:flex}.maps-teaser:hover{background:color-mix(in srgb, var(--bg) 60%, transparent)}.maps-teaser-icon{color:var(--accent);flex-shrink:0}.maps-teaser strong{font-size:.95rem;display:block}.maps-teaser-hinweis{opacity:.65;margin-top:.15rem;font-size:.78rem;display:block}.maps-eingebettet{aspect-ratio:16/10;border-radius:10px;margin-top:1.25rem;overflow:hidden}.maps-eingebettet iframe{border:0;width:100%;height:100%}.btn{cursor:pointer;font-family:var(--display);border:0;flex-direction:column;justify-content:center;gap:.15rem;text-decoration:none;display:inline-flex}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.formular{gap:.9rem;display:grid}.formular label{gap:.3rem;font-size:.85rem;font-weight:600;display:grid}.formular input,.formular textarea{font:inherit;border:1px solid color-mix(in srgb, var(--text) 22%, transparent);background:var(--bg);color:var(--text);border-radius:3px;padding:.65rem;font-size:1rem}.formular-hinweis{color:var(--accent-2);min-height:1em;margin:0;font-size:.8rem}address{font-style:normal;line-height:1.8}body{font-size:17px}.kopfzeile.kopfzeile{-webkit-backdrop-filter:none;background:var(--bg)}.kopfzeile.kopfzeile-ueber-hero{color:var(--accent);background:0 0;border-bottom-color:#0000;transition:background-color .3s,border-color .3s,color .3s}.kopfzeile-ueber-hero .kopfzeile-name,.kopfzeile-ueber-hero .kopfzeile-anruf,.kopfzeile-ueber-hero .kopfzeile-nav a{text-shadow:0 1px 10px #00000080}.kopfzeile.kopfzeile-ueber-hero.kopfzeile-solide{background:var(--bg);border-bottom-color:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent)}.kopfzeile-ueber-hero.kopfzeile-solide .kopfzeile-name,.kopfzeile-ueber-hero.kopfzeile-solide .kopfzeile-anruf,.kopfzeile-ueber-hero.kopfzeile-solide .kopfzeile-nav a{text-shadow:none}.op-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-size:.72rem;display:block}.op-kicker-breit{max-width:68rem;margin-left:auto;margin-right:auto;padding:0 1.5rem}.op-hero{background:var(--bg);min-height:100svh;margin-top:-4.4rem;display:flex;position:relative;overflow:hidden}.op-hero-medium{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.op-hero-kenburns{animation:28s ease-in-out infinite alternate op-kenburns}@keyframes op-kenburns{0%{transform:scale(1)}to{transform:scale(1.09)}}@media (prefers-reduced-motion:reduce){.op-hero-kenburns{animation:none}}.op-hero-verlauf{background:linear-gradient(#00000080 0%,#0000001a 30% 70%,#0000008c 100%);position:absolute;inset:0}.op-hero-mitte{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5rem;padding:20svh 1.5rem;display:flex;position:relative}.op-hero-marke{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px #0000008c;margin:0;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:400}.op-reservierung{-webkit-backdrop-filter:blur(6px);color:#fff;background:#00000059;flex-wrap:wrap;justify-content:center;align-items:end;gap:1.5rem 2rem;padding:1.5rem 2rem;display:flex}.op-reservierung-felder{flex-wrap:wrap;align-items:end;gap:1.5rem 2rem;display:flex}.op-reservierung label{text-align:left;flex-direction:column;gap:.35rem;display:flex}.op-reservierung label span,.op-reservierung-gaeste>span{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.68rem}.op-reservierung input[type=date]{color:#fff;font:inherit;color-scheme:dark;background:0 0;border:0;border-bottom:1px solid #ffffff73;padding:.25rem 0;font-size:.88rem}.op-reservierung input[type=date]:focus{border-bottom-color:var(--accent);outline:none}.op-reservierung-gaeste{flex-direction:column;gap:.4rem;display:flex}.op-gaeste-zeile{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.op-gaeste-zeile>span:first-child{text-transform:none;letter-spacing:normal;opacity:.9;text-align:left;min-width:5.5rem;font-size:.8rem}.op-gaeste-stepper{align-items:center;gap:.6rem;display:flex}.op-gaeste-stepper button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:0;width:1.6rem;height:1.6rem;font-size:.95rem;line-height:1}.op-gaeste-stepper button:hover{border-color:var(--accent);color:var(--accent)}.op-gaeste-stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:1.2rem}.op-reservierung button[type=submit]{background:var(--accent);color:var(--bg);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:0;align-self:center;padding:.75rem 1.6rem;font-size:.78rem;transition:opacity .15s}.op-reservierung button[type=submit]:hover{opacity:.85}.op-uebersicht{height:34rem;max-height:60svh;display:flex}.op-kachel{flex:1;text-decoration:none;transition:flex .55s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.op-kachel img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.op-kachel:after{content:"";background:linear-gradient(#0000000d 45%,#0000008c 100%);position:absolute;inset:0}.op-kachel span{z-index:1;color:#fff;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff8c;padding:.5rem 1rem;font-size:.78rem;position:absolute;bottom:1.25rem;left:1.25rem}.op-kachel:hover{flex:2.3}.op-kachel:hover img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.op-kachel,.op-kachel img{transition:none}}@media (width<=40rem){.op-uebersicht{flex-direction:column;height:auto;max-height:none}.op-kachel{flex:none;height:11rem}.op-kachel:hover{flex:none}}.op-subhero{background:var(--bg);align-items:flex-end;min-height:46svh;margin-top:-4.4rem;display:flex;position:relative;overflow:hidden}.op-subhero-bild{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.op-subhero-verlauf{background:linear-gradient(#0000004d 0%,#00000026 45%,#000000ad 100%);position:absolute;inset:0}.op-subhero-inhalt{z-index:1;width:100%;max-width:68rem;margin:0 auto;padding:2rem 1.5rem 3rem;position:relative}.op-subhero-zurueck{color:var(--accent);letter-spacing:.06em;opacity:.9;margin-bottom:1rem;font-size:.78rem;text-decoration:none;display:inline-block}.op-subhero-zurueck:hover{opacity:1;text-decoration:underline}.op-subhero h1{font-family:var(--display);color:#fff;text-shadow:0 2px 16px #00000080;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:400}main{background:var(--bg);color:var(--text)}.op-abschnitt{max-width:42rem;margin:0 auto;padding:5.5rem 1.5rem}.op-abschnitt-breit{padding:5.5rem 0}.op-haltung p{font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.5;font-family:var(--display);font-weight:400}.op-beispiel-hinweis{font-family:var(--body);opacity:.6;margin-top:1rem;font-size:.78rem;font-style:italic;line-height:1.5}.op-zeiten-liste{max-width:24rem;margin:0;padding:0;list-style:none}.op-zeiten-liste li{border-bottom:1px solid color-mix(in srgb, var(--text) 10%, transparent);justify-content:space-between;padding:.6rem 0;font-size:.92rem;display:flex}.op-menue-spalten{columns:1;column-gap:3rem;max-width:68rem;margin:0 auto;padding:0 1.5rem}@media (width>=48rem){.op-menue-spalten{columns:2}}.op-karte-gruppe{break-inside:avoid;margin-top:2.5rem}.op-karte-gruppe:first-of-type{margin-top:0}.op-karte-gruppe h3{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:0 0 1.2rem;font-size:.75rem}.op-karte-gruppe ul{margin:0;padding:0;list-style:none}.op-karte-gruppe li{border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:1rem 0;display:flex}.op-gericht-name{font-family:var(--display);font-size:1.05rem}.op-gericht-text{opacity:.65;flex-basis:100%;font-size:.85rem;line-height:1.5}.op-preis{font-variant-numeric:tabular-nums;opacity:.85;font-size:.88rem}.op-platzhalter{opacity:.7;max-width:30rem;margin:0 auto;font-size:.95rem;line-height:1.7}.op-pdf-kachel{border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);width:100%;max-width:68rem;color:var(--text);font:inherit;letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.9rem;margin:3rem auto 0;padding:1.1rem 1.5rem;font-size:.88rem;transition:background .15s;display:flex}.op-pdf-kachel svg{color:var(--accent);flex-shrink:0}.op-pdf-kachel:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.op-pdf-overlay{z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.op-pdf-fenster{background:var(--bg);color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:30rem;padding:3rem 2rem;display:flex;position:relative}.op-pdf-fenster svg{color:var(--accent)}.op-pdf-fenster p{font-family:var(--display);margin:0;font-size:1.1rem}.op-pdf-hinweis{opacity:.65;line-height:1.6;font-family:var(--body)!important;font-size:.82rem!important}.op-pdf-schliessen{color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:0;padding:.4rem;font-size:1rem;position:absolute;top:.75rem;right:.75rem}.op-pdf-schliessen:hover{opacity:1}.op-zimmer-raster{grid-template-columns:1fr;gap:1.5rem;max-width:68rem;margin:0 auto;padding:0 1.5rem;display:grid}.op-zimmer-kachel{position:relative;overflow:hidden}.op-zimmer-kachel img,.op-zimmer-kein-bild{aspect-ratio:4/3;object-fit:cover;background:color-mix(in srgb, var(--text) 8%, transparent);width:100%;display:block}.op-zimmer-info{padding:1rem 0 0}.op-zimmer-info h3{font-family:var(--display);margin:0 0 .4rem;font-size:1.15rem;font-weight:400}.op-zimmer-info p{opacity:.75;margin:0 0 .4rem;font-size:.88rem;line-height:1.5}@media (width>=40rem){.op-zimmer-raster{grid-template-columns:repeat(6,1fr)}.op-zimmer-kachel{grid-column:span 3}.op-zimmer-kachel:nth-child(3n+1){grid-column:span 4}.op-zimmer-kachel:nth-child(3n+2){grid-column:span 2}}.op-ausstattung-liste{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.op-ausstattung-liste li{align-items:center;gap:.8rem;font-size:.92rem;display:flex}.op-ausstattung-liste svg{color:var(--accent);flex-shrink:0}@media (width>=30rem){.op-ausstattung-liste{grid-template-columns:1fr 1fr}}.op-kontaktblock-grid{gap:2rem;max-width:42rem;margin:0 auto;display:grid}.op-kontakt-zeile{align-items:flex-start;gap:.9rem;margin:0 0 1.3rem;display:flex}.op-kontakt-zeile svg{color:var(--accent);flex-shrink:0;margin-top:.15rem}.op-zeile{opacity:.8;font-size:.9rem;display:block}.op-kontaktblock-grid .maps-teaser,.op-kontaktblock-grid .maps-eingebettet{margin-top:1.25rem}@media (width>=52rem){body{font-size:18px}.op-abschnitt{padding:7rem 3rem}.op-abschnitt-breit{padding:7rem 0}.op-kontaktblock-grid{grid-template-columns:1fr 1fr;max-width:56rem}}
