/* Work&Stay Landingpages – im Stil von workandstayrooms.com (Montserrat, Navy #263654, Buttons 12px, Karten 24px) */
.wsl{width:100%;overflow-x:clip;--n:#263654;--nd:#1c2840;--ink:#222223;--mu:#616066;--li:#e9eaee;--bg:#f4f5f7;--wa:#25d366;--wad:#1da851;font-family:Montserrat,sans-serif;color:var(--ink);line-height:1.65;font-size:18px}
.wsl *{box-sizing:border-box}.wsl h2,.wsl h3{margin:0;color:var(--ink);font-weight:700;letter-spacing:0;text-wrap:balance}
.wsl a{text-decoration:none}
.wsl-wrap{max-width:1318px;margin:0 auto;padding:0 24px}
.wsl-sec{padding:100px 0}.wsl-sec.alt{background:var(--bg)}
.wsl-eyebrow{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--n);margin-bottom:12px;opacity:.75}
.wsl h2{font-size:clamp(28px,3vw,40px);line-height:1.25}
.wsl-lead{font-size:18px;color:var(--mu);font-weight:500;max-width:62ch;margin-top:14px;line-height:30px}
/* Buttons wie Website */
.wsl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;line-height:20px;padding:20px 30px;border-radius:12px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.wsl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,20,43,.14)}
.wsl-btn svg{width:22px;height:22px;flex:0 0 auto}
.wsl-btn.navy,.wsl-btn.gold{background:var(--n);color:#fff}.wsl-btn.navy:hover,.wsl-btn.gold:hover{background:var(--nd)}
.wsl-btn.wa{background:var(--wa);color:#fff}.wsl-btn.wa:hover{background:var(--wad)}
.wsl-btn.white{background:#fff;color:var(--n)}
.wsl-btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.wsl-btn.outline{background:#fff;color:var(--n);box-shadow:inset 0 0 0 2px var(--n)}
.wsl-quick{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
/* Kontaktleiste oben */
.wsl-contact{background:#fff;border-bottom:1px solid var(--li)}
.wsl-contact .wsl-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}
.wsl-contact .live{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--ink)}
.wsl-contact .live i{width:10px;height:10px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:wslp 1.8s infinite}
@keyframes wslp{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.wsl-contact .tel{font-size:24px;font-weight:700;color:var(--n);display:flex;align-items:center;gap:10px}
.wsl-contact .btns{display:flex;gap:12px;flex-wrap:wrap}
/* CTA mit Formular */
.wsl-cta{padding:70px 0 100px;background:var(--bg)}
.wsl-cta .box{background:var(--n);border-radius:24px;padding:56px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;color:#fff;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-cta .wsl-eyebrow{color:#fff;opacity:.7}
.wsl-cta h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.2}
.wsl-cta h2 span{color:#fff;text-decoration:underline;text-decoration-color:var(--wa);text-underline-offset:8px;text-decoration-thickness:4px}
.wsl-cta p.big{font-size:20px;color:#e3e8f2;margin:18px 0 0;font-weight:500;line-height:1.5}
.wsl-ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.wsl-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;color:#eef1f6;line-height:1.5}
.wsl-ticks li:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--wa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:1px}
.wsl-cta .bigtel{display:block;margin-top:26px;font-size:15px;color:#c9d2e3;font-weight:500}
.wsl-cta .bigtel a{display:block;font-size:30px;font-weight:700;color:#fff;margin-top:2px}
/* Formular */
.wsl-form{background:#fff;color:var(--ink);border-radius:24px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.wsl-form h3{font-size:24px;font-weight:700}.wsl-form .sub{font-size:15px;color:var(--mu);margin:6px 0 20px;line-height:1.5}
.wsl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wsl-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.wsl-f label{font-size:14px;font-weight:600;color:var(--ink)}
.wsl-f input,.wsl-f select,.wsl-f textarea{font:500 16px Montserrat,sans-serif;padding:14px 16px;border:1px solid #dcdee5;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.wsl-f input:focus,.wsl-f select:focus,.wsl-f textarea:focus{outline:none;border-color:var(--n);box-shadow:0 0 0 3px rgba(38,54,84,.12)}
.wsl-consent{display:flex;gap:10px;font-size:13px;color:var(--mu);margin:6px 0 16px;align-items:flex-start;line-height:1.5}.wsl-consent input{margin-top:3px}
.wsl-consent a{color:var(--n);text-decoration:underline}
.wsl-submit{width:100%}
.wsl-msg{font-size:14px;margin-top:10px}.wsl-ok{text-align:center;padding:30px 10px;font-size:17px}.wsl-ok b{display:block;font-size:22px;margin-bottom:6px}
.wsl-form .orwa{margin-top:14px;text-align:center;font-size:14px;color:var(--mu)}.wsl-form .orwa a{color:var(--wad);font-weight:700}
.wsl-hp{position:absolute;left:-9999px}
/* Trust */
.wsl-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-50px;position:relative;z-index:2}
.wsl-trust div{background:#fff;border-radius:24px;padding:24px 26px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-trust b{display:block;font-size:26px;font-weight:700;color:var(--n)}.wsl-trust span{font-size:16px;color:var(--mu);font-weight:500}
/* Karten wie Website */
.wsl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}
.wsl-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;color:inherit;box-shadow:0 3px 20px rgba(8,15,52,.06);transition:transform .3s,box-shadow .3s}
.wsl-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(8,15,52,.1)}
.wsl-card .im{position:relative;aspect-ratio:4/3;background:#eee;max-width:100%}.wsl-card img{width:100%;height:100%;object-fit:cover;display:block}
.wsl-card .badge{position:absolute;left:16px;top:16px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;padding:10px 16px;border-radius:12px}
.wsl-card .bd{padding:26px 28px 28px;display:flex;flex-direction:column;gap:8px;flex:1}
.wsl-card .loc{font-size:16px;font-weight:700;color:var(--ink)}
.wsl-card h3{font-size:18px;font-weight:700;line-height:1.35}
.wsl-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wsl-chips span{font-size:14px;font-weight:500;color:var(--mu);border:1px solid var(--li);border-radius:12px;padding:6px 12px}
.wsl-card .go{margin-top:auto;padding-top:14px;font-weight:600;color:var(--n);font-size:16px}
/* Boxen */
.wsl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.wsl-box{background:#fff;border-radius:24px;padding:34px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-box h3{font-size:22px;margin-bottom:14px}.wsl-box p{font-size:17px;line-height:1.7}
.wsl-list{list-style:none;padding:0;margin:0}.wsl-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--li);font-size:16px;color:var(--mu);font-weight:500}.wsl-list li:last-child{border:0}
.wsl-list b{white-space:nowrap;color:var(--ink)}
.wsl-tags{display:flex;flex-wrap:wrap;gap:8px}.wsl-tags span{background:var(--bg);color:var(--ink);font-weight:500;font-size:14px;border-radius:12px;padding:8px 14px}
.wsl-ben{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.wsl-ben div{background:#fff;border-radius:24px;padding:30px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-ben i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--bg);font-style:normal;margin-bottom:16px}
.wsl-ben i svg{stroke:var(--n)!important}
.wsl-ben b{display:block;font-size:19px;font-weight:700;margin-bottom:6px}.wsl-ben span{font-size:16px;color:var(--mu);font-weight:500;line-height:1.6}
/* FAQ */
.wsl-faq{margin-top:36px;display:grid;gap:14px}
.wsl-faq details{background:#fff;border-radius:16px;padding:6px 26px;box-shadow:0 3px 20px rgba(8,15,52,.05)}
.wsl-faq summary{cursor:pointer;font-weight:600;font-size:18px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.wsl-faq summary::-webkit-details-marker{display:none}.wsl-faq summary:after{content:"+";font-size:26px;color:var(--n);line-height:1;font-weight:400}
.wsl-faq details[open] summary:after{content:"–"}.wsl-faq p{margin:0 0 20px;color:var(--mu);font-size:17px;line-height:1.7}
.wsl-near{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.wsl-near a{background:#fff;border-radius:12px;padding:12px 18px;font-weight:600;font-size:15px;color:var(--n);box-shadow:0 3px 14px rgba(8,15,52,.06)}.wsl-near a:hover{background:var(--n);color:#fff}
.wsl-end{text-align:center}.wsl-end .wsl-quick{justify-content:center}
/* Störer */
.wsl-stoer{padding:0 0 100px}
.wsl-stoer .card{border-radius:24px;padding:48px 52px;display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;box-shadow:0 3px 20px rgba(8,15,52,.08)}
.wsl-stoer .card.call{background:var(--n);color:#fff}.wsl-stoer .card.wa{background:#e9f9ef;color:var(--ink)}
.wsl-stoer .ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center}
.wsl-stoer .call .ic{background:rgba(255,255,255,.12)}.wsl-stoer .wa .ic{background:var(--wa)}
.wsl-stoer .ic svg{width:40px;height:40px}
.wsl-stoer h3{font-size:clamp(24px,2.6vw,32px);line-height:1.25}.wsl-stoer .call h3{color:#fff}
.wsl-stoer p{margin:8px 0 0;font-size:17px;font-weight:500;line-height:1.55}.wsl-stoer .call p{color:#d6dded}.wsl-stoer .wa p{color:#3d5245}
.wsl-stoer .num{font-size:clamp(26px,3vw,36px);font-weight:700;color:#fff;display:block;margin-top:6px}
.wsl-stoer .acts{display:flex;flex-direction:column;gap:12px}
/* Prosa / Split / Galerie / Pakete / Einsatzorte / Schritte (Großstädte) */
.wsl-prose{max-width:860px}.wsl-prose p{font-size:18px;color:var(--mu);font-weight:500;line-height:30px;margin:0 0 18px}
.wsl-split{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start;margin-top:30px}
.wsl-aside{background:var(--n);color:#fff;border-radius:24px;padding:36px;position:sticky;top:120px}
.wsl-aside h3{color:#fff;font-size:22px;margin-bottom:12px}.wsl-aside p{color:#d6dded;font-size:16px;margin:0 0 16px;line-height:1.6}
.wsl-aside .num{font-size:28px;font-weight:700;color:#fff}
.wsl-aside .wsl-quick{flex-direction:column}.wsl-aside .wsl-btn{width:100%}
.wsl-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:16px;margin-top:40px}
.wsl .wsl-gal figure{margin:0!important;border-radius:24px;overflow:hidden;position:relative;background:#eee;max-width:none!important;width:100%!important;height:100%;display:block!important;padding:0!important}
.wsl .wsl-gal figure>div,.wsl .wsl-gal img{width:100%!important;height:100%!important;max-width:none!important}
.wsl-gal figure:first-child{grid-row:span 2}
.wsl-gal img{object-fit:cover;display:block;transition:transform .5s}.wsl-gal figure:hover img{transform:scale(1.04)}
.wsl-gal figcaption{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;padding:8px 14px;border-radius:12px}
.wsl-note{font-size:15px;color:var(--mu);margin-top:16px}
.wsl-pack{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.wsl-pack div{background:#fff;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:10px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-pack div.hot{background:var(--n);color:#fff}.wsl-pack div.hot b,.wsl-pack div.hot .sz{color:#fff}.wsl-pack div.hot span{color:#d6dded}.wsl-pack div.hot a{color:#fff}
.wsl-pack .sz{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--n);opacity:.8}
.wsl-pack b{font-size:22px;font-weight:700}.wsl-pack span{font-size:16px;color:var(--mu);font-weight:500;line-height:1.6}
.wsl-pack a{margin-top:auto;font-weight:600;color:var(--n);padding-top:10px}
.wsl-sites{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.wsl-sites div{background:#fff;border-radius:20px;padding:24px 26px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-sites b{display:block;font-size:18px;font-weight:700;margin-bottom:6px}.wsl-sites span{font-size:16px;color:var(--mu);font-weight:500;line-height:1.6}
.wsl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;counter-reset:st}
.wsl-steps div{background:#fff;border-radius:24px;padding:32px;box-shadow:0 3px 20px rgba(8,15,52,.06)}
.wsl-steps div:before{counter-increment:st;content:counter(st);display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--n);color:#fff;font-weight:700;font-size:20px;margin-bottom:18px}
.wsl-steps b{display:block;font-size:19px;font-weight:700;margin-bottom:8px}.wsl-steps span{font-size:16px;color:var(--mu);font-weight:500;line-height:1.6}
.wsl-band{background:#fff;border-radius:24px;padding:44px 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;box-shadow:0 3px 20px rgba(8,15,52,.08)}
.wsl-band p{color:var(--mu);margin:10px 0 0;font-size:17px;font-weight:500}
/* Mobile Sticky */
.wsl-sticky{display:none}
@media(max-width:991px){.wsl-sec{padding:72px 0}.wsl-cta .box{grid-template-columns:1fr;padding:40px 28px;gap:36px}.wsl-grid2,.wsl-split,.wsl-band{grid-template-columns:1fr}.wsl-cards{grid-template-columns:1fr 1fr}.wsl-trust{grid-template-columns:1fr 1fr;margin-top:28px}.wsl-ben,.wsl-steps{grid-template-columns:1fr 1fr}.wsl-pack{grid-template-columns:1fr 1fr}.wsl-aside{position:static}.wsl-stoer .card{grid-template-columns:1fr;text-align:left;padding:36px 28px;gap:20px}.wsl-gal{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.wsl-gal figure:first-child{grid-column:span 2;grid-row:span 1}}
@media(max-width:767px){.wsl{font-size:16px}.wsl-wrap{padding:0 16px}.wsl-sec{padding:60px 0}.wsl-cta{padding:40px 0 60px}.wsl-cta .box{padding:32px 20px;border-radius:20px}.wsl-cards,.wsl-ben,.wsl-steps,.wsl-pack,.wsl-sites{grid-template-columns:1fr}.wsl-row{grid-template-columns:1fr}.wsl-form{padding:24px 18px}.wsl-btn{width:100%;padding:18px 20px}.wsl-quick{flex-direction:column}.wsl-contact .tel{font-size:20px}.wsl-contact .btns{width:100%}.wsl-stoer{padding:0 0 60px}.wsl-stoer .ic{width:64px;height:64px}.wsl-band{padding:30px 22px}
.wsl-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:8px;padding:10px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));background:#fff;box-shadow:0 -6px 24px rgba(8,15,52,.18)}
.wsl-sticky a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:600 13px Montserrat,sans-serif;padding:9px 6px;border-radius:12px;text-decoration:none}
.wsl-sticky svg{width:20px;height:20px}
.wsl-sticky .s1{background:var(--n);color:#fff}.wsl-sticky .s2{background:var(--wa);color:#fff}.wsl-sticky .s3{background:var(--bg);color:var(--n)}
body.wsl-has-sticky{padding-bottom:76px}body.wsl-has-sticky #wswa{display:none!important}}
.wsl-hide{display:none!important}
.wsl svg{width:22px;height:22px;flex:0 0 auto}
.wsl-contact .tel{white-space:nowrap}.wsl-contact .tel svg{width:26px;height:26px}
.wsl-stoer .ic svg{width:40px;height:40px}
@media(max-width:767px){.wsl-contact .wsl-wrap{gap:12px}.wsl-contact .tel{font-size:22px}}