.brand-logo{display:block;width:196px;height:auto;max-height:54px;object-fit:contain}
.footer .brand{background:#fff;padding:9px 12px;align-self:flex-start}
.topline a{font-weight:700;font-variant-numeric:tabular-nums}
.hero-visual img,.hero-image{animation:hero-drift 22s ease-in-out infinite alternate;will-change:transform}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:600px){.brand-logo{width:158px;max-height:46px}.topline .wrap{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-visual img,.hero-image{animation:none;will-change:auto}}

/* Connect-Leasing-Palette: Graphit, Schwarz und neutrale Grautöne */
:root{--ink:#17191a;--ink-soft:#303436;--muted:#62686a;--paper:#f1f2f2;--white:#fff;--line:#d3d6d7;--accent:#777c7e;--accent-dark:#4d5254;--green:#303436;--shadow:none}
body{background:#fff;color:#17191a}
.topline{background:#f1f2f2;color:#454a4c;border-bottom:1px solid #d3d6d7}
.topline a,.topline strong{color:#202324}
.header{background:#fff;border-color:#d3d6d7}
.menu a{color:#303436}
.menu a:hover{color:#151617}
.hero{background:#fff}
.hero-grid{background:#f1f2f2;color:#17191a;border-top:1px solid #d3d6d7;box-shadow:none}
.hero h1 span{color:#62686a}
.hero-copy>p,.hero p,.hero-note{color:#505658}
.hero .eyebrow,.hero .kicker{color:#4d5254!important}
.hero-stamp{background:#fff;color:#17191a;border-left-color:#74797b}
.hero-stamp span{color:#53595b}
.hero-visual:after{background:linear-gradient(90deg,rgba(21,22,23,.18),transparent 45%),linear-gradient(0deg,rgba(21,22,23,.42),transparent 52%)}
.portrait-card>div{background:linear-gradient(0deg,rgba(21,22,23,.74),transparent 58%)}
.button,.menu .nav-cta,.about-copy .button,.aside-card .button{background:#202324;color:#fff;border-color:#202324}
.button.button-primary{background:#202324;color:#fff;border-color:#202324}
.button:hover,.menu .nav-cta:hover,.about-copy .button:hover,.aside-card .button:hover{background:#080909;color:#fff}
.button.button-outline,.button.secondary{background:#fff;color:#202324;border-color:#74797b}
.button.button-outline:hover,.button.secondary:hover{background:#eceeef;color:#151617}
.button::before,.menu .nav-cta::before,.mobile-call::before{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;background:#fff url('connect-leasing-logo.png') left center/auto 16px no-repeat}
.button.button-outline::before,.button.secondary::before,.cta-band .button::before,.calculator-result .button::before{background-color:#f1f2f2}
.proof,.service-grid,.service,.form-card,.aside-card,.content-card{box-shadow:none;border-color:#d3d6d7}
.service:hover{background:#f1f2f2}
.asset-band,.contact,.page-hero{background:#f1f2f2;color:#17191a}
.process{background:#e8e9e9;color:#17191a}
.process .section-head>p,.process .step p{color:#4e5456}
.process .step{border-color:#c9cdce}
.page-hero{border-top:1px solid #c9cdce}
.page-hero h1,.page-hero p,.page-hero .breadcrumbs,.page-hero .breadcrumbs a{color:#17191a}
.page-hero .eyebrow{color:#4d5254!important}
.page-hero .breadcrumbs span{color:#62686a}
.contact,.asset-band{color:#17191a}
.form-card,.aside-card,.content-card,.detail-card{background:#fff;color:#17191a}
.article p,.article ul,.aside-card p,.detail-card span{color:#4f5557}
.field label,.calc-field,.calc-field>span:first-child{color:#303436!important}
.field input,.field select,.field textarea,.calc-input-wrap input{background:#fff!important;color:#17191a!important;-webkit-text-fill-color:#17191a!important;border-color:#aeb3b5!important}
.field input::placeholder,.field textarea::placeholder{color:#62686a!important;opacity:1}
.calc-input-wrap{background:#fff!important;border:1px solid #aeb3b5!important}
.calc-input-wrap>span{color:#4f5557!important}
.calculator-intro{background:#25292a;color:#fff}
.calculator-intro p,.calculator-disclaimer{color:#d5d8d9}
.calculator-disclaimer{color:#53595b}
.calculator-tag{color:#d1d4d5!important}
.calculator-mode{background:#303436;color:#fff;border-color:#777c7e}
.calculator-mode:hover,.calculator-mode.is-active{background:#fff;color:#17191a;border-color:#fff}
.calculator-result{background:#3b4143;color:#fff}
.calculator-result .result-label,.calculator-result p{color:#e1e3e4}
.calculator-result .button{background:#fff;color:#202324;border-color:#fff}
.calculator-result .button:hover{background:#e9ebeb;color:#151617}
.cta-band{background:#303436;color:#fff}
.cta-band p{color:#e0e2e3}
.cta-band .button{background:#fff;color:#202324;border-color:#fff}
.cta-band .button:hover{background:#e9ebeb;color:#151617}
.footer{background:#202324;color:#e1e3e4}
.footer .brand{background:#fff;padding:9px 12px}
.footer-links a{color:#e1e3e4}
.mobile-call{background:#202324;color:#fff;border:1px solid #202324}
.related{background:#eceeef;color:#17191a}
.calculator-section{background:#f1f2f2}
.calculator-mode:focus-visible,.calculator-contact:focus-visible{outline:3px solid #777c7e;outline-offset:3px}
.calc-input-wrap input:focus-visible{box-shadow:inset 0 0 0 2px #73787a}
.button.button-primary:hover{background:#080909;color:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(21,22,23,.2)!important;border-color:#62686a!important}
@media(prefers-reduced-motion:reduce){.hero-visual img,.hero-image{animation:none;will-change:auto}}
