@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/website/schriften/lora.woff2)format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(/website/schriften/lora-italic.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/website/schriften/montserrat.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--w-schrift-text:Lora, Georgia, "Times New Roman", serif;--w-schrift-titel:Montserrat, system-ui, "Helvetica Neue", Arial, sans-serif;--w-farbe-hintergrund:#000;--w-farbe-text:#fff;--w-farbe-text-gedaempft:#ffffffbf;--w-farbe-akzent:#428bca;--w-farbe-flaeche:#00000080;--w-farbe-flaeche-hell:#ffffff4d;--w-farbe-rand:#ffffff4d;--w-abstand-1:.5rem;--w-abstand-2:1rem;--w-abstand-3:2rem;--w-abstand-4:4rem;--w-abstand-abschnitt:6rem;--w-schrift-s:.85rem;--w-schrift-basis:1.125rem;--w-schrift-l:1.4rem;--w-schrift-titel-s:2.5rem;--w-schrift-titel-l:5.5rem;--w-kopfzeile-hoehe:3.5rem;--w-breite:62rem;--w-radius:.25rem}html{scroll-behavior:smooth;scroll-padding-top:var(--w-kopfzeile-hoehe)}body{background:var(--w-farbe-hintergrund);color:var(--w-farbe-text);font-family:var(--w-schrift-text);font-size:var(--w-schrift-basis);margin:0;line-height:1.6}.website h1,.website h2,.website h3{margin:0 0 var(--w-abstand-3);font-family:var(--w-schrift-titel);text-transform:uppercase;letter-spacing:1px;font-weight:700;line-height:1.15}.website h2{font-size:var(--w-schrift-l)}.website h3{font-size:var(--w-schrift-basis);margin-bottom:var(--w-abstand-2)}.website p{margin:0 0 var(--w-abstand-3)}.website a{color:var(--w-farbe-text);transition:color .2s ease-in-out}.website a:hover,.website a:focus{color:var(--w-farbe-akzent)}.website :focus-visible{outline:2px solid var(--w-farbe-text);outline-offset:2px}.icon{vertical-align:-.15em;width:1em;height:1em}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kopfzeile{z-index:10;justify-content:space-between;align-items:center;gap:var(--w-abstand-1) var(--w-abstand-2);padding:var(--w-abstand-1) var(--w-abstand-2);background:var(--w-farbe-flaeche);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--w-farbe-rand);font-family:var(--w-schrift-titel);text-transform:uppercase;letter-spacing:1px;font-size:var(--w-schrift-s);flex-wrap:wrap;display:flex;position:fixed;top:0;left:0;right:0}.kopfzeile a{text-decoration:none}.kopfzeile__marke{align-items:center;gap:var(--w-abstand-1);font-weight:700;font-size:var(--w-schrift-basis);display:inline-flex}.kopfzeile__reiter{flex-wrap:wrap;gap:.25rem;display:flex}.kopfzeile__reiter a{border-radius:var(--w-radius);padding:.5rem .75rem;transition:background .3s ease-in-out}.kopfzeile__reiter a:hover,.kopfzeile__reiter a:focus{color:var(--w-farbe-text);background:var(--w-farbe-flaeche-hell)}.abschnitt{padding:var(--w-abstand-abschnitt) var(--w-abstand-2);text-align:center;background:var(--w-farbe-hintergrund);position:relative;overflow:hidden}.abschnitt__bild{object-fit:cover;object-position:center bottom;z-index:0}.abschnitt__inhalt{z-index:1;max-width:var(--w-breite);padding:var(--w-abstand-3) var(--w-abstand-2);background:var(--w-farbe-flaeche);border-radius:var(--w-radius);margin:0 auto;position:relative}.abschnitt__inhalt>:last-child{margin-bottom:0}.abschnitt--einfuehrung{box-sizing:border-box;min-height:100svh;padding-top:calc(var(--w-kopfzeile-hoehe) + var(--w-abstand-3));align-items:center;display:flex}.abschnitt--einfuehrung .abschnitt__inhalt{box-sizing:border-box;background:0 0;width:100%}.einfuehrung__titel{font-size:var(--w-schrift-titel-s);text-shadow:3px 3px 20px #333}.einfuehrung__text{font-size:var(--w-schrift-basis);text-shadow:0 0 20px #000,0 0 20px #000,0 0 20px #000}.kreisknopf{border:2px solid var(--w-farbe-text);border-radius:50%;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;font-size:2.5rem;transition:background .3s ease-in-out;display:inline-flex}.kreisknopf:hover,.kreisknopf:focus{color:var(--w-farbe-text);background:#ffffff1a}.knopfzeile{justify-content:center;align-items:center;gap:var(--w-abstand-2);flex-wrap:wrap;display:flex}.logoknopf{padding:var(--w-abstand-1) var(--w-abstand-2);border-radius:var(--w-radius);background:#ffffffd9;display:inline-flex}.logoknopf img{max-width:200px;height:auto}.knopf{border:1px solid var(--w-farbe-text);border-radius:var(--w-radius);background:var(--w-farbe-flaeche-hell);font-family:var(--w-schrift-titel);text-transform:uppercase;letter-spacing:1px;font-size:var(--w-schrift-s);align-items:center;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s ease-in-out;display:inline-flex}.knopf:hover,.knopf:focus{color:var(--w-farbe-text);background:#ffffff73}.kontakt__email{font-size:var(--w-schrift-l)}.rechtstext{max-width:46rem;padding:calc(var(--w-kopfzeile-hoehe) + var(--w-abstand-3)) var(--w-abstand-2) var(--w-abstand-4);margin:0 auto}.rechtstext h1{font-size:var(--w-schrift-titel-s)}.rechtstext h2{margin-top:var(--w-abstand-3)}.rechtstext p,.rechtstext li{margin-bottom:var(--w-abstand-2);color:var(--w-farbe-text-gedaempft)}.rechtstext ul{padding-left:1.4rem}.fusszeile{padding:var(--w-abstand-3) var(--w-abstand-2);text-align:center;font-size:var(--w-schrift-s);color:var(--w-farbe-text-gedaempft)}.fusszeile p{margin:0}@media (min-width:48rem){.kopfzeile{padding:var(--w-abstand-2) var(--w-abstand-3)}.website p{font-size:1.25rem}.einfuehrung__titel{font-size:var(--w-schrift-titel-l)}.einfuehrung__text{font-size:1.6rem}.abschnitt__inhalt{padding:var(--w-abstand-3)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.rundgang{margin-bottom:var(--w-abstand-3)}.rundgang__grundrisse{width:100%;max-width:46rem;margin:0 auto var(--w-abstand-3);position:relative}.rundgang__grundriss{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s linear .5s;position:absolute;inset:0}.rundgang__grundriss--aktiv{opacity:1;visibility:visible;transition-delay:0s}.rundgang__plan{width:100%;height:100%;display:block}.rundgang__grundriss:first-child .rundgang__plan{filter:invert()}.hotspot{width:4.8rem;color:var(--w-farbe-text);font:inherit;font-size:var(--w-schrift-s);text-align:center;text-shadow:0 0 6px #000;cursor:pointer;background:top/auto 2.2rem no-repeat;border:none;margin:0;padding:2.2rem 0 0;line-height:1.2;animation:2s ease-in-out infinite hotspot-puls;position:absolute}.hotspot:hover,.hotspot:focus-visible{animation:none;transform:scale(1.1)}.hotspot--panorama{background-image:url(/website/rundgang/photosphere_100.png)}.hotspot--foto{background-image:url(/website/rundgang/image_70.png)}.hotspot--treppe{background-image:url(/website/rundgang/footsteps_100.png)}.hotspot--abwaerts{transform:rotate(180deg)}.hotspot--abwaerts:hover,.hotspot--abwaerts:focus-visible{transform:rotate(180deg)scale(1.1)}@keyframes hotspot-puls{0%,to{opacity:.8}50%{opacity:1}}.rundgang__buehne{background:var(--w-farbe-hintergrund);border-radius:var(--w-radius);width:100%;position:relative;overflow:hidden}.rundgang__kugel{aspect-ratio:16/9;width:100%;max-height:80vh}.rundgang__kugel canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.rundgang__foto{width:100%;height:auto;display:block}.rundgang__blaettern{width:18%;color:var(--w-farbe-text);cursor:pointer;background:0 0;border:none;font-size:2.5rem;transition:background .3s ease-in-out;position:absolute;top:0;bottom:0}.rundgang__blaettern--zurueck{left:0}.rundgang__blaettern--vor{right:0}.rundgang__blaettern--zurueck:hover,.rundgang__blaettern--zurueck:focus-visible{background:linear-gradient(90deg,#000000a6,#0000)}.rundgang__blaettern--vor:hover,.rundgang__blaettern--vor:focus-visible{background:linear-gradient(270deg,#000000a6,#0000)}.rundgang__raumname{padding:var(--w-abstand-1);background:var(--w-farbe-flaeche);font-family:var(--w-schrift-titel);font-size:var(--w-schrift-s);text-transform:uppercase;letter-spacing:1px;pointer-events:none;margin:0;position:absolute;bottom:0;left:0;right:0}.raumliste{gap:var(--w-abstand-2);margin:0 0 var(--w-abstand-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.raumliste figure{margin:0}.raumliste img{border-radius:var(--w-radius);width:100%;height:auto;display:block}.raumliste figcaption{margin-top:var(--w-abstand-1);font-size:var(--w-schrift-s)}@media (min-width:48rem){.hotspot{background-size:auto 4.4rem;width:5.5rem;padding-top:4.4rem}}.anfrage{gap:var(--w-abstand-2);text-align:left;max-width:40rem;margin:0 auto;display:grid}.anfrage__zeile{gap:var(--w-abstand-2);display:grid}.anfrage__feld{font-size:var(--w-schrift-s);font-family:var(--w-schrift-titel);text-transform:uppercase;letter-spacing:1px;gap:.3rem;display:grid}.anfrage__feld input,.anfrage__feld textarea{font:inherit;font-family:var(--w-schrift-text);font-size:var(--w-schrift-basis);text-transform:none;letter-spacing:0;color:#1f2937;border-radius:var(--w-radius);background:#fff;border:1px solid #0000;min-width:0;padding:.6rem}.anfrage__feld--fehler input,.anfrage__feld--fehler textarea{border-color:#fca5a5;box-shadow:0 0 0 2px #fca5a5}.anfrage__feld--kasten{font-family:var(--w-schrift-text);font-size:var(--w-schrift-basis);text-transform:none;letter-spacing:0;grid-template-columns:auto 1fr;align-items:start;column-gap:.6rem}.anfrage__feld--kasten input{width:1.2rem;height:1.2rem;margin-top:.25rem}.anfrage__feld--kasten .anfrage__fehler{grid-column:2}.anfrage__fehler{font-family:var(--w-schrift-text);font-size:var(--w-schrift-s);text-transform:none;letter-spacing:0;color:#fecaca}.anfrage__fehlerliste{padding:var(--w-abstand-2);border-radius:var(--w-radius);background:#b91c1c59;border:1px solid #fca5a5}.anfrage__fehlerliste p,.anfrage__fehlerliste ul{font-size:var(--w-schrift-basis);margin:0}.anfrage__fehlerliste ul{padding-left:1.2rem}.anfrage__honigtopf{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.anfrage__absenden{text-align:center;margin:var(--w-abstand-2) 0 0}.anfrage__absenden .knopf{font-size:var(--w-schrift-basis);cursor:pointer}.anfrage__absenden .knopf[disabled]{opacity:.6;cursor:default}.rechtstext .anfrage{margin-top:var(--w-abstand-3)}.rechtstext .anfrage__fehler,.rechtstext .anfrage__feld{color:var(--w-farbe-text)}@media (min-width:48rem){.anfrage__zeile--drei{grid-template-columns:1fr 1fr .6fr}.anfrage__zeile--zwei{grid-template-columns:1fr 1fr}.anfrage .anfrage__feld,.anfrage__fehlerliste p,.anfrage__fehlerliste ul{font-size:var(--w-schrift-s)}.anfrage__feld input,.anfrage__feld textarea,.anfrage__feld--kasten,.anfrage__fehlerliste p,.anfrage__fehlerliste li{font-size:var(--w-schrift-basis)}}
