:root{--taupe:#9c8577;--taupe2:#b8a598;--ink:#292a27;--dark:#272823;--paper:#faf9f6;--soft:#eee9e4;--line:#d8d4ce;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:300}.booking-widget{width:min(1240px,calc(100% - 48px));margin:auto;padding:70px 0 90px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#78675d}.intro h1,.section-heading h2,.request h2,.detail-body h2{font-size:clamp(38px,5vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1.07;margin:22px 0 0}.intro p{color:#6d6f6a;line-height:1.75;margin:0 0 7px}.search-bar{margin-top:55px;background:var(--dark);color:white;padding:22px 25px;display:grid;grid-template-columns:1fr 1fr .8fr auto;gap:1px}.search-bar label{padding:0 18px;border-right:1px solid #50514c;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bbb}.search-bar input,.search-bar select{display:block;width:100%;margin-top:8px;background:transparent;border:0;color:white;font:400 15px Manrope;color-scheme:dark;outline:0}.search-bar button,.submit,.select-button{border:0;background:var(--taupe);color:white;padding:15px 25px;font:500 12px Manrope;cursor:pointer}.availability-message{min-height:20px;margin:12px 0 0;font-size:12px;color:#66705c}.section-heading{margin-top:75px;display:flex;align-items:end;justify-content:space-between}.section-heading h2{font-size:clamp(35px,4vw,54px)}.hint{font-size:11px;color:#7d7e79}.apartment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.apartment{min-height:265px;border:0;background:var(--soft);text-align:left;padding:0;cursor:pointer;position:relative;overflow:hidden;color:var(--ink)}.apartment:before{content:"";position:absolute;width:78%;height:60%;left:11%;top:-5%;border-radius:0 0 50% 50%;background:linear-gradient(135deg,#d4c7be,#f7f3ef);transition:.25s transform}.apartment:hover:before{transform:translateY(8px)}.apartment-number{position:absolute;top:20px;left:22px;font-size:38px;font-weight:300;color:#6f6056}.apartment-info{position:absolute;left:22px;right:22px;bottom:20px;border-top:1px solid #c8c1bb;padding-top:14px}.apartment-info b{font-size:16px;font-weight:400;display:block}.apartment-info span{font-size:10px;color:#6f706b}.apartment.selected{outline:2px solid var(--taupe);outline-offset:-2px}.apartment.selected:after{content:"Ausgewählt";position:absolute;right:13px;top:13px;background:var(--taupe);color:white;padding:6px 8px;font-size:9px}.request{margin-top:85px;background:var(--dark);color:white;padding:60px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.inverse{color:white;background:var(--taupe);padding:7px 9px}.request h2{font-size:50px}.request-copy p{color:#b8b9b5;line-height:1.65}.whatsapp-link{display:inline-block;color:white;border-bottom:1px solid var(--taupe);padding-bottom:6px;margin-top:18px;font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#bbb}.request label span{text-transform:none;letter-spacing:0}.request input,.request textarea{display:block;width:100%;border:0;border-bottom:1px solid #75766f;background:transparent;color:white;font:400 14px Manrope;padding:10px 2px;outline:0}.request input:focus,.request textarea:focus{border-color:var(--taupe2)}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;line-height:1.45;text-transform:none!important;letter-spacing:0!important}.consent input{width:auto;margin:2px 0}.submit{width:100%;margin-top:20px}.form-status{font-size:11px;color:#c8b8ad;line-height:1.5}dialog{width:min(860px,calc(100% - 30px));border:0;padding:0;background:var(--paper);box-shadow:0 25px 90px rgba(0,0,0,.3);display:none;grid-template-columns:.85fr 1.15fr}dialog[open]{display:grid}dialog::backdrop{background:rgba(25,26,23,.72)}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#777}.detail-visual{min-height:480px;background:linear-gradient(145deg,#b7a396,#eae2dc);display:grid;place-items:center}.detail-visual span{font-size:100px;color:rgba(255,255,255,.7);font-weight:300}.detail-body{padding:60px 50px}.detail-body h2{font-size:44px}.detail-body p{line-height:1.65;color:#676963}.detail-body ul{padding:0;list-style:none;display:grid;gap:10px;font-size:13px;margin:28px 0}.detail-body li:before{content:"✓";margin-right:10px;color:var(--taupe)}.select-button{width:100%}.whatsapp-float{position:fixed;right:22px;bottom:22px;background:var(--green);color:#073716;border-radius:999px;padding:13px 17px;display:flex;align-items:center;gap:8px;z-index:30;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:12px;text-decoration:none}.whatsapp-float span{font-size:17px}
@media(max-width:900px){.intro,.request{grid-template-columns:1fr;gap:30px}.apartment-grid{grid-template-columns:repeat(3,1fr)}.search-bar{grid-template-columns:1fr 1fr}.search-bar button{grid-column:1/-1}.request{padding:45px}.request h2{font-size:42px}}
@media(max-width:600px){.booking-widget{width:calc(100% - 28px);padding-top:45px}.intro{gap:20px}.intro h1{font-size:39px}.search-bar{grid-template-columns:1fr;padding:12px 18px}.search-bar label{border-right:0;border-bottom:1px solid #50514c;padding:13px 0}.section-heading{align-items:flex-start;gap:20px}.hint{display:none}.apartment-grid{grid-template-columns:1fr 1fr;gap:8px}.apartment{min-height:225px}.apartment-info{left:15px;right:15px}.apartment-number{left:15px}.request{margin-top:60px;padding:35px 20px}.fields{grid-template-columns:1fr}dialog[open]{grid-template-columns:1fr;max-height:90vh;overflow:auto}.detail-visual{min-height:200px}.detail-body{padding:35px 24px}.detail-body h2{font-size:35px}.whatsapp-float b{display:none}.whatsapp-float{width:50px;height:50px;padding:0;justify-content:center}}