/* HostingFox – behutsame Überarbeitung, September 2026 */
:root{--radius:12px;--radius-lg:20px;--container:1200px}
body{line-height:1.65}h1,h2,h3{text-wrap:balance}p{ text-wrap:pretty }
.site-header{border-bottom:1px solid #dce8f1}.brand img{width:180px}.nav-link{font-weight:650}.header-cta{border-radius:9px}
.hero--refresh{min-height:660px;background:#071321;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:90px 0 110px}
.hero--refresh::before{background:linear-gradient(90deg,#071321 0%,rgba(7,19,33,.97) 32%,rgba(7,19,33,.25) 70%,transparent);z-index:1;opacity:1}
.hero--refresh .hero__inner{position:relative;z-index:3;width:min(100% - 40px,var(--container));display:block}
.hero--refresh .hero__content{max-width:630px;text-align:left;margin:0}
.hero--refresh h1{font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.07;letter-spacing:-.045em;text-transform:none;font-weight:800;max-width:640px;margin:0;text-shadow:none}
.hero--refresh h1 span{color:#47d2ff}.hero--refresh .eyebrow{color:#5fd9ff;font-size:.78rem;letter-spacing:.16em;text-shadow:none;margin-bottom:24px}
.hero--refresh .hero__lead{margin:25px 0 0;max-width:490px;font-size:1.12rem;color:#c2d2df;text-shadow:none}
.hero--refresh .hero__actions{justify-content:flex-start;gap:12px;margin-top:30px}.hero--refresh .trust-row{justify-content:flex-start;max-width:510px;gap:10px 20px;margin-top:28px;font-size:.8rem}
.hero-fox{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:70% center;z-index:0}
.hero--refresh .hero__moving-wave{z-index:2;opacity:.28;height:65px}
.service-wave-section{padding:0 0 65px;background:#071321}.service-wave-grid{position:relative;z-index:4;margin-top:-30px;gap:22px}.wave-service-card{border:1px solid #253d51;border-radius:16px;background:#102234;box-shadow:0 16px 35px #0002;padding:30px;text-align:left}.wave-service-card .icon-box{margin:0 0 20px}.wave-service-card h3{font-size:1.2rem;text-transform:none;letter-spacing:0}.wave-service-card p{color:#bed0df;font-size:.97rem}
.ocean-band{padding:68px 0;background:linear-gradient(120deg,#073053,#075e8b);min-height:0}.ocean-band h2{font-size:clamp(1.9rem,3vw,2.8rem);text-transform:none;letter-spacing:-.035em;line-height:1.15}.ocean-band .power-grid span{border-radius:30px;font-size:.8rem;padding:7px 16px}.ocean-band::before,.ocean-band::after{opacity:.2}
.fox-story{background:#0b1928}.fox-story__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.fox-story img{border-radius:20px;border:1px solid #243e56;aspect-ratio:1.5;object-fit:cover}.fox-story h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 22px}.fox-story p:not(.eyebrow){color:#bacee0}.fox-story .btn{margin-top:15px;gap:20px}
.section{padding-block:76px}.section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.03em;line-height:1.2}.feature-card,.project-card,.price-card{border-radius:16px}.feature-card{padding:28px}.feature-card h3{font-size:1.15rem}.feature-card p{line-height:1.7}
.sub-hero{padding:64px 0 52px;background:radial-gradient(ellipse at 85% 20%,#124d70 0,transparent 55%),#0a1b2c}.sub-hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem);letter-spacing:-.04em;line-height:1.15}.sub-hero__inner p:not(.eyebrow){max-width:760px;color:#c0d2e2;font-size:1.08rem}
.contact-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.contact-form{padding:34px}.form-head h2{font-size:1.6rem;line-height:1.2}.contact-form label{font-weight:650;font-size:.94rem}.contact-form textarea{min-height:150px}.contact-form input,.contact-form select{min-height:50px}.contact-form select{appearance:auto}.contact-form textarea::placeholder{font-weight:400;color:#65788a}.contact-form .privacy-label{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:.88rem;line-height:1.6;font-weight:500}.contact-form .privacy-label input{appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0;accent-color:#007baa}.privacy-box{background:#f0f7fc;border:1px solid #d5e5ef;border-radius:12px;padding:18px;margin:20px 0}.privacy-box a{text-decoration:underline;color:#00658d;text-underline-offset:3px}.privacy-box p{font-size:.8rem;line-height:1.55;color:#52677b;margin:9px 0 0 32px}.contact-form .form-actions .btn{font-size:.87rem;padding:13px 17px}.contact-form .is-invalid{outline:2px solid #b8253c;outline-offset:2px}.contact-fox{border-radius:12px;margin-bottom:24px}.contact-card{padding:22px}.form-status{font-weight:500;font-size:.9rem}.site-footer{border-top:1px solid #23394d}
[hidden]{display:none!important}
@media(min-width:1000px){.hero--refresh .hero__inner{padding-block:0}}
@media(max-width:1000px){.hero--refresh{min-height:610px}.hero--refresh .hero__content{max-width:540px}.hero-fox{width:78%;opacity:.7}.hero--refresh::before{background:linear-gradient(90deg,#071321,rgba(7,19,33,.9) 40%,rgba(7,19,33,.15))}.fox-story__grid{gap:30px}.contact-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:760px){.hero--refresh{padding:50px 0 265px;min-height:760px;align-items:flex-start}.hero--refresh .hero__content{max-width:100%}.hero--refresh h1{font-size:clamp(2.6rem,9vw,3.6rem)}.hero--refresh .hero__lead{font-size:1rem}.hero-fox{width:100%;height:410px;top:auto;bottom:0;object-position:80% center;opacity:1}.hero--refresh::before{background:linear-gradient(180deg,#071321 42%,rgba(7,19,33,.85) 57%,transparent 82%)}.hero--refresh .trust-row{font-size:.75rem;margin-top:23px}.hero--refresh .hero__actions{gap:10px}.hero--refresh .btn{font-size:.85rem;padding:12px}.service-wave-grid{margin-top:0;gap:14px}.wave-service-card{padding:25px}.service-wave-section{padding-bottom:40px}.fox-story__grid{grid-template-columns:1fr;gap:26px}.fox-story img{max-height:350px}.section{padding-block:48px}.ocean-band{padding:48px 0}.contact-layout{grid-template-columns:1fr}.contact-card{position:static}.contact-fox{max-height:270px;object-fit:cover;object-position:center 40%}.contact-form{padding:22px}.sub-hero{padding:45px 0}.brand img{width:154px}.form-row{grid-template-columns:1fr}.contact-form .form-actions{flex-direction:column}.privacy-box{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero--refresh::after{height:90px;background:linear-gradient(transparent,#071321);z-index:2}.hero--refresh .hero__moving-wave{bottom:15px}
.wave-service-card h3{color:#f5fbff}.wave-service-card .icon-box{background:#143d59;color:#5fd9ff}
.network-section{background:linear-gradient(125deg,#102c43,#081725);border-block:1px solid #234057}.network-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.network-intro h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.network-intro p:not(.eyebrow),.network-references p:not(.eyebrow){color:#c0d2e1}.network-intro .btn{margin-top:12px}.network-tags{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}.network-tags span{padding:8px 16px;border:1px solid #36556c;border-radius:30px;font-size:.85rem;color:#d2e7f7}.network-references{display:grid;grid-template-columns:1fr 1fr;gap:24px}.network-references article{padding:28px;background:#102639;border:1px solid #2a455a;border-radius:16px}.network-references h3{font-size:1.4rem;margin:10px 0}.network-references .eyebrow{font-size:.7rem;letter-spacing:.07em}.network-references .text-link{color:#5fd9ff}@media(max-width:760px){.network-intro,.network-references{grid-template-columns:1fr;gap:20px}.network-references article{padding:23px}.network-tags{gap:8px;margin:24px 0}.network-tags span{font-size:.78rem}}

/* Eigenstaendiger Netzwerkbereich im Leistungsmenue. */
@media(min-width:901px){.mega-menu__panel--services{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-height:calc(100dvh - var(--header-h) - 30px);overflow-y:auto}.mega-menu__panel--services .mega-menu__column + .mega-menu__column{padding-left:20px}}