@font-face{font-family:"Rudolfo Serif";src:url(/_r/fonts/cormorant-garamond-latin-ext-cyr.ab8ccc01e9.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Rudolfo Sans";src:url(/_r/fonts/nunito-sans-latin-ext-cyr.b56f2e416c.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --bg:#0B0B0B;
  --bg-2:#141414;
  --bg-3:#1C1C1C;
  --bg-foot:#070707;
  --gold:#D6AD2D;
  --gold-hi:#E7C55A;
  --text:#F2F0EB;
  --text-2:#B3B3B3;
  --field:#8C8C8C;
  --warn:#E9A189;
  --akzent:#D6AD2D;
  --zahl:#D6AD2D;
  --fokus:#D6AD2D;
  --btn-bg:#D6AD2D;
  --btn-text:#0B0B0B;
  --btn-rand:#D6AD2D;
  --btn-hover:#E7C55A;
  --paper:#141414;
  --paper-rand:rgb(214 173 45 / .55);
  --ink:#F2F0EB;
  --ink-2:#B3B3B3;
  --hair:rgb(214 173 45 / .45);
  --hair-soft:rgb(242 240 235 / .14);
  --scrim:11 11 11;
  --rahmen:rgb(214 173 45 / .8);
  --serif:"Rudolfo Serif",Georgia,"Times New Roman",serif;
  --sans:"Rudolfo Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --t-xl:clamp(38px,3.4vw + 25px,64px);
  --t-l:clamp(32px,2.4vw + 23px,52px);
  --t-m:22px;
  --t-s:16px;
  --gutter:16px;
  --mbar-h:66px;
  --head-h:60px;
  --measure:36em;
  --sec-y:64px;
  color-scheme:dark;
}
html.pal-rom{
  --bg:#FFFFFF;
  --bg-2:#F4F4F2;
  --bg-3:#E8E8E6;
  --bg-foot:#000000;
  --text:#111111;
  --text-2:#555555;
  --field:#767676;
  --warn:#A8381C;
  --akzent:#111111;
  --zahl:#111111;
  --fokus:#111111;
  --btn-bg:#0B0B0B;
  --btn-text:#D6AD2D;
  --btn-rand:#D6AD2D;
  --btn-hover:#262626;
  --paper:#F4F4F2;
  --paper-rand:transparent;
  --ink:#111111;
  --ink-2:#555555;
  --hair:rgb(17 17 17 / .22);
  --hair-soft:rgb(17 17 17 / .12);
  --scrim:0 0 0;
  --rahmen:transparent;
  color-scheme:light;
}
html.pal-rom :is(.site-head,.site-foot,.mbar,.hero,.lb){
  --bg:#000000;
  --bg-2:#161616;
  --bg-foot:#000000;
  --text:#F2F2F2;
  --text-2:#B3B3B3;
  --field:#8C8C8C;
  --warn:#E9A189;
  --akzent:#F2F2F2;
  --zahl:#F2F2F2;
  --fokus:#FFFFFF;
  --btn-bg:#D6AD2D;
  --btn-text:#0A0A0A;
  --btn-rand:#D6AD2D;
  --btn-hover:#E7C55A;
  --hair:rgb(255 255 255 / .2);
  --hair-soft:rgb(255 255 255 / .12);
  --scrim:0 0 0;
  color:var(--text);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px;font-synthesis:none}
html *,html *::before,html *::after{font-variant-numeric:lining-nums!important}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--t-s)/1.65 var(--sans);padding-bottom:calc(var(--mbar-h) + env(safe-area-inset-bottom))}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;line-height:1.08;letter-spacing:-.005em;text-wrap:balance}
.mood,.rline,.hero-sub,.direct-list p,.direct-note{text-wrap:pretty}
p,ul,ol,dl,dd,figure,table{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration-color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:1px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-80px;z-index:60;background:var(--text);color:var(--bg);padding:12px 16px;font-weight:700}
.skip:focus{top:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mt{margin-top:14px}
.lang-hint{margin-left:6px;color:var(--text-2);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:2px;font:700 var(--t-s)/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:center}
.btn--primary{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-rand)}
.btn--primary:hover{background:var(--btn-hover)}
.btn--call,.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--text-2)}
.btn--call:hover,.btn--ghost:hover{border-color:var(--text)}
.btn--call{padding:0 12px;gap:6px;flex-wrap:wrap;min-width:0}
.call-num{font-weight:400;color:var(--text-2);white-space:nowrap}
.btn--block{display:flex;width:100%}
.textlink{display:inline-flex;align-items:center;min-height:44px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.site-head{position:relative;z-index:30;background:var(--bg);border-bottom:1px solid var(--hair)}
.head-row{display:flex;align-items:center;gap:2px;min-height:var(--head-h)}
.logo-link{display:flex;align-items:center;min-height:44px;margin-right:auto}
.logo{height:30px;width:auto}
.head-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 8px;color:var(--text);text-decoration:none;font-weight:600}
.nav-wide,.head-book,.call-label{display:none}
.pop{position:static}
.pop>summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border:1px solid transparent;border-radius:2px;font-weight:600;cursor:pointer;list-style:none;color:var(--text)}
.pop>summary::-webkit-details-marker{display:none}
.menu>summary{border-color:var(--hair)}
.pop[open]>summary{background:var(--bg-2);border-color:var(--hair)}
.pop-panel{position:absolute;left:0;right:0;top:100%;background:var(--bg-2);border-bottom:1px solid var(--hair);padding:4px var(--gutter) 12px;z-index:35}
.pop-panel a{display:flex;align-items:center;min-height:48px;text-decoration:none;border-bottom:1px solid var(--hair-soft)}
.menu .pop-panel a{font:500 var(--t-m)/1.2 var(--serif);min-height:54px}
.pop-panel a[aria-current]{text-decoration:underline;text-decoration-color:var(--akzent)}
.lang>summary .chev{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5}
.crumbs{color:var(--text-2);padding-top:6px}
.crumbs ol{display:flex;flex-wrap:wrap}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 8px;color:var(--field)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.page-head{padding:6px 0 32px}
.page-head h1,.room-head h1{font-size:var(--t-xl);line-height:1.04}
.lead{font-size:var(--t-m);line-height:1.45;margin-top:12px;max-width:var(--measure)}
picture{display:contents}
.hero{background:var(--bg)}
.hero-media{position:relative;margin:0;overflow:hidden}
.hero-media img{width:100%;height:320px;object-fit:cover;object-position:42% 30%}
.hero-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgb(var(--scrim) / 0) 34%,rgb(var(--scrim) / .55) 52%,rgb(var(--scrim) / .86) 66%,rgb(var(--scrim) / .95) 80%,var(--bg) 100%)}
.hero-media::after{content:"";position:absolute;inset:12px 12px 118px;border:1px solid var(--rahmen);z-index:2;pointer-events:none}
.hero-media figcaption{position:absolute;z-index:3;top:20px;right:20px;max-width:min(58%,17em);font-size:var(--t-s);line-height:1.3;color:var(--text);background:rgb(var(--scrim) / .82);padding:4px 8px;transition:opacity .4s}
.hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transition:opacity .6s}
.hero-media.spielt .hero-video{opacity:1}
.hero-media.spielt figcaption{opacity:0}
.hero-body{position:relative;z-index:4;margin-top:-108px;padding-bottom:30px}
.hero h1{font-size:var(--t-xl);line-height:1.04;max-width:13em}
.hero h1 .kicker{display:block;font:700 var(--t-s)/1.4 var(--sans);font-variant-caps:all-small-caps;font-synthesis-small-caps:auto;letter-spacing:.1em;color:var(--text-2);margin-bottom:8px}
.hero h1 .claim{display:block}
.hero-sub{margin-top:12px;max-width:30em;line-height:1.55}
.hero-facts{display:grid;gap:4px;margin-top:12px}
.hero-sub+.hero-facts{margin-top:8px;color:var(--text-2)}
.book-card{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.hero .book-call{display:none}
.datebar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.date-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.date-fields label{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;color:var(--text-2)}
.date-fields input,.date-fields select{min-height:48px;width:100%;min-width:0;background:transparent;color:var(--text);border:1px solid var(--field);border-radius:2px;padding:0 10px;font:400 var(--t-s) var(--sans)}
.date-fields select{background:var(--bg-2);cursor:pointer}
.date-fields input[type=date]{-webkit-appearance:none;appearance:none;display:block;max-width:100%;line-height:46px;text-align:left}
.date-fields input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
button.btn{-webkit-appearance:none;appearance:none}
.book-lang,.book-plain{color:var(--text-2);line-height:1.4}
.terms{margin-top:18px;color:var(--text-2)}
.terms-head{color:var(--text);font-weight:600}
.terms-list{display:grid;gap:2px;margin-top:4px}
.terms-note{margin-top:6px}
.sec{padding:var(--sec-y) 0;border-top:1px solid var(--hair-soft)}
.sec--alt{background:var(--bg-2)}
.sec h2{font-size:var(--t-l);margin-bottom:20px}
.sec h3{font-size:var(--t-m);margin-bottom:8px}
.sec p+p{margin-top:14px}
.sec p{max-width:var(--measure)}
.sec-intro{color:var(--text-2);max-width:var(--measure)}
.more{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}
.two-col,.split{display:grid;gap:32px}
.prose{max-width:var(--measure)}
.wrap.prose{max-width:1200px}
.wrap.prose>p,.wrap.prose>ul{max-width:var(--measure)}
.house-grid{display:grid;gap:32px;justify-items:center}
.paper{width:100%;max-width:46rem;background:var(--paper);color:var(--ink);padding:36px 24px 30px;border:1px solid var(--paper-rand)}
.sec .paper h2{color:var(--ink)}
.paper p{line-height:1.7;max-width:var(--measure)}
.paper .more{margin-top:10px}
.paper .more a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration-color:var(--akzent)}
.paper .lang-hint{color:var(--ink-2)}
.paper :focus-visible{outline-color:var(--fokus)}
.paper .letter{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair)}
.paper .sign{font:500 var(--t-m)/1.3 var(--serif)}
.rooms-row{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:24px calc(var(--gutter) * -1) 0;padding:0 var(--gutter) 16px;scroll-padding:0 var(--gutter);scrollbar-width:thin;scrollbar-color:var(--field) transparent}
.rcard,.rtile-cmp{position:relative;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start}
.rcard-pic{overflow:hidden;aspect-ratio:4/3;background:var(--bg-2)}
.rcard-pic img{width:100%;height:100%;object-fit:cover}
.sec .rname{font:500 var(--t-m)/1.15 var(--serif);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--hair)}
.rname a{text-decoration:none}
.rname a::after{content:"";position:absolute;inset:0}
.rcard:hover .rname a{text-decoration:underline;text-decoration-thickness:1px}
.rcard:focus-within{outline:3px solid var(--fokus);outline-offset:4px}
.rcard .rname a:focus-visible{outline:none}
.rline{line-height:1.45;color:var(--text-2);margin-top:6px}
.sec .rprice{margin-top:8px;color:var(--text-2)}
.rprice b{font:500 var(--t-m)/1 var(--serif);color:var(--zahl)}
.rmore{margin-top:8px;align-self:flex-start;font-weight:700;text-decoration:underline;text-decoration-color:var(--akzent);text-underline-offset:4px}
.rtile-cmp{justify-content:flex-start;gap:8px;padding-top:14px;border-top:1px solid var(--hair);min-height:160px}
.sec .rtile-cmp h3{margin:0}
.rtile-cmp a{text-decoration-color:var(--akzent)}
.sec .rtile-cmp p{color:var(--text-2)}
.direct-list{display:grid;margin-top:4px}
.direct-list li{padding:14px 0;border-top:1px solid var(--hair-soft)}
.sec .direct-list h3{line-height:1.15;margin-bottom:4px}
.sec .direct-list p{color:var(--text-2)}
.sec .direct-note{margin-top:4px;padding-top:14px;border-top:1px solid var(--hair-soft);color:var(--text-2)}
.direct-card .btn{display:flex;width:100%;margin-top:20px}
.bf-split{display:grid}
.bf-pic{order:1}
.bf-text{order:2}
.clip--bf{order:3}
.bf-pic img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:35% 50%}
.bf-pic figcaption{margin-top:10px;color:var(--text-2)}
.times{width:100%;margin-top:16px;border-collapse:collapse;max-width:24em}
.times tr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px solid var(--hair-soft)}
.times td{font:400 var(--t-m)/1.2 var(--serif);white-space:nowrap}
.times th{font-weight:400;text-align:left}
.times+p{margin-top:14px}
.minutes{width:100%;margin-top:14px;max-width:30em}
.minutes li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--hair-soft)}
.minutes b{font:400 var(--t-m)/1.2 var(--serif);white-space:nowrap}
.minutes b.frei{white-space:normal;text-align:right}
.minutes small{grid-column:1 / -1;font-size:var(--t-s);line-height:1.45;color:var(--text-2)}
.loc-pic{margin:0}
.km{--km-geb:#262626;--km-gruen:#1C211B;--km-hv:#3A3A3A;margin:0;container-type:inline-size}
html.pal-rom .km{--km-geb:#DCDCD7;--km-gruen:#D9E0D3;--km-hv:#B8B8B2}
.km-svg{display:block;width:100%;height:auto}
.km-grund{fill:var(--bg-2)}
.km-gruen{fill:var(--km-gruen)}
.km-platz{fill:var(--bg)}
.km-geb{fill:var(--km-geb)}
.km-hv{fill:var(--km-hv)}
.km-hotelhaus,.km-punkt{fill:var(--text)}
.km-kern{fill:var(--bg-2)}
.km-puls{fill:none;stroke:var(--text);stroke-width:2.5;opacity:0}
.km-spur{fill:none;stroke:var(--text);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 11}
.km-zug{fill:none;stroke:#FFFFFF;stroke-width:16;stroke-linejoin:round}
.km-zielpunkt{fill:var(--bg-2);stroke:var(--text);stroke-width:3.5}
.km-bahnlinie{fill:none;stroke:var(--text);stroke-width:2.5;stroke-dasharray:3 7;stroke-linecap:round}
.km-pfeil,.km-nord path{fill:none;stroke:var(--text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.km-nord path{stroke:var(--text-2)}
.km text{fill:var(--text);paint-order:stroke;stroke:var(--bg-2);stroke-width:7px;stroke-linejoin:round}
.km .km-l2,.km .km-l3{fill:var(--text-2)}
.km-l1{font:600 30px/1 var(--serif)}
.km-l2{font:700 26px/1 var(--sans)}
.km-l3{font:600 26px/1 var(--sans)}
.km-name{font:600 38px/1 var(--serif)}
@container (max-width:339px){.km-l1{font-size:33px}.km-l2,.km-l3{font-size:30px}.km-name{font-size:40px}}
@container (min-width:500px){.km-l1{font-size:22px}.km-l2,.km-l3{font-size:18px}.km-name{font-size:28px}.km text{stroke-width:5px}}
.km-quelle{margin-top:8px;color:var(--text-2)}
.km-quelle a{color:inherit}
@media screen and (prefers-reduced-motion:no-preference){
  .km-punkt,.km-kern,.km-puls{transform-box:fill-box;transform-origin:center}
  .km--bereit .km-geb,.km--bereit .km-gruen,.km--bereit .km-hv{opacity:.35}
  .km--bereit .km-punkt,.km--bereit .km-kern{transform:scale(0)}
  .km--bereit .km-name,.km--bereit .km-adr,.km--bereit .km-ziel,.km--bereit .km-neben,.km--bereit .km-bahn{opacity:0}
  .km--bereit .km-zug{stroke-dasharray:100 100;stroke-dashoffset:100}
  .km--los .km-geb,.km--los .km-gruen,.km--los .km-hv{opacity:1;transition:opacity .7s ease}
  .km--los .km-punkt,.km--los .km-kern{transform:none;transition:transform .45s ease-out .3s}
  .km--los .km-name,.km--los .km-adr{opacity:1;transition:opacity .5s ease .6s}
  .km--los .km-puls{animation:km-puls 1.5s ease-out .7s 2}
  .km--los .km-zug{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.45,.05,.35,1) 1.1s}
  .km--los .km-zug--o{transition-duration:1.6s;transition-delay:1.5s}
  .km--los .km-ziel{opacity:1;transition:opacity .5s ease 2.2s}
  .km--los .km-ziel--o{transition-delay:3s}
  .km--los .km-bahn{opacity:1;transition:opacity .6s ease 3.1s}
  .km--los .km-neben{opacity:1;transition:opacity .8s ease 3.4s}
  .km--fertig .km-zug{stroke-dasharray:none}
}
@keyframes km-puls{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(3.4)}}
.know-grid{display:grid;gap:40px;margin-top:6px}
.sec .know-item h3{margin-bottom:10px}
.ticks{display:grid}
.ticks li{padding:9px 0;border-top:1px solid var(--hair-soft)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.facts li{padding:9px 0;border-top:1px solid var(--hair-soft);display:grid;gap:1px;align-content:start}
.facts b{font-weight:700;color:var(--text)}
.facts span{color:var(--text-2);line-height:1.4}
.phone-big a{display:inline-flex;align-items:center;gap:12px;min-height:48px;font:400 var(--t-l)/1.1 var(--serif);text-decoration:none}
.phone-big .ico{width:26px;height:26px}
.address{margin-top:6px}
.contact-lines{display:flex;flex-wrap:wrap;gap:0 20px}
.contact-lines li{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;min-height:44px}
.contact-lines a{display:inline-flex;align-items:center;min-height:44px}
.site-foot{background:var(--bg-foot);border-top:1px solid var(--hair);padding:28px 0 18px;color:var(--text-2)}
.foot-grid{display:grid;gap:20px}
.site-foot .logo{height:26px;margin-bottom:10px}
.foot-addr{color:var(--text);line-height:1.5}
.foot-addr a{display:inline-flex;align-items:center;min-height:32px}
.foot-links{display:flex;flex-wrap:wrap;gap:0 16px}
.foot-links li{display:flex;align-items:center;min-height:32px}
.foot-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--text)}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:rgb(var(--scrim) / .97);border-top:1px solid var(--hair)}
.mbar .btn{min-height:48px;padding:0 10px}
.room-head{padding:2px 0 24px}
.room-head .mood{font:500 var(--t-m)/1.3 var(--serif);margin-top:10px;max-width:28em}
.room-from{margin-top:10px;color:var(--text-2)}
.room-from b{font:500 var(--t-m)/1 var(--serif);color:var(--zahl)}
.room-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-bottom:48px}
.room-layout>*,.two-col>*,.split>*{min-width:0}
.r-story p{line-height:1.7;max-width:var(--measure)}
.r-story p+p{margin-top:14px}
.factbox h2{font-size:var(--t-m);padding-top:12px;margin:0 0 4px;border-top:1px solid var(--hair)}
.facts-dl>div{display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--hair-soft);line-height:1.4}
.facts-dl dt{color:var(--text-2)}
.facts-dl dd.flag-no{color:var(--warn);font-weight:700}
.amen-titel{font:500 var(--t-m)/1.2 var(--serif);margin:24px 0 4px}
.amen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.amen li{padding:8px 0;border-top:1px solid var(--hair-soft);line-height:1.4}
.pricecard{padding:20px 0 0;border-top:1px solid var(--hair)}
.price{font:400 var(--t-l)/1.05 var(--serif);color:var(--zahl)}
.price-sub{color:var(--text-2);margin:4px 0 12px}
.pricecard .btn--call{margin-top:10px}
.r-good h2,.r-cmp h2{font-size:var(--t-l);margin-bottom:14px}
.r-photos{container-type:inline-size}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gallery li:first-child,.gallery--4 li:last-child,.gallery li.g-voll{grid-column:1 / -1}
.gallery figure{height:100%}
.gallery img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;min-height:0}
.lb-auf{display:block;width:100%;height:100%;padding:0;border:0;margin:0;background:none;color:inherit;cursor:zoom-in}
.good{display:grid;gap:0}
.good li{padding:9px 0;border-top:1px solid var(--hair-soft)}
.good a{text-decoration-color:var(--akzent)}
.more-info{border-top:1px solid var(--hair-soft)}
.more-info>summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font-weight:700;list-style:none}
.more-info>summary::-webkit-details-marker{display:none}
.more-info>summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:translateY(-3px) rotate(45deg)}
.more-info[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.more-info .good li{color:var(--text-2)}
.safety-line{padding-top:12px;border-top:1px solid var(--hair-soft)}
.mini-wrap{overflow-x:auto}
.mini-cmp{width:100%;min-width:320px;border-collapse:collapse;line-height:1.35;table-layout:fixed}
.mini-cmp th,.mini-cmp td{padding:8px 6px;border-bottom:1px solid var(--hair-soft);text-align:left;vertical-align:top}
.mini-cmp thead th{font:500 var(--t-m)/1.15 var(--serif);vertical-align:bottom;color:var(--text)}
.mini-cmp thead a{display:inline-flex;align-items:center;min-height:44px}
.mini-cmp tbody th{font-weight:400;color:var(--text-2);width:27%}
.mini-cmp .is-current{background:var(--bg-3)}
.mini-cmp thead .is-current{box-shadow:inset 0 2px 0 var(--akzent)}
.mini-cmp b{font:500 var(--t-m)/1 var(--serif);color:var(--zahl)}
.next-step{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.lb{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgb(var(--scrim) / .97);color:var(--text);overflow:hidden}
.lb::backdrop{background:rgb(8 8 8 / .97)}
.lb-fig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;margin:0;padding:64px 12px 20px;touch-action:pan-y pinch-zoom}
.lb-bild{width:auto;height:auto;max-width:100%;max-height:calc(100% - 64px);object-fit:contain}
.lb-text{max-width:var(--measure);text-align:center;color:var(--text-2);line-height:1.45}
.lb-zahl{color:var(--text);font-weight:700;margin-right:6px}
.lb-btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--text-2);border-radius:2px;background:rgb(var(--scrim) / .72);color:var(--text);font:400 var(--t-m)/1 var(--sans);cursor:pointer}
.lb-btn:hover{border-color:var(--text)}
.lb-vor{left:10px;top:calc(50% - 24px)}
.lb-nach{right:10px;top:calc(50% - 24px)}
.lb-zu{right:10px;top:10px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chip{font:600 var(--t-s)/1.2 var(--sans);min-height:44px;padding:0 14px;border-radius:2px;border:1px solid var(--field);background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.chip[aria-pressed="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.chip .tick{width:16px;height:16px;border:1.5px solid currentColor;border-radius:1px;display:inline-block;position:relative}
.chip[aria-pressed="true"] .tick::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.count{margin-top:10px;color:var(--text-2);min-height:24px}
.cmp-cards{display:grid;gap:28px;margin-top:6px;padding-bottom:40px}
.cmp-card{border-top:1px solid var(--hair);padding-top:12px}
.cmp-card[hidden],.cmp-table tr[hidden]{display:none}
.cmp-card-top{display:grid;grid-template-columns:120px 1fr;gap:14px}
.cmp-card-top img{width:120px;height:90px;object-fit:cover}
.cmp-card h2{font-size:var(--t-m);line-height:1.1}
.cmp-card .rline{margin:8px 0 0}
.room-price{color:var(--text-2)}
.room-price b{font:500 var(--t-m)/1 var(--serif);color:var(--zahl)}
.cmp-card .room-price{text-align:left;margin-top:4px;display:block}
.part{display:block;color:var(--text-2);margin-top:2px}
.no{color:var(--warn)}
.cmp-card .facts-dl{margin-top:8px}
.cmp-card .facts-dl>div{grid-template-columns:118px 1fr}
.cmp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:12px}
.cmp-actions .btn{min-height:44px;padding:0 14px}
.cmp-table-wrap{display:none}
.map-card{padding-top:12px;border-top:1px solid var(--hair-soft)}
.steps{counter-reset:step;display:grid;border-top:1px solid var(--hair-soft);max-width:44em}
.steps>li{counter-increment:step;position:relative;padding:14px 0 14px 50px;border-bottom:1px solid var(--hair-soft)}
.steps>li::before{content:counter(step);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--akzent);color:var(--text);font:500 var(--t-m)/32px var(--serif);text-align:center}
.steps b{display:block;font:500 var(--t-m)/1.2 var(--serif);margin-bottom:2px}
.cards2{display:grid;gap:24px}
.card{padding-top:12px;border-top:1px solid var(--hair)}
.card ul{display:grid;gap:4px}
.ext-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}
.ext-links a{display:inline-flex;align-items:center;min-height:44px}
.stand{color:var(--text-2);margin-top:8px}
.clip{position:relative;margin:0 auto;width:min(100%,calc(60vh * 464 / 848));aspect-ratio:464 / 848;overflow:hidden;background:var(--bg-2)}
.clip img,.clip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip-video{opacity:0;transition:opacity .6s}
.clip.spielt .clip-video{opacity:1}
.clip-pause{position:absolute;z-index:3;left:12px;top:12px;min-height:44px;padding:0 14px;border:1px solid rgb(255 255 255 / .75);border-radius:2px;background:rgb(0 0 0 / .72);color:#FFFFFF;font:700 var(--t-s)/1.1 var(--sans);cursor:pointer;-webkit-appearance:none;appearance:none}
.clip-pause:hover{background:rgb(0 0 0 / .88)}
.clip-pause:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px;box-shadow:0 0 0 6px #000000}
.clip-pause[hidden]{display:none}
.house-pics{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:32px calc(var(--gutter) * -1) 0;padding:0 var(--gutter) 12px;scroll-padding:0 var(--gutter);scrollbar-width:thin;scrollbar-color:var(--field) transparent}
.house-pics:focus-visible{outline:3px solid var(--fokus);outline-offset:-3px}
.hp{scroll-snap-align:start;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg-2)}
.hp img{width:100%;height:100%;object-fit:cover}
.hp--rezeption img{object-position:30% 50%}
@media (max-width:1023px){
  html{scroll-padding-bottom:calc(var(--mbar-h) + 16px)}
  html.cc-unten{scroll-padding-bottom:calc(var(--mbar-h) + var(--cc-h,0px) + 16px)}
  html.cc-oben{scroll-padding-top:calc(var(--cc-h,0px) + 16px)}
}
@media (min-width:600px){
  .rooms-row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;overflow:visible;margin:32px 0 0;padding:0}
  .sec .rprice{margin-top:auto;padding-top:12px}
}
@media (min-width:768px){
  :root{--gutter:32px}
  .hero-media img{height:500px;object-position:45% 22%}
  .hero-media::before{background:linear-gradient(180deg,rgb(var(--scrim) / 0) 22%,rgb(var(--scrim) / .6) 42%,rgb(var(--scrim) / .9) 56%,rgb(var(--scrim) / .96) 74%,var(--bg) 100%)}
  .hero-pause{left:28px;top:28px}
  .hero-body{margin-top:-220px}
  .hero-media::after{inset:16px 16px 232px}
  .hero-media figcaption{top:28px;right:32px;max-width:22em}
  .two-col{grid-template-columns:1fr 1fr;gap:56px}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
  .loc .split{align-items:start}
  .bf-pic img{aspect-ratio:4/3}
  .paper{padding:56px 64px 46px}
  .house-grid{grid-template-columns:minmax(0,46rem) minmax(0,320px);justify-content:center;align-items:center;gap:48px}
  .clip{width:min(100%,320px)}
  .house-pics{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,clamp(180px,20vw,240px)));grid-auto-columns:auto;overflow:visible;margin:48px 0 0;padding:0;gap:16px}
  .hp{aspect-ratio:auto}
  .hp--eingang{grid-column:1;grid-row:1 / span 2}
  .hp--lobby{grid-column:2 / span 2;grid-row:1}
  .hp--bar{grid-column:4;grid-row:1 / span 2}
  .hp--rezeption{grid-column:2;grid-row:2}
  .hp--hund{grid-column:3;grid-row:2}
  .bf-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bf-pic{display:none}
  .clip--bf{order:1;margin:0 0 0 auto}
  .cards2{grid-template-columns:1fr 1fr;gap:32px}
  .foot-grid{grid-template-columns:1.2fr 1fr 1fr;gap:32px}
  .foot-grid>.foot-links{flex-direction:column;align-items:flex-start}
  .gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px;grid-auto-rows:calc(22.2cqw - 4px)}
  .gallery li{grid-column:span 2}
  .gallery img{aspect-ratio:auto}
  .gallery--6 li:first-child,.gallery--5 li:first-child{grid-column:span 4;grid-row:span 2}
  .gallery--4 li:first-child{grid-column:1 / -1;grid-row:span 3}
  .gallery--4 li:last-child,.gallery li.g-voll{grid-column:span 2}
  .gallery li.g-halb{grid-column:span 3}
  .gallery--5{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px;grid-auto-rows:calc(16.67cqw - 4px)}
  .gallery--5 li{grid-column:span 1}
  .gallery--5 li:first-child{grid-column:span 2;grid-row:span 2}
  .direct-card .btn{display:inline-flex;width:auto}
  .lb-fig{padding:64px 72px 24px}
  .lb-vor{left:16px}
  .lb-nach{right:16px}
}
@media (min-width:1024px){
  :root{--sec-y:128px;--head-h:64px;--t-m:24px;--t-s:17px}
  html{scroll-padding-top:80px}
  html.cc-unten{scroll-padding-bottom:calc(var(--cc-h,0px) + 16px)}
  html.cc-oben{scroll-padding-top:calc(80px + var(--cc-h,0px))}
  body{padding-bottom:0}
  .site-head{position:sticky;top:0}
  .head-row{height:64px;min-height:0;gap:2px}
  .mbar{display:none}
  .menu{display:none}
  .nav-wide,.head-book{display:inline-flex}
  .logo{height:30px}
  .nav-wide ul{display:flex;gap:0}
  .nav-wide a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px;text-decoration:none;font-weight:700;font-variant-caps:all-small-caps;font-synthesis-small-caps:auto;letter-spacing:.1em}
  .nav-wide a:hover{text-decoration:underline}
  .nav-wide a[aria-current]{text-decoration:underline;text-decoration-color:var(--akzent)}
  .lang{position:relative}
  .lang .pop-panel{left:auto;right:0;min-width:200px;border:1px solid var(--hair)}
  .head-book{min-height:40px;margin-left:6px;padding:0 18px}
  .sec h2{margin-bottom:28px}
  .hero-media img{height:600px;object-position:50% 20%}
  .hero-pause{left:40px;top:40px}
  .hero-media::after{inset:20px 20px 270px}
  .hero-media figcaption{top:40px;right:44px;max-width:24em}
  .hero-body{margin-top:-256px;display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto auto;gap:0 56px;align-items:end;padding-bottom:56px}
  .hero-text{grid-column:1;grid-row:1}
  .hero-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 30px;margin-top:20px}
  .hero-sub+.hero-facts{margin-top:14px}
  .book-card{grid-column:2;grid-row:1 / span 2;align-self:start;margin-top:0;padding:26px;background:var(--bg-2)}
  .hero .book-call{display:flex}
  .terms{grid-column:1;grid-row:2;align-self:start;margin-top:20px}
  .terms-list{display:flex;flex-wrap:wrap;gap:4px 24px}
  .rooms-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
  .rtile-cmp{grid-column:span 2}
  .know-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
  .facts{grid-template-columns:1fr}
  .direct-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:22px}
  .direct-list li{padding:20px 0 6px}
  .sec .direct-note{margin-top:22px;padding-top:0;border-top:0}
  .site-foot .logo{display:block}
  .room-layout{grid-template-columns:minmax(0,1fr) 380px;column-gap:56px;row-gap:56px;align-items:start}
  .room-layout>*{grid-column:1}
  .amen{grid-template-columns:repeat(3,minmax(0,1fr))}
  .room-layout>.r-price{grid-column:2;grid-row:1 / span 8;position:sticky;top:80px;border-top:0;padding:24px;background:var(--bg-2)}
  .cmp-cards{display:none}
  .cmp-table-wrap{display:block;padding-bottom:56px;overflow-x:auto}
  .cmp-table{width:100%;border-collapse:collapse;line-height:1.35;margin-top:8px}
  .cmp-table th,.cmp-table td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--hair-soft)}
  .cmp-table thead th{font-weight:700;color:var(--text-2);border-bottom:1px solid var(--hair)}
  .cmp-table tbody th{font:500 var(--t-m)/1.15 var(--serif);min-width:150px}
  .cmp-table tbody th a{text-decoration-color:var(--akzent)}
  .cmp-table tbody th img{width:150px;height:100px;object-fit:cover;margin-bottom:8px}
  .cmp-table .room-price{text-align:left;display:block}
  .cmp-table .btn{min-height:44px;padding:0 12px;margin-top:8px}
}
@media (min-width:1200px){.call-label{display:inline}}
.hero-media::before,.hero-media::after{display:none}
.hero-media{--hero-h:clamp(280px,40svh,360px)}
.hero-media img{height:var(--hero-h);object-position:40% 42%}
.hero-video{bottom:auto;height:var(--hero-h)}
.hero-media figcaption{position:relative;z-index:1;top:auto;right:auto;max-width:none;background:var(--bg);padding:10px var(--gutter) 0;color:var(--text-2)}
.hero-body{margin-top:0;padding-top:22px}
.gallery--kurz figure,.gallery--kurz .lb-auf{position:relative}
.g-mehr{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .58);color:#FFFFFF;font:400 var(--t-l)/1 var(--serif);transition:background-color .2s}
@media (scripting:enabled){
  .gallery--kurz>li:nth-child(n+6){display:none}
  .gallery--kurz .g-mehr{display:flex}
}
.lb-auf:hover .g-mehr{background:rgb(0 0 0 / .7)}
.logo{height:34px}
html.pal-rom .paper{background:transparent;border:0;padding:0}
.btn{font-variant-caps:all-small-caps;font-synthesis-small-caps:auto;letter-spacing:.1em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.btn .call-num{font-variant-caps:normal;letter-spacing:0}
.btn--call,.btn--ghost{border-color:var(--text)}
.btn--call:hover,.btn--ghost:hover{background:var(--text);color:var(--bg)}
.btn--call:hover .call-num{color:var(--bg)}
:is(.rmore,.more a,a.textlink){display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-variant-caps:all-small-caps;font-synthesis-small-caps:auto;letter-spacing:.1em;text-decoration:none}
:is(.rmore,.more a,a.textlink)::after{content:"";flex:none;width:7px;height:7px;margin-left:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
:is(.more a,a.textlink):is(:hover,:focus-visible),.rcard:hover .rmore{text-decoration:underline;text-decoration-thickness:1px}
:is(.more a,a.textlink):hover::after,.rcard:hover .rmore::after{transform:translateX(3px) rotate(45deg)}
.rmore{margin-top:4px}
.kontakt{display:grid;gap:0;margin-top:8px}
.kontakt a{color:var(--text)}
.k-link{display:inline-flex;align-items:center;gap:10px;min-height:40px}
.k-ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.k-ico--marke{fill:currentColor;stroke:none}
.k-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}
.k-knopf{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-8px;border-radius:50%}
.k-knopf+.k-knopf{margin-left:0}
.k-knopf:hover{background:rgb(255 255 255 / .14)}
.kontakt .k-reihe+.k-reihe{margin-top:4px}
@media (min-width:768px){
  .hero-media{--hero-h:clamp(360px,52svh,520px)}
  .hero-media img{object-position:50% 40%}
  .hero-media figcaption{padding:12px 32px 0}
  .house-grid{grid-template-columns:minmax(0,1fr) minmax(0,360px);justify-content:stretch;justify-items:start;gap:96px;align-items:center}
  .clip{width:min(100%,360px)}
  .clip--haus{justify-self:end}
  .bf-split{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:96px;align-items:center}
  .clip--bf{margin:0}
}
@media (min-width:1024px){
  .hero-media{--hero-h:clamp(420px,min(50vw,calc(100svh - 200px)),900px)}
  .hero-media img{object-position:50% 30%}
  .hero-media figcaption{padding:10px max(32px,calc((100vw - 1200px) / 2 + 32px)) 0;text-align:right}
  .hero-body{margin-top:0;padding:26px 32px 56px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .hero .hero-text{grid-column:1;grid-row:auto;max-width:46rem;padding:0 0 32px}
  .hero-sub+.hero-facts{margin-top:10px}
  .hero .book-card{grid-column:1;grid-row:auto;align-self:auto;margin:0;padding:24px 0 8px;border-top:1px solid var(--hair);background:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px;align-items:end}
  .hero .datebar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}
  .hero .date-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .hero .datebar .btn{min-height:48px;padding:0 28px}
  .hero .book-call{min-height:48px;padding:0 18px;justify-self:start}
  .hero .terms{grid-column:1;grid-row:auto;align-self:auto;margin:0;padding:10px 0 0;background:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 24px}
  .hero .terms-list{gap:4px 24px}
  .hero .terms-note{margin-top:0}
  .site-head>.wrap.head-row{max-width:none}
  .logo-link{margin-right:0}
  .nav-wide{margin:0 auto}
  .nav-wide a{font-weight:600}
  .head-call{font-weight:400;color:var(--text-2)}
  .head-call:hover{color:var(--text)}
  .head-book{font-variant-caps:all-small-caps;font-synthesis-small-caps:auto;letter-spacing:.06em}
  .site-head{border-bottom-color:rgb(255 255 255 / .12)}
  .sec--ed{padding:96px 0}
  .sec--ed>.wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:72px;align-items:start}
  .sec--ed>.wrap>*{grid-column:2;max-width:44em}
  .sec--ed>.wrap>h2{grid-column:1;grid-row:1 / span 9;margin:0;position:sticky;top:96px}
  .sec--ed .lead{margin-top:0}
  .sec--ed>.wrap>.minutes:first-of-type{margin-top:0;max-width:none}
}
@media (min-width:1440px){
  .site-head>.wrap.head-row{padding:0 40px}
  .logo{height:40px}
  .nav-wide a{padding:0 12px;letter-spacing:.12em}
  .head-book{min-height:40px;padding:0 22px;margin-left:10px;letter-spacing:.12em}
}
@media (min-width:1600px){.hero .book-card{grid-template-columns:minmax(0,1fr) auto}}
@media (prefers-reduced-motion:reduce){.btn,.g-mehr,:is(.rmore,.more a,a.textlink)::after{transition:none}}
@media (prefers-reduced-motion:no-preference){
  .hero-media img{animation:settle 1.8s cubic-bezier(.2,.65,.25,1) both}
  .hero-media::after{animation:frame-in 1.2s cubic-bezier(.2,.65,.25,1) .3s both}
  .rcard-pic img{transition:transform .45s cubic-bezier(.2,.65,.25,1)}
  .rcard:hover .rcard-pic img,.rcard:focus-within .rcard-pic img{transform:scale(1.035)}
  .lb-bild{transition:opacity .2s ease}
  .lb-bild.lb-laedt{opacity:0}
}
@keyframes settle{from{transform:scale(1.045)}to{transform:none}}
@keyframes frame-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-video,.clip-video,.clip-pause{display:none}}
@media print{.mbar,.menu,.lang,.fab,.kmenue{display:none}body{padding-bottom:0}}
@media print{.datebar,.book-card,.clip,.hero-video,.direct .btn,.next-step,.house-pics,.rcard-pic,.bf-pic,.loc-pic{display:none}}
.story-lead{font:400 var(--t-m)/1.4 var(--serif)}
.story-text p:not(.story-lead){line-height:1.7}
.zeitleiste{margin:32px 0 0 4px;border-left:1px solid var(--hair);max-width:34em}
.zeitleiste li{position:relative;padding:0 0 18px 24px}
.zeitleiste li:last-child{padding-bottom:2px}
.zeitleiste li::before{content:"";position:absolute;left:-5px;top:calc(var(--t-m) * .6 - 4px);width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--akzent)}
.zl-zeit{display:block;font:500 var(--t-m)/1.2 var(--serif)}
.zl-text{display:block;margin-top:2px;color:var(--text-2)}
.contact-sub{margin-bottom:6px}
.contact-lines .k-knopf:hover{background:var(--bg-2)}
.foot-gruss{margin-top:22px;padding-top:16px;border-top:1px solid var(--hair-soft);font:400 var(--t-m)/1.3 var(--serif);color:var(--text)}
@media (min-width:1024px){
  .story-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:96px;align-items:start}
  .story-zeit{padding-top:calc(var(--t-l) * 1.08 + 28px)}
  .zeitleiste{margin-top:6px}
}
@media (min-width:768px) and (scripting:enabled){
  .gallery.gallery--kurz{grid-template-columns:2fr 1fr 1fr;grid-auto-rows:calc(16.6cqw - 4px)}
  .gallery.gallery--kurz>li{grid-column:auto;grid-row:auto}
  .gallery.gallery--kurz>li:first-child{grid-column:1;grid-row:1 / span 2}
}
@media (min-width:1024px) and (scripting:enabled){
  .room-layout>.r-photos:has(.gallery--kurz){grid-column:1 / -1;grid-row:1}
  .room-layout:has(.gallery--kurz)>.r-price{grid-row:2 / span 8}
}
.bewertungen{display:flex;flex-direction:column;align-items:flex-start;margin-top:14px;color:var(--text-2)}
.bw-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:inherit}
.bewertungen .k-ico{width:20px;height:20px}
.bw-stern{margin-right:-4px}
.bw-trenner{display:none}
@media (min-width:768px){
  .bewertungen{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 14px}
  .bw-trenner{display:inline}
}
@media (min-width:1024px){
  .hero .bewertungen{grid-column:1;grid-row:auto;margin:0;padding:6px 0 0}
}
.mbar{grid-template-columns:auto auto auto}
.mbar .btn{padding:0 6px;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.mbar-kontakt{cursor:pointer;-webkit-appearance:none;appearance:none}
.mbar-tel{display:none}
.fab{display:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.kmenue{position:fixed;inset:auto 24px 96px auto;margin:0;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;padding:12px 20px 20px;border:1px solid var(--hair);border-radius:2px;background:var(--bg);color:var(--text);box-shadow:0 12px 40px rgb(0 0 0 / .25)}
.kmenue::backdrop{background:rgb(0 0 0 / .35)}
.kmenue-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kmenue-titel{font:500 var(--t-m)/1.2 var(--serif)}
.kmenue-zu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:var(--text);font:400 var(--t-m)/1 var(--sans);cursor:pointer}
.kmenue-liste{margin-top:6px}
.kmenue-liste li{border-top:1px solid var(--hair-soft)}
.kmenue-link{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:48px;padding:6px 0;color:var(--text);text-decoration:none}
.kmenue-link:hover>span:first-of-type,.kmenue-link:focus-visible>span:first-of-type{text-decoration:underline;text-decoration-thickness:1px}
.kmenue-link .k-ico,.kmenue-link .ico{width:22px;height:22px}
.kmenue .call-num{color:var(--text-2);white-space:nowrap}
.kmenue .btn{margin-top:16px}
@media (scripting:none){
  .mbar-kontakt{display:none}
  .mbar-tel{display:inline-flex}
}
.fab[hidden],.mbar-kontakt[hidden]{display:none}
.mbar-tel.mbar-tel--an{display:inline-flex}
@media (max-width:1023px){
  .kmenue{inset:auto 0 calc(var(--mbar-h) + env(safe-area-inset-bottom)) 0;width:100%;max-width:none;max-height:calc(100vh - var(--mbar-h) - 24px);border-width:1px 0 0}
}
@media (max-width:359px){.mbar .btn .ico{display:none}.mbar .btn{letter-spacing:.04em}}
@media (min-width:1024px) and (scripting:enabled){
  html{scroll-padding-bottom:96px}
  html.cc-unten{scroll-padding-bottom:calc(var(--cc-h,0px) + 96px)}
  .fab{position:fixed;right:24px;bottom:24px;z-index:45;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:1px solid #8C8C8C;border-radius:50%;background:#000000;color:#F2F2F2;box-shadow:0 4px 18px rgb(0 0 0 / .28);cursor:pointer;-webkit-appearance:none;appearance:none}
  .fab .ico{width:26px;height:26px}
  .fab:hover{background:#262626}
  .fab{transition:opacity .2s ease,visibility .2s}
  .fab.fab--weg{opacity:0;visibility:hidden;pointer-events:none}
  .fab:focus-visible{outline:3px solid #000000;outline-offset:3px;box-shadow:0 0 0 3px #FFFFFF}
  html.cc-offen.cc-unten .fab{bottom:calc(var(--cc-h,0px) + 24px)}
}
@media screen and (prefers-reduced-motion:no-preference){
  .eb{opacity:0;transform:translateY(24px)}
  .eb.eb--da{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}
  .eb.eb--da.eb--v1{transition-delay:.06s}
  .eb.eb--da.eb--v2{transition-delay:.12s}
  .eb.eb--da.eb--sofort{transition:none}
  .vo>:not(picture),.vo>picture>img{clip-path:inset(0 0 0 100%)}
  .vo.vo--li>:not(picture),.vo.vo--li>picture>img{clip-path:inset(0 100% 0 0)}
  .vo.vo--da>:not(picture),.vo.vo--da>picture>img{clip-path:inset(0 0 0 0);transition:clip-path .95s cubic-bezier(.165,.84,.44,1)}
  .clip.vo{background:none}
}
.room-from a{color:inherit;text-decoration-color:var(--akzent);text-underline-offset:4px}
.lead-text{max-width:var(--measure);margin-top:12px}
.lead-text p{line-height:1.6}
.lead-text p+p{margin-top:12px}
.toc{margin:0 0 8px;padding:10px 0;border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft)}
.toc-wrap{margin-top:20px}
.toc-liste{display:flex;flex-wrap:wrap;gap:0 22px}
.toc-liste a{display:inline-flex;align-items:center;min-height:44px}
.recht h2{font-size:var(--t-m);margin:40px 0 10px;line-height:1.2}
.recht .toc+h2{margin-top:28px}
.recht p,.recht ul{max-width:var(--measure)}
.recht p+p,.recht p+ul,.recht ul+p,.recht ul+ul{margin-top:12px}
.recht-liste{list-style:disc;padding-left:1.3em;display:grid;gap:6px;margin-top:10px}
.recht-liste li::marker{color:var(--text-2)}
.ed-text>*+*{margin-top:14px}
.ed-text h3{font-size:var(--t-m);margin-top:30px}
.ed-text .steps{margin-top:18px}
.ed-text .ext-links{margin-top:4px}
.faq-liste{border-bottom:1px solid var(--hair-soft);max-width:44em}
.faq>summary{padding:10px 0;line-height:1.4}
.faq-a{padding:0 0 18px;max-width:var(--measure)}
.faq-a p{line-height:1.65}
.faq-a p+p{margin-top:12px}
.kontakt-karte{margin-top:32px;padding-top:12px;border-top:1px solid var(--hair-soft)}
.kontakt-profile{margin-top:8px}
@media (min-width:1024px){
  .kontakt-karte{max-width:780px}
}
.cb-host{margin-top:8px}
.cb-host :where(h1,h2,h3){font-family:inherit;font-weight:inherit;line-height:normal;letter-spacing:normal;text-wrap:wrap}
.cb-host :where(ul,ol){list-style:revert;padding:revert}
.cb-host :where(p,ul,ol,dl,dd,figure,table){margin:revert}
.cb-host :where(a){color:revert;text-decoration-color:currentColor;text-underline-offset:auto}
.cb-host :where(img){display:revert}
.buchung-fakten{margin-top:16px}
.buchung-noscript{margin-top:16px}
.cc-anker{position:sticky;top:0;z-index:25;height:0}
.cc{position:absolute;left:0;right:0;top:0;background:var(--bg-2);border-bottom:1px solid var(--hair)}
.cc-anker--unten .cc{position:fixed;top:auto;bottom:calc(var(--mbar-h) + env(safe-area-inset-bottom));border-bottom:0;border-top:1px solid var(--hair)}
.cc-innen{display:grid;gap:10px;max-width:1200px;margin:0 auto;padding:12px var(--gutter)}
.cc-text{font-size:14px;line-height:1.45;color:var(--text);max-width:none}
.cc-text b{font-weight:700}
.cc-text a{white-space:nowrap}
.cc-knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;border-radius:2px;border:1px solid var(--text-2);background:transparent;color:var(--text);font:700 14px/1.15 var(--sans);text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none}
.cc-btn:hover{border-color:var(--text)}
html.cc-offen.cc-unten body{padding-bottom:calc(var(--mbar-h) + var(--cc-h,0px) + env(safe-area-inset-bottom))}
.foot-btn{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:var(--text);font:inherit;text-decoration:underline;text-decoration-color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
#inhalt[tabindex="-1"]:focus{outline:none}
.cc-dialog{width:min(34rem,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 32px);padding:0;border:0;background:var(--bg-2);color:var(--text)}
.cc-dialog::backdrop{background:rgb(0 0 0 / .72)}
.cc-d-innen{position:relative;display:grid;gap:14px;padding:22px 20px 20px}
.cc-dialog h2{font:500 28px/1.1 var(--serif);margin:0;padding-right:48px}
.cc-dialog p{font-size:15px;line-height:1.5;color:var(--text-2)}
.cc-kats{display:grid}
.cc-kat{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 12px;padding:12px 0;border-top:1px solid var(--hair-soft);font-size:15px;line-height:1.45;color:var(--text-2);cursor:pointer}
.cc-kat b{display:block;color:var(--text);font-weight:700}
.cc-kat input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--text);cursor:pointer}
.cc-kat--fix{cursor:default}
.cc-kat--fix::before{content:"";width:10px;height:5px;margin:7px 0 0 6px;border-left:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:rotate(-45deg)}
.cc-dialog .cc-knoepfe{grid-template-columns:minmax(0,1fr)}
.cc-zu{position:absolute;top:10px;right:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--text);font:400 28px/1 var(--sans);cursor:pointer}
.cc-zu:hover{border-color:var(--hair)}
@media (max-height:740px) and (max-width:767px){
  .cc-innen{gap:6px;padding:8px var(--gutter)}
  .cc-text{font-size:13px;line-height:1.38}
  .cc-btn{min-height:40px;font-size:13.5px}
}
@media (min-width:600px){
  .cc-dialog .cc-knoepfe{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px){
  .cc-innen{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;padding:14px var(--gutter)}
  .cc-text{max-width:46em}
  .cc-knoepfe{grid-template-columns:repeat(3,auto)}
  .cc-btn{padding:0 18px}
}
@media (min-width:1024px){
  .cc-anker--oben{top:64px}
  .cc-anker--unten .cc{bottom:0}
  html.cc-offen.cc-unten body{padding-bottom:var(--cc-h,0px)}
}
@media print{.cc-anker,.cc-dialog{display:none}}