@font-face{font-family:Instrument;src:url('/fonts/konzeptstudie/instrument-serif-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('/fonts/konzeptstudie/instrument-serif-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/konzeptstudie/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/konzeptstudie/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;--papier:#f2eee5;--encre:#222a23;--secondaire:#555b50;--trait:#c1c4b6;--bord:clamp(20px,4vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--papier);color:var(--encre);font:400 17px/1.65 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #826131;outline-offset:6px}button[hidden]{display:none}h1,h2,p,figure{margin:0}h1,h2,.serif{font-family:Instrument,Georgia,serif;font-weight:400}em{font-weight:400}.skip{position:absolute;top:-100px;left:20px;background:var(--papier);z-index:10;padding:14px}.skip:focus{top:12px}.nav{padding:26px var(--bord);display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--trait)}.brand{font-size:18px;text-decoration:none;letter-spacing:-.6px;font-weight:500}.brand em{font-family:Instrument,Georgia,serif;font-size:23px}.brand span{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;margin-top:4px}.nav button{font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.auftakt{padding:36px var(--bord) 0}.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500}.auftakt-zeile{display:flex;justify-content:space-between;gap:20px;align-items:center}.auftakt-zeile a{font-size:12px;text-decoration:none;padding:12px 0}.auftakt-zeile span{margin-left:24px}h1{font-size:clamp(88px,19vw,330px);line-height:1;letter-spacing:-.055em;margin:24px 0 34px}h1 span{color:#766b4d}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.intro .serif{font-size:clamp(35px,4.5vw,76px);line-height:1.03}.intro>p:last-child{font-size:14px;color:var(--secondaire);max-width:360px}.panorama,.innenbild{width:100%;margin-inline:auto;transform:scale(var(--bild-mass,1));transform-origin:center;transition:none}figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#d7d7cc}figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:16px 0;color:var(--secondaire)}.gedanke{padding:clamp(70px,10vw,170px) var(--bord);max-width:1250px;margin:auto}h2{font-size:clamp(52px,7.7vw,124px);line-height:1.02;letter-spacing:-.035em}.gedanke h2{margin:28px 0 40px}.gedanke-text{margin-left:42%;display:grid;gap:20px;max-width:580px;color:var(--secondaire)}.textlink{display:block;width:fit-content;margin:35px 0 0 42%;font-size:14px}.textlink span{margin-left:40px}.wohnen{padding:80px var(--bord) 110px;background:#dfe2d6}.wohnen-kopf{display:flex;justify-content:space-between;align-items:start;margin-bottom:58px;gap:30px}.wohnen-kopf h2{margin-right:10%}.materialien{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:70px}.materialien .serif{font-size:clamp(34px,3.8vw,62px);line-height:1.12}.materialien>div{max-width:540px;color:var(--secondaire)}.materialien>div p+p{margin-top:24px;font-size:13px}.abschluss{padding:clamp(80px,11vw,180px) var(--bord);text-align:center;background:#222a23;color:#f2eee5}.abschluss h2{margin:34px 0;font-size:clamp(48px,7vw,110px)}.abschluss>p:not(.kicker){max-width:630px;margin:auto;color:#cfd2c5}.cta{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:390px;margin:42px auto 24px;padding:20px 26px;border:1px solid #a8ae9d;text-decoration:none;font-size:14px;transition:background .2s,color .2s}.cta:hover{background:#f2eee5;color:#222a23}.zurueck{font-size:12px;color:#cfd2c5}footer{padding:55px var(--bord) 24px}.transparenz{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-bottom:40px;border-bottom:1px solid var(--trait)}.transparenz>p:last-child{max-width:800px;font-size:12px;color:var(--secondaire)}footer nav{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:space-between;padding-top:22px;font-size:12px}footer nav a,footer nav button{padding:10px 0;min-height:44px}footer nav button{text-decoration:underline}#cookie-status{font-size:12px;padding-top:8px}noscript{font-size:12px}section,figure{scroll-margin-top:24px}
@media(min-width:1600px){.auftakt,.wohnen{padding-inline:max(var(--bord),calc((100vw - 1448px)/2))}}
@media(max-width:700px){body{font-size:16px}.nav{padding:18px 20px;gap:12px}.brand{font-size:15px}.brand em{font-size:20px}.brand span{font-size:8px;letter-spacing:1px}.nav button{font-size:10px;max-width:90px}.auftakt{padding:27px 20px 0}.auftakt-zeile{display:block}.auftakt-zeile a{display:inline-block;margin-top:6px}.kicker{font-size:10px;letter-spacing:1.5px}h1{font-size:20vw;margin:20px 0 26px}.intro{display:block;margin-bottom:32px}.intro .serif{font-size:43px}.intro>p:last-child{font-size:13px;margin-top:23px}.panorama,.innenbild{width:calc(100% + 40px);margin-left:-20px;transform:none}figcaption{padding:14px 20px;font-size:9px;letter-spacing:.5px;flex-direction:column;gap:4px}.gedanke{padding:65px 24px 74px}h2{font-size:clamp(45px,12vw,72px)}.gedanke h2{margin:22px 0 28px}.gedanke-text{margin-left:0;gap:18px}.textlink{margin-left:0}.wohnen{padding:48px 20px 64px}.wohnen-kopf{display:block;margin-bottom:30px}.wohnen-kopf h2{margin:23px 0 0}.materialien{display:block;padding:32px 4px 0}.materialien .serif{font-size:36px;margin-bottom:26px}.abschluss{padding:70px 22px}.abschluss h2{font-size:clamp(43px,11.5vw,70px)}.abschluss>p:not(.kicker){font-size:15px}.cta{padding:18px;font-size:13px;gap:16px}footer{padding:38px 24px 20px}.transparenz{display:block}.transparenz>p:last-child{margin-top:20px}footer nav{justify-content:flex-start;gap:8px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.panorama,.innenbild{transform:none!important}}
html[data-ruhe="true"]{scroll-behavior:auto}html[data-ruhe="true"] [data-bildrahmen]{transform:none}