/* ==========================================================================
   GEOLeadAi — globale Styles
   ========================================================================== */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:#FAF7F2;
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:#463F33;
}
h1,h2,h3{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;}
::selection{background:rgba(27,159,184,0.22);}

img{max-width:100%;display:block;}

/* Formularfelder ---------------------------------------------------------- */
input,textarea{font-family:inherit;}
input:focus,textarea:focus{
  outline:none;
  border-color:#1B9FB8 !important;
  box-shadow:0 0 0 3px rgba(27,159,184,0.14);
}

/* Range-Slider (ROI-Rechner) --------------------------------------------- */
input[type=range]{
  -webkit-appearance:none;appearance:none;
  width:100%;height:5px;border-radius:999px;background:#EBE3D6;outline:none;
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  background:#1B9FB8;cursor:pointer;border:3px solid #FFFFFF;
  box-shadow:0 1px 6px rgba(27,159,184,0.5);
}
input[type=range]::-moz-range-thumb{
  width:22px;height:22px;border-radius:50%;background:#1B9FB8;cursor:pointer;
  border:3px solid #FFFFFF;
}

@keyframes pulseDot{
  0%{box-shadow:0 0 0 0 rgba(27,159,184,0.5);}
  70%{box-shadow:0 0 0 7px rgba(27,159,184,0);}
  100%{box-shadow:0 0 0 0 rgba(27,159,184,0);}
}

/* ==========================================================================
   Hover-Hilfsklassen (ersetzen die früheren style-hover Attribute)
   ========================================================================== */

a{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;}

/* Sticky-Nav: Höhe/Border beim Scrollen (Startseite) */
[data-nav]{transition:height .25s ease, border-color .25s ease;}
[data-nav].nav--scrolled{height:64px !important;border-bottom-color:#EBE3D6 !important;}

/* Primärer Türkis-Button auf hellem Grund */
.btn-primary:hover{background:#16808F !important;transform:translateY(-1px);}
/* Primärer Türkis-Button auf dunklem Grund (heller Hover) */
.btn-primary-bright:hover{background:#34AEC2 !important;transform:translateY(-1px);}
/* Sekundärer heller Button mit Rahmen */
.btn-outline:hover{border-color:#1B9FB8 !important;color:#1B9FB8 !important;}

/* Navigationslinks */
.navlink:hover{color:#0A2540 !important;}

/* Kontakt-Karten (klickbar) */
.card-link:hover{border-color:#1B9FB8 !important;transform:translateY(-2px);}

/* Footer-Links */
.footer-link:hover{color:#1B9FB8 !important;}

/* WhatsApp-Float */
.wa-float:hover{transform:scale(1.06);}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:1000px){
  [data-navlinks]{display:none !important;}
  [data-navlinks][data-open="true"]{
    display:flex !important;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:18px !important;
    background:#FFFFFF;padding:24px;border-bottom:1px solid #EBE3D6;
    box-shadow:0 12px 24px rgba(10,37,64,0.06);
  }
  [data-hamburger]{display:flex !important;}
  [data-navcta]{display:none !important;}
  [data-hero-grid]{grid-template-columns:1fr !important;gap:48px !important;}
  [data-grid3],[data-grid2],[data-roi-grid],[data-split],[data-grid]{grid-template-columns:1fr !important;}
  [data-timeline]{flex-direction:column !important;align-items:stretch !important;gap:10px !important;}
  [data-timeline] [data-conn]{display:none !important;}
  [data-section]{padding:68px 22px !important;}
  [data-h1]{font-size:40px !important;}
  [data-h2]{font-size:30px !important;}
}

@media (max-width:880px){
  [data-section-contact]{padding:120px 22px 72px !important;}
}