/* Global Styles for ProIT website */
:root{
  --primary:#0d6efd; /* Bootstrap primary */
  --dark:#0b2239;
  --light:#f8f9fa;
}
html{scroll-behavior:smooth}
/* Sticky footer layout */
html,body{height:100%}
body{display:flex;min-height:100vh;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:#222}
main{flex:1 0 auto}
.hero{background:linear-gradient(135deg, rgba(13,110,253,.08), rgba(13,110,253,.02));padding:4rem 0}
.hero .lead{max-width:60ch}
.section{padding:3rem 0}
.footer{background:#0b2239;color:#cbd5e1}
.footer a{color:#e2e8f0;text-decoration:none}
.footer a:hover{text-decoration:underline}
.breadcrumb{--bs-breadcrumb-divider: '>'}
.card-img-top{object-fit:cover;height:200px}
img.figure-img{border-radius:.5rem}
.hover-rise{transition:transform .2s ease, box-shadow .2s ease}
.hover-rise:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
/* Simple fade-in on scroll */
.fade-on-scroll{opacity:0;transform:translateY(10px);transition:opacity .6s ease, transform .6s ease}
.fade-on-scroll.visible{opacity:1;transform:none}
/* Navbar tweaks */
.navbar-brand span{font-weight:700}
.language-switch .dropdown-menu a.active{font-weight:600}
/* Forms */
.form-control:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.15)}

/* Mobile spacing: add comfortable side padding on phones */
@media (max-width: 576px){
  .container, .container-fluid{padding-left:1rem;padding-right:1rem}
  .section{padding-top:2rem;padding-bottom:2rem}
}

/* Utility: equalized image aspect ratios */
.img-equal-4x3{width:100%;aspect-ratio:4/3;object-fit:cover}
.img-equal-16x9{width:100%;aspect-ratio:16/9;object-fit:cover}

/* Kontakt right-side image */
.contact-side-img{width:100%;height:auto;max-height:420px;object-fit:cover}

/* Taller textarea helper */
.textarea-tall{min-height:320px}


/* Honeypot field: keep off-screen for bots, not visible to users */
.hp-field{position:absolute !important;left:-10000px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;}