:root{--red:#B02422;--gray:#C5C6C6;--ink:#263746;--muted:#536779;--line:#dce2e6;--paper:#fff;--soft:#f3f5f6;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:1rem;background:white;padding:.75rem;z-index:10}.skip-link:focus{left:1rem}.site-header{position:relative;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{display:block;width:clamp(145px,17vw,220px);height:auto;filter:drop-shadow(0 2px 2px #00000012)}nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,2rem);flex-wrap:wrap}nav a{text-decoration:none;font-size:.94rem;padding:.5rem 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current=page]{color:var(--red);border-color:var(--red)}.hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:470px}.hero-copy{padding:clamp(2rem,5vw,5rem) clamp(1.5rem,4vw,4rem);align-self:center}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.12em;color:var(--muted);margin:0 0 .9rem}.hero h1,.contact-main h1{font-size:clamp(2.2rem,4.1vw,3.8rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 1.4rem}.hero h1 span{color:var(--red)}.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7;color:#40566a;max-width:62ch}.button{display:inline-flex;align-items:center;gap:1rem;margin-top:1.2rem;padding:.85rem 1.15rem;background:var(--red);color:#fff;text-decoration:none;font-weight:650;border-radius:3px}.button:hover{background:#8f1d1b}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:radial-gradient(ellipse at 68% 28%,#d8e0e2 0,#b6c1c5 25%,#7b8b91 58%,#34434b 100%);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff65,transparent 55%),repeating-linear-gradient(90deg,transparent 0 95px,#ffffff10 96px 98px)}.visual-note{position:absolute;top:1.2rem;left:1.2rem;color:#fff;font-size:.82rem;font-weight:650;z-index:1}.status-dot{display:inline-block;width:8px;height:8px;background:#76b68a;border-radius:50%;margin-right:.5rem}.dashboard{position:relative;z-index:1;width:min(100%,390px);padding:1.1rem;background:#f9fbfc;border:8px solid #303b41;border-radius:12px;box-shadow:0 18px 45px #0005;transform:rotate(-1deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;padding:.2rem .3rem 1rem;border-bottom:1px solid var(--line)}.dash-head strong{font-size:1.3rem;color:var(--red);letter-spacing:-.06em}.dash-head span,.mock-caption{font-size:.72rem;color:var(--muted)}.dash-row{display:flex;align-items:center;gap:.8rem;padding:1rem .25rem;border-bottom:1px solid var(--line)}.dash-icon{font-size:1.6rem;color:var(--red);width:2rem;text-align:center}.dash-row b,.dash-row small{display:block}.dash-row b{font-size:.9rem}.dash-row small{font-size:.75rem;color:var(--muted)}.ok{margin-left:auto;color:#39865a}.mock-caption{text-align:center;margin:.8rem 0 0}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--soft);padding:2rem max(1.5rem,calc((100% - var(--max))/2));}.feature-strip article{padding:0 1.3rem;border-right:1px solid #d1d9de}.feature-strip article:first-child{padding-left:0}.feature-strip article:last-child{border:0;padding-right:0}.feature-icon{display:block;color:var(--red);font-size:2.1rem;line-height:1.3;font-weight:400}.feature-strip h2{font-size:1rem;margin:.5rem 0}.feature-strip p,.section-intro p,.card-body p,.compatibility-band p{font-size:.92rem;color:var(--muted);margin:.3rem 0}.product-section{max-width:var(--max);margin:auto;padding:4rem 1.5rem;display:grid;grid-template-columns:.85fr 1.6fr;gap:3rem;align-items:start}.section-intro h2,.compatibility-band h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin:.2rem 0 1rem}.text-link{display:inline-flex;gap:.6rem;color:var(--red);font-weight:650;margin-top:1rem}.use-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.use-card{text-decoration:none;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .2s,border-color .2s}.use-card:hover{transform:translateY(-3px);border-color:var(--gray)}.card-art{height:130px;background:linear-gradient(135deg,#dfe5e7,#87969d 50%,#e9edef);position:relative}.card-art:after{content:"";position:absolute;inset:20% 15%;border:2px solid #ffffff80;background:linear-gradient(90deg,#ffffff30,transparent);box-shadow:0 5px 18px #27343b25}.art-cooling{background:linear-gradient(135deg,#e5ebee,#aabac3 45%,#eef2f4)}.art-production{background:linear-gradient(135deg,#cfd7da,#7f8d92 48%,#e8ecee)}.art-wash{background:linear-gradient(135deg,#e7e9e7,#9ca9a9 45%,#d4dcde)}.card-body{padding:1rem}.card-body h3{font-size:1rem;margin:0 0 .35rem}.card-body span{display:inline-block;color:var(--red);font-size:.85rem;margin-top:.7rem}.compatibility-band{padding:2.5rem max(1.5rem,calc((100% - var(--max))/2));background:#f3f5f6;display:flex;justify-content:space-between;align-items:center;gap:2rem}.compatibility-band>div{max-width:720px}.button-outline{background:transparent;color:var(--red);border:1px solid var(--red);white-space:nowrap}.button-outline:hover{color:#fff}.site-footer{padding:2rem max(1.5rem,calc((100% - var(--max))/2));display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.footer-brand{font-weight:850;font-size:1.5rem;letter-spacing:-.06em;color:var(--red);text-decoration:none}.site-footer p{margin:0}.site-footer>div{display:flex;gap:1.2rem;flex-wrap:wrap;margin-left:auto}.site-footer a:not(.footer-brand){text-decoration:none}.site-footer a:hover{text-decoration:underline}.contact-main{max-width:900px;min-height:60vh;margin:auto;padding:clamp(3rem,7vw,6rem) 1.5rem}.contact-main h1{margin-bottom:1rem}.contact-card{margin-top:2rem;padding:2rem;border:1px solid var(--line);border-left:4px solid var(--red);max-width:560px}.contact-card h2{margin-top:0}.email-link{color:var(--red);font-weight:700}.small-note{font-size:.78rem;color:var(--muted);margin-top:2rem}
@media(max-width:1000px){.header-inner{align-items:flex-start;flex-direction:column;gap:.7rem}nav{gap:1rem}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:2rem}.hero-visual{min-height:360px}.feature-strip{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1.5rem}.feature-strip article{border:0;padding:0!important}.product-section{grid-template-columns:1fr;gap:2rem}.use-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.compatibility-band{align-items:flex-start;flex-direction:column}.site-footer>div{margin-left:0}}
@media(max-width:560px){.header-inner{padding:1rem}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.2rem 1rem}nav a{padding:.45rem 0}.hero-copy{padding:2.5rem 1.25rem}.hero-visual{min-height:320px;padding:1rem}.dashboard{border-width:5px;padding:.7rem}.feature-strip{grid-template-columns:1fr;padding:2rem 1.25rem;gap:1.25rem}.feature-strip article{display:grid;grid-template-columns:3rem 1fr;column-gap:.8rem}.feature-icon{grid-row:span 2}.feature-strip h2{margin:.1rem 0}.product-section{padding:3rem 1.25rem}.use-cases{gap:.7rem}.card-art{height:95px}.card-body{padding:.75rem}.card-body p{font-size:.84rem}.compatibility-band{padding:2rem 1.25rem}.site-footer{padding:1.5rem 1.25rem;gap:.75rem}.site-footer>div{width:100%;gap:.8rem;flex-direction:column}.contact-main{padding:3rem 1.25rem}.contact-card{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Shared responsive navigation (added to the original v1 visual direction) */
.header-inner{flex-direction:row;align-items:center;min-height:112px;padding:1.4rem 1.5rem;gap:2rem}
.brand{padding:.35rem 0}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.7rem,1.6vw,1.5rem);flex-wrap:wrap}
.desktop-nav a{text-decoration:none;font-size:.94rem;padding:.55rem 0;border-bottom:2px solid transparent;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--red);border-color:var(--red)}
.menu-toggle{display:none;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-weight:650;cursor:pointer}
.menu-toggle svg{width:1.3rem;height:1.3rem}
.mobile-panel{border-top:1px solid var(--line);background:#fff;padding:.75rem 1.25rem 1.25rem;box-shadow:0 12px 20px #2637460a}
.mobile-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:var(--max);margin:auto}
.mobile-nav>a,.mobile-nav summary{display:block;padding:.9rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;cursor:pointer}
.mobile-nav a[aria-current=page]{color:var(--red)}
.mobile-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .8rem;padding:.4rem 0 .8rem 1rem}
.mobile-submenu a{padding:.55rem 0;text-decoration:none;color:var(--muted)}
.mobile-nav details[open] summary{color:var(--red)}
@media(max-width:1000px){.header-inner{flex-direction:row;align-items:center;min-height:100px;padding:1.1rem 1.25rem}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.brand img{width:clamp(150px,30vw,210px)}.mobile-panel[hidden]{display:none!important}}
@media(max-width:560px){.header-inner{padding:1.2rem 1rem;min-height:100px}.brand img{width:clamp(145px,42vw,185px)}.menu-toggle{padding:.65rem}.mobile-panel{padding:.5rem 1rem 1rem}.mobile-submenu{grid-template-columns:1fr}}

/* Gemeinsame Inhaltsbereiche für Unterseiten */
.page-section{max-width:var(--max);margin-inline:auto;padding:clamp(2.5rem,5vw,5rem) 1.5rem}
.page-section--compact{padding-top:1.5rem}
.page-section--intro{padding-bottom:2rem}
.page-section--intro h1{font-size:clamp(2.2rem,4.1vw,3.8rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 1.4rem}
.page-section--intro>p:last-child{max-width:70ch;color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin:.2rem 0}
.section-heading__meta{color:var(--muted);font-size:.9rem;margin:0}
.section-cta{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.section-cta h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin:.2rem 0}
.section-cta p:last-child{color:var(--muted)}
.section-cta .button{margin-top:0;white-space:nowrap}
[hidden]{display:none!important}
@media(max-width:800px){.section-heading,.section-cta{align-items:flex-start;flex-direction:column}}

.module-more{grid-column:1/-1;margin:0}