/* Build 16 – Verfeinerung des bestehenden Corporate Designs */
:root{--ss-hero:#041827;--ss-hero-2:#073a60;--ss-action:#0b73aa;--ss-action-dark:#07547f;--ss-soft:#eef5f9}

/* Logo lesbarer, Header weiterhin kompakt */
.build14-header,.build14-header .nav-wrap{min-height:92px}
.build14-header .brand{flex-basis:260px}.build14-header .master-brand{width:260px;max-width:260px;max-height:76px}
.build14-header .mega-nav>details>summary,.build14-header .nav-actions summary{padding-inline:7px;font-size:.84rem}
.brand-full-footer,.build14-footer .brand-full-footer{width:min(100%,340px)!important;max-width:340px!important}
.footer-brand{padding-right:20px}.footer-contact{margin-top:18px}

/* Verbindliche Flächen und Verläufe */
.b14-hero,.portal-hero,.master-hero,.app-detail-hero{background:radial-gradient(circle at 84% 16%,rgba(38,182,229,.16),transparent 30%),linear-gradient(128deg,var(--ss-hero),var(--ss-hero-2))!important}
.web-highlight,.portal-section:nth-of-type(even){background:var(--ss-soft)}

/* Startseiten-Hero: kompakter Text, leichte freigestellte Icons */
.b14-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);min-height:560px;padding-block:68px;gap:clamp(50px,6vw,90px)}
.hero-copy h1{font-size:clamp(2.65rem,4.15vw,4.45rem);line-height:1.02;max-width:13ch;letter-spacing:-.045em;margin:.2em 0 .28em}
.hero-copy>p:not(.eyebrow){font-size:1.08rem;max-width:48ch}.hero-copy .eyebrow{margin-bottom:14px}
.hero-app-showcase{max-width:440px}.hero-app-motion{gap:clamp(12px,2vw,24px)!important;align-items:center}
.hero-app-motion a{padding:7px!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.hero-app-motion img{width:min(100%,132px)!important;border-radius:27px;box-shadow:0 18px 42px rgba(0,0,0,.34);transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}
.hero-app-motion a:nth-child(2),.hero-app-motion a:nth-child(4){transform:translateY(18px)}
.hero-app-motion a:hover,.hero-app-motion a:focus-visible{transform:translateY(-7px)!important}.hero-app-motion a:hover img,.hero-app-motion a:focus-visible img{filter:brightness(1.07);box-shadow:0 24px 50px rgba(24,184,235,.24)}
.hero-app-motion span{margin-top:8px;font-size:.9rem}

/* Weniger aufgeblähte Sektionen und Karten */
.section{padding:clamp(64px,7vw,88px) 0}.web-highlight{padding:clamp(62px,7vw,86px) 0}.final-cta{padding:clamp(66px,7vw,88px) 0}
.service-card-grid>a,.service-card,.info-grid article,.contact-overview article,.master-card,.portal-card{padding:26px;border-radius:18px}
.app-card{min-height:178px}.app-card img,.app-no-icon{width:112px;height:112px}.app-card{grid-template-columns:112px 1fr}

/* Kontakt: eine klare, ruhige Hierarchie */
.contact-overview{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.contact-overview article:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}
.contact-line{display:flex!important;align-items:center;gap:9px}.contact-line:before{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid rgba(99,207,239,.3);border-radius:7px;color:#62d4ee;font-size:13px;flex:0 0 auto}.contact-line:first-of-type:before{content:"\260E"}.contact-line:nth-of-type(2):before{content:"\2709"}
.contact-overview .contact-line{color:#173c56}.contact-overview article p{margin-bottom:14px}

/* Echte Downloadkarten mit Originalassets */
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.download-card{display:flex;flex-direction:column;padding:26px;border:1px solid #cbdbe6;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(4,30,52,.08)}.download-card img{width:92px;height:92px;object-fit:cover;border-radius:22px;box-shadow:0 12px 28px rgba(4,30,52,.18)}.download-card h2{margin:18px 0 6px}.download-card .platform{color:#0b6f9f;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.download-card p{color:var(--muted)}.download-card .button{margin-top:auto}.download-intro{max-width:760px;margin-bottom:35px}.download-note{margin-top:28px;padding:20px;border-left:4px solid #168fbd;background:#eef6fa;color:#465d70}

@media(max-width:1260px){.build14-header .brand{flex-basis:225px}.build14-header .master-brand{width:225px}.b14-hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:42px}.hero-copy h1{font-size:clamp(2.5rem,4vw,3.8rem)}.hero-app-motion img{width:min(100%,110px)!important}}
@media(max-width:1020px){.build14-header,.build14-header .nav-wrap{min-height:80px}.build14-header .brand{flex-basis:220px}.build14-header .master-brand{width:220px}.b14-hero-grid{grid-template-columns:1fr}.hero-app-showcase{justify-self:center;max-width:480px}.hero-app-motion a:nth-child(2),.hero-app-motion a:nth-child(4){transform:translateY(10px)}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.build14-header .brand{flex-basis:185px}.build14-header .master-brand{width:185px;max-width:185px}.b14-hero-grid{padding-block:48px}.hero-copy h1{font-size:clamp(2.05rem,10vw,3rem)}.hero-app-motion img{width:min(100%,88px)!important}.hero-app-motion a:nth-child(2),.hero-app-motion a:nth-child(4){transform:none}.download-grid,.contact-overview{grid-template-columns:1fr}.contact-overview article:first-child{grid-column:auto;grid-template-columns:1fr}.brand-full-footer,.build14-footer .brand-full-footer{width:min(100%,300px)!important}}

@media(prefers-reduced-motion:reduce){.hero-app-motion a,.hero-app-motion img{transition:none!important;transform:none!important}}
