/* Lidoro – Website-Styles. Schriften liegen lokal (keine Google Fonts, DSGVO-freundlich). */
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('fonts/inter-400.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: swap; src: url('fonts/inter-500.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url('fonts/inter-600.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: swap; src: url('fonts/inter-700.woff') format('woff'); }
@font-face { font-family: 'Inter Display'; font-weight: 600; font-style: normal; font-display: swap; src: url('fonts/interdisplay-600.woff') format('woff'); }
@font-face { font-family: 'Inter Display'; font-weight: 700; font-style: normal; font-display: swap; src: url('fonts/interdisplay-700.woff') format('woff'); }

html { scroll-behavior: smooth; }
body { margin: 0; background: #F3F6F5; -webkit-font-smoothing: antialiased; }
a { color: #0B6E7A; }
a:hover { color: #08515A; }
summary { cursor: pointer; }
:focus-visible { outline: 3px solid #F28A4E; outline-offset: 2px; }
section[id] { scroll-margin-top: 16px; }

.video-frame { border-radius: 24px; overflow: hidden; background: #0F2A33; aspect-ratio: 16 / 9; box-shadow: 0 30px 60px rgba(15, 42, 51, 0.18); }
.video-frame video { width: 100%; height: 100%; display: block; background: #0F2A33; }

.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-msg { border-radius: 12px; padding: 12px 14px; font-size: 15px; font-weight: 600; }
.form-msg.ok { background: #DDF0E0; color: #1F4415; }
.form-msg.err { background: #FCE6D8; color: #8E3A10; }
[hidden] { display: none !important; }

@media (max-width: 640px) {
  h1 { font-size: 38px !important; }
  h2 { font-size: 30px !important; }
  #top { padding-top: 32px !important; padding-bottom: 56px !important; }
  section[aria-labelledby="umsatz-h"] > div { padding: 28px !important; }
  .video-frame { border-radius: 16px; }
}