.front-hero{position:relative;overflow:hidden;padding:76px 0 90px;background:radial-gradient(circle at 88% 22%,rgba(0,149,235,.24),transparent 31%),linear-gradient(135deg,#eef2f4 0 70%,#dce8ef 70%)}
.front-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,7vw,90px);align-items:center}
.front-hero h1{font-size:clamp(3.1rem,6.5vw,6.2rem)}
.front-hero h1 span{position:relative;z-index:1;white-space:nowrap}.front-hero h1 span:after{content:"";position:absolute;z-index:-1;right:-5px;bottom:5px;left:-5px;height:18%;background:#9edcff}
.front-hero p{max-width:750px;color:#55616c;font-size:1.13rem}
.front-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px}
.front-phone{display:flex;align-items:center;gap:12px;font-weight:900}.front-phone span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cfd8de;border-radius:50%;background:#fff;color:#007cc3}.front-phone small{display:block;color:#66707c;font-weight:700}
.front-trust{display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:36px;color:#4f5b66;font-size:.88rem;font-weight:800}.front-trust span:before{content:"✓";margin-right:8px;color:#138751;font-weight:950}
.front-media{position:relative;min-height:520px}.front-media img{position:absolute;inset:22px 0 0 24px;width:calc(100% - 24px);height:calc(100% - 22px);object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}
.front-rating{position:absolute;right:-15px;bottom:24px;width:210px;padding:24px;border-radius:21px;background:#fff;box-shadow:var(--shadow)}.front-rating span{display:block;color:#937000;letter-spacing:.08em}.front-rating strong{display:block;font-size:2rem}.front-rating small{color:#66707c}
.front-experience{position:absolute;top:0;left:0;display:flex;align-items:center;gap:10px;padding:18px 22px;border:6px solid #eef2f4;border-radius:20px;background:#007cc3;color:#fff;box-shadow:0 15px 40px rgba(0,124,195,.25)}.front-experience strong{font-size:2.5rem;line-height:1}.front-experience span{font-size:.78rem;font-weight:900;text-transform:uppercase}
.front-section{padding:100px 0}.front-soft{background:#e3e9ed}.front-dark{background:#15191e;color:#fff}.front-section-head{max-width:770px;margin-bottom:42px}.front-section-head p{color:#59636d}.front-dark .front-section-head p{color:#aeb8c0}
.front-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.front-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:16px}
.front-card{display:flex;overflow:hidden;min-width:0;border:1px solid #d6dde2;border-radius:23px;flex-direction:column;background:#fff;box-shadow:0 10px 35px rgba(18,27,34,.05);transition:.2s}.front-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.front-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.front-card-copy{display:flex;flex:1;flex-direction:column;padding:26px}.front-card h3{font-size:1.4rem}.front-card p{color:#66707c;font-size:.93rem}.front-card strong{margin-top:auto;color:#00659f}
.front-step{position:relative;padding:30px;border-radius:22px;background:#fff}.front-step span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:32px;border-radius:14px;background:#006da8;color:#fff;font-weight:950}.front-step p{margin:0;color:#59636d}
.front-package{position:relative;display:flex;padding:27px;border:1px solid #d6dde2;border-radius:22px;flex-direction:column;background:#fff}.front-package.featured{border-color:#0095eb;box-shadow:0 16px 45px rgba(0,149,235,.14)}.front-package-popular{position:absolute;top:0;left:50%;padding:8px 16px;border-radius:999px;background:#006da8;color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(0,109,168,.28);transform:translate(-50%,-55%);white-space:nowrap}.front-package-tag{color:#007cc3;font-size:.73rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.front-package h3{margin:12px 0 8px;font-size:1.5rem}.front-package ul{display:grid;gap:8px;padding:0;margin:20px 0 28px;list-style:none;color:#59646f;font-size:.9rem}.front-package li:before{content:"✓";margin-right:8px;color:#138751;font-weight:950}.front-package .btn{margin-top:auto}
.front-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:75px;overflow:hidden;border-radius:24px;background:#fff}.front-stat{padding:34px 20px;text-align:center}.front-stat+.front-stat{border-left:1px solid #d6dde2}.front-stat strong{display:block;color:#007cc3;font-size:2.4rem;line-height:1.1}.front-stat span{color:#66707c;font-size:.82rem;font-weight:750}
.front-review{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.front-review article{padding:34px;border-radius:22px;background:#fff;color:#15191e}.front-review blockquote{margin:16px 0 24px;color:#4f5b66;font-size:1.04rem}.front-review .stars{color:#947000;letter-spacing:.08em}
.front-blog-card{border-color:#d8e1e7;border-radius:24px;box-shadow:0 12px 38px rgba(18,39,53,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.front-blog-card:hover{border-color:rgba(0,109,168,.24);box-shadow:0 24px 58px rgba(18,39,53,.14);transform:translateY(-7px)}.front-blog-card:focus-visible{outline:4px solid rgba(0,149,235,.28);outline-offset:5px}.front-blog-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#dfe8ed}.front-card.front-blog-card .front-blog-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .45s ease}.front-blog-card:hover .front-blog-media img{transform:scale(1.045)}.front-blog-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,21,29,.01) 38%,rgba(10,21,29,.64) 100%);pointer-events:none}.front-blog-badge{position:absolute;right:16px;bottom:15px;left:16px;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.94);color:#075c8d;font-size:.67rem;font-weight:950;letter-spacing:.065em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;box-shadow:0 7px 20px rgba(0,0,0,.15)}.front-blog-card .front-card-copy{padding:25px 25px 27px}.front-blog-card h3{line-height:1.23}.front-blog-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.front-blog-card strong span{display:inline-block;transition:transform .2s ease}.front-blog-card:hover strong span{transform:translateX(5px)}.front-blog-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-bottom:12px;color:#007cc3;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.front-blog-meta span{display:inline-flex;align-items:center;gap:7px}.front-blog-meta span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:#0095eb}
.front-contact{position:relative;overflow:hidden;padding:105px 0;background:#007cc3;color:#fff}.front-contact:after{content:"ATN";position:absolute;right:-5vw;bottom:-12vw;color:rgba(255,255,255,.09);font-size:32vw;font-weight:950;line-height:1}.front-contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,7vw,90px)}.front-contact p{color:#e3f5ff}.front-contact a{text-decoration:none}.front-contact-list{display:grid;gap:12px;margin-top:30px;font-weight:850}.front-form{padding:clamp(26px,4vw,42px);border-radius:26px;background:#fff;color:#15191e;box-shadow:var(--shadow)}.front-form p{color:#66707c}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.8rem;font-weight:850}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d6dde2;border-radius:12px;background:#f8fafb;color:#15191e;font:inherit}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(0,149,235,.18);border-color:#007cc3}.form-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:#66707c;font-size:.78rem}.form-check input{width:18px;height:18px;margin-top:3px;accent-color:#007cc3}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.front-contact-card{align-self:center;padding:clamp(26px,4vw,42px);border:1px solid rgba(255,255,255,.22);border-radius:26px;background:rgba(255,255,255,.97);color:#15191e;box-shadow:var(--shadow)}.front-contact-card>span{color:#006da8;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.front-contact-card h3{margin:12px 0 20px;font-size:clamp(1.6rem,2.8vw,2.5rem)}.front-contact-card ul{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none;color:#4f5b66}.front-contact-card li:before{content:"✓";margin-right:9px;color:#138751;font-weight:950}.front-contact-card .btn{color:#fff}
@media(max-width:1020px){.front-hero-grid{grid-template-columns:1fr}.front-media{min-height:430px}.front-grid-4{grid-template-columns:repeat(2,1fr)}.front-contact-grid{grid-template-columns:1fr}}
@media(max-width:760px){.front-hero{padding:55px 0 70px}.front-media{min-height:340px}.front-grid-3,.front-grid-4,.form-grid{grid-template-columns:1fr}.front-grid-4{gap:34px}.field.full{grid-column:auto}.front-stats{grid-template-columns:repeat(2,1fr)}.front-stat:nth-child(3){border-left:0;border-top:1px solid #d6dde2}.front-stat:nth-child(4){border-top:1px solid #d6dde2}.front-review{grid-template-columns:1fr}.front-section{padding:72px 0}}
@media(max-width:500px){.front-hero h1 span{white-space:normal}.front-actions{align-items:stretch;flex-direction:column}.front-phone{justify-content:center}.front-media{min-height:285px}.front-rating{right:0;width:170px;padding:18px}.front-experience{padding:13px 16px}.front-experience strong{font-size:2rem}.front-stats{grid-template-columns:1fr 1fr}.front-contact{padding:75px 0}}

@media(prefers-reduced-motion:reduce){.front-blog-card,.front-card.front-blog-card .front-blog-media img,.front-blog-card strong span{transition:none}}

/* Dunkleres ATN-Blau verbessert die Lesbarkeit weißer Texte und Bedienelemente. */
.front-experience,.front-contact{background:#006da8}
.front-experience{box-shadow:0 15px 40px rgba(0,109,168,.25)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#006da8}
.form-check input{accent-color:#006da8}
.front-phone small,.front-rating small,.front-card p,.front-stat span,.front-form p,.form-check{color:#59636d}
.front-package-tag,.front-blog-meta{color:#006da8}
.front-form .btn[disabled]{opacity:.65;cursor:not-allowed;transform:none}