html #bau .cc-kopf{z-index:30;background:0 0;position:absolute;inset:0 0 auto}html #bau .cc-kopf .b-rahmen{background:0 0}html #bau:has(.cc) .m-kopf .m-marke{color:var(--creme)}html #bau .cc{--kante-o:42px;--kante-u:42px;--m-o:url(/gestaltung/bausteine/riss2/welle-oben-maske.png);--r-o:url(/gestaltung/bausteine/riss2/welle-oben-rand.webp);--m-u:url(/gestaltung/bausteine/riss2/schraeg-a-unten-maske.png);--r-u:url(/gestaltung/bausteine/riss2/schraeg-a-unten-rand.webp);--u:calc(100vw / 1440);--font-body:var(--font-serif);--papier-hell:var(--creme);--papier-dunkel:var(--papier-alt);--color-dark:var(--mk-nacht);--papierbild:url(/gestaltung/startseite-platte/papier-mockup.webp);z-index:1;isolation:isolate;width:100%;color:var(--tinte);font-family:var(--font-body);background:var(--mk-nacht);position:relative;overflow:clip}html #bau .cc,html #bau .cc *,html #bau .cc :before,html #bau .cc :after{box-sizing:border-box}html #bau .cc :is(h1,h2,h3,p,figure){margin:0}html #bau .cc :is(h1,h2,h3){color:inherit;font-family:var(--font-body);letter-spacing:0;text-wrap:initial;font-weight:500}html #bau .cc h1{font-size:clamp(40px,4.17vw,84px);line-height:.97}html #bau .cc h2{font-size:clamp(32px,3.05vw,58px);line-height:1.05}html #bau .cc h3{font-size:clamp(24px,2.1vw,36px);line-height:1.12}html #bau .cc p{margin-top:14px;font-size:clamp(17px,1.22vw,22px);line-height:1.43}html #bau .cc img{max-width:100%}html #bau .cc .cc-section{isolation:isolate;position:relative}html #bau .cc .cc-content{z-index:2;min-width:0;position:relative}html #bau .cc .cc-dark{color:var(--papier-hell)}html #bau .cc .cc-paper{z-index:0;pointer-events:none;background:var(--r-o) center top / 100% var(--kante-o) no-repeat,var(--r-u) center bottom / 100% var(--kante-u) no-repeat,var(--papierbild) var(--papier-pos,0 0) / 780px auto repeat;mask:var(--m-o) center top / 100% var(--kante-o) no-repeat,linear-gradient(black,black) 0 calc(var(--kante-o) - 1px) / 100% calc(100% - var(--kante-o) - var(--kante-u) + 2px) no-repeat,var(--m-u) center bottom / 100% var(--kante-u) no-repeat;position:absolute;inset:0}html #bau .cc .cc-print{background:var(--papier-hell) var(--papierbild) center / 640px auto;box-shadow:0 2px 3px color-mix(in srgb,var(--tinte) 15%,transparent),0 14px 20px -10px color-mix(in srgb,var(--tinte) 55%,transparent);padding:10px}html #bau .cc :where(.cc-print)>img{width:100%;height:auto;display:block}html #bau .cc .cc-button{max-width:100%;min-height:44px;color:var(--tinte);font:500 clamp(12px,.94vw,17px)/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;text-align:center;cursor:pointer;background:0 0;border:1px solid;border-radius:0;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:10px 22px;text-decoration:none;display:inline-flex}html #bau .cc .cc-button--light{color:var(--papier-hell)}html #bau .cc .cc-button:hover{background:var(--tinte);color:var(--papier-hell)}html #bau .cc .cc-button--light:hover{background:var(--papier-hell);color:var(--tinte)}html #bau .cc :is(a,button,input,select):focus-visible{outline:2px solid var(--messing);outline-offset:5px}html #bau .cc .cc-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:12px}html #bau .cc [id]{scroll-margin-top:100px}html #bau .cc .cc-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:0}html #bau .cc .s2-blume{transform-origin:50% 90%;pointer-events:none;animation:13s ease-in-out infinite alternate cc-luftzug}@keyframes cc-luftzug{0%{transform:rotate(-.6deg)}to{transform:rotate(.7deg)}}html #bau .cc .cc-booking{z-index:4;isolation:isolate;color:var(--papier-hell);margin-top:-38px;padding:86px max(24px,9vw) 70px;position:relative}html #bau .cc .cc-booking:before{content:"";z-index:-1;pointer-events:none;background:url(/gestaltung/platten/buchungsband-wald-frei-1440.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}html #bau .cc .cc-booking h2{font-size:clamp(30px,2.64vw,50px)}html #bau .cc .cc-booking p{margin-top:8px}html #bau .cc .cc-form{grid-template-columns:1fr 1fr .85fr 1.1fr;gap:12px;margin-top:22px;display:grid}html #bau .cc .cc-form label{min-width:0;color:var(--tinte);background:var(--papier-hell);letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;font-size:12px;display:block}html #bau .cc .cc-form :is(input,select){width:100%;min-width:0;max-width:100%;color:var(--tinte);font:400 18px/1.35 var(--font-body);background:0 0;border:0;border-radius:0;min-height:28px;margin-top:4px;padding:0;display:block}html #bau .cc .cc-form .cc-button{background:var(--mk-nacht);margin:0}@media (width<=1000px){html #bau .cc .cc-form{grid-template-columns:1fr 1fr}}@media (width<=600px){html #bau .cc h1{font-size:40px}html #bau .cc h2{font-size:32px}html #bau .cc p{font-size:18px}html #bau .cc{--kante-o:24px;--kante-u:24px}html #bau .cc .cc-print{padding:7px}html #bau .cc .cc-booking{padding:78px 24px 46px}html #bau .cc .cc-booking:before{background-size:auto 100%}html #bau .cc .cc-form{grid-template-columns:minmax(0,1fr)}html #bau .cc .cc-form :is(input,select){min-height:34px}html #bau .cc .cc-form .cc-button{min-height:52px}}@media (prefers-reduced-motion:reduce){html #bau .cc .s2-blume{animation:none}}