:root{--ink:#171719;--muted:#68686d;--paper:#f5f4f0;--white:#fff;--accent:#9f3a4f;--accent2:#f63f5f;--line:#d9d7d1;--dark:#202024;--radius:24px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand img{width:176px;max-height:50px;display:block}.nav{margin-left:auto;display:flex;gap:28px;font-size:14px}.nav a{color:#4e4e52}.nav a:hover{color:var(--accent)}.header-cta{padding:12px 18px;border:1px solid #aaa6a0;border-radius:999px;font-size:14px}.header-cta:hover{background:var(--ink);color:#fff}.menu-button,.mobile-nav{display:none}.hero{max-width:var(--max);margin:auto;min-height:690px;padding:82px 28px 92px;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:750;color:var(--accent);margin:0 0 28px}.hero h1{font-size:clamp(62px,7.2vw,108px);line-height:.88;letter-spacing:-.065em;margin:0 0 38px;font-weight:720}.hero h1 span,.statement h2 span,.about h2 span{color:var(--accent)}.hero-lead{font-size:clamp(23px,2.3vw,34px);line-height:1.2;letter-spacing:-.03em;max-width:700px;margin:0 0 18px}.hero-sub{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px;margin:0}.actions{display:flex;align-items:center;gap:26px;margin-top:38px}.btn{display:inline-flex;align-items:center;gap:20px;font-weight:650}.btn.primary{background:var(--ink);color:#fff;padding:17px 22px;border-radius:999px}.btn.primary:hover{background:var(--accent)}.btn.text:hover{color:var(--accent)}.hero-visual{position:relative}.portrait-wrap{border-radius:180px 180px 24px 24px;overflow:hidden;aspect-ratio:.82;background:#ddd}.portrait{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.status-card{position:absolute;left:-42px;bottom:42px;background:#fff;padding:18px 22px;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.12);display:flex;gap:13px;align-items:flex-start}.status-card strong,.status-card small{display:block}.status-card strong{font-size:14px;margin-bottom:4px}.status-card small{color:var(--muted);font-size:12px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--accent2);margin-top:5px;box-shadow:0 0 0 5px rgba(246,63,95,.12)}.statement{background:var(--white);padding:110px max(28px,calc((100vw - var(--max))/2 + 28px))}.statement h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em;line-height:1.03;max-width:1050px;margin:0 0 34px}.statement>p:last-child{font-size:19px;line-height:1.7;color:var(--muted);max-width:720px;margin-left:auto}.platforms{max-width:var(--max);margin:auto;padding:110px 28px 125px}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:55px}.section-head h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em;margin:0}.section-head>p{color:var(--muted);line-height:1.65;font-size:17px;margin:0 0 8px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.platform-card{background:#fff;border:1px solid #e4e1dc;border-radius:var(--radius);padding:30px;min-height:390px;display:flex;flex-direction:column;transition:.25s transform,.25s box-shadow}.platform-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.07)}.card-no{font-size:12px;color:#969298;margin-bottom:35px}.logo-box{height:68px;display:flex;align-items:center;margin-bottom:30px}.logo-box img{max-width:210px;max-height:62px}.logo-box.logo-missing{display:none}.platform-card h3{font-size:25px;letter-spacing:-.025em;margin:0 0 13px}.platform-card p{color:var(--muted);line-height:1.55;margin:0 0 30px}.platform-card>a,.card-links a{margin-top:auto;font-weight:650;font-size:14px;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #e5e2dd}.card-links{margin-top:auto;display:grid;gap:14px}.card-links a{margin:0}.platform-card a:hover{color:var(--accent)}.about{background:var(--dark);color:#fff;padding:115px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:.55fr 1.45fr;gap:100px}.about-label{border-right:1px solid #414147}.big-number{font-size:76px;letter-spacing:-.06em;display:block;margin-top:60px}.about-label small{color:#aaaab1;line-height:1.4}.about-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.05em;margin:0 0 36px}.about-copy p{color:#c2c2c7;font-size:18px;line-height:1.75;max-width:770px}.inline-link{display:inline-flex;gap:16px;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #777;font-weight:650}.inline-link:hover{color:#ff7b91}.contact{background:var(--accent);color:#fff;padding:110px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.eyebrow.light{color:#f5cbd4}.contact-intro h2{font-size:clamp(58px,7vw,96px);line-height:.9;letter-spacing:-.06em;margin:0 0 30px}.contact-intro>p:not(.eyebrow){color:#f2dbe0;line-height:1.65;max-width:390px}.light-btn{margin-top:28px;background:#fff;color:var(--accent);padding:16px 20px;border-radius:999px}.contact-panel{background:#fff;color:var(--ink);border-radius:var(--radius);padding:34px}.select-label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#777;margin:0 0 18px}.topic-list{display:grid}.topic-list button{border:0;border-top:1px solid #e2ded9;background:transparent;text-align:left;padding:20px 2px;font-size:20px;display:flex;justify-content:space-between;cursor:pointer}.topic-list button:hover{color:var(--accent);padding-left:8px}.direct-contact{border-top:1px solid #e2ded9;padding-top:24px;margin-top:8px;display:grid;gap:7px}.direct-contact span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:3px}.direct-contact a:hover{color:var(--accent)}footer{max-width:var(--max);margin:auto;padding:50px 28px 32px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:start}footer img{display:block}.footer-brand-row{display:flex;align-items:center;gap:32px}.footer-brand-main{display:flex;align-items:center}.footer-brand-main img{width:205px;max-height:62px}.quality-mark{width:auto;max-width:155px;max-height:72px;object-fit:contain;opacity:.96}footer p{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:24px;font-size:13px}.footer-links a:hover{color:var(--accent)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}.legal{max-width:850px;margin:70px auto 110px;padding:0 28px}.legal h1{font-size:clamp(48px,7vw,78px);letter-spacing:-.05em;margin:20px 0 55px}.legal h2{font-size:24px;margin:42px 0 12px}.legal p,.legal li{line-height:1.7;color:#555}.legal a{text-decoration:underline}.legal-header{max-width:var(--max);margin:auto;padding:24px 28px;border-bottom:1px solid var(--line)}.legal-header img{width:170px;max-height:50px}.legal-back{display:inline-block;margin-top:28px;font-size:14px}.legal-back:hover{color:var(--accent)}
@media(max-width:900px){.nav,.header-cta{display:none}.site-header{height:76px;padding:0 20px}.brand img{width:155px}.menu-button{display:grid;margin-left:auto;width:44px;height:44px;border:0;background:transparent;place-content:center;gap:7px}.menu-button span{width:24px;height:2px;background:#222;display:block}.mobile-nav{position:absolute;z-index:20;left:0;right:0;background:var(--paper);padding:18px 20px 28px;border-bottom:1px solid var(--line)}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;gap:55px;padding:60px 22px 80px}.hero h1{font-size:clamp(58px,16vw,88px)}.hero-visual{max-width:560px}.portrait-wrap{aspect-ratio:1}.status-card{left:14px;right:14px;bottom:18px}.statement{padding:80px 22px}.statement>p:last-child{margin-left:0}.platforms{padding:80px 22px}.section-head{grid-template-columns:1fr;gap:18px}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:330px}.about{padding:80px 22px;grid-template-columns:1fr;gap:50px}.about-label{border-right:0;border-bottom:1px solid #414147;padding-bottom:40px}.big-number{margin-top:35px}.contact{padding:80px 22px;grid-template-columns:1fr;gap:50px}footer{padding:40px 22px 28px;grid-template-columns:1fr}.footer-brand-row{justify-content:flex-start;gap:26px}.footer-brand-main img{width:185px;max-height:58px}.quality-mark{max-width:140px;max-height:66px}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}}
@media(max-width:520px){.hero{padding-top:48px}.hero h1{font-size:58px}.hero-lead{font-size:24px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.portrait-wrap{border-radius:110px 110px 20px 20px}.statement h2,.section-head h2,.about-copy h2{font-size:40px}.contact-intro h2{font-size:62px}.contact-panel{padding:25px 20px}.topic-list button{font-size:17px}.platform-card{padding:24px}.footer-brand-row{align-items:center;gap:20px;flex-wrap:nowrap}.footer-brand-main img{width:165px;max-height:54px}.quality-mark{max-width:118px;max-height:58px}.footer-links{display:grid;gap:14px}}


/* V5 – ausgewogene Logo-Größen */
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:145px;height:auto;max-height:58px;object-fit:contain;object-position:left center;display:block}

.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.footer-brand-row{display:flex;align-items:center;justify-content:flex-start;gap:24px;min-width:0}
.footer-kuhl-logo{width:185px!important;height:auto!important;max-width:none!important;max-height:92px!important;object-fit:contain;object-position:left center;flex:0 0 auto}
.quality-mark{width:105px!important;height:auto!important;max-width:none!important;max-height:92px!important;object-fit:contain;object-position:left center;opacity:1;flex:0 0 auto}
.footer-claim{margin:0!important;color:var(--muted);font-size:14px;line-height:1.4}

@media(max-width:900px){
.site-header{max-width:none;width:100%;margin:0;padding-left:12px;padding-right:12px}
.brand{margin:0;padding:0}
.brand img{width:138px;height:auto;max-height:54px}
footer{max-width:none;width:100%;margin:0;padding-left:12px;padding-right:12px}
.footer-brand-block{width:100%;align-items:flex-start}
.footer-brand-row{width:100%;justify-content:flex-start;gap:22px}
.footer-kuhl-logo{width:175px!important;max-height:86px!important}
.quality-mark{width:98px!important;max-height:86px!important}
}
@media(max-width:520px){
.site-header{padding-left:8px;padding-right:10px}
.brand img{width:128px;height:auto;max-width:none;max-height:50px}
footer{padding-left:8px;padding-right:12px}
.footer-brand-row{gap:18px;flex-wrap:nowrap}
.footer-kuhl-logo{width:160px!important;max-width:52vw!important;height:auto!important;max-height:78px!important}
.quality-mark{width:88px!important;max-width:28vw!important;height:auto!important;max-height:78px!important}
.footer-claim{font-size:13px;margin-top:2px!important}
}