:root {
  --vk-card-border: rgba(23, 48, 71, 0.20);
  --vk-card-shadow: 0 8px 22px rgba(23, 48, 71, 0.13);
  --vk-card-shadow-hover: 0 12px 28px rgba(23, 48, 71, 0.18);
}

body.page-id-17 .vk-mvp-card,
body.page-id-18 .vk-card,
body.page-id-19 .vk-card,
body.page-id-22 .vk-card,
body.page-id-18 .vk-question,
body.page-id-19 .vk-question,
body.page-id-18 .vk-status-note,
body.page-id-19 .vk-status-note,
body.page-id-18 .vk-p02-price-card,
body.page-id-19 .vk-p02-price-card {
  background: #ffffff !important;
  border: 1px solid var(--vk-card-border) !important;
  box-shadow: var(--vk-card-shadow) !important;
}

body.page-id-17 .vk-mvp-offer-link:hover,
body.page-id-17 .vk-mvp-offer-link:focus-visible {
  box-shadow: var(--vk-card-shadow-hover) !important;
  transform: translateY(-2px);
}

/* Startseitenbreite für alle freigegebenen Unterseiten */
body.page-id-18 .wp-block-post-content > .vk-site,
body.page-id-19 .wp-block-post-content > .vk-site,
body.page-id-22 .wp-block-post-content > .vk-site {
  width: calc(100% - 200px) !important;
  max-width: 1225px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-21 .wp-block-post-content,
body.page-id-23 .wp-block-post-content,
body.page-id-24 .wp-block-post-content,
body.page-id-515 .wp-block-post-content,
body.page-id-572 .wp-block-post-content,
body.page-id-574 .wp-block-post-content {
  width: calc(100% - 200px) !important;
  max-width: 1225px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-18 .vk-shell,
body.page-id-19 .vk-shell,
body.page-id-22 .vk-shell {
  width: calc(100% - 64px) !important;
  max-width: 1160px !important;
}

body.page-id-515 main > .wp-block-group.alignfull,
body.page-id-572 main > .wp-block-group.alignfull,
body.page-id-574 main > .wp-block-group.alignfull {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-515 .vk-ehs-mvp,
body.page-id-572 .vk-ehs-mvp,
body.page-id-574 .vk-ehs-mvp {
  width: 100% !important;
  max-width: none !important;
}

/* Footer-Logo */
.vk-footer-logo {
  display: block;
  width: 280px;
  max-width: 100%;
  margin: 0;
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}

.vk-footer-logo img {
  display: block;
  width: 100%;
  height: auto;
}

/* Kein schwarzes Rechteck bei normalem Mausklick */
.vk-footer-logo:focus,
.vk-footer-logo:active,
.vk-footer-logo:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Dezenter Fokus ausschließlich bei Tastaturbedienung */
.vk-footer-logo:focus-visible {
  outline: 2px solid #23766f !important;
  outline-offset: 4px;
  border-radius: 4px;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  body.page-id-18 .wp-block-post-content > .vk-site,
  body.page-id-19 .wp-block-post-content > .vk-site,
  body.page-id-22 .wp-block-post-content > .vk-site,
  body.page-id-21 .wp-block-post-content,
  body.page-id-23 .wp-block-post-content,
  body.page-id-24 .wp-block-post-content,
  body.page-id-515 .wp-block-post-content,
  body.page-id-572 .wp-block-post-content,
  body.page-id-574 .wp-block-post-content {
    width: calc(100% - 64px) !important;
    max-width: 1225px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 760px) {
  body.page-id-18 .wp-block-post-content > .vk-site,
  body.page-id-19 .wp-block-post-content > .vk-site,
  body.page-id-22 .wp-block-post-content > .vk-site,
  body.page-id-21 .wp-block-post-content,
  body.page-id-23 .wp-block-post-content,
  body.page-id-24 .wp-block-post-content,
  body.page-id-515 .wp-block-post-content,
  body.page-id-572 .wp-block-post-content,
  body.page-id-574 .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.page-id-18 .vk-shell,
  body.page-id-19 .vk-shell,
  body.page-id-22 .vk-shell {
    width: calc(100% - 32px) !important;
  }

  .vk-footer-logo {
    width: 220px;
  }
}

/* vk-mobile-overflow-fix-20260716: nur sehr schmale Ansichten */
@media (max-width: 360px) {
  body.page-id-17 .vk-mvp-hero-grid > * {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-515 .vk-ehs-faq > details,
  body.page-id-572 .vk-ehs-faq > details,
  body.page-id-515 .vk-ehs-grid > *,
  body.page-id-572 .vk-ehs-grid > * {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-879 .vk-offer-hero-grid > *,
  body.page-id-879 .vk-offer-grid > * {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-515 .vk-ehs-mvp h1,
  body.page-id-572 .vk-ehs-mvp h1 {
    font-size: 27px !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.page-id-879 .vk-offer-page h1 {
    font-size: 28px !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.postid-323 .vk-article-hero h1 {
    max-width: 100% !important;
    font-size: 30px !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

/* vk-home-h1-very-narrow */
@media (max-width: 339px) {
  body.page-id-17 #vk-home-title {
    font-size: 27px !important;
  }
}