:root{--ink:#173247;--ink-2:#244a61;--sky:#eaf3f7;--paper:#fbfaf6;--white:#fff;--orange:#e8672e;--orange-dark:#c94e1b;--muted:#64747f;--line:#d9e2e6;--green:#46745b;--shadow:0 20px 50px rgba(19,45,62,.11);--radius:18px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}button,input{font:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}.topline{background:var(--ink);color:#d9e7ee;font-size:12px}.topline-inner{display:flex;justify-content:center;gap:58px;padding:8px 0}.topline span:before{content:"✓";color:#f8a47a;margin-right:7px}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,50,71,.08)}.nav{height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{background:var(--ink);color:white;font:800 19px/1 Manrope;padding:13px 10px;letter-spacing:-1px;position:relative}.brand-mark:after{content:"";position:absolute;width:4px;height:100%;right:-4px;top:0;background:var(--orange)}.brand-copy{font:700 14px/1.15 Manrope}.brand-copy small{display:block;color:var(--muted);font:500 10px/1.3 "DM Sans";margin-top:3px}.nav-links{display:flex;gap:28px;font-weight:600;font-size:14px}.nav-links a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:6px;background:var(--orange);color:#fff;padding:15px 22px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(232,103,46,.2);transition:.2s}.button:hover{background:var(--orange-dark);transform:translateY(-1px)}.button-small{font-size:13px;padding:11px 15px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{background:linear-gradient(110deg,#eef5f7 0%,#fbfaf6 57%,#f4ece2 100%);overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px;padding:70px 0}.eyebrow{display:inline-block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.hero h1,.section-heading h2,.trust h2{font:800 clamp(38px,5vw,68px)/1.02 Manrope;margin:18px 0 24px;letter-spacing:-2.8px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:19px;color:#425b69;max-width:650px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{font-weight:700;border-bottom:1px solid var(--ink)}.proof-row{display:flex;gap:18px;flex-wrap:wrap;color:#4d626e;font-size:13px}.proof-row span{white-space:nowrap}.hero-visual{position:relative}.cover-shell{margin-left:auto;width:365px;padding:12px;background:#fff;box-shadow:var(--shadow);transform:rotate(1.5deg)}.cover-shell img{display:block;width:100%;height:430px;object-fit:cover;object-position:top}.cover-note{padding:15px 9px 8px;display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.cover-note strong{color:var(--ink);font-size:14px}.hero-badge{position:absolute;left:4px;bottom:55px;width:128px;height:128px;border-radius:50%;background:var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 12px 30px rgba(146,60,24,.25);transform:rotate(-7deg)}.hero-badge strong{font:800 38px/1 Manrope}.hero-badge span{font-size:11px}.finder-section,.packages-section{padding:100px 0}.section-heading{margin-bottom:40px}.section-heading h2,.trust h2{font-size:46px;margin:10px 0}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading.split>p{max-width:470px;color:var(--muted)}.finder{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.finder-progress{height:76px;background:var(--ink);color:#8ea3b0;display:flex;align-items:center;justify-content:center;gap:22px;font-size:13px}.finder-progress span{display:flex;align-items:center;gap:8px}.finder-progress span:first-letter{border:1px solid currentColor}.finder-progress .active{color:#fff}.finder-progress i{width:70px;height:1px;background:#557083}.finder-panel{padding:42px;min-height:300px}.finder-question{text-align:center;max-width:800px;margin:auto}.finder-question h3{font:700 25px Manrope;margin:0 0 12px}.finder-question>p{color:var(--muted);margin-bottom:26px}.finder-input-row{display:flex;max-width:680px;margin:0 auto 24px;border:1px solid var(--line);border-radius:9px;padding:6px;background:#fff}.finder-input-row input{border:0;outline:0;flex:1;padding:12px;font-size:16px;min-width:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{padding:19px;border:1px solid var(--line);border-radius:9px;background:#fafcfc;text-align:left;color:var(--ink);font-weight:700;cursor:pointer}.choice small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.choice:hover,.choice:focus{border-color:var(--orange);background:#fff6f1}.finder-result{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.finder-result .result-label{color:var(--orange);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.finder-result h3{font:800 30px Manrope;margin:8px 0}.finder-result p{color:var(--muted)}.finder-back{background:none;border:0;color:var(--ink);text-decoration:underline;cursor:pointer;margin-top:18px}.category-section{padding:90px 0;background:var(--sky)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{background:#fff;border:1px solid transparent;border-radius:10px;padding:24px;display:flex;gap:17px;align-items:center;cursor:pointer;text-align:left}.category-card:hover{border-color:var(--orange);transform:translateY(-2px)}.category-icon{width:46px;height:46px;background:#edf3f4;border-radius:50%;display:grid;place-items:center;font-size:20px}.category-card strong{display:block;font:700 16px Manrope}.category-card small{color:var(--muted)}.catalog-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:0 14px;min-width:330px}.search input{border:0;background:transparent;outline:0;padding:12px 0;width:100%}.filters{display:flex;gap:8px;overflow:auto}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;border-radius:30px;padding:8px 13px;color:var(--muted);cursor:pointer;font-size:12px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{color:var(--muted);font-size:13px;margin:22px 0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.package-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:360px;transition:.2s}.package-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-top{height:8px;background:var(--ink)}.package-card[data-cat="Kreativtechniken"] .card-top{background:#9a604e}.package-card[data-cat="Sanierung"] .card-top{background:#54725c}.package-card[data-cat="Außenarbeiten"] .card-top{background:#4b778d}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px}.package-card h3{font:700 20px/1.25 Manrope;margin:16px 0 10px}.package-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.card-includes{font-size:12px;border-top:1px solid var(--line);padding-top:13px}.card-footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:18px}.price strong{display:block;font:800 24px Manrope}.price small{color:var(--muted)}.details-button{border:0;background:none;color:var(--orange);font-weight:700;cursor:pointer}.load-more{display:block;margin:34px auto 0;padding:12px 28px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:6px;font-weight:700;cursor:pointer}.process{padding:95px 0;background:#fff}.centered{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:steps}.steps article{position:relative;padding:24px}.steps article+article:before{content:"";position:absolute;left:-30px;top:50px;width:38px;border-top:1px dashed #b7c4ca}.steps span{color:var(--orange);font:800 13px Manrope}.steps h3{font:700 20px Manrope}.steps p{color:var(--muted)}.trust{background:var(--ink);color:#fff;padding:100px 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.trust p{color:#c5d4dc;font-size:17px}.eyebrow.light{color:#f39a72}.signature{margin-top:30px;padding-left:17px;border-left:3px solid var(--orange);font-weight:700}.signature small{font-weight:400;color:#a9bbc5}.trust-points{display:grid;gap:16px}.trust-points article{border:1px solid #3d5a6d;border-radius:9px;padding:23px}.trust-points strong{display:block;margin-bottom:5px}.trust-points span{color:#b8cad3;font-size:14px}footer{padding:60px 0 20px;background:#102637;color:#c3d0d7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-grid strong{color:#fff}.footer-grid small{color:#79909d}.footer-brand{align-items:flex-start!important;flex-direction:row!important}.copyright{border-top:1px solid #294356;margin-top:40px;padding-top:20px;font-size:12px;color:#79909d}dialog{border:0;border-radius:14px;max-width:680px;width:calc(100% - 30px);padding:0;box-shadow:0 30px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(9,27,40,.72);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:28px;cursor:pointer}.dialog-inner{padding:42px}.dialog-inner .eyebrow{margin-bottom:8px}.dialog-inner h2{font:800 32px/1.15 Manrope;margin:0 0 14px}.dialog-inner p{color:var(--muted)}.dialog-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.dialog-facts div{background:var(--sky);padding:14px;border-radius:7px;font-size:13px}.checkout-missing{background:#fff4e8;border:1px solid #f2cfaa;padding:14px;border-radius:7px;font-size:13px;margin-bottom:15px}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:50px}
@media(max-width:950px){.nav-links,.nav>.button{display:none}.menu-toggle{display:block}.nav.open{height:auto;flex-wrap:wrap;padding:16px 0}.nav.open .nav-links{display:flex;width:100%;flex-direction:column;padding-bottom:20px}.hero-grid{grid-template-columns:1fr;gap:35px;padding:65px 0}.hero-visual{max-width:440px;margin:auto}.package-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.section-heading.split{align-items:start}.trust-grid{gap:50px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wrap{width:min(100% - 26px,var(--wrap))}.topline-inner span:not(:first-child){display:none}.nav{height:70px}.hero-grid{min-height:auto}.hero h1{font-size:43px}.hero-visual{width:100%}.cover-shell{width:82%;margin:auto}.cover-shell img{height:355px}.hero-badge{left:0;bottom:40px;width:100px;height:100px}.hero-actions{align-items:stretch;flex-direction:column}.proof-row{display:grid}.finder-section,.packages-section{padding:70px 0}.section-heading h2,.trust h2{font-size:36px;letter-spacing:-1.7px}.section-heading.split{display:block}.finder-progress b{display:none}.finder-panel{padding:25px 18px}.finder-input-row{flex-direction:column}.choice-grid{grid-template-columns:1fr}.finder-result{grid-template-columns:1fr}.category-grid,.package-grid,.steps,.trust-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;flex-direction:column}.search{min-width:0}.filters{padding-bottom:4px}.steps article+article:before{display:none}.footer-grid{grid-template-columns:1fr}.dialog-facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Refined hero badge placement */
.hero-badge{left:-28px;top:42px;bottom:auto;width:112px;height:112px;text-align:center}
.hero-badge strong{font-size:34px}
.hero-badge span{max-width:78px;font-size:10px;line-height:1.2}

/* Standalone legal pages */
.legal-page{background:#f6f3ed}
.legal-header{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}
.legal-header .brand{width:max-content}
.legal-content{max-width:820px;padding-top:70px;padding-bottom:90px}
.legal-content h1{font:800 clamp(40px,6vw,64px)/1.05 Manrope;margin:12px 0 36px;letter-spacing:-2px}
.legal-content h2{font:700 21px/1.3 Manrope;margin:34px 0 8px}
.legal-content p{color:#425b69}
.legal-content a:not(.button){color:var(--orange-dark);text-decoration:underline}
.legal-lead{font-size:18px}
.legal-note{font-size:13px;color:var(--muted)!important;margin:36px 0}
.legal-footer{padding:24px 0;background:#102637;color:#79909d;font-size:12px}
@media(max-width:650px){.hero-badge{left:-2px;top:24px;bottom:auto;width:92px;height:92px}.hero-badge strong{font-size:29px}.hero-badge span{font-size:9px}}
