body.nacht{--grund:var(--nacht);--text:var(--kalk);--linie:#f4efe629}.buchen{max-width:1440px;padding:clamp(110px, 16vh, 170px) var(--rand) 80px;margin:0 auto}.buchen-kopf{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:32px 56px;margin-bottom:clamp(48px,8vh,88px);display:grid}.buchen-kopf h1{letter-spacing:-.055em;margin:0;font-size:clamp(72px,12vw,190px);font-weight:800;line-height:.84}.buchen-kopf h1 span{color:var(--glut)}.buchen-kopf p{opacity:.78;max-width:500px;margin:0}.buchen-kopf .urteil{opacity:1;grid-column:1/-1;max-width:none;font-size:15px}.buchen-kopf .urteil .stern{color:var(--glut)}.buchen-kopf .urteil a{color:inherit;text-underline-offset:3px;-webkit-text-decoration-color:var(--linie);text-decoration-color:var(--linie)}.buchen-kopf .hinweis{letter-spacing:1.5px;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--linie);border-radius:999px;grid-column:1/-1;justify-self:start;padding:6px 14px;font-size:12px}.buchen-raster{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.schritt{grid-area:1/1}.schritt h2{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1}.kalender-kopf{justify-content:space-between;align-items:center;gap:16px;display:flex}.blaettern{gap:8px;display:flex}.rund{width:48px;height:48px;color:var(--kalk);cursor:pointer;transition:background .4s var(--weich), transform .6s var(--weich);background:#f4efe61a;border:0;border-radius:999px;place-items:center;display:grid}.rund:hover{background:#f4efe62e}.rund:disabled{opacity:.3;cursor:default}.anleitung{opacity:.7;margin:14px 0 28px}.monate{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.monat h3{font-family:var(--serif);margin:0 0 14px;font-size:30px;font-weight:400}.woche,.tage{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.woche span{letter-spacing:1.2px;opacity:.55;padding-bottom:8px;font-size:11px}.tage{row-gap:4px}.tag-knopf{height:48px;color:var(--kalk);font:400 15px/1 var(--text-schrift);cursor:pointer;transition:background .3s var(--weich), color .3s var(--weich);background:0 0;border:0;position:relative}.tag-knopf.frei:hover{background:#f4efe61a;border-radius:999px}.tag-knopf.belegt,.tag-knopf.vorbei{color:#f4efe647;cursor:default}.tag-knopf.belegt{text-decoration:line-through}.tag-knopf.abreise{color:var(--kalk);border-radius:999px;box-shadow:inset 0 0 0 1px #d98a5f99}.tag-knopf.drin{background:#d98a5f38}.tag-knopf.von,.tag-knopf.bis{background:var(--glut);color:var(--nacht);font-weight:600}.tag-knopf.von{border-radius:999px 0 0 999px}.tag-knopf.bis{border-radius:0 999px 999px 0}.tag-knopf.von:only-child,.tag-knopf.von.allein{border-radius:999px}.legende{opacity:.75;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.legende li{align-items:center;gap:8px;display:flex}.punkt{border-radius:999px;width:12px;height:12px}.punkt.frei{box-shadow:inset 0 0 0 1px #f4efe680}.punkt.belegt{background:#f4efe633}.punkt.gewaehlt{background:var(--glut)}.zettel{box-shadow:inset 0 0 0 1px var(--linie);background:#f4efe60f;border-radius:28px;grid-area:1/2;padding:28px;position:sticky;top:110px}.zettel-titel{font-family:var(--serif);margin:0 0 18px;font-size:30px}.zettel dl{border-top:1px solid var(--linie);margin:0}.zettel dl div{border-bottom:1px solid var(--linie);justify-content:space-between;padding:14px 0;display:flex}.zettel dt{opacity:.6}.zettel dd{margin:0;font-weight:400}.zettel-klein{opacity:.65;margin:18px 0 24px;font-size:14px}.zettel .knopf{justify-content:space-between;width:100%}.gaeste{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 6px;display:grid}.gaeste label{opacity:.85;flex-direction:column;gap:6px;font-size:13px;display:flex}.gaeste select{font:400 16px/1.4 var(--text-schrift);color:var(--kalk);box-shadow:inset 0 0 0 1px var(--linie);background:#f4efe60f;border:0;border-radius:12px;padding:10px 12px}.zettel-hinweis{color:#f2c6a8;margin:10px 0 0;font-size:13px;line-height:1.45}.option{cursor:pointer;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:1.4;display:flex}.option input{width:20px;height:20px;accent-color:var(--glut);flex-shrink:0;margin:1px 0 0}.option b{font-weight:600}.preis{border-top:1px solid var(--linie);margin-top:20px;padding-top:16px}.posten{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.posten li{justify-content:space-between;gap:12px;display:flex}.posten li span:first-child{opacity:.75}.summe{justify-content:space-between;margin:12px 0 0;font-size:18px;font-weight:600;display:flex}.tag-knopf.kurz{opacity:.35;cursor:not-allowed}.bedingungen{box-shadow:inset 0 0 0 1px var(--linie);border-radius:18px;padding:18px 20px;font-size:14px;line-height:1.5}.bedingungen h3{margin:0 0 8px;font-size:15px;font-weight:600}.bedingungen ul{opacity:.85;margin:0 0 14px;padding-left:18px}.bedingungen ul:last-child{margin-bottom:0}.formular{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.formular label{flex-direction:column;gap:8px;font-size:14px;display:flex}.formular .breit{grid-column:1/-1}.formular input,.formular select,.formular textarea{font:400 16px/1.4 var(--text-schrift);color:var(--kalk);box-shadow:inset 0 0 0 1px var(--linie);transition:box-shadow .3s var(--weich);background:#f4efe60f;border:0;border-radius:14px;padding:14px 16px}.formular input:focus,.formular select:focus,.formular textarea:focus{box-shadow:inset 0 0 0 1.5px var(--glut);outline:none}.formular .zustimmung{opacity:.85;flex-direction:row;align-items:flex-start;gap:12px}.formular .zustimmung input{width:20px;height:20px;accent-color:var(--glut);margin-top:2px;padding:0}.fehler{color:#f2a98a;margin:0}.aktionen{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.knopf-rand{box-shadow:inset 0 0 0 1px var(--linie);color:var(--kalk);font:400 15px/1 var(--text-schrift);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:16px 22px}.danke h2{letter-spacing:-.05em;font-size:clamp(64px,9vw,140px);font-weight:800;line-height:.88}.danke p{opacity:.8;max-width:560px;margin:24px 0 32px;font-size:18px}@media (width<=960px){.buchen-kopf,.buchen-raster{grid-template-columns:1fr}.zettel{grid-area:2/1;position:static}.monate,.formular{grid-template-columns:1fr}}