/* consatic.de - global styles (page sections use inline styles from the design) */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-sans-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-600.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-700.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/caveat-700.woff2') format('woff2')}

html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2F31}
a{color:#486667}
a:hover{color:#2E4547}
a:focus-visible,button:focus-visible{outline:3px solid #FF3333;outline-offset:3px;border-radius:4px}
img,svg{max-width:100%}

.site-header{position:sticky;top:0;z-index:50}
.ab-nav a:hover{color:#486667 !important}
.ab-nav-kontakt{display:none !important}
.ab-burger{display:none}

@media (max-width: 860px){
  .ab-nav{display:none !important}
  .ab-cta{display:none !important}
  .ab-burger{display:inline-flex !important}
  .ab-nav.is-open{display:flex !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0 !important;background:#FFFFFF;border-bottom:1px solid #D6E0E0;padding:4px 24px 16px;box-shadow:0 12px 24px rgba(35,54,56,.08)}
  .ab-nav.is-open a{padding:14px 0;border-bottom:1px solid #EDF2F2;font-size:17px}
  .ab-nav.is-open .ab-nav-kontakt{display:block !important;border-bottom:0}
  section > div{padding-top:60px !important;padding-bottom:60px !important}
}

/* legal pages */
.legal{max-width:820px;margin:0 auto;padding:72px 24px 96px;line-height:1.65;color:#2B3B3D}
.legal h1{font-size:clamp(2rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 32px;color:#1F2F31}
.legal h2{font-size:21px;margin:40px 0 10px;color:#1F2F31}
.legal h3{font-size:17px;margin:24px 0 6px;color:#1F2F31}
.legal p,.legal li{font-size:16px}
.legal .stand{color:#4A5D5F;font-size:14px;margin-top:48px}