:focus-visible{outline:2px solid #00b0ff;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #00b0ff;outline-offset:2px;border-radius:4px}@media(max-width:480px){.compare-mini-grid{grid-template-columns:1fr}}@media(max-width:640px){#case-study-grid{grid-template-columns:1fr!important}}

  /* 5. Smooth Scroll */
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

  /* 6. Selection-Farbe */
  ::selection { background: rgba(0,176,255,0.3); color: white; }

  /* 9. Dark Theme Scrollbar */
  ::-webkit-scrollbar { width: 8px; }
  ::-webkit-scrollbar-track { background: #0B0F19; }
  ::-webkit-scrollbar-thumb { background: rgba(0,176,255,0.3); border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover { background: rgba(0,176,255,0.5); }

  /* 10. Micro-Animation Section-Labels */
  .section-label { transition: letter-spacing 0.3s ease; }
  .section-label:hover { letter-spacing: 4px; }

  /* 8. Footer-Gradient */
  footer { background-image: linear-gradient(to bottom, transparent 0%, rgba(0,176,255,0.03) 100%); }

  /* 4. Referenzen CTA-Card gleiche Hoehe */
  #referenzen-preview [style*="minmax(300px"] > *:last-child {
    display: flex; flex-direction: column; justify-content: center;
  }

  /* 7. Card-Hover Glow (Desktop) */
  @media (hover: hover) {
    .feature-card:hover, [class*="ref-card"]:hover {
      box-shadow: 0 8px 32px rgba(0,176,255,0.12), 0 0 0 1px rgba(0,176,255,0.15);
    }
  }

  /* 1. Sticky CTA Border-Radius Desktop */
  @media (min-width: 769px) {
    #stickyCta { border-radius: 16px 16px 0 0; box-shadow: 0 -4px 30px rgba(0,0,0,0.4); }
  }

  /* 2. Technologie-Partner max-width */
  @media (min-width: 1024px) {
    [style*="gap:2rem 3rem"] { max-width: 900px; margin: 0 auto; }
  }

  /* 3. So arbeiten wir Grid max-width */
  @media (min-width: 1200px) {
    #so-arbeiten-wir [style*="repeat(3"] { max-width: 1100px; margin: 0 auto; }
  }

@media(max-width:768px){.hero-tstripe-grid{grid-template-columns:1fr!important}.hero-tstripe-grid>div:nth-child(2),.hero-tstripe-grid>div:nth-child(3){display:none!important}}
@media(max-width:900px){#navRating{display:none!important}}

.hero-glass-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 48px rgba(0,0,0,0.5),0 0 30px rgba(0,184,255,0.12)!important}
/* Tablet 768–899px: 3 Cards nebeneinander mit mehr Padding */
@media(min-width:768px) and (max-width:899px){
  #hero-glass-cards{padding:0 2rem;gap:1rem}
  #hero-glass-cards > div{min-width:0!important;flex:1;max-width:none!important;padding:1.2rem 1.3rem}
}
@media(max-width:600px){
  #hero-glass-cards{margin-top:0px;gap:0.8rem;padding:0 1rem}
  #hero-glass-cards > div{min-width:140px;padding:1rem 1.1rem;font-size:0.92rem}
}
@media(max-width:480px){
  #hero-glass-cards{flex-direction:column;align-items:center;padding:0 1.2rem}
  #hero-glass-cards > div{min-width:0!important;width:100%;max-width:100%!important;flex:none;padding:1rem 1.2rem}
}

@media(max-width:500px){
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:1rem"]{grid-template-columns:1fr!important}
}

@media (max-width: 900px) {
  .ratgeber-featured-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 600px) {
  .ratgeber-featured-grid { grid-template-columns: 1fr !important; }
  .ratgeber-secondary-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 400px) {
  .ratgeber-secondary-grid { grid-template-columns: 1fr !important; }
}

#footer-trust-row {
  background: rgba(0,176,255,0.05);
  border-top: 1px solid rgba(0,176,255,0.12);
  border-bottom: 1px solid rgba(0,176,255,0.08);
  padding: 0.9rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.ftr-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  white-space: nowrap;
}
.ftr-icon { font-size: 0.95rem; }
.ftr-sep {
  color: rgba(0,176,255,0.4);
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 480px) {
  #footer-trust-row { gap: 0.5rem; padding: 0.75rem 1rem; }
  .ftr-sep { display: none; }
  .ftr-item { font-size: 0.75rem; }
}