:root{--licht:#F08A5D}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:#0B1622;color:#EAE4D6}
a{color:var(--licht)}a:hover{color:#FFD0B5}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
section[id]{scroll-margin-top:16px}
.faehre-site{font-family:'Instrument Sans',system-ui,sans-serif;color:#EAE4D6;background:#0B1622;font-size:17px;line-height:1.65;overflow-x:hidden}
.g2-tab:focus-visible,.b2-btn:focus-visible,.g2-faq summary:focus-visible{outline:2px solid var(--licht);outline-offset:3px}
.g2-kat{border:1.5px solid #33465C;background:transparent;color:#EAE4D6}
.g2-kat:hover{border-color:var(--licht)}
.g2-kat[aria-selected="true"]{border-color:var(--licht);background:var(--licht);color:#0B1622}
.g2-seg{background:transparent;color:#EAE4D6}
.g2-seg[aria-selected="true"]{background:var(--licht);color:#0B1622}
.g2-map{margin-top:20px;min-height:150px;border:1.5px dashed #33465C;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.g2-map.is-loaded{padding:0;border:none;overflow:hidden}
.g2-map iframe{width:100%;height:260px;border:0;border-radius:14px;display:block}
.g2-faq{border-bottom:1px solid #22344A}
.g2-faq:first-of-type{border-top:1px solid #22344A}
.g2-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;font-family:'Fraunces',serif;font-size:clamp(20px,3vw,24px)}
.g2-faq summary::-webkit-details-marker{display:none}
.g2-faq-i{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--licht);position:relative}
.g2-faq-i::before,.g2-faq-i::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--licht);transform:translate(-50%,-50%)}
.g2-faq-i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.g2-faq[open] .g2-faq-i::after{transform:translate(-50%,-50%) rotate(0deg)}
.g2-faq p{margin:0 4px 22px;color:#CBC4B4;max-width:68ch}
.b2-raum{position:relative;cursor:pointer}
.b2-raum input{position:absolute;opacity:0;width:1px;height:1px}
.b2-raum span{display:inline-flex;align-items:center;min-height:46px;padding:11px 22px;border:1.5px solid #2A3D54;border-radius:999px;font-weight:600;color:#EAE4D6;box-sizing:border-box}
.b2-raum input:checked+span{background:var(--licht);border-color:var(--licht);color:#0B1622}
.b2-raum input:focus-visible+span{outline:2px solid var(--licht);outline-offset:3px}
.b2-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.b2-fehler{grid-column:1/-1;margin:24px 0 0;padding:14px 18px;border-radius:12px;background:rgba(240,90,80,.12);border:1px solid rgba(240,90,80,.5);color:#FFD9D4}
.faehre-text{max-width:820px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,4vw,32px) 72px}
.faehre-text h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(40px,8vw,64px);line-height:1;margin:0 0 28px}
.faehre-text h2,.faehre-text h3{font-family:'Fraunces',serif;font-weight:400}
.faehre-bar{max-width:1320px;margin:0 auto;padding:22px clamp(16px,4vw,32px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;border-bottom:1px solid #22344A}
.faehre-bar a{color:#EAE4D6;text-decoration:none}
/* Einblenden beim Scrollen (per JavaScript, funktioniert in allen Browsern) */
@media (prefers-reduced-motion: no-preference){
.js .g2-rv,.js .b2-rv{opacity:0;transform:translateY(36px)}
.js .g2-l{opacity:0;transform:translateX(-48px)}
.js .g2-r{opacity:0;transform:translateX(48px)}
.js .g2-rv,.js .b2-rv,.js .g2-l,.js .g2-r{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .is-sichtbar{opacity:1!important;transform:none!important}
}

img{display:block}
button{font:inherit}
@keyframes g2-glimm{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes g2-auf{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes g2-fahrt{0%{transform:translateX(-12vw)}100%{transform:translateX(112vw)}}
@keyframes g2-wiegen-l{from{transform:rotate(-1.4deg)}to{transform:rotate(1.2deg)}}
@keyframes g2-wiegen-r{from{transform:rotate(1.4deg)}to{transform:rotate(-1.2deg)}}
@keyframes g2-schweben{0%{transform:translate(0,0);opacity:0}20%{opacity:.9}50%{transform:translate(18px,-40px);opacity:.4}80%{opacity:.9}100%{transform:translate(-10px,-90px);opacity:0}}
@keyframes g2-rv{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
@keyframes g2-ufer-l{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes g2-ufer-r{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.g2-licht{animation:g2-glimm 3.2s ease-in-out infinite}
.g2-auf{animation:g2-auf 1s cubic-bezier(.2,.7,.2,1) both}
.g2-ast-l{transform-origin:0 0;animation:g2-wiegen-l 7s ease-in-out infinite alternate}
.g2-ast-r{transform-origin:100% 0;animation:g2-wiegen-r 8s ease-in-out infinite alternate}
.g2-gluehw{animation:g2-schweben 10s ease-in-out infinite}
.g2-tab:focus-visible{outline:2px solid var(--licht);outline-offset:3px}
.g2-burger{display:none}
.g2-video::-webkit-media-controls,.g2-video::-webkit-media-controls-start-playback-button,.g2-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
@media (max-width: 760px){
.g2-navlinks{display:none!important}
.g2-burger{display:inline-flex!important}
.g2-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.g2-tabs .g2-tab{white-space:normal!important;font-size:14px!important;line-height:1.2;padding:8px 10px!important}
.g2-iname{font-size:19px!important}
.g2-leader{min-width:8px!important;flex-basis:8px!important}
.g2-stub{flex-basis:52px!important}
.g2-dach{height:110px!important}
.g2-kette{top:34px!important}
.g2-gartenin{padding-top:112px!important}
.g2-raumbilder{min-height:400px!important}
.g2-raumbilder img:first-child{height:300px!important;width:86%!important}
.g2-raumbilder img:last-child{height:210px!important;width:60%!important}
}
@media (min-width: 761px){.g2-mpanel{display:none!important}}
@media (prefers-reduced-motion: reduce){.g2-licht,.g2-auf,.g2-ast-l,.g2-ast-r,.g2-gluehw{animation:none}}
img{display:block}
button,input,select,textarea{font:inherit}
@keyframes b2-glimm{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes b2-auf{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes b2-rv{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
.b2-licht{animation:b2-glimm 3.2s ease-in-out infinite}
.b2-auf{animation:b2-auf 1s cubic-bezier(.2,.7,.2,1) both}
.b2-feld{width:100%;box-sizing:border-box;background:#0B1622;border:1.5px solid #2A3D54;border-radius:12px;color:#EAE4D6;padding:13px 15px;min-height:50px;font-size:16px}
.b2-feld::placeholder{color:#6F7A88}
.b2-regler{-webkit-appearance:none;appearance:none;height:28px;background:transparent}
.b2-regler::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:#2A3D54}
.b2-regler::-moz-range-track{height:6px;border-radius:99px;background:#2A3D54}
.b2-regler::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#F08A5D;border:3px solid #0B1622;box-shadow:0 0 0 1.5px #F08A5D,0 0 14px rgba(240,138,93,.5)}
.b2-regler::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#F08A5D;border:3px solid #0B1622;box-shadow:0 0 0 1.5px #F08A5D}
.b2-regler:focus-visible{outline:2px solid #F08A5D;outline-offset:4px;border-radius:99px}
.b2-feld:focus{outline:none;border-color:var(--licht);box-shadow:0 0 0 3px rgba(242,184,75,.18)}
.b2-feld option{background:#0B1622;color:#EAE4D6}
.b2-label{display:block;margin-bottom:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A9A291}
.b2-btn:focus-visible{outline:2px solid var(--licht);outline-offset:3px}
.b2-burger{display:none}
@media (max-width: 760px){
.b2-navlinks{display:none!important}
.b2-burger{display:inline-flex!important}
.b2-linie{display:none}
.b2-aside{border-left:none!important;border-top:2px dashed rgba(242,184,75,.5)}
.b2-aside > span[aria-hidden]{display:none}
}
@media (min-width: 761px){.b2-mpanel{display:none!important}}
@media (max-width: 640px){.b2-form{grid-template-columns:1fr !important}}
@media (prefers-reduced-motion: reduce){.b2-licht,.b2-auf{animation:none}}