/* Final upload polish: preserve Devontra art direction and existing section layouts. */
html{scroll-padding-top:110px}body{overflow-wrap:break-word}main:focus{outline:none}
button,a,input,textarea,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #01c1f7;outline-offset:4px}
html[data-theme=light] :is(a,button,input,textarea,select):focus-visible{outline-color:#007ac1}
.header{isolation:isolate}.header .menu{min-width:44px;min-height:44px}.header-controls button{min-height:40px}
.header nav a{min-height:44px;display:inline-flex;align-items:center}.header nav .nav-contact{justify-content:space-between}
#produkte .ai-products-heading>p.product-heading-description{font-size:clamp(22px,2.25vw,30px);line-height:1.5;letter-spacing:-.015em;max-width:950px;margin:22px auto 0;color:#BCEFFF}
#produkte .product-heading-description em{color:inherit}
html[data-theme=light] #produkte .ai-products-heading>p.product-heading-description{color:#007AC1}
#produkte .ai-product-card:focus-visible{outline-offset:5px;box-shadow:0 0 0 6px #01c1f726}
#produkte .ai-product-body{min-width:0}#produkte .ai-product-body>p{hyphens:auto}
#leistungen .services-detail,#ueber .about-copy,.inquiry-intro,.inquiry-form{min-width:0}
#vertrauen .customer-logo-caption img{max-width:100%;height:auto;max-height:90px;object-fit:contain}
.form-grid input,.form-grid textarea,.interest-field select{min-width:0;max-width:100%}
.form-grid input,.interest-field select{min-height:52px}.consent input{width:20px;height:20px}.consent{cursor:pointer}.form-note{max-width:65ch}
.footer-main>div,.footer-bottom>div{flex-wrap:wrap}.footer-main a,.footer-bottom a{padding-block:8px}
@media(max-width:1000px){.header nav{max-height:calc(100svh - 92px);overflow-y:auto;box-shadow:0 20px 30px #04224026}.header nav a{padding-block:9px}}
@media(max-width:600px){html{scroll-padding-top:90px}.header nav{max-height:calc(100svh - 78px)}.header-controls button{min-height:40px!important}.header .language-switch a{min-height:44px}.hero-content{padding-top:145px}#produkte .ai-products-heading>p.product-heading-description{font-size:22px}.form-grid{gap:20px}.inquiry .button{width:100%}.footer-bottom{gap:16px;flex-wrap:wrap}.footer-bottom>div{gap:20px}}
@media(max-width:380px){.header{gap:4px}.header .brand{width:100px}.header .menu{min-width:40px}.header .theme-switch button{padding-inline:5px}.header .language-switch a{min-width:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1!important;transform:none!important}}

/* The hero media remains visible even when automatic motion is reduced. */
.hero{background:#042240 url("assets/hero-poster.jpg") center/cover no-repeat}.hero #hero-video{display:block;z-index:0}.hero .hero-shade{z-index:0}.hero .hero-content{z-index:1}.hero .hero-bottom{z-index:2}.hero #video-toggle{min-width:44px;min-height:44px}

/* All three product cards share one media ratio and identical image treatment. */
#produkte.ai-products-section .ai-product-card .ai-product-picture{position:relative;display:flex;align-items:center;justify-content:center;align-self:start;width:100%;height:auto;min-height:0;aspect-ratio:3/2;padding:18px;overflow:hidden;box-sizing:border-box}
#produkte.ai-products-section .ai-product-card .ai-product-picture img{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:10px;background:transparent;box-shadow:none}
@media(hover:hover) and (pointer:fine){#produkte.ai-products-section .ai-product-card:hover .ai-product-picture img{transform:none}}
@media(min-width:1101px){#produkte .ai-product-kicker{min-height:66px;display:flex;align-items:center}}

/* Section names are the main headings; no separate numbered eyebrow labels. */
#produkte.ai-products-section .ai-products-heading h2.section-title,#leistungen h2.section-title,#ueber h2.section-title,#vertrauen h2.section-title,#anfrage h2.section-title{font-size:clamp(38px,4.2vw,60px);line-height:1.16;letter-spacing:-.035em;font-weight:500;margin:0;text-transform:none}
#ueber .section-subtitle,#vertrauen .section-subtitle{font-size:clamp(22px,2.2vw,30px);line-height:1.5;letter-spacing:-.015em;margin:22px 0 0;color:var(--ink)}
#ueber .section-subtitle em,#vertrauen .section-subtitle em{color:#BCEFFF}
html[data-theme=light] #ueber .section-subtitle em{color:#007AC1}
#vertrauen .section-subtitle{max-width:760px;margin:22px auto 0}
@media(max-width:600px){#produkte.ai-products-section .ai-products-heading h2.section-title,#leistungen h2.section-title,#ueber h2.section-title,#vertrauen h2.section-title,#anfrage h2.section-title{font-size:clamp(32px,8.4vw,44px)}#ueber .section-subtitle,#vertrauen .section-subtitle{font-size:22px;margin-top:18px}}