@font-face{font-family:'Poppins';font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-500.woff) format('woff')}
@font-face{font-family:'Poppins';font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-600.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-400.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-500.woff) format('woff')}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/inter-600.woff) format('woff')}

body{margin:0}
a{color:#0168BA}a:hover{color:#014a85}
details summary{cursor:pointer}
h3,h4{line-height:1.25}
.mobilebar{display:none}
@media (max-width: 700px){
.mobilebar{display:flex}
div[style*="48px"]{padding-left:20px!important;padding-right:20px!important}
div[style*="padding: 72px"],div[style*="padding: 80px"]{padding-top:48px!important;padding-bottom:48px!important}
div[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:28px!important}
h1{font-size:28px!important}
h2{font-size:24px!important}
p{font-size:17px!important}


input,select,textarea,button{font-size:16px!important;width:100%;box-sizing:border-box}
}

html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;color:#2B2A2D;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#F6F7F4}
img,svg,video{max-width:100%}
:focus-visible{outline:3px solid #0168BA;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#2B2A2D;padding:10px 14px;z-index:100;border-radius:0 0 6px 0}
.skip:focus{left:0}
.slot{display:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.legal a{color:#0168BA}
.logo-link{display:block;line-height:0}
.logo-link:hover{color:inherit}
/* Navigation */
.nav{display:flex;align-items:center;gap:20px}
.nav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0;align-items:center}
.nav-list>li{position:relative}
.nav-list a{display:block;color:#2B2A2D;text-decoration:none;padding:10px 12px;border-radius:6px;font-size:16px;line-height:1.3}
.nav-list a:hover{background:#E9ECE7;color:#2B2A2D}
.nav-list a[aria-current=page]{font-weight:600;box-shadow:inset 0 -3px 0 #FE9313;border-radius:6px 6px 0 0}
.has-dd>a:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid #6B747C;border-bottom:2px solid #6B747C;transform:translateY(-2px) rotate(45deg)}
.dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #D9DDD6;border-radius:8px;box-shadow:0 12px 32px rgba(43,42,45,.14);padding:8px;list-style:none;margin:0;min-width:270px;z-index:30}
.has-dd:hover>.dd,.has-dd:focus-within>.dd{display:block}
.has-dd:hover>.dd-wide,.has-dd:focus-within>.dd-wide{display:grid;grid-template-columns:1fr 1fr;width:560px}
.dd a{padding:9px 12px;font-size:15.5px}
.nav-cta{background:#FE9313;color:#2B2A2D;padding:12px 20px;border-radius:6px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s}
.nav-cta:hover{background:#EC8408;color:#2B2A2D}
.nav-toggle{display:none;align-items:center;gap:10px;border:2px solid #2B2A2D;background:transparent;border-radius:6px;padding:8px 14px;font:inherit;font-weight:600;color:#2B2A2D;cursor:pointer}
.nav-toggle-bars{width:18px;height:2px;background:#2B2A2D;position:relative;display:block}
.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#2B2A2D}
.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}
/* Buttons, Karten */
a[style*="background: #FE9313"],button[type=submit]{transition:filter .15s,transform .15s}
a[style*="background: #FE9313"]:hover,button[type=submit]:hover{filter:brightness(.94);color:#2B2A2D}
a[style*="border: 2px solid #2B2A2D"]:hover{background:#2B2A2D;color:#fff}
a[style*="border: 1px solid #D9DDD6"]{transition:border-color .15s,box-shadow .15s,transform .15s}
a[style*="border: 1px solid #D9DDD6"]:hover{border-color:#FE9313;box-shadow:0 8px 24px rgba(43,42,45,.10);color:#2B2A2D;transform:translateY(-2px)}
input:focus,select:focus,textarea:focus{border-color:#0168BA!important;outline:2px solid rgba(1,104,186,.25);outline-offset:0}
button[disabled]{opacity:.6;cursor:wait!important}
details summary{list-style-position:outside}
details[open] summary{margin-bottom:2px}
@media (max-width:1220px){
.nav-toggle{display:inline-flex;width:auto!important}
.nav-list{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #D9DDD6;box-shadow:0 16px 24px rgba(43,42,45,.12);flex-direction:column;align-items:stretch;padding:8px 20px 18px;max-height:calc(100vh - 84px);overflow:auto;gap:0}
.nav.open .nav-list{display:flex}
.nav-list a{padding:13px 8px;font-size:17px}
.nav-list a[aria-current=page]{box-shadow:none;color:#0168BA}
.has-dd>a:after{display:none}
.dd,.has-dd:hover>.dd,.has-dd:focus-within>.dd,.has-dd:hover>.dd-wide,.has-dd:focus-within>.dd-wide{display:block;position:static;border:0;box-shadow:none;padding:0 0 8px 14px;min-width:0;width:auto}
.dd a{font-size:16px;padding:10px 8px;color:#4A5560}
.nav-list>li.has-dd>a{font-weight:600}
}
@media (max-width:700px){
.nav-cta{display:none}
.site-header{padding:10px 20px!important}
.logo-link svg{height:52px!important}
body{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.mobilebar,form{display:none!important}}

h1{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.14!important;letter-spacing:-.015em;text-wrap:balance}
h2{text-wrap:balance}
@media (max-width:700px){h1{font-size:30px!important}}

h3[style*="font-size: 22px"],h4[style*="font-size: 22px"]{font-size:20.5px!important;overflow-wrap:break-word;hyphens:manual}

/* Vorher-nachher-Schieberegler */
.ba{position:relative;overflow:hidden;border-radius:8px;background:#ddd;--p:50%;touch-action:pan-y;user-select:none}
.ba img{display:block;width:100%;height:100%;object-fit:cover}
.ba .ba-a{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba .ba-line{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);pointer-events:none}
.ba .ba-knob{position:absolute;top:50%;left:var(--p);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);pointer-events:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2B2A2D}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .ba-tag{position:absolute;top:12px;padding:4px 10px;border-radius:4px;background:rgba(43,42,45,.8);color:#fff;font-size:14px;font-weight:600;pointer-events:none}
.ba .ba-tag.l{left:12px}.ba .ba-tag.r{right:12px}
@media(max-width:600px){.ba .ba-tag{font-size:12px;padding:3px 7px;top:8px}.ba .ba-tag.l{left:8px}.ba .ba-tag.r{right:8px}}
@media(max-width:700px){div.kgrid{grid-template-columns:1fr 1fr!important;gap:12px!important}.kgrid>div{min-height:120px!important;padding:20px 10px!important}.kgrid span:last-child{font-size:17px!important}}
.logo-link svg{height:84px!important}
html{scroll-padding-top:112px}

@media (max-width:1220px){.logo-link svg{height:72px!important}}
@media (max-width:700px){.logo-link svg{height:64px!important}.site-header{padding:8px 20px!important}html{scroll-padding-top:90px}}

/* Ratgeber: Suche und Filter */
.rg-tools{display:flex;flex-direction:column;gap:16px;margin:0 0 24px 0}
.rg-search{width:100%;max-width:520px;box-sizing:border-box;padding:14px 18px;font:inherit;font-size:17px;border:1px solid #C9CFC8;border-radius:999px;background:#fff}
.rg-chips{display:flex;flex-wrap:wrap;gap:10px}
.rg-chip{width:auto!important;min-height:44px;font:inherit;font-weight:600;font-size:16px;padding:10px 18px;border-radius:999px;border:0;background:#E8ECE6;color:#2B2A2D;cursor:pointer}
.rg-chip[aria-pressed="true"]{background:#0168BA;color:#fff}
.rg-empty{display:none;color:#4A5560;font-size:18px;margin:16px 0 0 0}
/* Startseite: weicher Farbverlauf im Kopfbereich */
.hero-glow{background:radial-gradient(60% 70% at 85% 0%,rgba(254,147,19,.16),transparent 70%),radial-gradient(55% 60% at 0% 30%,rgba(1,104,186,.10),transparent 70%)}
@media (max-width:700px){main#inhalt div[style*="border: 1px solid"]{border-radius:16px!important}}

/* Logo: beim Scrollen nur das Symbol */
.logo-link svg{transition:height .25s ease,opacity .15s ease}
.site-header.scrolled .logo-link svg{height:52px!important}
.site-header.scrolled{box-shadow:0 2px 14px rgba(43,42,45,.10)}
.logo-link svg.swap{opacity:0}
@media (max-width:700px){.site-header.scrolled .logo-link svg{height:44px!important}}
@media (prefers-reduced-motion:reduce){.logo-link svg{transition:none}}

/* Blaue Zeile über dem Titel */
span[style*="font-size: 16px"][style*="color: #0168BA"]{font-size:21px!important;line-height:1.35}
@media (max-width:700px){span[style*="font-size: 16px"][style*="color: #0168BA"]{font-size:18px!important}}

/* Startseite: Referenzen ausgewogen */
@media (min-width:701px){
#referenzen>div:nth-of-type(1){align-items:start!important}
#referenzen>div:nth-of-type(1)>div:first-child{position:sticky;top:120px}
#referenzen div[style*="minmax(300px, 1fr)"]{display:block!important;column-count:2;column-gap:20px}
#referenzen div[style*="minmax(300px, 1fr)"]>*{break-inside:avoid;margin:0 0 20px 0}
}
/* Mobil: Vorteile und Kennzahlen kompakter */
@media (max-width:700px){
main div[style*="minmax(240px, 1fr)"]:has(>div>svg[stroke="#0168BA"]){grid-template-columns:1fr 1fr!important;gap:10px!important}
main div[style*="minmax(240px, 1fr)"]:has(>div>svg[stroke="#0168BA"])>div{flex-direction:column;gap:8px!important;padding:14px!important}
main div[style*="minmax(240px, 1fr)"]:has(>div>svg[stroke="#0168BA"]) span{font-size:15px!important;line-height:1.35}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]>*{padding:14px 6px!important}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"] span:first-child{font-size:21px!important}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"] span:last-child{font-size:12.5px!important}
}
@media (max-width:700px){
main div[style*="minmax(240px, 1fr)"]:has(>div>svg[stroke="#0168BA"])>div{min-width:0;overflow-wrap:anywhere;hyphens:auto}
main div[style*="minmax(240px, 1fr)"]:has(>div>svg[stroke="#0168BA"]) span{font-size:14px!important;min-width:0}
}
form select,form input,form textarea{min-width:0;max-width:100%}
form div{min-width:0}
h1,h2{overflow-wrap:break-word;hyphens:auto}
@media (min-width:981px){main div[style*="grid-template-columns"]:has(>div>a[href="/leistungen/baureinigung-bauendreinigung/"]){grid-template-columns:repeat(3,1fr)!important}}

/* Vorher-Nachher-Regler: gleiche Breite wie die Übersichtsgrafik */
#beispiele>div:has(.ba),#ergebnisse>div:has(.ba){max-width:1100px}
@media (min-width:701px){#beispiele>div:has(.ba),#ergebnisse>div:has(.ba){grid-template-columns:repeat(3,1fr)!important}}
/* Logo größer */
.logo-link svg{height:84px!important}
@media (min-width:1360px){.logo-link svg{height:100px!important}}
@media (min-width:1600px){.logo-link svg{height:116px!important}}
@media (max-width:1220px){.logo-link svg{height:80px!important}}
@media (max-width:700px){.logo-link svg{height:72px!important}}
.site-header.scrolled .logo-link svg{height:52px!important}
@media (max-width:700px){.site-header.scrolled .logo-link svg{height:44px!important}}
/* Logo etwas kleiner; Icon beim Scrollen exakt gleich groß wie im vollen Logo (455/570 der Höhe) */
:root{--lh:74px}
@media (min-width:1360px){:root{--lh:84px}}
@media (min-width:1600px){:root{--lh:96px}}
@media (max-width:1220px){:root{--lh:68px}}
@media (max-width:700px){:root{--lh:60px}}
.logo-link svg{height:var(--lh)!important}
.site-header.scrolled .logo-link svg{height:calc(var(--lh)*0.798)!important}
@media (max-width:700px){.site-header.scrolled .logo-link svg{height:calc(var(--lh)*0.798)!important}}
/* Hover: Outline-Buttons nicht schwarz, sondern warm orange */
a[style*="border: 2px solid #2B2A2D"]:hover,a[style*="border: 2px solid #2B2A2D"]:focus-visible{background:#FFF1DC!important;border-color:#FE9313!important;color:#2B2A2D!important}
a[style*="border: 2px solid #2B2A2D"],a[style*="background: #FE9313"]{transition:background .18s ease,border-color .18s ease,filter .18s ease,box-shadow .18s ease}
a[style*="background: #FE9313"]:hover{filter:none!important;background:#EC8408!important;box-shadow:0 6px 16px rgba(254,147,19,.35)}

/* Wow: Hero mit echtem Foto, Porträt im Ansprechpartner-Block */
.ansp-foto{width:100%;max-width:260px;height:auto;border-radius:16px;display:block;box-shadow:0 12px 32px rgba(43,42,45,.18)}
@media (min-width:701px){.ansp-grid{grid-template-columns:260px 1fr!important}}
@media (max-width:700px){.ansp-foto{max-width:200px}}

div:has(>a[href="#referenzen"])>*{border-top:4px solid #FE9313!important}
span[style*="font-size:44px"]{font-size:44px!important}
@media (max-width:700px){main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"] span[style*="font-size:44px"]:last-child{font-size:32px!important;display:block}}

div:has(>a[href="#referenzen"])>*{justify-content:center!important}
@media (max-width:700px){
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]{grid-template-columns:1fr 1fr!important}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]>a[href="#leistungen"],main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]>a:last-child{grid-column:1/-1}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"] span[style*="font-size:24px"]{font-size:22px!important}
main div[style*="minmax(220px, 1fr)"][style*="margin-top: 16px"]>div span:first-child{font-size:17px!important}
}

.kz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.kz{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:24px 16px 22px;text-align:center;text-decoration:none;color:#2B2A2D;background:#fff;border:1px solid #D9DDD6;border-top:4px solid #FE9313;border-radius:10px}
.kz-i{height:48px;display:flex;align-items:center;justify-content:center}
.kz-t{font-family:'Poppins',sans-serif;font-weight:600;font-size:22px;line-height:1.2;color:#2B2A2D!important}
.kz-s{font-size:15px;color:#4A5560!important;line-height:1.35}
a.kz,a.kz:visited,a.kz:hover{color:#2B2A2D!important;text-decoration:none!important}
.kz{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.kz:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(43,42,45,.14);border-color:#FE9313}
@media (prefers-reduced-motion:reduce){.kz{transition:none}.kz:hover{transform:none}}
@media (max-width:700px){.kz-grid{grid-template-columns:1fr;gap:12px}.kz{padding:18px 14px}.kz-i{height:40px}.kz-t{font-size:20px}}