/* Service pages carry the homepage “Über uns” visual language. */
.service-header-cta{flex:none;padding:.7rem 1rem;border-radius:12px;background:#fff;color:#050914;font-size:.88rem;font-weight:800;text-decoration:none;white-space:nowrap}
.service-header-cta:hover{background:#dcecff}
.service-mobile-nav{display:none}
.service-main{padding:8rem 0;background:#02040a}
.service-main::before{display:none}
.service-main .wrap{width:min(100% - 4rem,1280px)}
.service-content{max-width:none;min-height:640px;margin:0;padding:4rem;border:1px solid rgba(124,161,219,.16);border-radius:24px;background:linear-gradient(135deg,rgba(15,24,41,.96),rgba(6,10,18,.98));box-shadow:none}
.service-intro{max-width:920px}
.service-content .eyebrow{margin:0 0 1rem;color:#60a5fa;font:800 .75rem/1.4 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.service-content h1{margin:0;color:#fff;font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:clamp(2.8rem,5.4vw,5rem);font-weight:900;line-height:1.04;letter-spacing:-.055em}
.service-lead{max-width:760px;margin:1.5rem 0 0!important;color:#94a3b8!important;font-size:1.1rem;line-height:1.8}
.service-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem}
.service-question{min-width:0;min-height:225px;padding:2rem 2.15rem;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}
.service-question:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(26,68,151,.25)}
.service-content .service-question h2{margin:0 0 .9rem;color:#fff;font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:clamp(1.35rem,2.25vw,1.85rem);font-weight:800;line-height:1.17;letter-spacing:-.04em}
.service-content .service-question p{margin:0;color:#f3f7ff;font-size:1rem;line-height:1.6}
.service-back-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:2.25rem;padding:.75rem 1.2rem;border:1px solid rgba(169,204,245,.34);border-radius:100px;color:#fff!important;font-size:.88rem;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s}
.service-back-button:hover{background:rgba(59,130,246,.18);border-color:#60a5fa}
.service-back-button:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}
@media(max-width:1120px){.service-nav{gap:1rem}.service-nav a{font-size:.78rem}}
@media(max-width:700px){.service-main{padding:5rem 0}.service-main .wrap{width:min(100% - 2rem,1280px)}.service-content{min-height:0;padding:2rem;border-radius:20px}.service-questions{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.service-question{min-height:0;padding:1.5rem}.service-content h1{font-size:clamp(2.3rem,10vw,3.3rem)}.service-lead{font-size:1rem;line-height:1.65}.service-back-button{margin-top:1.75rem}}
@media(prefers-reduced-motion:reduce){.service-question,.service-back-button{transition:none}.service-question:hover{transform:none}}
@media (pointer:coarse){.service-question:hover{transform:none;box-shadow:none}}
/* One self-contained mobile menu for all three service pages. */
@media(max-width:920px){
  .service-nav,.service-header-cta{display:none}
  html.service-menu-open,body.service-menu-open{overflow:hidden}
  .service-mobile-nav{display:block;position:absolute;top:20px;right:1.5rem;z-index:12002;margin:0}
  .service-mobile-nav summary{position:relative;z-index:2;box-sizing:border-box;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(165,198,241,.27);border-radius:14px;background:rgba(20,39,72,.95);box-shadow:inset 0 1px rgba(255,255,255,.08);color:transparent;font-size:0;line-height:0;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .service-mobile-nav summary::-webkit-details-marker{display:none}
  .service-mobile-nav summary span{position:relative;display:block;width:20px;height:20px;color:transparent;font-size:0;line-height:0}
  .service-mobile-nav summary span::before,.service-mobile-nav summary span::after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:#eaf2ff;transition:top .2s ease,transform .2s ease}
  .service-mobile-nav summary span::before{top:6px}
  .service-mobile-nav summary span::after{top:13px}
  .service-mobile-nav[open] summary span::before,.service-mobile-nav[open] summary span::after{top:9px}
  .service-mobile-nav[open] summary span::before{transform:rotate(45deg)}
  .service-mobile-nav[open] summary span::after{transform:rotate(-45deg)}
  .service-mobile-nav nav{display:none}
  .service-mobile-nav[open]{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:12002;background:#060e1f}
  .service-mobile-nav[open] summary{position:absolute;top:calc(20px + env(safe-area-inset-top));right:1.5rem}
  .service-mobile-nav[open] nav{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;height:100%;padding:calc(82px + env(safe-area-inset-top)) 18px max(80px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 92% 0%,rgba(58,128,232,.22),transparent 43%),linear-gradient(155deg,#10254a,#060e1f 72%)}
  .service-mobile-nav nav a{box-sizing:border-box;display:flex;align-items:center;flex:none;min-height:58px;padding:12px 17px;border:1px solid rgba(151,191,242,.22);border-radius:16px;background:rgba(125,173,239,.075);color:#edf5ff;font-size:1.08rem;font-weight:700;text-decoration:none}
  .service-mobile-nav nav a:hover,.service-mobile-nav nav a:focus-visible{border-color:rgba(151,191,242,.58);background:rgba(118,175,255,.13);color:#fff}
  .service-mobile-nav nav a.service-mobile-cta{justify-content:center;min-height:56px;margin-top:auto;background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:800;text-align:center}
}