:root{
  --blue:#0788d4;
  --blue-dark:#006fbd;
  --ink:#15191e;
  --muted:#5f6872;
  --line:#e7edf2;
  --dark:#111c26;
  --dark2:#162533;
  --white:#fff;
  --shadow:0 12px 30px rgba(10,28,44,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(16,39,58,.05);backdrop-filter:blur(10px)}
.header-inner{height:90px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;flex-direction:column;line-height:.88;min-width:245px}
.brand-main{font-size:38px;font-style:italic;font-weight:900;letter-spacing:-2px}.brand-main span{color:var(--blue)}.brand-main b{font-size:18px;color:var(--blue);vertical-align:top;margin-left:2px}
.brand-sub{font-size:11px;font-weight:700;letter-spacing:5px;margin-left:4px;margin-top:7px}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:14px}
.main-nav>a,.nav-dropdown-trigger{height:90px;display:flex;align-items:center;border:0;background:none;color:#232a31;position:relative;padding:0}
.main-nav>a.active::after{content:"";position:absolute;height:2px;background:var(--blue);left:0;right:0;bottom:24px}
.nav-dropdown{position:relative}.nav-dropdown-trigger{gap:7px}.nav-dropdown-icon{width:14px;height:14px;display:block;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;transform:translateY(1px);transition:transform .18s ease}.nav-dropdown:hover .nav-dropdown-icon,.nav-dropdown:focus-within .nav-dropdown-icon{transform:translateY(1px) rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:70px;left:-18px;background:#fff;box-shadow:var(--shadow);padding:12px;min-width:220px;border-radius:8px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:6px}.nav-dropdown-menu a:hover{background:#f3f8fc;color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:none;border-radius:999px;padding:14px 24px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.2px}.btn-primary{background:linear-gradient(135deg,var(--blue-dark),#0b9ae4);color:#fff;box-shadow:0 7px 16px rgba(0,128,207,.18)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}.header-cta{padding:13px 25px}
.menu-toggle{display:none;margin-left:auto;width:44px;height:40px;border:none;background:transparent}.menu-toggle span{display:block;width:24px;height:2px;background:#111;margin:5px auto}
.hero{padding:30px 0 34px;background:radial-gradient(circle at 76% 18%,rgba(7,136,212,.13),transparent 18%),radial-gradient(circle at 20% 22%,rgba(7,136,212,.05),transparent 18%),linear-gradient(180deg,#fcfdff 0%,#f4f8fb 100%);overflow:hidden;border-bottom:1px solid #e9edf1}.hero .container{width:min(1500px,calc(100% - 48px))}.hero-grid{display:grid;grid-template-columns:minmax(430px,.78fr) minmax(650px,1.22fr);min-height:540px;align-items:center;gap:0;position:relative}.hero-copy{padding:42px 0 52px;position:relative;z-index:2;max-width:520px;transform:translateX(169px)}.hero-copy::before{content:"";position:absolute;left:-36px;top:8px;width:240px;height:240px;background:linear-gradient(135deg,rgba(7,136,212,.07),rgba(7,136,212,0));clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.eyebrow{margin:0 0 10px;color:var(--blue-dark);font-weight:800;font-size:14px;letter-spacing:.5px}.hero h1{font-size:62px;line-height:.93;margin:0 0 22px;letter-spacing:-2.2px;text-transform:uppercase}.hero h1 span{color:var(--blue-dark)}.hero-text{font-size:18px;max-width:510px;color:#343a40;margin-bottom:24px;line-height:1.65}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.hero-visual{height:auto;min-height:420px;aspect-ratio:2.35/1;position:relative;transform:translateX(-61px);display:flex;align-items:flex-end;justify-content:center;border-radius:34px;overflow:visible;background:transparent;border:none;box-shadow:none;isolation:isolate}.hero-visual::before{content:"";position:absolute;left:0;right:-2%;top:8%;bottom:10%;background:radial-gradient(ellipse at 52% 45%,rgba(255,255,255,.96) 0%,rgba(245,249,252,.92) 36%,rgba(231,240,246,.70) 58%,rgba(231,240,246,0) 78%);filter:blur(6px);z-index:0;pointer-events:none}.hero-visual::after{content:"";position:absolute;left:11%;right:10%;bottom:8%;height:64px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(16,32,48,.20) 0%,rgba(16,32,48,.08) 45%,rgba(16,32,48,0) 72%);filter:blur(18px);z-index:0}.hero-visual img{position:absolute;left:-2%;right:0;bottom:-1%;width:104%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 24px 36px rgba(9,23,34,.14)) drop-shadow(0 10px 14px rgba(9,23,34,.10))}
.section{padding:54px 0}.section-heading.centered{text-align:center;margin-bottom:30px}.section-heading h2,.about h2,.contact-section h2{font-size:34px;margin:2px 0 10px;letter-spacing:-.7px}.heading-line{display:block;width:72px;height:3px;margin:12px auto 0;background:var(--blue)}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:22px}.service-card{background:#fff;border:1px solid #edf0f3;border-radius:8px;box-shadow:var(--shadow);text-align:center;padding:18px 30px 26px;min-height:285px;display:flex;flex-direction:column;align-items:center}.icon-circle{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#069ce9,#0a80cb);margin-bottom:10px}.icon-circle svg{width:50px;height:50px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.service-card h3{text-transform:uppercase;font-size:18px;margin:5px 0 7px}.service-card p{color:#3e444b;font-size:14px;max-width:300px;flex:1}.text-link{border:0;background:none;color:var(--blue-dark);font-weight:800;text-transform:uppercase;font-size:12px}.text-link span{font-size:20px;margin-left:10px}
.about{width:min(1180px,calc(100% - 48px));margin:54px auto;display:grid;grid-template-columns:30% 70%;min-height:300px;background:#fff;overflow:hidden;border-radius:16px;box-shadow:0 16px 42px rgba(10,28,44,.08);border:1px solid #edf1f4}.about-image{position:relative;min-height:300px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-slant-dark,.about-slant-blue{position:absolute;top:-30px;right:-38px;width:80px;height:120%;transform:skewX(-28deg)}.about-slant-dark{background:#182630}.about-slant-blue{background:#0b8fd6;right:-72px;width:22px}.about-copy{display:flex;align-items:center;background:linear-gradient(120deg,#fff,#f9fbfd)}.content-wrap{padding:42px 58px;max-width:720px}.content-wrap p:not(.eyebrow){color:#333b43}.about .btn{margin-top:6px}
.trust-strip{background:linear-gradient(100deg,#15232e,#101a23);color:#fff;padding:24px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-item{display:flex;align-items:center;gap:14px}.mini-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:20px}.trust-item strong{display:block;text-transform:uppercase;font-size:13px}.trust-item small{color:#d2d8dd;font-size:12px}
.contact-section{padding:64px 0;background:#f6f9fb}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}.contact-grid>div>p{color:#414950}.contact-details{display:flex;flex-direction:column;gap:12px;margin-top:25px}.contact-details a{color:var(--blue-dark);font-weight:700}.contact-form{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:12px;font-weight:700;color:#39424b}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:7px;padding:11px 12px;margin-top:6px;background:#fff}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.privacy-check{grid-column:1/-1!important;display:flex;align-items:flex-start;gap:9px;font-weight:400!important;line-height:1.45}.privacy-check input{width:18px!important;height:18px;margin:1px 0 0!important;flex:0 0 auto}.privacy-check a{color:var(--blue-dark);font-weight:700;text-decoration:underline}.form-status{grid-column:1/-1;margin:0;font-size:13px;color:#177c3d}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status.error{color:#b42318}.contact-form button[disabled]{opacity:.7;cursor:wait}
.site-footer{background:linear-gradient(120deg,#14222d,#101a23);color:#fff;padding-top:42px}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr 1fr 1.15fr;gap:55px;padding-bottom:42px}.brand-light{color:#fff;min-width:0;margin-bottom:16px}.brand-light .brand-main{font-size:34px}.footer-brand p,.site-footer p{color:#d5dae0;font-size:14px}.site-footer .footer-heading{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.02em;margin:4px 0 16px;color:#fff}.site-footer .footer-grid>div:not(.footer-brand)>a{display:block;color:#e3e7ea;font-size:14px;margin:9px 0}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:30px;height:30px;border-radius:50%;background:#34414b;display:grid;place-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;padding:20px 0;font-size:11px;color:#d3d8dc}
.to-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;box-shadow:0 8px 16px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}
@media(max-width:1100px){.hero .container{width:min(100% - 48px,1180px)}.hero-grid{grid-template-columns:1fr;gap:18px;min-height:auto}.hero-copy{padding:42px 0 0;max-width:none;transform:none}.hero h1{font-size:52px}.hero-visual{min-height:340px;aspect-ratio:2.05/1;max-width:100%;transform:none}.hero-visual img{width:100%;left:0}}
@media(max-width:980px){.header-cta{display:inline-flex;padding:11px 18px;font-size:12px}.main-nav{gap:20px}.brand{min-width:210px}.brand-main{font-size:34px}.service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.contact-grid{gap:35px}}
@media(max-width:820px){.container{width:min(100% - 32px,1180px)}.header-inner{height:76px;gap:12px}.header-cta{margin-left:auto;padding:10px 15px}.menu-toggle{display:block;margin-left:0}.main-nav{position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;padding:12px 22px 20px;gap:0}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-trigger{height:auto;padding:12px 0}.main-nav>a.active::after{display:none}.nav-dropdown-menu{position:static;box-shadow:none;padding:0 0 4px 16px}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown.open .nav-dropdown-icon{transform:translateY(1px) rotate(180deg)}.hero{padding:16px 0 10px}.hero-copy{padding:34px 0 0}.hero-visual{min-height:270px;aspect-ratio:1.8/1;border-radius:26px;margin:0}.hero-visual::before{left:0;right:0;top:6%;bottom:10%}.hero-visual::after{left:10%;right:10%;bottom:9%;height:54px}.hero-visual img{width:104%;left:-2%;height:100%}.hero h1{font-size:48px}.hero-text{font-size:17px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.about{width:min(100% - 32px,1180px);margin:36px auto;grid-template-columns:1fr;border-radius:14px}.about-image{min-height:250px;max-height:250px}.about-copy{min-height:280px}.content-wrap{padding:40px 28px}.trust-grid{grid-template-columns:1fr 1fr;row-gap:22px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(4){grid-column:auto}}
@media(max-width:520px){.header-cta{padding:9px 12px;font-size:10px}.brand-main{font-size:29px}.brand-sub{font-size:9px;letter-spacing:3.5px}.brand{min-width:0}.hero{padding:10px 0 8px}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero-text{font-size:16px}.hero-copy{padding:30px 0 0}.hero-actions{margin-bottom:12px}.hero-visual{min-height:210px;aspect-ratio:1.48/1;border-radius:22px}.hero-visual::before{top:10%;bottom:12%}.hero-visual::after{left:8%;right:8%;height:44px;bottom:10%}.hero-visual img{width:108%;left:-6%}.section-heading h2,.about h2,.contact-section h2{font-size:29px}.trust-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.contact-form{padding:20px}}

/* Unterseiten */
.nav-dropdown.current .nav-dropdown-trigger{color:var(--blue-dark);font-weight:700}
.nav-dropdown.current .nav-dropdown-trigger::after,.main-nav>a.current::after{content:"";position:absolute;height:2px;background:var(--blue);left:0;right:0;bottom:24px}
.subpage-hero{padding:28px 0 42px;background:radial-gradient(circle at right top,rgba(7,136,212,.08),transparent 28%),linear-gradient(135deg,#f7fafc 0%,#f7fafc 36%,#f1f6fa 36%,#fff 100%);border-bottom:1px solid var(--line);overflow:hidden}
.subpage-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:54px;min-height:auto}
.subpage-copy{padding:26px 0 22px;max-width:620px;position:relative;z-index:2}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#7e8993;font-size:12px;margin-bottom:18px}.breadcrumbs a{color:var(--blue-dark);font-weight:700}.breadcrumbs span{opacity:.8}
.subpage-copy h1{font-size:58px;line-height:.95;margin:0 0 18px;letter-spacing:-1.8px;text-transform:uppercase;text-wrap:balance;max-width:11ch}.subpage-copy h1 span{color:var(--blue-dark)}
.subpage-copy .lead{font-size:18px;color:#414b54;max-width:640px;margin:0 0 28px}
.subpage-visual{position:relative;min-height:365px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#edf4f8,#f8fbfd);border:1px solid #dfe8ef;box-shadow:0 18px 42px rgba(10,28,44,.11);display:flex;align-items:flex-end;justify-content:flex-start;isolation:isolate}
.subpage-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.14) 42%,rgba(255,255,255,.04) 100%);z-index:1}
.subpage-visual::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-70px;background:rgba(7,136,212,.08);z-index:0}
.subpage-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.94;filter:saturate(1);transform:scale(1.03)}
.subpage-icon{position:absolute;left:24px;bottom:24px;z-index:3;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#069ce9,#0a80cb);box-shadow:0 12px 28px rgba(0,126,199,.20);border:4px solid rgba(255,255,255,.92)}
.subpage-icon svg{width:50px;height:50px;fill:none;stroke:#fff;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.subpage-accent{position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(90deg,#0892dd,#0883d0);clip-path:polygon(0 100%,100% 28%,100% 100%);z-index:2}
.subpage-accent::before{content:"";position:absolute;right:-18px;bottom:34px;width:58%;height:18px;background:#182630;transform:skewX(-34deg)}
.detail-section{padding:66px 0}.detail-section.alt{background:#f6f9fb}
.detail-intro{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:60px;align-items:start;margin-bottom:36px}.detail-intro h2{font-size:34px;line-height:1.12;margin:2px 0}.detail-intro p{color:#48515a;margin:0;font-size:16px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{background:#fff;border:1px solid #e8edf1;border-radius:12px;padding:26px;box-shadow:0 9px 24px rgba(10,28,44,.07)}.info-card h3{margin:5px 0 10px;font-size:19px}.info-card p{margin:0;color:#505a63;font-size:14px}.info-number{width:38px;height:38px;border-radius:50%;background:#e9f6fd;color:var(--blue-dark);display:grid;place-items:center;font-weight:900}
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scope-item{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e7edf2;border-radius:10px;padding:22px}.scope-check{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:900}.scope-item h3{margin:0 0 5px;font-size:17px}.scope-item p{margin:0;color:#58626c;font-size:14px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{position:relative;padding:24px 18px 20px;border-top:3px solid var(--blue);background:#fff;box-shadow:var(--shadow);border-radius:0 0 8px 8px}.process-step strong{display:block;color:var(--blue-dark);font-size:12px;text-transform:uppercase;margin-bottom:6px}.process-step h3{font-size:18px;margin:0 0 8px}.process-step p{font-size:14px;color:#5a646d;margin:0}
.detail-cta{padding:0 0 70px}.detail-cta-box{background:linear-gradient(110deg,#14222d,#0f1b25);color:#fff;border-radius:14px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;position:relative}.detail-cta-box::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-120px;background:rgba(7,136,212,.22)}.detail-cta-box h2{margin:0 0 6px;font-size:30px}.detail-cta-box p{margin:0;color:#d4dce2}.detail-cta-box .btn{position:relative;z-index:2;flex:0 0 auto}
.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{text-align:center;padding:28px 18px;background:#fff;border:1px solid #e7edf2;border-radius:9px;box-shadow:0 8px 22px rgba(10,28,44,.06)}.value-card .mini-icon{margin:0 auto 13px;color:#fff}.value-card h3{font-size:17px;margin:0 0 7px}.value-card p{font-size:13px;color:#5a646e;margin:0}
.note-box{border-left:4px solid var(--blue);background:#eef8fe;padding:18px 22px;border-radius:0 8px 8px 0;color:#3f4b54;font-size:14px;margin-top:28px}
@media(max-width:1100px){.subpage-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:38px}.subpage-copy h1{font-size:50px}.subpage-visual{min-height:335px}.subpage-icon{width:82px;height:82px}.subpage-icon svg{width:46px;height:46px}}
@media(max-width:980px){.subpage-hero{padding:22px 0 36px}.subpage-hero-grid{grid-template-columns:1fr;gap:26px}.subpage-copy{padding:18px 0 0;max-width:none}.subpage-copy h1{font-size:46px;max-width:12ch}.subpage-visual{min-height:320px;max-width:780px}.detail-intro{gap:35px}.process-grid,.about-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav-dropdown.current .nav-dropdown-trigger::after,.main-nav>a.current::after{display:none}.subpage-copy{padding:18px 0 0}.subpage-visual{min-height:280px}.subpage-icon{left:20px;bottom:20px;width:78px;height:78px}.subpage-icon svg{width:44px;height:44px}.detail-intro{grid-template-columns:1fr;gap:16px}.info-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.detail-cta-box{align-items:flex-start;flex-direction:column}.scope-grid{grid-template-columns:1fr}}
@media(max-width:520px){.subpage-hero{padding:14px 0 28px}.subpage-copy h1{font-size:36px;max-width:none}.subpage-copy .lead{font-size:16px}.subpage-visual{min-height:240px;border-radius:22px}.subpage-icon{width:70px;height:70px;left:16px;bottom:16px;border-width:3px}.subpage-icon svg{width:40px;height:40px}.detail-section{padding:48px 0}.detail-intro h2{font-size:29px}.process-grid,.about-values{grid-template-columns:1fr}.detail-cta{padding-bottom:48px}.detail-cta-box{padding:30px 24px}.detail-cta-box h2{font-size:26px}}

/* Impressum */
.footer-legal-link{color:#fff;transition:opacity .2s}.footer-legal-link:hover{opacity:.78}.footer-legal-link.current{font-weight:700}
.legal-hero{padding:64px 0 58px;background:linear-gradient(135deg,#fff 0%,#fff 55%,#f2f7fa 55%,#fff 100%);border-bottom:1px solid var(--line)}
.legal-hero h1{font-size:48px;line-height:1.05;margin:0 0 14px;letter-spacing:-1.3px;text-transform:uppercase}.legal-hero>div>p:last-child{margin:0;color:#4b555e;font-size:17px}
.legal-section{padding:66px 0;background:#f7f9fb}.legal-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:34px;align-items:start}.legal-card,.legal-note{background:#fff;border:1px solid #e6ebef;border-radius:10px;box-shadow:var(--shadow)}.legal-card{padding:38px 42px}.legal-card h2{font-size:30px;margin:0 0 25px}.legal-card h3{font-size:17px;margin:28px 0 6px}.legal-card p{color:#505a63;margin:0;line-height:1.7}.legal-card a{color:var(--blue-dark);font-weight:700}.legal-note{padding:30px;position:sticky;top:112px}.legal-note .info-number{margin-bottom:16px}.legal-note h2{font-size:23px;line-height:1.2;margin:0 0 14px}.legal-note p{font-size:14px;color:#58626c}.legal-note .btn{margin-top:10px}
@media(max-width:820px){.legal-hero{padding:48px 0}.legal-hero h1{font-size:40px}.legal-layout{grid-template-columns:1fr}.legal-note{position:static}.legal-card{padding:30px}}
@media(max-width:520px){.header-inner .brand-sub{display:none}.header-inner .brand-main{font-size:25px}.header-cta{padding:8px 10px;font-size:9px}.menu-toggle{width:38px}.legal-hero h1{font-size:34px}.legal-card{padding:24px}.legal-card h2{font-size:26px}}

/* Leistungsseiten Hero Feinschliff */
.subpage-accent{display:none!important}


.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
@media(max-width:980px){.header-actions{gap:8px}
.header-actions .header-cta{padding:11px 16px}}
@media(max-width:820px){.header-actions{margin-left:auto}.header-actions .login-cta{display:none}.header-actions .header-cta{margin-left:0}.main-nav 
.main-nav .mobile-login::after{display:none!important}}
@media(max-width:520px){.header-actions .header-cta{padding:8px 10px;font-size:9px}}


/* Cookie- & Datenschutzeinstellungen */
.cookie-modal-open{overflow:hidden}
.cookie-banner{position:fixed;z-index:9998;left:18px;right:18px;bottom:18px;display:none;max-width:1180px;margin:0 auto;background:#fff;border:1px solid #dce5eb;border-radius:16px;box-shadow:0 20px 60px rgba(8,25,38,.22)}
.cookie-banner.show{display:block}
.cookie-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px}
.cookie-banner__copy{max-width:730px}.cookie-banner__copy strong{display:block;color:var(--dark);font-size:17px;margin-bottom:5px}.cookie-banner__copy p{margin:0;color:#515c65;font-size:13px;line-height:1.55}.cookie-banner__copy a,.cookie-note a{color:var(--blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cookie-banner__actions,.cookie-modal__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.cookie-btn,.cookie-link-btn{font:inherit;cursor:pointer;border-radius:999px;transition:transform .18s,box-shadow .18s,background .18s;border:0}
.cookie-btn{padding:11px 16px;font-size:12px;font-weight:800;white-space:nowrap}.cookie-btn:hover{transform:translateY(-1px)}
.cookie-btn--necessary{background:#17242e;color:#fff;box-shadow:0 7px 16px rgba(11,30,43,.13)}
.cookie-btn--accept{background:var(--blue);color:#fff;box-shadow:0 7px 16px rgba(0,128,207,.18)}
.cookie-link-btn{padding:9px 7px;background:transparent;color:var(--blue-dark);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.cookie-modal{position:fixed;z-index:9999;inset:0;display:none;align-items:center;justify-content:center;padding:22px}.cookie-modal.show{display:flex}.cookie-modal__backdrop{position:absolute;inset:0;background:rgba(8,20,30,.66);backdrop-filter:blur(3px)}
.cookie-modal__dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;background:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.cookie-modal__close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eff4f7;color:#24333e;font-size:27px;line-height:1;cursor:pointer}
.cookie-kicker{margin:0 0 7px;color:var(--blue-dark);font-size:11px;font-weight:900;letter-spacing:1.4px}.cookie-modal__dialog h2{margin:0 42px 10px 0;font-size:27px;line-height:1.16}.cookie-intro{margin:0 0 19px;color:#56616a;font-size:14px;line-height:1.6}
.cookie-category{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:17px 0;border-top:1px solid #e7edf2}.cookie-category strong{display:block;font-size:14px;margin-bottom:4px;color:#1c2a34}.cookie-category small{display:block;color:#65707a;line-height:1.45;font-size:12px}
.cookie-switch{position:relative;display:inline-flex}.cookie-switch input{position:absolute;opacity:0;pointer-events:none}.cookie-switch span{width:46px;height:26px;border-radius:999px;background:#c7d1d8;display:block;position:relative;cursor:pointer;transition:.2s}.cookie-switch span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.cookie-switch input:checked+span{background:var(--blue)}.cookie-switch input:checked+span::after{transform:translateX(20px)}.cookie-switch--locked{opacity:.72}.cookie-switch--locked span{cursor:not-allowed}
.cookie-note{background:#f3f8fb;border-left:3px solid var(--blue);padding:12px 14px;margin:4px 0 20px;color:#53606a;font-size:12px;line-height:1.55}.cookie-modal__actions{justify-content:space-between}
.footer-cookie-link{appearance:none;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;padding:0;transition:opacity .2s}.footer-cookie-link:hover{opacity:.78}
@media(max-width:760px){.cookie-banner{left:10px;right:10px;bottom:10px}.cookie-banner__inner{align-items:stretch;flex-direction:column;gap:14px;padding:19px}.cookie-banner__actions{justify-content:stretch}.cookie-banner__actions .cookie-btn{flex:1 1 150px}.cookie-banner__actions .cookie-link-btn{flex:1 1 100%;text-align:center}.cookie-modal{padding:10px}.cookie-modal__dialog{padding:25px 20px}.cookie-modal__dialog h2{font-size:24px}.cookie-modal__actions{justify-content:stretch}.cookie-modal__actions .cookie-btn{flex:1 1 160px}}


/* Formspree / reCAPTCHA-Hinweis im Kontaktformular */
.captcha-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(17, 28, 38, .12);
  border-radius: 12px;
  background: rgba(7, 136, 212, .055);
  color: #14222d;
  line-height: 1.35;
}
.captcha-note__icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #0788d4;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}
.captcha-note strong { display: block; font-size: .92rem; }
.captcha-note small { display: block; margin-top: 2px; color: #52606b; font-size: .78rem; }


/* Release/legal additions */
.legal-warning {
  margin: 12px 0 20px;
  padding: 14px 16px;
  border: 2px solid #d97706;
  border-radius: 10px;
  background: #fff7ed;
  color: #7c2d12;
  line-height: 1.6;
}
.form-privacy-note {
  margin: 0;
  font-size: .88rem;
  line-height: 1.55;
  color: #52606d;
}
.form-privacy-note a { color: #0788d4; font-weight: 700; }
.cookie-banner__actions .cookie-btn { min-width: 160px; }

/* Local SEO / Einsatzgebiet */
.service-area{background:#f6f9fb;}
.area-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;margin-top:34px;}
.area-copy p{font-size:16px;line-height:1.75;color:#5d6872;margin:0 0 16px;}
.area-copy .btn{margin-top:8px;}
.area-cities{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;}
.area-cities span{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #dce8ef;border-radius:999px;background:#fff;color:#14222d;font-size:14px;font-weight:700;box-shadow:0 5px 16px rgba(20,34,45,.04);}
.area-cities-large{margin-top:28px;}
.faq-section{background:#fff;}
.faq-wrap{max-width:920px;}
.faq-list{display:grid;gap:12px;margin-top:30px;}
.faq-list details{border:1px solid #dce8ef;border-radius:14px;background:#fff;padding:0 18px;}
.faq-list summary{cursor:pointer;list-style:none;font-weight:700;color:#14222d;padding:18px 28px 18px 0;position:relative;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary:after{content:'+';position:absolute;right:0;top:15px;color:#0788d4;font-size:22px;}
.faq-list details[open] summary:after{content:'–';}
.faq-list details p{margin:0;padding:0 0 18px;color:#5d6872;line-height:1.7;}
.area-hero-panel{min-height:290px;border-radius:24px;background:linear-gradient(145deg,#14222d,#1f3343);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;color:#fff;box-shadow:0 24px 60px rgba(20,34,45,.18);}
.area-hero-panel strong{font-size:clamp(48px,7vw,76px);line-height:1;color:#0788d4;}
.area-hero-panel span{font-size:24px;font-weight:700;margin-top:10px;}
.area-hero-panel small{max-width:360px;margin-top:16px;font-size:14px;line-height:1.6;color:#d7e2e9;}
.scope-item h3 a{color:inherit;text-decoration:none;}
.scope-item h3 a:hover{color:#0788d4;}
@media (max-width:820px){.area-layout{grid-template-columns:1fr;gap:28px}.area-hero-panel{min-height:220px}.area-cities span{font-size:13px}}


/* SEO 2026-09: brand slogan retained below descriptive local H1 */
.hero-slogan{margin:.75rem 0 0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}

/* 2026-10-03: Hero-Typografie – kompakter, Markenfarbe nur bei MENDEN */
.hero h1 .hero-title-line{display:block;color:var(--ink)}
.hero h1 .hero-title-location{font-size:.92em;color:var(--ink)}
.hero h1 .hero-title-location strong{color:var(--blue-dark);font-weight:inherit}
@media (min-width:1101px){
  .hero-grid{grid-template-columns:minmax(650px,.96fr) minmax(600px,1.04fr);gap:0}
  .hero-copy{max-width:690px;transform:translateX(125px)}
  .hero-visual{transform:translateX(-95px)}
  .hero h1{font-size:clamp(48px,3.45vw,57px);line-height:.96;letter-spacing:-1.9px;margin-bottom:18px}
}
@media (max-width:1100px){.hero-title-line{display:block}.hero h1 .hero-title-location{font-size:.94em}}
@media (max-width:520px){.hero h1{font-size:clamp(34px,10.2vw,40px);line-height:.98;letter-spacing:-1.25px}.hero h1 .hero-title-location{font-size:.92em}}

/* 2026-10-04: Eigene MEFIXO-Fotos in den Leistungs-Heroes */
.subpage-visual img[src*="hero-gebaeudereinigung-mefixo"]{object-position:52% 48%}
.subpage-visual img[src*="hero-hausmeisterservice-mefixo"]{object-position:48% 47%}
.subpage-visual img[src*="hero-gartenpflege-mefixo"]{object-position:50% 48%}
.subpage-visual img[src*="hero-grabpflege-mefixo"]{object-position:50% 45%}
