/* Marke VK Designsystem 2.0 – verbindliche Endorsed-Anpassungen */
:root {
  --muted: #777777;
  --radius: 10px;
  --shadow: none;
}

*,
*::before,
*::after {
  background-image: none !important;
  box-shadow: none !important;
}

.hero::after { background-color: rgba(0, 0, 0, .68); }
.hero::before { background-color: transparent; }
.hero h1 { text-shadow: none; }

.section,
.hero-content,
.form-alert {
  width: min(900px, calc(100% - 80px));
  max-width: none;
}
.section { padding: 64px 0; }
.section-heading,
.hero p,
.blog-post-body p,
.legal { max-width: 580px; }

.choice-card,
.choice-card-event {
  background-color: #ffffff;
  border-color: var(--line);
  backdrop-filter: none;
}
.customer-voice { background-color: var(--blue); }

.choice-card:hover,
.choice-card:focus-visible,
.content-card:hover,
.content-card:focus-visible,
.value-box:hover,
.value-box:focus-within,
.tariff-card:hover,
.tariff-card:focus-within,
.info-events-card:hover,
.info-events-card:focus-within,
.customer-voice:hover,
.customer-voice:focus-within,
.team-card:hover,
.team-card:focus-within,
.blog-card:hover,
.blog-card:focus-within,
.sponsor-option:hover,
.sponsor-option:focus-within,
.button:hover,
.button:focus-visible {
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
}

.button,
.nav-toggle,
.site-nav a,
.form input,
.form textarea,
.form select { border-radius: 5px; }

@media (min-width: 760px) {
  .site-header,
  .hero,
  .site-footer {
    padding-left: max(40px, calc((100vw - 900px) / 2));
    padding-right: max(40px, calc((100vw - 900px) / 2));
  }
}

@media (max-width: 759px) {
  .section,
  .hero-content,
  .form-alert { width: calc(100% - 40px); }
  .section { padding: 48px 0; }
  .hero,
  .site-header,
  .site-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .site-nav {
    left: 20px;
    right: 20px;
  }
}