/* ==========================================================
   HEADER · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Grundlage: Seovidi Header. Schrift: lokale Roboto 400 / 500.
   ========================================================== */

/* 01 · Vorlagenteil, Breite und Schrift */
.wp-block-template-part:has(> .sv-tpl-header) {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 100;
  margin-block: 0;
}

.sv-tpl-header {
  --sv-h-pad: clamp(24px, 4vw, 48px);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #1a2438;
  background: #fff;
  border-bottom: 1px solid #dfe3ea;
  font-family: Roboto, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

.sv-tpl-header *, .sv-tpl-header *::before, .sv-tpl-header *::after {
  box-sizing: border-box;
}

.sv-tpl-header :where(.wp-block-group, .wp-block-buttons, .wp-block-button, figure, p, ul, li) {
  margin: 0;
  padding: 0;
}

.sv-tpl-header .sv-tpl-header__bar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-rows: 72px auto;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: var(--sv-h-pad);
  gap: 0;
}

.sv-tpl-header a { color: inherit; text-decoration: none; }
.sv-tpl-header a:focus-visible, .sv-tpl-header button:focus-visible {
  outline: 2px solid #3b7caa;
  outline-offset: 4px;
}

/* 02 · Austauschbares Logo */
.sv-tpl-header .sv-tpl-logo {
  grid-column: 1;
  grid-row: 1;
  width: 128px;
  max-width: calc(100% - 12px);
  margin-right: 12px;
}
.sv-tpl-header .sv-tpl-logo a { display: block; }
.sv-tpl-header .sv-tpl-logo img { display: block; width: 100%; max-width: 100%; height: auto; }

/* 03 · Native Buttons */
.sv-tpl-header .wp-block-button { display: flex; }
.sv-tpl-header .sv-tpl-desktop-cta { display: none; }
.sv-tpl-header .sv-tpl-mobile-cta {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  margin-right: 10px;
  gap: 0;
}
.sv-tpl-header .sv-tpl-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s, background-color .15s, border-color .15s, opacity .15s;
}
.sv-tpl-header .sv-tpl-button--outline .wp-block-button__link {
  color: #2f4261;
  background: transparent;
  border-color: #2f4261;
}
.sv-tpl-header .sv-tpl-button--outline .wp-block-button__link:hover { color: #fff; background: #2f4261; }
.sv-tpl-header .sv-tpl-mobile-cta .wp-block-button__link {
  height: 44px;
  padding: 0 16px;
  color: #fff;
  background: #e85d2a;
  border: 0;
  font-size: 15px;
  line-height: 22.5px;
}
.sv-tpl-header .sv-tpl-mobile-cta .wp-block-button__link:hover { opacity: .9; }

/* 04 · Native Navigation: gemeinsame Schrift und Links */
.sv-tpl-header .sv-tpl-navigation {
  position: static;
  display: contents;
  margin: 0;
  padding: 0;
  color: #1a2438;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.sv-tpl-navigation .wp-block-navigation-item__content {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
}
.sv-tpl-navigation .wp-block-navigation-item__content:hover { color: #3b7caa; }
.sv-tpl-navigation button.wp-block-navigation-item__content {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}
.sv-tpl-navigation .wp-block-navigation-item__description {
  display: block;
  color: #5a667a;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* 05 · Mobil: Kontakt und Menü bleiben in der Kopfzeile.
   Das geöffnete Menü nimmt wie bei Seovidi Platz unter der Zeile ein. */
@media (max-width: 1023px) {
  /* Seitenscrollen trotz WordPress-Modalklasse zulassen. */
  html.has-modal-open:has(.sv-tpl-header .sv-tpl-navigation .wp-block-navigation__responsive-container.is-menu-open) {
    overflow-y: auto;
  }

  .sv-tpl-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none;
  }

  .sv-tpl-navigation .wp-block-navigation__responsive-container-open {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 0 10px;
    color: #141d2e;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 2px;
    font: 500 15px/22.5px Roboto, system-ui, sans-serif;
  }

  .sv-tpl-navigation .wp-block-navigation__responsive-container-open svg,
  .sv-tpl-navigation .wp-block-navigation__responsive-container-close svg {
    display: none;
  }

  .sv-tpl-navigation .wp-block-navigation__responsive-container-open::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 5h16M2 10h16M2 15h16' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .sv-tpl-header .sv-tpl-navigation .wp-block-navigation__responsive-container.is-menu-open {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-text-align: left;
    --navigation-layout-align: flex-start;
    position: static;
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    inset: auto;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 73px - var(--wp-admin--admin-bar--height, 0px));
    margin: 0 calc(0px - var(--sv-h-pad));
    padding: 24px var(--sv-h-pad);
    overflow: auto;
    overscroll-behavior: auto;
    color: #1a2438;
    background: #fff;
    border-top: 1px solid #dfe3ea;
    box-shadow: none;
    animation: none;
    transform: none;
    opacity: 1;
  }

  .sv-tpl-header .sv-tpl-navigation .wp-block-navigation__responsive-close,
  .sv-tpl-header .sv-tpl-navigation .wp-block-navigation__responsive-dialog {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .sv-tpl-header .sv-tpl-navigation .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 14px;
    right: var(--sv-h-pad);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    color: #141d2e;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 2px;
    font: 500 15px/22.5px Roboto, system-ui, sans-serif;
  }

  .sv-tpl-navigation .wp-block-navigation__responsive-container-close::before {
    content: "";
    width: 20px;
    height: 20px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 4l12 12M16 4L4 16' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: stretch;
    padding: 0;
  }

  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
  }

  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 0;
    text-align: left;
  }

  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    align-items: flex-start;
    min-width: 0;
    gap: 12px;
    margin-top: 12px;
    padding: 0 0 0 16px;
    border-left: 1px solid #dfe3ea;
    font-size: inherit;
    line-height: inherit;
  }

  .sv-tpl-navigation .is-menu-open .sv-tpl-branches > .wp-block-navigation-item__content {
    color: #5a667a;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 26px;
  }

  .sv-tpl-navigation .is-menu-open .wp-block-navigation-item__description {
    display: none;
  }

  .sv-tpl-navigation .is-menu-open .sv-tpl-menu-cta {
    margin-top: 8px;
  }

  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation__responsive-container-content .sv-tpl-menu-cta > .wp-block-navigation-item__content {
    display: inline-flex;
    gap: 8px;
    padding: 12px 20px;
    color: #2f4261;
    border: 1px solid #2f4261;
    border-radius: 2px;
  }

  .sv-tpl-navigation .sv-tpl-menu-cta > .wp-block-navigation-item__content:hover {
    color: #fff;
    background: #2f4261;
  }

  /* Aktuelle Seite im geöffneten Menü hervorheben.
     Die Seitenklassen ergänzen die WordPress-Kennzeichnung
     auch bei eigenen Menülinks. */
  .sv-tpl-header .sv-tpl-navigation .is-menu-open .wp-block-navigation-item__content[aria-current="page"],
  .sv-tpl-header .sv-tpl-navigation .is-menu-open .current-menu-item > .wp-block-navigation-item__content,
  body:has(.sv-seo-betreuung) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/seo-betreuung/"],
  body:has(.sv-seo-maschinenbau) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/seo-maschinenbau/"],
  body:has(.sv-seo-ingenieurbueros) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/seo-ingenieurbueros/"],
  body:has(.sv-ueber-uns) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/ueber-uns/"],
  body:has(.sv-seo-wissen, .sv-single, .sv-category) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/seo-wissen/"],
  body:has(.sv-kontakt) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/kontakt/"],
  body:has(.sv-basis-check) .sv-tpl-header .is-menu-open .wp-block-navigation-item__content[href$="/seo-basis-check/"] {
    color: #2f4261;
    background: #eaf1f7;
    border-radius: 2px;
    box-shadow: 0 0 0 6px #eaf1f7;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  .sv-tpl-header .sv-tpl-logo {
    width: 140px;
  }

  .sv-tpl-header .sv-tpl-mobile-cta .wp-block-button__link {
    padding-inline: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sv-tpl-navigation .wp-block-navigation__responsive-container-open::after,
  .sv-tpl-navigation .wp-block-navigation__responsive-container-close::after {
    content: "Menü";
  }
}

/* 06 · Desktop und Branchenmenü */
@media (min-width: 1024px) {
  .sv-tpl-header .sv-tpl-header__bar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 72px;
  }

  .sv-tpl-header .sv-tpl-logo {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin: 0;
  }

  .sv-tpl-header .sv-tpl-logo img {
    height: 48px;
    width: auto;
  }

  .sv-tpl-header .sv-tpl-mobile-cta {
    display: none;
  }

  .sv-tpl-header .sv-tpl-desktop-cta {
    display: flex;
    flex: 0 0 auto;
    gap: 0;
  }

  .sv-tpl-header .sv-tpl-navigation {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
	font-size: 16px;
    line-height: 24px;
  }

  .sv-tpl-navigation
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: block;
    width: auto;
  }

  .sv-tpl-navigation
  .wp-block-navigation__responsive-container-open {
    display: none;
  }

  .sv-tpl-header .sv-tpl-navigation
  .wp-block-navigation__container {
    flex-wrap: nowrap;
    align-items: center;
    gap: 32px;
  }

  .sv-tpl-navigation .wp-block-navigation-item__label {
    white-space: nowrap;
  }

  /* Nur der übergeordnete Menüpunkt ist der Bezugspunkt */
  .sv-tpl-header .sv-tpl-navigation
  li.sv-tpl-branches.has-child {
    position: relative;
  }

  .sv-tpl-navigation .sv-tpl-branches
  > .wp-block-navigation__submenu-icon {
    width: auto;
    height: 20px;
    margin-left: 4px;
    font-size: 14px;
    line-height: 20px;
  }

  .sv-tpl-navigation .sv-tpl-branches
  > .wp-block-navigation__submenu-icon svg {
    display: none;
  }

  .sv-tpl-navigation .sv-tpl-branches
  > .wp-block-navigation__submenu-icon::before {
    content: "▾";
  }

  .sv-tpl-header .sv-tpl-navigation.wp-block-navigation
  .sv-tpl-branches.has-child:not(.open-always)
  > .wp-block-navigation__submenu-container {
    left: 0;
    top: 100%;
	transform: none;
    width: 288px;
    min-width: 288px;
    margin-top: 12px;
    padding: 8px;
    color: #1a2438;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 0;
    box-shadow: none;
  }

  /* Unsichtbare Mausbrücke über die gesamte Untermenübreite */
  .sv-tpl-header .sv-tpl-navigation
  li.sv-tpl-branches.has-child
  > .wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    bottom: auto;
    width: 100%;
    height: 13px;
    transform: none;
    border: 0;
    background: transparent;
    pointer-events: auto;
  }

  .sv-tpl-header .sv-tpl-navigation.wp-block-navigation
  li.sv-tpl-branches.has-child:is(:hover, :focus-within)
  > .wp-block-navigation__submenu-container {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
  }

  .sv-tpl-header .sv-tpl-navigation .sv-tpl-branches
  > .wp-block-navigation__submenu-container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 12px;
  }

  .sv-tpl-navigation .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:hover {
    color: #1a2438;
    background: #f5f6f8;
  }

  .sv-tpl-navigation .sv-tpl-menu-cta {
    display: none;
  }
}

/* 07 · Bearbeitung im Website-Editor */
.editor-styles-wrapper .sv-tpl-header .sv-tpl-header__bar { display: flex; flex-wrap: wrap; gap: 12px; padding-block: 14px; }
.editor-styles-wrapper .sv-tpl-header .sv-tpl-navigation { display: flex; flex: 1 1 420px; }
.editor-styles-wrapper .sv-tpl-header .sv-tpl-desktop-cta,
.editor-styles-wrapper .sv-tpl-header .sv-tpl-mobile-cta { display: flex; }
.editor-styles-wrapper .sv-tpl-navigation .sv-tpl-menu-cta { display: list-item; }
@media (prefers-reduced-motion: reduce) { .sv-tpl-header * { transition: none; } }

/* HEADER · ENDE DES CSS-ZUSATZES */

	
/* ==========================================================
   FOOTER · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Grundlage: Seovidi Footer. Schrift: lokale Roboto 400 / 500.
   ========================================================== */

/* 01 · Vorlagenteil, Schrift und gemeinsame Abstände */
.wp-block-template-part:has(> .sv-tpl-footer) { margin-block-start: 0; }
.sv-tpl-footer {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #141d2e;
  font-family: Roboto, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.sv-tpl-footer *, .sv-tpl-footer *::before, .sv-tpl-footer *::after { box-sizing: border-box; }
.sv-tpl-footer :where(.wp-block-group, figure, p, ul, li) { margin: 0; padding: 0; font-family: inherit; }
.sv-tpl-footer .sv-tpl-wrap { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(24px, 4vw, 48px); }
.sv-tpl-footer a { color: #a9b4c7; text-decoration: none; }
.sv-tpl-footer a:hover { color: #fff; }
.sv-tpl-footer a:focus-visible { outline: 2px solid #3b7caa; outline-offset: 4px; }

/* 02 · Logo, Text und Linkspalten */
.sv-tpl-footer .sv-tpl-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; padding-block: 64px; }
.sv-tpl-footer .sv-tpl-footer__column { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; color: #a9b4c7; font-size: 14px; line-height: 20px; }
.sv-tpl-footer .sv-tpl-footer__brand { gap: 16px; }
.sv-tpl-footer .sv-tpl-logo { display: block; width: max-content; max-width: 100%; padding: 4px 8px; background: #fff; border-radius: 2px; }
.sv-tpl-footer .sv-tpl-logo a { display: block; }
.sv-tpl-footer .sv-tpl-logo img { display: block; width: auto; max-width: 100%; height: 48px; }
.sv-tpl-footer .sv-tpl-footer__intro { color: #a9b4c7; font-size: 14px; font-weight: 400; line-height: 20px; }
.sv-tpl-footer .sv-tpl-footer__title { color: #a9b4c7; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .08em; text-transform: uppercase; }
.sv-tpl-footer .sv-tpl-footer__links { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.sv-tpl-footer .sv-tpl-footer__links li { margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 20px; }
.sv-tpl-footer .sv-tpl-footer__contact { max-width: 100%; color: #a9b4c7; font-size: 14px; font-weight: 400; line-height: 20px; overflow-wrap: anywhere; }

/* 03 · Copyright und die vier unteren Links */
.sv-tpl-footer .sv-tpl-footer__bottom { border-top: 1px solid #2a3650; }
.sv-tpl-footer .sv-tpl-footer__row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-block: 24px; color: #a9b4c7; font-size: 14px; line-height: 20px; }
.sv-tpl-footer .sv-tpl-footer__legal { display: flex; flex-wrap: wrap; max-width: 100%; gap: 12px 24px; }

/* 04 · Vier Spalten ab 768 px, wie in der Seovidi-Vorlage */
@media (min-width: 768px) {
  .sv-tpl-footer .sv-tpl-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* FOOTER · ENDE DES CSS-ZUSATZES */



/* SEOVIDI · STARTSEITE · neue CSS-Grundlage
   Ausschließlich lokal installierte Roboto 400 und 500. */

.wp-site-blocks:has(.sv-home),
main:has(.sv-home),
.wp-block-post-content:has(> .sv-home) { max-width:none; padding-inline:0; }
main:has(.sv-home) { margin-block:0; padding-block:0; }
main:has(.sv-home) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-home { width:100%; max-width:none; margin:0; }
.sv-home { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-home *, .sv-home *::before, .sv-home *::after { box-sizing:border-box; }
.sv-home :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-home :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-home :where(ul,ol) { list-style:none; }
.sv-home a { color:inherit; text-decoration:none; }
.sv-home strong { font-weight:500; }
.sv-home a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-home .sv-bg-background { background-color:#fff; }
.sv-home .sv-bg-navy { background-color:#141d2e; }
.sv-home .sv-bg-surface { background-color:#f5f6f8; }
.sv-home .sv-bg-border { background-color:#dfe3ea; }
.sv-home .sv-text-accent { color:#e85d2a; }
.sv-home .sv-text-blue-3 { color:#3b7caa; }
.sv-home .sv-text-muted-foreground { color:#5a667a; }
.sv-home .sv-text-navy-muted { color:#a9b4c7; }
.sv-home .sv-text-navy-foreground { color:#fff; }
.sv-home .sv-border-primary { border-color:#2f4261; }
.sv-home .sv-border-navy-line { border-color:#2a3650; }
.sv-home .sv-border-l-primary { border-left-color:#2f4261; }
.sv-home .sv-relative { position:relative; }
.sv-home .sv-overflow-hidden { overflow:hidden; }
.sv-home .sv-grid { display:grid; }
.sv-home .sv-flex { display:flex; }
.sv-home .sv-inline-flex { display:inline-flex; }
.sv-home .sv-flex-col { flex-direction:column; }
.sv-home .sv-flex-wrap { flex-wrap:wrap; }
.sv-home .sv-flex-1 { flex:1 1 0%; }
.sv-home .sv-items-center { align-items:center; }
.sv-home .sv-justify-between { justify-content:space-between; }
.sv-home .sv-justify-center { justify-content:center; }
.sv-home .sv-hidden { display:none; }
.sv-home .sv-text-center { text-align:center; }
.sv-home .sv-font-medium { font-weight:500; }
.sv-home .sv-font-semibold { font-weight:500; }
.sv-home .sv-min-h-72 { min-height:288px; }
.sv-home .sv-mx-auto { margin-inline:auto; }
.sv-home .sv-mt-auto { margin-top:auto; }
.sv-home .sv-leading-tight { --sv-leading:1.25;line-height:1.25; }
.sv-home .sv-underline-offset-4 { text-underline-offset:4px; }
.sv-home .sv-transition-colors { transition:color .15s,background-color .15s,border-color .15s,opacity .15s; }
.sv-home .sv-data { font-family:Roboto,system-ui,sans-serif; }
.sv-home .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-home .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-home .sv-mt-2 { margin-top:8px; }
.sv-home .sv-mt-3 { margin-top:12px; }
.sv-home .sv-mt-4 { margin-top:16px; }
.sv-home .sv-mt-5 { margin-top:20px; }
.sv-home .sv-mt-6 { margin-top:24px; }
.sv-home .sv-mt-8 { margin-top:32px; }
.sv-home .sv-mt-10 { margin-top:40px; }
.sv-home .sv-mt-12 { margin-top:48px; }
.sv-home .sv-mt-14 { margin-top:56px; }
.sv-home .sv-mb-4 { margin-bottom:16px; }
.sv-home .sv-gap-1_5 { gap:6px; }
.sv-home .sv-gap-2 { gap:8px; }
.sv-home .sv-gap-4 { gap:16px; }
.sv-home .sv-gap-8 { gap:32px; }
.sv-home .sv-gap-10 { gap:40px; }
.sv-home .sv-gap-12 { gap:48px; }
.sv-home .sv-gap-14 { gap:56px; }
.sv-home .sv-gap-px { gap:1px; }
.sv-home .sv-p-6 { padding:24px; }
.sv-home .sv-p-8 { padding:32px; }
.sv-home .sv-px-5 { padding-inline:20px; }
.sv-home .sv-py-3 { padding-block:12px; }
.sv-home .sv-py-4 { padding-block:16px; }
.sv-home .sv-py-6 { padding-block:24px; }
.sv-home .sv-py-24 { padding-block:96px; }
.sv-home .sv-pt-6 { padding-top:24px; }
.sv-home .sv-pt-8 { padding-top:32px; }
.sv-home .sv-pt-12 { padding-top:48px; }
.sv-home .sv-pl-4 { padding-left:16px; }
.sv-home .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-home .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-home .sv-text-xl { font-size:20px;line-height:var(--sv-leading,28px); }
.sv-home .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-home .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-home .sv-max-w-md { max-width:448px; }
.sv-home .sv-max-w-xl { max-width:576px; }
.sv-home .sv-max-w-2xl { max-width:672px; }
.sv-home .sv-max-w-3xl { max-width:768px; }
.sv-home .sv-border { border-width:1px; }
.sv-home .sv-border-b { border-bottom-width:1px; }
.sv-home .sv-border-t { border-top-width:1px; }
.sv-home .sv-border-y { border-top-width:1px;border-bottom-width:1px; }
.sv-home .sv-border-t-2 { border-top-width:2px; }
.sv-home .sv-border-l-2 { border-left-width:2px; }

@media (min-width:640px) {
  .sv-home .sv-sm-inline { display:inline; }
  .sv-home .sv-sm-gap-6 { gap:24px; }
  .sv-home .sv-service-row-grid { grid-template-columns:48px minmax(0,1fr) minmax(0,1.4fr); }
}

@media (min-width:768px) {
  .sv-home .sv-md-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-home .sv-md-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-home .sv-md-subgrid { grid-template-rows:subgrid; }
  .sv-home .sv-md-span-2 { grid-row:span 2 / span 2; }
  .sv-home .sv-md-p-12 { padding:48px; }
  .sv-home .sv-md-py-32 { padding-block:128px; }
  .sv-home .sv-md-py-40 { padding-block:160px; }
  .sv-home .sv-md-text-5xl { font-size:48px;line-height:var(--sv-leading,1); }
  .sv-home .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
}

@media (min-width:1024px) {
  .sv-home .sv-lg-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-home .sv-lg-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-home .sv-hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
  .sv-home .sv-problem-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
  .sv-home .sv-services-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); }
  .sv-home .sv-check-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-home .sv-lg-items-center { align-items:center; }
  .sv-home .sv-lg-gap-0 { gap:0; }
  .sv-home .sv-lg-pr-8 { padding-right:32px; }
  .sv-home .sv-lg-border-l { border-left-width:1px;border-left-style:solid; }
  .sv-home .sv-lg-border-t-0 { border-top-width:0; }
}

/* Interaktionen und native Buttons */
.sv-home .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-home .sv-hover-opacity-90:hover { opacity:.9; }
.sv-home .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-home .sv-hover-underline:hover, .sv-home .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-home .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-home .sv-space-y-4 > * + * { margin-top:16px; }
.sv-home .wp-block-button { display:flex; flex:0 0 auto; }
.sv-home .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-home .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-home .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-home .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-home .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* Ganze Branchenkarte verlinken, ihre Inhalte bleiben einzelne Blöcke. */
.sv-home .sv-industry-card { position:relative; }
.sv-home .sv-card-link::after { content:""; position:absolute; inset:0; }
.sv-home .sv-industry-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.editor-styles-wrapper .sv-home .sv-card-link::after { display:none; }
.sv-home .sv-process-label { line-height:24px; }

/* Native Listen: Werkzeuge und Prüfpunkte. */
.sv-home .sv-tools > li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:16px; border-bottom:1px solid #dfe3ea; }
.sv-home .sv-tools > li::after { content:""; flex:0 0 6px; width:6px; height:6px; background:#3b7caa; }
.sv-home .sv-checklist > li { position:relative; padding-left:28px; }
.sv-home .sv-checklist > li + li { margin-top:16px; }
.sv-home .sv-checklist > li::before { content:""; position:absolute; top:8px; left:0; width:16px; height:1px; background:#1a2438; }
.sv-home .sv-checklist { font-size:14px; line-height:20px; }
.sv-home .sv-data { font-family:Roboto,system-ui,sans-serif; }
@media (prefers-reduced-motion:reduce) { .sv-home * { transition:none; } }

/* ==========================================================
   SEO BETREUUNG · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehendes Startseiten-CSS beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-seo-betreuung),
main:has(.sv-seo-betreuung),
.wp-block-post-content:has(> .sv-seo-betreuung) { max-width:none; padding-inline:0; }
main:has(.sv-seo-betreuung) { margin-block:0; padding-block:0; }
main:has(.sv-seo-betreuung) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-seo-betreuung { width:100%; max-width:none; margin:0; }
.sv-seo-betreuung { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-seo-betreuung *, .sv-seo-betreuung *::before, .sv-seo-betreuung *::after { box-sizing:border-box; }
.sv-seo-betreuung :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-seo-betreuung :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-seo-betreuung :where(ul,ol) { list-style:none; }
.sv-seo-betreuung a { color:inherit; text-decoration:none; }
.sv-seo-betreuung strong { font-weight:500; }
.sv-seo-betreuung a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-seo-betreuung .sv-bg-background { background-color:#fff; }
.sv-seo-betreuung .sv-bg-navy { background-color:#141d2e; }
.sv-seo-betreuung .sv-bg-surface { background-color:#f5f6f8; }
.sv-seo-betreuung .sv-bg-border { background-color:#dfe3ea; }
.sv-seo-betreuung .sv-text-blue-3 { color:#3b7caa; }
.sv-seo-betreuung .sv-text-muted-foreground { color:#5a667a; }
.sv-seo-betreuung .sv-text-navy-muted { color:#a9b4c7; }
.sv-seo-betreuung .sv-text-navy-foreground { color:#fff; }
.sv-seo-betreuung .sv-border-navy-line { border-color:#2a3650; }
.sv-seo-betreuung .sv-relative { position:relative; }
.sv-seo-betreuung .sv-overflow-hidden { overflow:hidden; }
.sv-seo-betreuung .sv-grid { display:grid; }
.sv-seo-betreuung .sv-flex { display:flex; }
.sv-seo-betreuung .sv-flex-col { flex-direction:column; }
.sv-seo-betreuung .sv-flex-wrap { flex-wrap:wrap; }
.sv-seo-betreuung .sv-items-center { align-items:center; }
.sv-seo-betreuung .sv-justify-between { justify-content:space-between; }
.sv-seo-betreuung .sv-font-semibold { font-weight:500; }
.sv-seo-betreuung .sv-data { font-family:Roboto,system-ui,sans-serif; }
.sv-seo-betreuung .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-seo-betreuung .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-seo-betreuung .sv-mt-2 { margin-top:8px; }
.sv-seo-betreuung .sv-mt-3 { margin-top:12px; }
.sv-seo-betreuung .sv-mt-4 { margin-top:16px; }
.sv-seo-betreuung .sv-mt-5 { margin-top:20px; }
.sv-seo-betreuung .sv-mt-8 { margin-top:32px; }
.sv-seo-betreuung .sv-mt-10 { margin-top:40px; }
.sv-seo-betreuung .sv-mt-12 { margin-top:48px; }
.sv-seo-betreuung .sv-gap-3 { gap:12px; }
.sv-seo-betreuung .sv-gap-4 { gap:16px; }
.sv-seo-betreuung .sv-gap-10 { gap:40px; }
.sv-seo-betreuung .sv-gap-12 { gap:48px; }
.sv-seo-betreuung .sv-gap-px { gap:1px; }
.sv-seo-betreuung .sv-p-6 { padding:24px; }
.sv-seo-betreuung .sv-p-8 { padding:32px; }
.sv-seo-betreuung .sv-py-24 { padding-block:96px; }
.sv-seo-betreuung .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-seo-betreuung .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-seo-betreuung .sv-text-xl { font-size:20px;line-height:var(--sv-leading,28px); }
.sv-seo-betreuung .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-seo-betreuung .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-seo-betreuung .sv-max-w-xl { max-width:576px; }
.sv-seo-betreuung .sv-max-w-2xl { max-width:672px; }
.sv-seo-betreuung .sv-border { border-width:1px; }
.sv-seo-betreuung .sv-border-b { border-bottom-width:1px; }
.sv-seo-betreuung .sv-border-t { border-top-width:1px; }
.sv-seo-betreuung .sv-mt-1 { margin-top:4px; }
.sv-seo-betreuung .sv-mt-16 { margin-top:64px; }
.sv-seo-betreuung .sv-gap-6 { gap:24px; }
.sv-seo-betreuung .sv-py-2_5 { padding-block:10px; }
.sv-seo-betreuung .sv-py-8 { padding-block:32px; }
.sv-seo-betreuung .sv-py-20 { padding-block:80px; }
.sv-seo-betreuung .sv-text-2xl { font-size:24px;line-height:var(--sv-leading,32px); }

@media (min-width:640px) {
  .sv-seo-betreuung .sv-sm-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-betreuung .sv-sm-flex-row { flex-direction:row; }
}

@media (min-width:768px) {
  .sv-seo-betreuung .sv-md-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-betreuung .sv-md-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-seo-betreuung .sv-md-py-40 { padding-block:160px; }
  .sv-seo-betreuung .sv-md-text-5xl { font-size:48px;line-height:var(--sv-leading,1); }
  .sv-seo-betreuung .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-seo-betreuung .sv-md-py-28 { padding-block:112px; }
}

@media (min-width:1024px) {
  .sv-seo-betreuung .sv-lg-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-seo-betreuung .sv-problem-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
  .sv-seo-betreuung .sv-check-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-seo-betreuung .sv-lg-flex-col { flex-direction:column; }
  .sv-seo-betreuung .sv-lg-items-start { align-items:flex-start; }
  .sv-seo-betreuung .sv-lg-items-end { align-items:flex-end; }
  .sv-seo-betreuung .sv-service-category-grid { grid-template-columns:192px minmax(0,1fr); }
}

/* 02 · Buttons und Interaktionen */
.sv-seo-betreuung .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-seo-betreuung .sv-hover-opacity-90:hover { opacity:.9; }
.sv-seo-betreuung .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-seo-betreuung .wp-block-button { display:flex; flex:0 0 auto; }
.sv-seo-betreuung .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-seo-betreuung .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-seo-betreuung .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-seo-betreuung .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-seo-betreuung .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Verlinkte Branchen und Karten */
.sv-seo-betreuung .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.editor-styles-wrapper .sv-seo-betreuung .sv-card-link-wrap a::after { display:none; }
.sv-seo-betreuung .sv-process-label { line-height:24px; }

@media (prefers-reduced-motion:reduce) { .sv-seo-betreuung * { transition:none; } }

/* 04 · Brotkrumen, Karten und Abschlussbereich */
/* Alle Regeln in diesem Abschnitt gelten nur für SEO Betreuung. */
.sv-seo-betreuung .sv-hover-text-light:hover { color:#fff; }
.sv-seo-betreuung .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.sv-seo-betreuung .sv-link-card { position:relative; }
.sv-seo-betreuung .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-seo-betreuung .wp-block-buttons.sv-flex-col { align-items:stretch; }
.sv-seo-betreuung .wp-block-buttons.sv-flex-col .wp-block-button__link { width:100%; }
@media (min-width:1024px) { .sv-seo-betreuung .wp-block-buttons.sv-lg-items-start { align-items:flex-start; } }
/* SEO BETREUUNG · ENDE DES CSS-ZUSATZES */

/* ==========================================================
   SEO MASCHINENBAU · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehende CSS-Abschnitte vollständig beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-seo-maschinenbau),
main:has(.sv-seo-maschinenbau),
.wp-block-post-content:has(> .sv-seo-maschinenbau) { max-width:none; padding-inline:0; }
main:has(.sv-seo-maschinenbau) { margin-block:0; padding-block:0; }
main:has(.sv-seo-maschinenbau) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-seo-maschinenbau { width:100%; max-width:none; margin:0; }
.sv-seo-maschinenbau { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-seo-maschinenbau *, .sv-seo-maschinenbau *::before, .sv-seo-maschinenbau *::after { box-sizing:border-box; }
.sv-seo-maschinenbau :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-seo-maschinenbau :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-seo-maschinenbau :where(ul,ol) { list-style:none; }
.sv-seo-maschinenbau a { color:inherit; text-decoration:none; }
.sv-seo-maschinenbau strong { font-weight:500; }
.sv-seo-maschinenbau a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-seo-maschinenbau .sv-bg-background { background-color:#fff; }
.sv-seo-maschinenbau .sv-bg-navy { background-color:#141d2e; }
.sv-seo-maschinenbau .sv-bg-surface { background-color:#f5f6f8; }
.sv-seo-maschinenbau .sv-bg-border { background-color:#dfe3ea; }
.sv-seo-maschinenbau .sv-text-blue-3 { color:#3b7caa; }
.sv-seo-maschinenbau .sv-text-muted-foreground { color:#5a667a; }
.sv-seo-maschinenbau .sv-text-navy-muted { color:#a9b4c7; }
.sv-seo-maschinenbau .sv-text-navy-foreground { color:#fff; }
.sv-seo-maschinenbau .sv-bg-primary { background-color:#2f4261; }
.sv-seo-maschinenbau .sv-relative { position:relative; }
.sv-seo-maschinenbau .sv-overflow-hidden { overflow:hidden; }
.sv-seo-maschinenbau .sv-grid { display:grid; }
.sv-seo-maschinenbau .sv-flex { display:flex; }
.sv-seo-maschinenbau .sv-inline-flex { display:inline-flex; }
.sv-seo-maschinenbau .sv-flex-col { flex-direction:column; }
.sv-seo-maschinenbau .sv-flex-wrap { flex-wrap:wrap; }
.sv-seo-maschinenbau .sv-items-center { align-items:center; }
.sv-seo-maschinenbau .sv-font-semibold { font-weight:500; }
.sv-seo-maschinenbau .sv-underline-offset-4 { text-underline-offset:4px; }
.sv-seo-maschinenbau .sv-data { font-family:Roboto,system-ui,sans-serif; }
.sv-seo-maschinenbau .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-seo-maschinenbau .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-seo-maschinenbau .sv-mt-3 { margin-top:12px; }
.sv-seo-maschinenbau .sv-mt-4 { margin-top:16px; }
.sv-seo-maschinenbau .sv-mt-5 { margin-top:20px; }
.sv-seo-maschinenbau .sv-mt-6 { margin-top:24px; }
.sv-seo-maschinenbau .sv-mt-8 { margin-top:32px; }
.sv-seo-maschinenbau .sv-mt-10 { margin-top:40px; }
.sv-seo-maschinenbau .sv-mt-12 { margin-top:48px; }
.sv-seo-maschinenbau .sv-gap-1_5 { gap:6px; }
.sv-seo-maschinenbau .sv-gap-3 { gap:12px; }
.sv-seo-maschinenbau .sv-gap-4 { gap:16px; }
.sv-seo-maschinenbau .sv-gap-10 { gap:40px; }
.sv-seo-maschinenbau .sv-gap-12 { gap:48px; }
.sv-seo-maschinenbau .sv-gap-px { gap:1px; }
.sv-seo-maschinenbau .sv-p-6 { padding:24px; }
.sv-seo-maschinenbau .sv-py-3 { padding-block:12px; }
.sv-seo-maschinenbau .sv-py-24 { padding-block:96px; }
.sv-seo-maschinenbau .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-seo-maschinenbau .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-seo-maschinenbau .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-seo-maschinenbau .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-seo-maschinenbau .sv-max-w-xl { max-width:576px; }
.sv-seo-maschinenbau .sv-max-w-2xl { max-width:672px; }
.sv-seo-maschinenbau .sv-max-w-3xl { max-width:768px; }
.sv-seo-maschinenbau .sv-border { border-width:1px; }
.sv-seo-maschinenbau .sv-border-b { border-bottom-width:1px; }
.sv-seo-maschinenbau .sv-border-t { border-top-width:1px; }
.sv-seo-maschinenbau .sv-mt-1 { margin-top:4px; }
.sv-seo-maschinenbau .sv-gap-6 { gap:24px; }
.sv-seo-maschinenbau .sv-py-20 { padding-block:80px; }
.sv-seo-maschinenbau .sv-py-7 { padding-block:28px; }
.sv-seo-maschinenbau .sv-text-primary-foreground { color:#fff; }
.sv-seo-maschinenbau .sv-px-1 { padding-inline:4px; }

@media (min-width:640px) {
  .sv-seo-maschinenbau .sv-sm-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-maschinenbau .sv-sm-flex-row { flex-direction:row; }
}

@media (min-width:768px) {
  .sv-seo-maschinenbau .sv-md-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-maschinenbau .sv-md-py-40 { padding-block:160px; }
  .sv-seo-maschinenbau .sv-md-text-5xl { font-size:48px;line-height:var(--sv-leading,1); }
  .sv-seo-maschinenbau .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-seo-maschinenbau .sv-md-py-28 { padding-block:112px; }
}

@media (min-width:1024px) {
  .sv-seo-maschinenbau .sv-lg-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-maschinenbau .sv-lg-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-seo-maschinenbau .sv-services-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); }
  .sv-seo-maschinenbau .sv-check-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-seo-maschinenbau .sv-lg-items-center { align-items:center; }
  .sv-seo-maschinenbau .sv-lg-flex-col { flex-direction:column; }
  .sv-seo-maschinenbau .sv-lg-items-start { align-items:flex-start; }
  .sv-seo-maschinenbau .sv-lg-items-end { align-items:flex-end; }
}

/* 02 · Buttons und Interaktionen */
.sv-seo-maschinenbau .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-seo-maschinenbau .sv-hover-opacity-90:hover { opacity:.9; }
.sv-seo-maschinenbau .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-seo-maschinenbau .sv-hover-underline:hover, .sv-seo-maschinenbau .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-seo-maschinenbau .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-seo-maschinenbau .sv-space-y-4 > * + * { margin-top:16px; }
.sv-seo-maschinenbau .wp-block-button { display:flex; flex:0 0 auto; }
.sv-seo-maschinenbau .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-seo-maschinenbau .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-seo-maschinenbau .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-seo-maschinenbau .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-seo-maschinenbau .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Verlinkte Karten */
.sv-seo-maschinenbau .sv-industry-card { position:relative; }
.sv-seo-maschinenbau .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.sv-seo-maschinenbau .sv-industry-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.editor-styles-wrapper .sv-seo-maschinenbau .sv-card-link-wrap a::after { display:none; }
.sv-seo-maschinenbau .sv-process-label { line-height:24px; }

@media (prefers-reduced-motion:reduce) { .sv-seo-maschinenbau * { transition:none; } }

/* 04 · Brotkrumen, Karten und Abschlussbereich */
.sv-seo-maschinenbau .sv-hover-text-light:hover { color:#fff; }
.sv-seo-maschinenbau .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.sv-seo-maschinenbau .sv-link-card { position:relative; }
.sv-seo-maschinenbau .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-seo-maschinenbau .sv-keywords > li { list-style:none; }
.sv-seo-maschinenbau .wp-block-buttons.sv-flex-col { align-items:stretch; }
.sv-seo-maschinenbau .wp-block-buttons.sv-flex-col .wp-block-button__link { width:100%; }
@media (min-width:1024px) { .sv-seo-maschinenbau .wp-block-buttons.sv-lg-items-start { align-items:flex-start; } }


/* 05 · Maschinenbau: nummerierte Herausforderungen */
@media (min-width:768px) {
 .sv-seo-maschinenbau .sv-challenge-odd:nth-child(odd) { padding-right:40px; }
 .sv-seo-maschinenbau .sv-challenge-even-border:nth-child(even) { border-left-width:1px; }
 .sv-seo-maschinenbau .sv-challenge-even-pad:nth-child(even) { padding-left:40px; }
}
/* 06 · Native Vergleichstabelle: mobil Suchbegriff über den beiden Werten */
.sv-seo-maschinenbau .sv-mb-comparison { width:100%; min-width:0; margin:0; padding:0; overflow-x:auto; border:1px solid #2a3650; }
.sv-seo-maschinenbau .sv-mb-comparison table { width:100%; min-width:520px; margin:0; border:0; border-collapse:collapse; table-layout:auto; }
.sv-seo-maschinenbau .sv-mb-comparison :is(thead,tbody) { display:block; border:0; }
.sv-seo-maschinenbau .sv-mb-comparison tr { display:grid; grid-template-columns:1.5fr 1fr 1fr; align-items:center; gap:24px; margin:0; padding:20px 24px; border-bottom:1px solid #2a3650; }
.sv-seo-maschinenbau .sv-mb-comparison thead tr { padding-block:16px; }
.sv-seo-maschinenbau .sv-mb-comparison tbody tr:last-child { border-bottom:0; }
.sv-seo-maschinenbau .sv-mb-comparison :is(th,td) { margin:0; padding:0; border:0; color:inherit; font-family:inherit; font-size:14px; font-weight:400; line-height:20px; text-align:left; overflow-wrap:normal; word-break:normal; }
.sv-seo-maschinenbau .sv-mb-comparison th { color:#a9b4c7; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-seo-maschinenbau .sv-mb-comparison :is(th,td):nth-child(n+2) { justify-self:center; text-align:center; }
.sv-seo-maschinenbau .sv-pill { display:inline-block; padding:6px 12px; border:1px solid #2a3650; color:#a9b4c7; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.sv-seo-maschinenbau .sv-pill-strong { color:#fff; border-color:rgb(255 255 255 / 50%); }

@media (max-width:639px) {
  .sv-seo-maschinenbau .sv-mb-comparison table {
    min-width:0;
    table-layout:fixed;
  }

  /* Kopfzeile visuell ausblenden; Tabellenüberschriften bleiben erhalten. */
  .sv-seo-maschinenbau .sv-mb-comparison thead {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }

  .sv-seo-maschinenbau .sv-mb-comparison tbody tr {
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:16px 12px;
    padding:20px 16px;
  }

  .sv-seo-maschinenbau .sv-mb-comparison tbody td {
    min-width:0;
  }

  /* Suchbegriff über die gesamte Zeilenbreite. */
  .sv-seo-maschinenbau .sv-mb-comparison tbody td:first-child {
    grid-column:1 / -1;
    font-size:16px;
    font-weight:500;
    line-height:24px;
    overflow-wrap:anywhere;
  }

  /* Volumen und Relevanz nebeneinander, jeweils mit Beschriftung. */
  .sv-seo-maschinenbau .sv-mb-comparison tbody td:nth-child(n+2) {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-self:stretch;
    gap:8px;
    text-align:left;
  }

  .sv-seo-maschinenbau .sv-mb-comparison tbody td:nth-child(n+2)::before {
    color:#a9b4c7;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .sv-seo-maschinenbau .sv-mb-comparison tbody td:nth-child(2)::before {
    content:"Volumen";
  }

  .sv-seo-maschinenbau .sv-mb-comparison tbody td:nth-child(3)::before {
    content:"Relevanz";
  }

  .sv-seo-maschinenbau .sv-mb-comparison .sv-pill {
    max-width:100%;
    padding:6px 8px;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  /* Hohe und sehr hohe Relevanz mit deutlichem weißen Rahmen. */
  .sv-seo-maschinenbau .sv-mb-comparison td:nth-child(3) .sv-pill-strong {
    color:#fff;
    border-color:#fff;
  }
}
/* 07 · Native Buttons im Abschlussbereich */
.sv-seo-maschinenbau .sv-closing-ctas > .sv-text-link-wrap > a { display:block; }
.sv-seo-maschinenbau .sv-cta-single { margin:0; gap:0; }
.sv-seo-maschinenbau .sv-cta-single .wp-block-button, .sv-seo-maschinenbau .sv-cta-single .wp-block-button__link { width:100%; }
@media (min-width:640px) { .sv-seo-maschinenbau .sv-cta-single .wp-block-button, .sv-seo-maschinenbau .sv-cta-single .wp-block-button__link { width:auto; } }
/* 08 · Native Leistungsliste */
.sv-seo-maschinenbau .sv-mb-service-list > li { position:relative; padding:0 0 16px 32px; border-bottom:1px solid #dfe3ea; font-size:16px; font-weight:400; line-height:24px; }
.sv-seo-maschinenbau .sv-mb-service-list > li + li { margin-top:16px; }
.sv-seo-maschinenbau .sv-mb-service-list > li::before { content:""; position:absolute; top:12px; left:0; width:16px; height:1px; background:#1a2438; }

/* SEO MASCHINENBAU · ENDE DES CSS-ZUSATZES */

/* ==========================================================
   SEO INGENIEURBÜROS · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehende CSS-Abschnitte vollständig beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-seo-ingenieurbueros),
main:has(.sv-seo-ingenieurbueros),
.wp-block-post-content:has(> .sv-seo-ingenieurbueros) { max-width:none; padding-inline:0; }
main:has(.sv-seo-ingenieurbueros) { margin-block:0; padding-block:0; }
main:has(.sv-seo-ingenieurbueros) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-seo-ingenieurbueros { width:100%; max-width:none; margin:0; }
.sv-seo-ingenieurbueros { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-seo-ingenieurbueros *, .sv-seo-ingenieurbueros *::before, .sv-seo-ingenieurbueros *::after { box-sizing:border-box; }
.sv-seo-ingenieurbueros :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-seo-ingenieurbueros :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-seo-ingenieurbueros :where(ul,ol) { list-style:none; }
.sv-seo-ingenieurbueros a { color:inherit; text-decoration:none; }
.sv-seo-ingenieurbueros strong { font-weight:500; }
.sv-seo-ingenieurbueros a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-seo-ingenieurbueros .sv-bg-background { background-color:#fff; }
.sv-seo-ingenieurbueros .sv-bg-navy { background-color:#141d2e; }
.sv-seo-ingenieurbueros .sv-bg-surface { background-color:#f5f6f8; }
.sv-seo-ingenieurbueros .sv-bg-border { background-color:#dfe3ea; }
.sv-seo-ingenieurbueros .sv-text-blue-3 { color:#3b7caa; }
.sv-seo-ingenieurbueros .sv-text-muted-foreground { color:#5a667a; }
.sv-seo-ingenieurbueros .sv-text-navy-muted { color:#a9b4c7; }
.sv-seo-ingenieurbueros .sv-text-navy-foreground { color:#fff; }
.sv-seo-ingenieurbueros .sv-bg-primary { background-color:#2f4261; }
.sv-seo-ingenieurbueros .sv-border-navy-line { border-color:#2a3650; }
.sv-seo-ingenieurbueros .sv-relative { position:relative; }
.sv-seo-ingenieurbueros .sv-overflow-hidden { overflow:hidden; }
.sv-seo-ingenieurbueros .sv-grid { display:grid; }
.sv-seo-ingenieurbueros .sv-flex { display:flex; }
.sv-seo-ingenieurbueros .sv-inline-flex { display:inline-flex; }
.sv-seo-ingenieurbueros .sv-flex-col { flex-direction:column; }
.sv-seo-ingenieurbueros .sv-flex-wrap { flex-wrap:wrap; }
.sv-seo-ingenieurbueros .sv-items-center { align-items:center; }
.sv-seo-ingenieurbueros .sv-font-semibold { font-weight:500; }
.sv-seo-ingenieurbueros .sv-underline-offset-4 { text-underline-offset:4px; }
.sv-seo-ingenieurbueros .sv-data { font-family:Roboto,system-ui,sans-serif; }
.sv-seo-ingenieurbueros .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-seo-ingenieurbueros .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-seo-ingenieurbueros .sv-mt-2 { margin-top:8px; }
.sv-seo-ingenieurbueros .sv-mt-3 { margin-top:12px; }
.sv-seo-ingenieurbueros .sv-mt-4 { margin-top:16px; }
.sv-seo-ingenieurbueros .sv-mt-5 { margin-top:20px; }
.sv-seo-ingenieurbueros .sv-mt-8 { margin-top:32px; }
.sv-seo-ingenieurbueros .sv-mt-10 { margin-top:40px; }
.sv-seo-ingenieurbueros .sv-mt-12 { margin-top:48px; }
.sv-seo-ingenieurbueros .sv-gap-1_5 { gap:6px; }
.sv-seo-ingenieurbueros .sv-gap-2 { gap:8px; }
.sv-seo-ingenieurbueros .sv-gap-3 { gap:12px; }
.sv-seo-ingenieurbueros .sv-gap-4 { gap:16px; }
.sv-seo-ingenieurbueros .sv-gap-8 { gap:32px; }
.sv-seo-ingenieurbueros .sv-gap-10 { gap:40px; }
.sv-seo-ingenieurbueros .sv-gap-12 { gap:48px; }
.sv-seo-ingenieurbueros .sv-gap-px { gap:1px; }
.sv-seo-ingenieurbueros .sv-p-6 { padding:24px; }
.sv-seo-ingenieurbueros .sv-p-8 { padding:32px; }
.sv-seo-ingenieurbueros .sv-py-3 { padding-block:12px; }
.sv-seo-ingenieurbueros .sv-py-24 { padding-block:96px; }
.sv-seo-ingenieurbueros .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-seo-ingenieurbueros .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-seo-ingenieurbueros .sv-text-xl { font-size:20px;line-height:var(--sv-leading,28px); }
.sv-seo-ingenieurbueros .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-seo-ingenieurbueros .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-seo-ingenieurbueros .sv-max-w-xl { max-width:576px; }
.sv-seo-ingenieurbueros .sv-max-w-2xl { max-width:672px; }
.sv-seo-ingenieurbueros .sv-border { border-width:1px; }
.sv-seo-ingenieurbueros .sv-border-b { border-bottom-width:1px; }
.sv-seo-ingenieurbueros .sv-border-t { border-top-width:1px; }
.sv-seo-ingenieurbueros .sv-mt-1 { margin-top:4px; }
.sv-seo-ingenieurbueros .sv-py-8 { padding-block:32px; }
.sv-seo-ingenieurbueros .sv-py-20 { padding-block:80px; }
.sv-seo-ingenieurbueros .sv-text-2xl { font-size:24px;line-height:var(--sv-leading,32px); }
.sv-seo-ingenieurbueros .sv-text-primary-foreground { color:#fff; }
.sv-seo-ingenieurbueros .sv-px-1 { padding-inline:4px; }
.sv-seo-ingenieurbueros .sv-border-l { border-left-width:1px; }
.sv-seo-ingenieurbueros .sv-pl-6 { padding-left:24px; }
.sv-seo-ingenieurbueros .sv-leading-relaxed { --sv-leading:1.625;line-height:1.625; }

@media (min-width:640px) {
  .sv-seo-ingenieurbueros .sv-sm-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-ingenieurbueros .sv-sm-flex-row { flex-direction:row; }
  .sv-seo-ingenieurbueros .sv-ing-topic-row { grid-template-columns:64px minmax(0,1fr); }
}

@media (min-width:768px) {
  .sv-seo-ingenieurbueros .sv-md-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-seo-ingenieurbueros .sv-md-py-40 { padding-block:160px; }
  .sv-seo-ingenieurbueros .sv-md-text-5xl { font-size:48px;line-height:var(--sv-leading,1); }
  .sv-seo-ingenieurbueros .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-seo-ingenieurbueros .sv-md-py-28 { padding-block:112px; }
  .sv-seo-ingenieurbueros .sv-md-p-10 { padding:40px; }
}

@media (min-width:1024px) {
  .sv-seo-ingenieurbueros .sv-lg-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-seo-ingenieurbueros .sv-services-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); }
  .sv-seo-ingenieurbueros .sv-check-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-seo-ingenieurbueros .sv-lg-flex-col { flex-direction:column; }
  .sv-seo-ingenieurbueros .sv-lg-items-start { align-items:flex-start; }
  .sv-seo-ingenieurbueros .sv-lg-items-end { align-items:flex-end; }
  .sv-seo-ingenieurbueros .sv-ing-hero-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
  .sv-seo-ingenieurbueros .sv-lg-items-stretch { align-items:stretch; }
  .sv-seo-ingenieurbueros .sv-ing-topics-grid { grid-template-columns:1fr 1.7fr; }
  .sv-seo-ingenieurbueros .sv-lg-sticky { position:sticky; }
  .sv-seo-ingenieurbueros .sv-lg-top-24 { top:calc(96px + var(--wp-admin--admin-bar--height,0px)); }
  .sv-seo-ingenieurbueros .sv-lg-self-start { align-self:start; }
}

/* 02 · Buttons und Interaktionen */
.sv-seo-ingenieurbueros .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-seo-ingenieurbueros .sv-hover-opacity-90:hover { opacity:.9; }
.sv-seo-ingenieurbueros .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-seo-ingenieurbueros .sv-hover-underline:hover, .sv-seo-ingenieurbueros .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-seo-ingenieurbueros .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-seo-ingenieurbueros .sv-space-y-4 > * + * { margin-top:16px; }
.sv-seo-ingenieurbueros .wp-block-button { display:flex; flex:0 0 auto; }
.sv-seo-ingenieurbueros .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-seo-ingenieurbueros .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-seo-ingenieurbueros .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-seo-ingenieurbueros .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-seo-ingenieurbueros .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Verlinkte Karten */
.sv-seo-ingenieurbueros .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.editor-styles-wrapper .sv-seo-ingenieurbueros .sv-card-link-wrap a::after { display:none; }

@media (prefers-reduced-motion:reduce) { .sv-seo-ingenieurbueros * { transition:none; } }

/* 04 · Brotkrumen, Karten und Abschlussbereich */
.sv-seo-ingenieurbueros .sv-hover-text-light:hover { color:#fff; }
.sv-seo-ingenieurbueros .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.sv-seo-ingenieurbueros .sv-link-card { position:relative; }
.sv-seo-ingenieurbueros .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-seo-ingenieurbueros .wp-block-buttons.sv-flex-col { align-items:stretch; }
.sv-seo-ingenieurbueros .wp-block-buttons.sv-flex-col .wp-block-button__link { width:100%; }
@media (min-width:1024px) { .sv-seo-ingenieurbueros .wp-block-buttons.sv-lg-items-start { align-items:flex-start; } }


/* 05 · Native Buttons im Abschlussbereich */
.sv-seo-ingenieurbueros .sv-closing-ctas > .sv-text-link-wrap > a { display:block; }
.sv-seo-ingenieurbueros .sv-cta-single { margin:0; gap:0; }
.sv-seo-ingenieurbueros .sv-cta-single .wp-block-button, .sv-seo-ingenieurbueros .sv-cta-single .wp-block-button__link { width:100%; }
@media (min-width:640px) { .sv-seo-ingenieurbueros .sv-cta-single .wp-block-button, .sv-seo-ingenieurbueros .sv-cta-single .wp-block-button__link { width:auto; } }
/* 06 · Native Leistungsliste auf blauem Hintergrund */
.sv-seo-ingenieurbueros .sv-ing-service-list > li { position:relative; padding:0 0 16px 32px; border-bottom:1px solid #2a3650; font-size:16px; font-weight:400; line-height:24px; }
.sv-seo-ingenieurbueros .sv-ing-service-list > li + li { margin-top:16px; }
.sv-seo-ingenieurbueros .sv-ing-service-list > li::before { content:""; position:absolute; top:12px; left:0; width:16px; height:1px; background:#fff; }
.sv-seo-ingenieurbueros .sv-text-link-wrap { display:flex; align-items:center; }
/* 07 · Schwerpunktbereich: alle Nummern, Überschriften und Texte bleiben editierbar */
.editor-styles-wrapper .sv-seo-ingenieurbueros .sv-lg-sticky { position:static; }

/* SEO INGENIEURBÜROS · ENDE DES CSS-ZUSATZES */
	
/* ==========================================================
   ÜBER UNS · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehende CSS-Abschnitte vollständig beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-ueber-uns),
main:has(.sv-ueber-uns),
.wp-block-post-content:has(> .sv-ueber-uns) { max-width:none; padding-inline:0; }
main:has(.sv-ueber-uns) { margin-block:0; padding-block:0; }
main:has(.sv-ueber-uns) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-ueber-uns { width:100%; max-width:none; margin:0; }
.sv-ueber-uns { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-ueber-uns *, .sv-ueber-uns *::before, .sv-ueber-uns *::after { box-sizing:border-box; }
.sv-ueber-uns :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-ueber-uns :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-ueber-uns :where(ul,ol) { list-style:none; }
.sv-ueber-uns a { color:inherit; text-decoration:none; }
.sv-ueber-uns strong { font-weight:500; }
.sv-ueber-uns a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-ueber-uns .sv-bg-background { background-color:#fff; }
.sv-ueber-uns .sv-bg-navy { background-color:#141d2e; }
.sv-ueber-uns .sv-bg-surface { background-color:#f5f6f8; }
.sv-ueber-uns .sv-bg-border { background-color:#dfe3ea; }
.sv-ueber-uns .sv-text-blue-3 { color:#3b7caa; }
.sv-ueber-uns .sv-text-muted-foreground { color:#5a667a; }
.sv-ueber-uns .sv-text-navy-muted { color:#a9b4c7; }
.sv-ueber-uns .sv-text-navy-foreground { color:#fff; }
.sv-ueber-uns .sv-relative { position:relative; }
.sv-ueber-uns .sv-overflow-hidden { overflow:hidden; }
.sv-ueber-uns .sv-grid { display:grid; }
.sv-ueber-uns .sv-flex { display:flex; }
.sv-ueber-uns .sv-flex-col { flex-direction:column; }
.sv-ueber-uns .sv-flex-wrap { flex-wrap:wrap; }
.sv-ueber-uns .sv-font-semibold { font-weight:500; }
.sv-ueber-uns .sv-data { font-family:Roboto,system-ui,sans-serif; }
.sv-ueber-uns .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-ueber-uns .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-ueber-uns .sv-mt-3 { margin-top:12px; }
.sv-ueber-uns .sv-mt-4 { margin-top:16px; }
.sv-ueber-uns .sv-mt-5 { margin-top:20px; }
.sv-ueber-uns .sv-mt-6 { margin-top:24px; }
.sv-ueber-uns .sv-mt-8 { margin-top:32px; }
.sv-ueber-uns .sv-mt-10 { margin-top:40px; }
.sv-ueber-uns .sv-gap-2 { gap:8px; }
.sv-ueber-uns .sv-gap-3 { gap:12px; }
.sv-ueber-uns .sv-gap-10 { gap:40px; }
.sv-ueber-uns .sv-gap-12 { gap:48px; }
.sv-ueber-uns .sv-gap-px { gap:1px; }
.sv-ueber-uns .sv-p-6 { padding:24px; }
.sv-ueber-uns .sv-py-3 { padding-block:12px; }
.sv-ueber-uns .sv-py-6 { padding-block:24px; }
.sv-ueber-uns .sv-py-24 { padding-block:96px; }
.sv-ueber-uns .sv-pt-6 { padding-top:24px; }
.sv-ueber-uns .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-ueber-uns .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-ueber-uns .sv-text-xl { font-size:20px;line-height:var(--sv-leading,28px); }
.sv-ueber-uns .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-ueber-uns .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-ueber-uns .sv-max-w-xl { max-width:576px; }
.sv-ueber-uns .sv-max-w-2xl { max-width:672px; }
.sv-ueber-uns .sv-max-w-3xl { max-width:768px; }
.sv-ueber-uns .sv-border { border-width:1px; }
.sv-ueber-uns .sv-border-b { border-bottom-width:1px; }
.sv-ueber-uns .sv-border-t { border-top-width:1px; }
.sv-ueber-uns .sv-mt-1 { margin-top:4px; }
.sv-ueber-uns .sv-py-8 { padding-block:32px; }
.sv-ueber-uns .sv-py-20 { padding-block:80px; }
.sv-ueber-uns .sv-px-1 { padding-inline:4px; }
.sv-ueber-uns .sv-min-w-0 { min-width:0; }
.sv-ueber-uns .sv-mb-16 { margin-bottom:64px; }
.sv-ueber-uns .sv-gap-x-8 { column-gap:32px; }
.sv-ueber-uns .sv-gap-y-3 { row-gap:12px; }
.sv-ueber-uns .sv-py-5 { padding-block:20px; }

@media (min-width:640px) {
  .sv-ueber-uns .sv-sm-gap-6 { gap:24px; }
  .sv-ueber-uns .sv-sm-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-ueber-uns .sv-sm-flex-row { flex-direction:row; }
  .sv-ueber-uns .sv-fact-row { grid-template-columns:160px minmax(0,1fr); }
  .sv-ueber-uns .sv-principle-row { grid-template-columns:64px 224px minmax(0,1fr); }
  .sv-ueber-uns .sv-sm-items-baseline { align-items:baseline; }
}

@media (min-width:768px) {
  .sv-ueber-uns .sv-md-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-ueber-uns .sv-md-py-40 { padding-block:160px; }
  .sv-ueber-uns .sv-md-text-5xl { font-size:48px;line-height:var(--sv-leading,1); }
  .sv-ueber-uns .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-ueber-uns .sv-md-py-28 { padding-block:112px; }
  .sv-ueber-uns .sv-md-border-l { border-left-width:1px; }
  .sv-ueber-uns .sv-md-border-t-0 { border-top-width:0; }
  .sv-ueber-uns .sv-md-pl-10 { padding-left:40px; }
  .sv-ueber-uns .sv-md-pr-10 { padding-right:40px; }
}

@media (min-width:1024px) {
  .sv-ueber-uns .sv-lg-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-ueber-uns .sv-lg-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-ueber-uns .sv-check-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-ueber-uns .sv-lg-flex-col { flex-direction:column; }
  .sv-ueber-uns .sv-lg-items-start { align-items:flex-start; }
  .sv-ueber-uns .sv-lg-items-end { align-items:flex-end; }
  .sv-ueber-uns .sv-person-grid { grid-template-columns:5fr 7fr; }
  .sv-ueber-uns .sv-lg-gap-20 { gap:80px; }
  .sv-ueber-uns .sv-lg-order-2 { order:2; }
  .sv-ueber-uns .sv-lg-pt-10 { padding-top:40px; }
}

/* 02 · Buttons und Interaktionen */
.sv-ueber-uns .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-ueber-uns .sv-hover-opacity-90:hover { opacity:.9; }
.sv-ueber-uns .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-ueber-uns .sv-hover-underline:hover, .sv-ueber-uns .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-ueber-uns .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-ueber-uns .sv-space-y-4 > * + * { margin-top:16px; }
.sv-ueber-uns .wp-block-button { display:flex; flex:0 0 auto; }
.sv-ueber-uns .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-ueber-uns .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-ueber-uns .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-ueber-uns .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-ueber-uns .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Verlinkte Karten */
.sv-ueber-uns .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.editor-styles-wrapper .sv-ueber-uns .sv-card-link-wrap a::after { display:none; }

@media (prefers-reduced-motion:reduce) { .sv-ueber-uns * { transition:none; } }

/* 04 · Brotkrumen, Karten und Abschlussbereich */
.sv-ueber-uns .sv-hover-text-light:hover { color:#fff; }
.sv-ueber-uns .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.sv-ueber-uns .sv-link-card { position:relative; }
.sv-ueber-uns .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-ueber-uns .wp-block-buttons.sv-flex-col { align-items:stretch; }
.sv-ueber-uns .wp-block-buttons.sv-flex-col .wp-block-button__link { width:100%; }
@media (min-width:1024px) { .sv-ueber-uns .wp-block-buttons.sv-lg-items-start { align-items:flex-start; } }


/* 05 · Native Buttons im Abschlussbereich */
.sv-ueber-uns .sv-closing-ctas > .sv-text-link-wrap > a { display:block; }
.sv-ueber-uns .sv-cta-single { margin:0; gap:0; }
.sv-ueber-uns .sv-cta-single .wp-block-button, .sv-ueber-uns .sv-cta-single .wp-block-button__link { width:100%; }
@media (min-width:640px) { .sv-ueber-uns .sv-cta-single .wp-block-button, .sv-ueber-uns .sv-cta-single .wp-block-button__link { width:auto; } }
/* 06 · Listen und Absatzabstände */
.sv-ueber-uns .sv-space-y-2 > * + * { margin-top:8px; }
.sv-ueber-uns .sv-space-y-5 > * + * { margin-top:20px; }
.sv-ueber-uns .sv-text-link-wrap { display:flex; align-items:center; }
/* 07 · Fotoplatzhalter als native Cover-Blöcke; Bilder später im Editor einsetzen */
.sv-ueber-uns .wp-block-cover.sv-person-photo { width:100%; min-height:0; aspect-ratio:4 / 5; margin:0; padding:24px; border:1px solid #dfe3ea; background:#f5f6f8; }
.sv-ueber-uns .sv-person-photo .wp-block-cover__inner-container { width:100%; margin:0; padding:0; }
.sv-ueber-uns .sv-person-photo .wp-block-cover__background { border-radius:0; }
.sv-ueber-uns .sv-person-photo .wp-block-cover__image-background { width:100%; height:100%; object-fit:cover; }

/* ÜBER UNS · ENDE DES CSS-ZUSATZES */


/* ==========================================================
   SEO WISSEN · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehende CSS-Abschnitte vollständig beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-seo-wissen),
main:has(.sv-seo-wissen),
.wp-block-post-content:has(> .sv-seo-wissen) { max-width:none; padding-inline:0; }
main:has(.sv-seo-wissen) { margin-block:0; padding-block:0; }
main:has(.sv-seo-wissen) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-seo-wissen { width:100%; max-width:none; margin:0; }
.sv-seo-wissen { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-seo-wissen *, .sv-seo-wissen *::before, .sv-seo-wissen *::after { box-sizing:border-box; }
.sv-seo-wissen :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-seo-wissen :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-seo-wissen :where(ul,ol) { list-style:none; }
.sv-seo-wissen a { color:inherit; text-decoration:none; }
.sv-seo-wissen strong { font-weight:500; }
.sv-seo-wissen a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-seo-wissen .sv-bg-background { background-color:#fff; }
.sv-seo-wissen .sv-bg-navy { background-color:#141d2e; }
.sv-seo-wissen .sv-text-blue-3 { color:#3b7caa; }
.sv-seo-wissen .sv-text-muted-foreground { color:#5a667a; }
.sv-seo-wissen .sv-text-navy-muted { color:#a9b4c7; }
.sv-seo-wissen .sv-text-navy-foreground { color:#fff; }
.sv-seo-wissen .sv-bg-primary { background-color:#2f4261; }
.sv-seo-wissen .sv-border-primary { border-color:#2f4261; }
.sv-seo-wissen .sv-relative { position:relative; }
.sv-seo-wissen .sv-overflow-hidden { overflow:hidden; }
.sv-seo-wissen .sv-grid { display:grid; }
.sv-seo-wissen .sv-flex { display:flex; }
.sv-seo-wissen .sv-flex-col { flex-direction:column; }
.sv-seo-wissen .sv-flex-wrap { flex-wrap:wrap; }
.sv-seo-wissen .sv-mt-auto { margin-top:auto; }
.sv-seo-wissen .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-seo-wissen .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-seo-wissen .sv-mt-2 { margin-top:8px; }
.sv-seo-wissen .sv-mt-3 { margin-top:12px; }
.sv-seo-wissen .sv-mt-4 { margin-top:16px; }
.sv-seo-wissen .sv-mt-5 { margin-top:20px; }
.sv-seo-wissen .sv-mt-6 { margin-top:24px; }
.sv-seo-wissen .sv-mt-10 { margin-top:40px; }
.sv-seo-wissen .sv-gap-2 { gap:8px; }
.sv-seo-wissen .sv-gap-4 { gap:16px; }
.sv-seo-wissen .sv-gap-8 { gap:32px; }
.sv-seo-wissen .sv-p-6 { padding:24px; }
.sv-seo-wissen .sv-py-24 { padding-block:96px; }
.sv-seo-wissen .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-seo-wissen .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-seo-wissen .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-seo-wissen .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-seo-wissen .sv-max-w-2xl { max-width:672px; }
.sv-seo-wissen .sv-max-w-3xl { max-width:768px; }
.sv-seo-wissen .sv-border { border-width:1px; }
.sv-seo-wissen .sv-gap-6 { gap:24px; }
.sv-seo-wissen .sv-py-20 { padding-block:80px; }
.sv-seo-wissen .sv-text-primary-foreground { color:#fff; }
.sv-seo-wissen .sv-mb-10 { margin-bottom:40px; }
.sv-seo-wissen .sv-px-4 { padding-inline:16px; }
.sv-seo-wissen .sv-py-2 { padding-block:8px; }
.sv-seo-wissen .sv-py-16 { padding-block:64px; }
.sv-seo-wissen .sv-pt-4 { padding-top:16px; }

@media (min-width:640px) {
}

@media (min-width:768px) {
  .sv-seo-wissen .sv-md-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-seo-wissen .sv-md-py-40 { padding-block:160px; }
  .sv-seo-wissen .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-seo-wissen .sv-md-py-28 { padding-block:112px; }
  .sv-seo-wissen .sv-md-flex-row { flex-direction:row; }
  .sv-seo-wissen .sv-md-items-center { align-items:center; }
  .sv-seo-wissen .sv-md-justify-between { justify-content:space-between; }
}

@media (min-width:1024px) {
}

/* 02 · Native Buttons und Interaktionen */
.sv-seo-wissen .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-seo-wissen .sv-hover-opacity-90:hover { opacity:.9; }
.sv-seo-wissen .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-seo-wissen .sv-hover-underline:hover, .sv-seo-wissen .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-seo-wissen .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-seo-wissen .sv-space-y-4 > * + * { margin-top:16px; }
.sv-seo-wissen .wp-block-button { display:flex; flex:0 0 auto; }
.sv-seo-wissen .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-seo-wissen .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-seo-wissen .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-seo-wissen .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-seo-wissen .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Kategorien: editierbare Beschriftungen ohne Filterfunktion */
.sv-seo-wissen .sv-category-labels { align-items:stretch; }
/* 04 · Sechs Beispielkarten; Titel und Zieladresse im Editor ändern */
.sv-seo-wissen .sv-link-card { position:relative; }
.sv-seo-wissen .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.sv-seo-wissen .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-seo-wissen .sv-hover-border-blue-3:hover { border-color:#3b7caa; }
.sv-seo-wissen .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.editor-styles-wrapper .sv-seo-wissen .sv-card-link-wrap a::after { display:none; }
/* 05 · Abschlussbereich mit zwei nativen Buttons */
.sv-seo-wissen .sv-hover-text-light:hover { color:#fff; }
.sv-seo-wissen .sv-text-link-wrap { display:flex; align-items:center; }
@media (prefers-reduced-motion:reduce) { .sv-seo-wissen * { transition:none; } }
/* SEO WISSEN · ENDE DES CSS-ZUSATZES */


/* ==========================================================
   SEO WISSEN · DYNAMISCHE BEITRÄGE · ANFANG
   Unten an seovidi.css anhängen.
   Den bisherigen Abschnitt SEO WISSEN beibehalten: Dieser
   Zusatz ergänzt seine Gestaltung um native WordPress-Blöcke.
   Schrift ausschließlich lokale Roboto 400 / 500.
   ========================================================== */

/* 01 · Kategorienliste: WordPress erzeugt die Archiv-Adressen */
.sv-seo-wissen.sv-blog-live .sv-blog-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;
  margin:0 0 40px;
}
.sv-seo-wissen.sv-blog-live .sv-blog-all { margin:0; padding:0; }
.sv-seo-wissen.sv-blog-live .sv-blog-categories {
  display:flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.sv-seo-wissen.sv-blog-live .sv-blog-categories li { margin:0; padding:0; list-style:none; }
.sv-seo-wissen.sv-blog-live .sv-blog-nav a {
  display:block;
  margin:0;
  padding:8px 16px;
  border:1px solid #dfe3ea;
  color:#1a2438;
  background:#fff;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-decoration:none;
}
.sv-seo-wissen.sv-blog-live .sv-blog-nav a:hover { border-color:#3b7caa; color:#3b7caa; }
.sv-seo-wissen.sv-blog-live .sv-blog-all a {
  color:#fff;
  background:#2f4261;
  border-color:#2f4261;
}

/* 02 · Abfrageschleife: sechs veröffentlichte Beiträge pro Seite */
.sv-seo-wissen.sv-blog-live .sv-blog-query { margin:0; padding:0; }
.sv-seo-wissen.sv-blog-live .sv-blog-posts {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  margin:0;
  padding:0;
  list-style:none;
}
.sv-seo-wissen.sv-blog-live .sv-blog-posts > .wp-block-post {
  display:flex;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}
.sv-seo-wissen.sv-blog-live .sv-blog-card {
  position:relative;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  width:100%;
  min-width:0;
  margin:0;
  padding:24px;
  border:1px solid #dfe3ea;
  background:#fff;
}
.sv-seo-wissen.sv-blog-live .sv-blog-card:hover { border-color:#3b7caa; }
.sv-seo-wissen.sv-blog-live .sv-blog-card-category {
  margin:0;
  padding:0;
  color:#3b7caa;
  font-size:14px;
  font-weight:400;
  line-height:21px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sv-seo-wissen.sv-blog-live .sv-blog-card-category a { position:relative; z-index:2; }
.sv-seo-wissen.sv-blog-live .sv-blog-card-category a:hover { text-decoration:underline; }
/* Der alte Seiten-Reset blendet .wp-block-post-title aus.
   Diese gezielte Regel macht die echten Kartentitel wieder sichtbar. */
.sv-seo-wissen.sv-blog-live .sv-blog-card .wp-block-post-title {
  display:block;
  margin:8px 0 0;
  padding:0;
  color:#1a2438;
  font-family:inherit;
  font-size:18px;
  font-weight:500;
  line-height:28px;
  letter-spacing:-.025em;
}
.sv-seo-wissen.sv-blog-live .sv-blog-card-title a { color:inherit; text-decoration:none; }
.sv-seo-wissen.sv-blog-live .sv-blog-card-title a::after { content:""; position:absolute; inset:0; }
.sv-seo-wissen.sv-blog-live .sv-blog-card:hover .sv-blog-card-title { color:#3b7caa; }
.sv-seo-wissen.sv-blog-live .sv-blog-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-seo-wissen.sv-blog-live .sv-blog-card-reading {
  margin: auto 0 0;
  padding:16px 0 0;
  color:#5a667a;
  font-size:14px;
  font-weight:400;
  line-height:20px;
}
@media (min-width:768px) {
  .sv-seo-wissen.sv-blog-live .sv-blog-posts { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* 03 · Seitennavigation und leere Übersicht */
.sv-seo-wissen.sv-blog-live .sv-blog-pagination {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:32px 0 0;
  padding:0;
  font-size:14px;
  line-height:20px;
}
.sv-seo-wissen.sv-blog-live .sv-blog-pagination .wp-block-query-pagination-numbers { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.sv-seo-wissen.sv-blog-live .sv-blog-pagination > a,
.sv-seo-wissen.sv-blog-live .sv-blog-pagination .page-numbers { display:inline-block; margin:0; padding:8px 12px; border:1px solid #dfe3ea; }
.sv-seo-wissen.sv-blog-live .sv-blog-pagination a:hover { border-color:#3b7caa; color:#3b7caa; }
.sv-seo-wissen.sv-blog-live .sv-blog-pagination .current { color:#fff; background:#2f4261; border-color:#2f4261; }
.sv-seo-wissen.sv-blog-live .sv-blog-empty { padding:24px; border:1px solid #dfe3ea; color:#5a667a; }

/* 04 · Im Editor bleiben Kategorien und Titel direkt auswählbar */
.editor-styles-wrapper .sv-seo-wissen.sv-blog-live .sv-blog-card-title a::after { display:none; }

/* SEO WISSEN · DYNAMISCHE BEITRÄGE · ENDE */
	
/* ==========================================================
   WISSEN ARTIKEL · ANFANG DES CSS-ZUSATZES
   Diesen gesamten Abschnitt unten an seovidi.css anhängen.
   Bestehende CSS-Abschnitte vollständig beibehalten.
   ==========================================================
   Ausschließlich lokal installierte Roboto 400 und 500. */

/* 01 · Grundlage, Farben, Typografie und Raster */
.wp-site-blocks:has(.sv-wissen-artikel),
main:has(.sv-wissen-artikel),
.wp-block-post-content:has(> .sv-wissen-artikel) { max-width:none; padding-inline:0; }
main:has(.sv-wissen-artikel) { margin-block:0; padding-block:0; }
main:has(.sv-wissen-artikel) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-wissen-artikel { width:100%; max-width:none; margin:0; }
.sv-wissen-artikel { --sv-border:#dfe3ea; width:100%; max-width:none; margin:0; padding:0; color:#1a2438; background:#fff; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:1.5; font-synthesis:none; -webkit-font-smoothing:antialiased; }
.sv-wissen-artikel *, .sv-wissen-artikel *::before, .sv-wissen-artikel *::after { box-sizing:border-box; }
.sv-wissen-artikel :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,h4,ul,ol,li) { margin:0; padding:0; border-width:0; border-style:solid; border-color:var(--sv-border); font-family:inherit; }
.sv-wissen-artikel :where(h1,h2,h3,h4) { color:inherit; font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.sv-wissen-artikel :where(ul,ol) { list-style:none; }
.sv-wissen-artikel a { color:inherit; text-decoration:none; }
.sv-wissen-artikel strong { font-weight:500; }
.sv-wissen-artikel a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }

.sv-wissen-artikel .sv-bg-background { background-color:#fff; }
.sv-wissen-artikel .sv-bg-navy { background-color:#141d2e; }
.sv-wissen-artikel .sv-bg-surface { background-color:#f5f6f8; }
.sv-wissen-artikel .sv-bg-border { background-color:#dfe3ea; }
.sv-wissen-artikel .sv-bg-accent { background-color:#e85d2a; }
.sv-wissen-artikel .sv-text-blue-3 { color:#3b7caa; }
.sv-wissen-artikel .sv-text-muted-foreground { color:#5a667a; }
.sv-wissen-artikel .sv-text-navy-muted { color:#a9b4c7; }
.sv-wissen-artikel .sv-text-navy-foreground { color:#fff; }
.sv-wissen-artikel .sv-text-accent-foreground { color:#fff; }
.sv-wissen-artikel .sv-bg-primary { background-color:#2f4261; }
.sv-wissen-artikel .sv-border-navy-line { border-color:#2a3650; }
.sv-wissen-artikel .sv-grid { display:grid; }
.sv-wissen-artikel .sv-flex { display:flex; }
.sv-wissen-artikel .sv-inline-flex { display:inline-flex; }
.sv-wissen-artikel .sv-flex-col { flex-direction:column; }
.sv-wissen-artikel .sv-flex-wrap { flex-wrap:wrap; }
.sv-wissen-artikel .sv-items-center { align-items:center; }
.sv-wissen-artikel .sv-font-semibold { font-weight:500; }
.sv-wissen-artikel .sv-underline-offset-4 { text-underline-offset:4px; }
.sv-wissen-artikel .sv-label { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-wissen-artikel .sv-container { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-wissen-artikel .sv-mt-2 { margin-top:8px; }
.sv-wissen-artikel .sv-mt-3 { margin-top:12px; }
.sv-wissen-artikel .sv-mt-4 { margin-top:16px; }
.sv-wissen-artikel .sv-mt-5 { margin-top:20px; }
.sv-wissen-artikel .sv-mt-8 { margin-top:32px; }
.sv-wissen-artikel .sv-gap-1_5 { gap:6px; }
.sv-wissen-artikel .sv-gap-4 { gap:16px; }
.sv-wissen-artikel .sv-gap-8 { gap:32px; }
.sv-wissen-artikel .sv-gap-px { gap:1px; }
.sv-wissen-artikel .sv-p-6 { padding:24px; }
.sv-wissen-artikel .sv-py-24 { padding-block:96px; }
.sv-wissen-artikel .sv-text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-wissen-artikel .sv-text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-wissen-artikel .sv-text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-wissen-artikel .sv-text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-wissen-artikel .sv-max-w-2xl { max-width:672px; }
.sv-wissen-artikel .sv-max-w-3xl { max-width:768px; }
.sv-wissen-artikel .sv-border { border-width:1px; }
.sv-wissen-artikel .sv-border-b { border-bottom-width:1px; }
.sv-wissen-artikel .sv-mt-1 { margin-top:4px; }
.sv-wissen-artikel .sv-py-20 { padding-block:80px; }
.sv-wissen-artikel .sv-text-2xl { font-size:24px;line-height:var(--sv-leading,32px); }
.sv-wissen-artikel .sv-text-primary-foreground { color:#fff; }
.sv-wissen-artikel .sv-border-l { border-left-width:1px; }
.sv-wissen-artikel .sv-leading-relaxed { line-height:1.625; }
.sv-wissen-artikel .sv-inline-block { display:inline-block; }
.sv-wissen-artikel .sv-gap-16 { gap:64px; }
.sv-wissen-artikel .sv-mt-20 { margin-top:80px; }
.sv-wissen-artikel .sv-px-4 { padding-inline:16px; }
.sv-wissen-artikel .sv-py-2 { padding-block:8px; }
.sv-wissen-artikel .sv-py-16 { padding-block:64px; }
.sv-wissen-artikel .sv-article-copy { max-width:68ch; }

@media (min-width:640px) {
}

@media (min-width:768px) {
  .sv-wissen-artikel .sv-md-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-wissen-artikel .sv-md-py-40 { padding-block:160px; }
  .sv-wissen-artikel .sv-md-text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
  .sv-wissen-artikel .sv-md-flex-row { flex-direction:row; }
  .sv-wissen-artikel .sv-md-items-center { align-items:center; }
  .sv-wissen-artikel .sv-md-justify-between { justify-content:space-between; }
}

@media (min-width:1024px) {
  .sv-wissen-artikel .sv-article-grid { grid-template-columns:1fr 300px; }
}

/* 02 · Buttons und Interaktionen */
.sv-wissen-artikel .sv-hover-bg-surface:hover { background-color:#f5f6f8; }
.sv-wissen-artikel .sv-hover-opacity-90:hover { opacity:.9; }
.sv-wissen-artikel .sv-hover-border-navy-foreground:hover { border-color:#fff; }
.sv-wissen-artikel .sv-hover-underline:hover, .sv-wissen-artikel .sv-group:hover .sv-group-hover-underline { text-decoration:underline; }
.sv-wissen-artikel .sv-last-border-b-0:last-child { border-bottom-width:0; }
.sv-wissen-artikel .sv-space-y-4 > * + * { margin-top:16px; }
.sv-wissen-artikel .wp-block-button { display:flex; flex:0 0 auto; }
.sv-wissen-artikel .sv-btn .wp-block-button__link { display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; transition:opacity .15s,border-color .15s; }
.sv-wissen-artikel .sv-btn-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-wissen-artikel .sv-btn-accent .wp-block-button__link:hover { opacity:.9; }
.sv-wissen-artikel .sv-btn-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-wissen-artikel .sv-btn-outline .wp-block-button__link:hover { border-color:#fff; }

/* 03 · Verlinkte Karten */
.sv-wissen-artikel .sv-card-link-wrap a::after { content:""; position:absolute; inset:0; }
.editor-styles-wrapper .sv-wissen-artikel .sv-card-link-wrap a::after { display:none; }

@media (prefers-reduced-motion:reduce) { .sv-wissen-artikel * { transition:none; } }

/* 04 · Brotkrumen, Karten und Abschlussbereich */
.sv-wissen-artikel .sv-hover-text-light:hover { color:#fff; }
.sv-wissen-artikel .sv-group:hover .sv-group-hover-text-blue-3 { color:#3b7caa; }
.sv-wissen-artikel .sv-link-card { position:relative; }
.sv-wissen-artikel .sv-link-card:focus-within { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-wissen-artikel .wp-block-buttons.sv-flex-col { align-items:stretch; }
.sv-wissen-artikel .wp-block-buttons.sv-flex-col .wp-block-button__link { width:100%; }
@media (min-width:1024px) { .sv-wissen-artikel .wp-block-buttons.sv-lg-items-start { align-items:flex-start; } }


/* 05 · Native Buttons im Abschlussbereich */
.sv-wissen-artikel .sv-closing-ctas > .sv-text-link-wrap > a { display:block; }
.sv-wissen-artikel .sv-cta-single { margin:0; gap:0; }
.sv-wissen-artikel .sv-cta-single .wp-block-button, .sv-wissen-artikel .sv-cta-single .wp-block-button__link { width:100%; }
@media (min-width:640px) { .sv-wissen-artikel .sv-cta-single .wp-block-button, .sv-wissen-artikel .sv-cta-single .wp-block-button__link { width:auto; } }
/* 06 · Artikel, Sprungmarken und Sidebar */
.sv-wissen-artikel .sv-article-title.wp-block-post-title { display:block; }
.sv-wissen-artikel .sv-space-y-2 > * + * { margin-top:8px; }
.sv-wissen-artikel .sv-space-y-6 > * + * { margin-top:24px; }
.sv-wissen-artikel .sv-text-link-wrap { margin:0; }
.sv-wissen-artikel article h2[id] { scroll-margin-top:calc(100px + var(--wp-admin--admin-bar--height,0px)); }
.sv-wissen-artikel aside a[href^="#"]:hover { color:#3b7caa; text-decoration:underline; }
.sv-wissen-artikel aside .sv-bg-accent:hover { opacity:.9; }

/* WISSEN ARTIKEL · ENDE DES CSS-ZUSATZES */

/* ==========================================================
   EINZELNE BEITRÄGE · SEOVIDI TEMPLATE · ANFANG
   Unten an seovidi.css anhängen. Schrift: Roboto 400 / 500.
   Gilt nur für das neue Template mit der Klasse sv-single.
   ========================================================== */

/* 01 · Volle Breite und Schrift */
.wp-site-blocks:has(.sv-single) { max-width:none; padding-inline:0; }
main.sv-single.wp-block-group {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font-family:Roboto,system-ui,sans-serif; font-size:16px;
  font-weight:400; line-height:1.625; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.sv-single *, .sv-single *::before, .sv-single *::after { box-sizing:border-box; }
.sv-single :where(.wp-block-group,.wp-block-buttons,.wp-block-button) { margin:0; padding:0; }
.sv-single :where(p,ul,ol,li,h1,h2,h3,h4,h5,h6,figure,blockquote,details,table) { font-family:inherit; }
.sv-single :where(pre,code) { font-family:inherit; }
.sv-single :where(h1,h2,h3,h4,h5,h6,strong,b) { font-weight:500; }
.sv-single :where(a) { color:#3b7caa; text-decoration:none; }
.sv-single :where(a:hover) { text-decoration:underline; }
.sv-single a:focus-visible, .sv-single summary:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-single .sv-single-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 02 · Automatischer Einstieg für Beiträge ohne eigenen H1-Einstieg */
.sv-single .sv-single-hero { margin:0; padding:80px 0; background:#f5f6f8; border-bottom:1px solid #dfe3ea; }
.sv-single .sv-single-crumb { margin:0; color:#5a667a; font-size:14px; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-single .sv-single-crumb a { color:inherit; }
.sv-single .sv-single-hero-copy { max-width:768px; margin-top:32px; }
.sv-single .sv-single-categories { margin:0; color:#3b7caa; font-size:14px; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-single .sv-single-title.wp-block-post-title { display:block; margin:16px 0 0; color:#1a2438; font-family:inherit; font-size:36px; font-weight:500; line-height:40px; letter-spacing:-.025em; overflow-wrap:break-word; }
.sv-single .sv-single-intro { margin:20px 0 0; color:#5a667a; font-size:18px; line-height:28px; }
.sv-single .sv-single-intro p { margin:0; }
.sv-single .sv-single-intro .wp-block-post-excerpt__more-text { display:none; }
@media (min-width:768px) { .sv-single .sv-single-title.wp-block-post-title { font-size:60px; line-height:60px; } }

/* 03 · Beitragsinhalt und rechte Spalte */
.sv-single .sv-single-body { margin:0; padding:96px 0; background:#fff; }
.sv-single .sv-single-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:64px; align-items:start; }
.sv-single .sv-single-content { min-width:0; width:100%; max-width:68ch; margin:0; padding:0; color:#1a2438; font-family:Roboto,system-ui,sans-serif; font-size:16px; font-weight:400; line-height:26px; }
.sv-single .sv-single-sidebar { min-width:0; }
.sv-single .sv-single-sidebar > * + * { margin-top:24px; }
.sv-single .sv-single-sidebar-check { padding:24px; color:#fff; background:#141d2e; }
.sv-single .sv-single-sidebar-heading { margin:0; font-size:16px; font-weight:500; line-height:24px; }
.sv-single .sv-single-muted-light { color:#a9b4c7; }
.sv-single .sv-single-sidebar-check > p + p { margin:8px 0 0; font-size:14px; line-height:20px; }
.sv-single .sv-single-sidebar-check .sv-single-buttons { margin-top:16px; }
.sv-single .sv-single-sidebar-links { padding:24px; border:1px solid #dfe3ea; }
.sv-single .sv-single-label { margin:0; color:#3b7caa; font-size:14px; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-single .sv-single-links { margin:16px 0 0; padding:0; list-style:none; font-size:14px; line-height:20px; }
.sv-single .sv-single-links li { margin:0; padding:0; list-style:none; }
.sv-single .sv-single-links li + li { margin-top:12px; }
@media (min-width:1024px) { .sv-single .sv-single-grid { grid-template-columns:minmax(0,1fr) 300px; } }

/* 04 · Texte, vorhandene Bilder, Tabellen und Inhaltsverzeichnisse */
.sv-single-content :where(h1,h2,h3,h4,h5,h6,p,li,td,th,a) { overflow-wrap:anywhere; }
.sv-single-content :where(h1,h2,h3,h4,h5,h6) { color:inherit; font-weight:500; letter-spacing:-.025em; }
.sv-single-content :where(h1) { font-size:36px; line-height:40px; }
.sv-single-content :where(h2) { margin-block:32px 16px; font-size:24px; line-height:32px; }
.sv-single-content :where(h3) { margin-block:28px 12px; font-size:20px; line-height:28px; }
.sv-single-content :where(h4,h5,h6) { margin-block:24px 12px; font-size:18px; line-height:26px; }
.sv-single-content :where(p) { margin-block:0 16px; }
.sv-single-content :where(strong,b) { font-weight:500; }
.sv-single-content :where(img,video,iframe,svg) { max-width:100%; }
.sv-single-content :where(img) { height:auto; }
.sv-single-content :where(figure) { margin:24px 0; max-width:100%; }
.sv-single-content :where(figcaption) { margin-top:8px; color:#5a667a; font-size:14px; line-height:20px; }
.sv-single-content :where(ul:not([class]),ol:not([class]),ul.wp-block-list:not(.sv-space-y-2),ol.wp-block-list:not(.sv-space-y-2)) { margin-block:16px; padding-left:24px; }
.sv-single-content :where(ul:not([class]),ul.wp-block-list:not(.sv-space-y-2)) { list-style:disc; }
.sv-single-content :where(ol:not([class]),ol.wp-block-list:not(.sv-space-y-2)) { list-style:decimal; }
.sv-single-content :where(li + li) { margin-top:8px; }
.sv-single-content :where(blockquote) { margin:24px 0; padding:16px 24px; border-left:2px solid #3b7caa; background:#f5f6f8; }
.sv-single-content :where(details) { margin:24px 0; padding:24px; border:1px solid #dfe3ea; background:#f5f6f8; }
.sv-single-content :where(summary) { cursor:pointer; color:#2f4261; font-weight:500; }
.sv-single-content :where(details[open] > summary) { margin-bottom:16px; }
.sv-single-content :where(.wp-block-table) { overflow-x:auto; }
.sv-single-content :where(table) { width:100%; border-collapse:collapse; }
.sv-single-content :where(th,td) { padding:12px; border:1px solid #dfe3ea; text-align:left; }
.sv-single-content :where(th) { font-weight:500; background:#f5f6f8; }
.sv-single-content :where(pre) { max-width:100%; overflow-x:auto; padding:20px; background:#f5f6f8; }
.sv-single-content :where([id]) { scroll-margin-top:calc(100px + var(--wp-admin--admin-bar--height,0px)); }
.sv-single-content :where(.alignfull,.alignwide) { width:100%; max-width:100%; margin-inline:0; }
@media (min-width:768px) { .sv-single-content :where(h1) { font-size:60px; line-height:60px; } }

/* 05 · Bereits vorhandene vollständige Artikellayouts berücksichtigen.
   Der gespeicherte Artikeltext wird dabei nicht verändert oder entfernt. */
.sv-single:has(.sv-single-content h1) .sv-single-hero { display:none; }
.sv-single:has(.sv-single-content aside) .sv-single-sidebar { display:none; }
.sv-single:has(.sv-single-content aside) .sv-single-grid { grid-template-columns:minmax(0,1fr); }
.sv-single:has(.sv-single-content aside) .sv-single-content { max-width:none; }
.sv-single:has(.sv-single-content > section) .sv-single-body,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-body { padding-block:0; }
.sv-single .sv-single-content .container-x,
.sv-single .sv-single-content .sv-container { width:100%; max-width:none; padding-inline:0; }
.sv-single:has(.sv-single-content > section.bg-primary:last-child) .sv-single-closing,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-closing { display:none; }
.sv-single:has(.sv-single-content > section:first-child h1) .sv-single-sidebar,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-sidebar { display:none; }
.sv-single:has(.sv-single-content > section:first-child h1) .sv-single-grid,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-grid { grid-template-columns:minmax(0,1fr); }
.sv-single:has(.sv-single-content > section:first-child h1) .sv-single-content,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-content { max-width:none; }
.sv-single:has(.sv-single-content > section:first-child h1) .sv-single-body > .sv-single-wrap,
.sv-single:has(.sv-single-content > .sv-wissen-artikel) .sv-single-body > .sv-single-wrap { max-width:none; padding-inline:0; }
.sv-single .sv-single-content > section > .container-x,
.sv-single .sv-single-content > .sv-wissen-artikel > section > .sv-container { max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 06 · Gemeinsamer Abschluss und native Buttons */
.sv-single .sv-single-closing { margin:0; padding:64px 0; color:#fff; background:#2f4261; }
.sv-single .sv-single-closing-inner { display:flex; flex-direction:column; gap:32px; }
.sv-single .sv-single-closing-copy { max-width:672px; }
.sv-single .sv-single-closing-copy h2 { margin:0; color:#fff; font-size:30px; font-weight:500; line-height:36px; letter-spacing:-.025em; }
.sv-single .sv-single-closing-copy p { margin:12px 0 0; font-size:16px; line-height:24px; }
.sv-single .sv-single-closing-actions { display:flex; flex-wrap:wrap; gap:16px; }
.sv-single .sv-single-buttons { display:flex; flex-wrap:wrap; gap:16px; }
.sv-single .sv-single-button .wp-block-button__link { display:inline-flex; align-items:center; margin:0; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; }
.sv-single .sv-single-button--accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-single .sv-single-button--accent .wp-block-button__link:hover { opacity:.9; }
.sv-single .sv-single-button--outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-single .sv-single-button--outline .wp-block-button__link:hover { border-color:#fff; }
@media (min-width:768px) { .sv-single .sv-single-closing-inner { flex-direction:row; align-items:center; justify-content:space-between; } }

/* 07 · Ergänzungen für vorhandene Seovidi-HTML-Klassen folgen unten. */

/* Bestehende Artikelseiten aus dem früheren Seovidi-Import. */
.sv-single-content :where(.container-x,.grid,.flex,.label-mono) { margin:0; }
.sv-single-content :where(.border,.border-b,.border-t,.border-l) { border-style:solid; border-color:#dfe3ea; border-width:0; }
.sv-single .sv-single-content .bg-background { background-color:#fff; }
.sv-single .sv-single-content .bg-navy { background-color:#141d2e; }
.sv-single .sv-single-content .bg-surface { background-color:#f5f6f8; }
.sv-single .sv-single-content .bg-border { background-color:#dfe3ea; }
.sv-single .sv-single-content .bg-accent { background-color:#e85d2a; }
.sv-single .sv-single-content .text-blue-3 { color:#3b7caa; }
.sv-single .sv-single-content .text-muted-foreground { color:#5a667a; }
.sv-single .sv-single-content .text-navy-muted { color:#a9b4c7; }
.sv-single .sv-single-content .border-navy-muted { border-color:#a9b4c7; }
.sv-single .sv-single-content .text-navy-foreground { color:#fff; }
.sv-single .sv-single-content .text-accent-foreground { color:#fff; }
.sv-single .sv-single-content .bg-primary { background-color:#2f4261; }
.sv-single .sv-single-content .border-navy-line { border-color:#2a3650; }
.sv-single .sv-single-content .grid { display:grid; }
.sv-single .sv-single-content .flex { display:flex; }
.sv-single .sv-single-content .inline-flex { display:inline-flex; }
.sv-single .sv-single-content .flex-col { flex-direction:column; }
.sv-single .sv-single-content .flex-wrap { flex-wrap:wrap; }
.sv-single .sv-single-content .items-center { align-items:center; }
.sv-single .sv-single-content .font-semibold { font-weight:500; }
.sv-single .sv-single-content .rounded-sm { border-radius:2px; }
.sv-single .sv-single-content .underline-offset-4 { text-underline-offset:4px; }
.sv-single .sv-single-content .transition-colors { transition:color .15s,background-color .15s,border-color .15s,opacity .15s; }
.sv-single .sv-single-content .label-mono { font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase; }
.sv-single .sv-single-content .container-x { width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px); }
.sv-single .sv-single-content .mt-2 { margin-top:8px; }
.sv-single .sv-single-content .mt-3 { margin-top:12px; }
.sv-single .sv-single-content .mt-4 { margin-top:16px; }
.sv-single .sv-single-content .mt-5 { margin-top:20px; }
.sv-single .sv-single-content .mt-8 { margin-top:32px; }
.sv-single .sv-single-content .gap-1\.5 { gap:6px; }
.sv-single .sv-single-content .gap-2 { gap:8px; }
.sv-single .sv-single-content .gap-4 { gap:16px; }
.sv-single .sv-single-content .gap-8 { gap:32px; }
.sv-single .sv-single-content .gap-px { gap:1px; }
.sv-single .sv-single-content .p-6 { padding:24px; }
.sv-single .sv-single-content .px-5 { padding-inline:20px; }
.sv-single .sv-single-content .py-3 { padding-block:12px; }
.sv-single .sv-single-content .py-24 { padding-block:96px; }
.sv-single .sv-single-content .text-sm { font-size:14px;line-height:var(--sv-leading,20px); }
.sv-single .sv-single-content .text-lg { font-size:18px;line-height:var(--sv-leading,28px); }
.sv-single .sv-single-content .text-3xl { font-size:30px;line-height:var(--sv-leading,36px); }
.sv-single .sv-single-content .text-4xl { font-size:36px;line-height:var(--sv-leading,40px); }
.sv-single .sv-single-content .max-w-2xl { max-width:672px; }
.sv-single .sv-single-content .max-w-3xl { max-width:768px; }
.sv-single .sv-single-content .border { border-width:1px; }
.sv-single .sv-single-content .border-b { border-bottom-width:1px; }
.sv-single .sv-single-content .mt-1 { margin-top:4px; }
.sv-single .sv-single-content .py-20 { padding-block:80px; }
.sv-single .sv-single-content .text-2xl { font-size:24px;line-height:var(--sv-leading,32px); }
.sv-single .sv-single-content .text-primary-foreground { color:#fff; }
.sv-single .sv-single-content .border-l { border-left-width:1px; }
.sv-single .sv-single-content .leading-relaxed { line-height:1.625; }
.sv-single .sv-single-content .inline-block { display:inline-block; }
.sv-single .sv-single-content .gap-16 { gap:64px; }
.sv-single .sv-single-content .mt-20 { margin-top:80px; }
.sv-single .sv-single-content .px-4 { padding-inline:16px; }
.sv-single .sv-single-content .py-2 { padding-block:8px; }
.sv-single .sv-single-content .py-16 { padding-block:64px; }
.sv-single .sv-single-content .max-w-\[68ch\] { max-width:68ch; }

@media (min-width:768px) {
.sv-single .sv-single-content .md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sv-single .sv-single-content .md\:py-40 { padding-block:160px; }
.sv-single .sv-single-content .md\:text-6xl { font-size:60px;line-height:var(--sv-leading,1); }
.sv-single .sv-single-content .md\:flex-row { flex-direction:row; }
.sv-single .sv-single-content .md\:items-center { align-items:center; }
.sv-single .sv-single-content .md\:justify-between { justify-content:space-between; }
}

@media (min-width:1024px) {
.sv-single .sv-single-content .lg\:grid-cols-\[1fr_300px\] { grid-template-columns:1fr 300px; }
}

.sv-single .sv-single-content .container-x { width:100%; max-width:none; padding-inline:0; }
.sv-single .sv-single-content .space-y-6 > * + * { margin-top:24px; }
.sv-single .sv-single-content .space-y-2 > * + * { margin-top:8px; }
.sv-single .sv-single-content :is(ul.space-y-2,ol.space-y-2) { padding-left:0; list-style:none; }
.sv-single .sv-single-content .hover\:text-navy-foreground:hover { color:#fff; }
.sv-single .sv-single-content .hover\:underline:hover { text-decoration:underline; }
.sv-single .sv-single-content .hover\:bg-surface:hover { background:#f5f6f8; }
.sv-single .sv-single-content .hover\:opacity-90:hover { opacity:.9; }
.sv-single .sv-single-content .hover\:border-navy-foreground:hover { border-color:#fff; }
.sv-single .sv-single-content .group:hover .group-hover\:text-blue-3 { color:#3b7caa; }
/* 08 · Vorhandene sv-article-Beiträge: am Live-DOM überprüfte Klassen.
   Ihre eigene Überschrift, das Inhaltsverzeichnis und die Abbildungen
   bleiben erhalten. Hier erhält dieser Aufbau seine fehlende Gestaltung. */
.sv-single .sv-single-content > section.sv-article > .sv-container {
  width:100%; max-width:1200px; margin-inline:auto;
  padding-inline:clamp(24px,4vw,48px);
}
.sv-single .sv-single-content > section.sv-article.sv-article-hero {
  margin:0; padding:80px 0; color:#1a2438;
  background:#f5f6f8; border-bottom:1px solid #dfe3ea;
}
.sv-single .sv-single-content > section.sv-article.sv-white { margin:0; padding:96px 0; background:#fff; }
.sv-single .sv-single-content .sv-blog-crumb {
  margin:0; padding:0; color:#5a667a; font-size:14px;
  font-weight:400; line-height:21px; letter-spacing:.08em;
  text-transform:uppercase;
}
.sv-single .sv-single-content .sv-blog-crumb a { color:inherit; }
.sv-single .sv-single-content .sv-article-hero-copy { max-width:768px; margin-top:32px; }
.sv-single .sv-single-content .sv-label {
  margin:0; color:#3b7caa; font-family:inherit; font-size:14px;
  font-weight:400; line-height:21px; letter-spacing:.08em;
  text-transform:uppercase;
}
.sv-single .sv-single-content .sv-article-hero-copy h1 {
  margin:16px 0 0; color:#1a2438; font-size:36px; font-weight:500;
  line-height:40px; letter-spacing:-.025em; overflow-wrap:anywhere;
}
.sv-single .sv-single-content .sv-lead { margin:20px 0 0; color:#5a667a; font-size:18px; line-height:28px; }
.sv-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin-top: 24px;
  color: #5a667a;
  font: 400 14px/20px Roboto, system-ui, sans-serif;
}

.sv-article-meta p,
.sv-article-meta .sv-article-author,
.sv-article-meta .sv-article-date,
.sv-article-meta time {
  margin: 0;
  color: inherit;
  font: inherit;
}

.sv-article-meta .sv-article-author::before {
  content: "Autor: ";
}

/* Artikeltext links, das vorhandene Inhaltsverzeichnis rechts. */
.sv-single .sv-single-content .sv-article-layout { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:48px; }
.sv-single .sv-single-content .sv-article-body { min-width:0; max-width:68ch; }
.sv-single .sv-single-content .sv-article-sidebar { min-width:0; }
.sv-single .sv-single-content .sv-article-sidebar > * + * { margin-top:24px; }
.sv-single .sv-single-content .sv-article-body > * + * { margin-top:32px; }
.sv-single .sv-single-content .sv-article-point h2 { margin:0 0 20px; font-size:24px; font-weight:500; line-height:32px; }
.sv-single .sv-single-content .sv-article-body p { margin:0 0 20px; font-size:16px; line-height:26px; }
.sv-single .sv-single-content .sv-article-body figure { margin:24px 0; }
.sv-single .sv-single-content .sv-article-body img { display:block; max-width:100%; height:auto; }
.sv-single .sv-single-content .sv-article-body figcaption { margin-top:8px; color:#5a667a; font-size:14px; line-height:20px; }
.sv-single .sv-single-content .sv-article-body :is(strong,b) { font-weight:500; }
/* Zusammenfassung am Artikelanfang */
:is(.sv-single-content, .editor-styles-wrapper) .sv-article-overview {
  box-sizing: border-box;
  max-width: 100%;
  padding: 24px;
  border: 1px solid #2a3650;
  background: #f5f6f8;
  color: #1a2438;
  font-family: Roboto, system-ui, sans-serif;
}

:is(.sv-single-content, .editor-styles-wrapper) .sv-article-overview p.sv-label {
  margin: 0 0 16px;
  color: #3b7caa;
  font: 400 14px/21px Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:is(.sv-single-content, .editor-styles-wrapper) .sv-article-overview > p:last-child {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}


/* Vorhandene native Details-/Listen-Blöcke als Inhaltsverzeichnis. */
.sv-single .sv-single-content .sv-article-toc { margin:0; padding:24px; border:1px solid #dfe3ea; background:#fff; }
.sv-single .sv-single-content .sv-article-toc > summary { margin:0; color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-single .sv-single-content .sv-article-toc .sv-article-toc-list { margin:16px 0 0; padding-left:20px; color:#5a667a; font-size:14px; line-height:20px; list-style:decimal; }
.sv-single .sv-single-content .sv-article-toc-list li { margin:0; padding:0; }
.sv-single .sv-single-content .sv-article-toc-list li + li { margin-top:10px; }
.sv-single .sv-single-content .sv-article-toc-list a { color:inherit; }
.sv-single .sv-single-content .sv-article-toc-list a:hover { color:#3b7caa; }
.sv-single .sv-single-content .sv-article-side-cta { margin-top:24px; padding:24px; color:#fff; background:#141d2e; }
.sv-single .sv-single-content .sv-article-side-cta p { margin:8px 0 0; color:#a9b4c7; font-size:14px; line-height:20px; }
.sv-single .sv-single-content .sv-article-side-cta .sv-article-side-title { margin:0; color:#fff; font-size:16px; font-weight:500; line-height:24px; }
.sv-single .sv-single-content .sv-article-side-cta .sv-actions { margin-top:16px; }

/* Hinweisboxen im Text und vorhandene weiterführende Karten. */
.sv-single .sv-single-content .sv-article-callout { padding:24px; border-left:1px solid #2a3650; background:#f5f6f8; }
.sv-single .sv-single-content .sv-article-callout p { margin:8px 0 0; font-size:14px; line-height:20px; }
.sv-single .sv-single-content .sv-article-callout .sv-article-callout-title { margin:0; font-size:16px; font-weight:500; line-height:24px; }
.sv-single .sv-single-content .sv-text-link a { color:#3b7caa; font-weight:500; }
.sv-single .sv-single-content .sv-article-related { margin-top:80px; }
.sv-single .sv-single-content .sv-article-related-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:16px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-single .sv-single-content .sv-article-related-card { position:relative; min-width:0; margin:0; padding:24px; background:#fff; }
.sv-single .sv-single-content .sv-article-related-card p { margin:4px 0 0; color:#5a667a; font-size:14px; line-height:20px; }
.sv-single .sv-single-content .sv-article-related-card .sv-article-related-title { margin:0; color:#1a2438; font-size:16px; font-weight:500; line-height:24px; }
.sv-single .sv-single-content .sv-article-related-title a { color:inherit; }
.sv-single .sv-single-content .sv-article-related-title a::after { content:""; position:absolute; inset:0; }
.sv-single .sv-single-content .sv-article-related-card:hover { background:#f5f6f8; }
.sv-single .sv-single-content .sv-article-related-card:hover .sv-article-related-title { color:#3b7caa; }
.editor-styles-wrapper .sv-single .sv-single-content .sv-article-related-title a::after { display:none; }

/* Vorhandener Abschlussbereich: kein zusätzlicher zweiter CTA. */
.sv-single:has(.sv-single-content > .sv-blog-cta) .sv-single-closing { display:none; }
.sv-single .sv-single-content > section.sv-article.sv-blog-cta { margin:0; padding:96px 0; color:#fff; background:#141d2e; }
.sv-single .sv-single-content .sv-blog-cta-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:end; }
.sv-single .sv-single-content .sv-blog-cta-copy { max-width:672px; }
.sv-single .sv-single-content .sv-blog-cta .sv-label { color:#a9b4c7; }
.sv-single .sv-single-content .sv-blog-cta h2 { margin:16px 0 0; color:#fff; font-size:30px; font-weight:500; line-height:36px; letter-spacing:-.025em; }
.sv-single .sv-single-content .sv-blog-cta-copy > p:not(.sv-label) { margin:20px 0 0; color:#a9b4c7; font-size:16px; line-height:24px; }
.sv-single .sv-single-content .sv-actions { display:flex; flex-wrap:wrap; gap:12px 16px; }
.sv-single .sv-single-content .sv-actions .wp-block-button { margin:0; }
.sv-single .sv-single-content :is(.sv-button-accent,.sv-button-outline) .wp-block-button__link { display:inline-flex; align-items:center; padding:12px 20px; border:1px solid transparent; border-radius:2px; box-shadow:none; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; }
.sv-single .sv-single-content .sv-button-accent .wp-block-button__link { color:#fff; background:#e85d2a; border-width:0; }
.sv-single .sv-single-content .sv-button-outline .wp-block-button__link { color:#fff; background:transparent; border-color:#a9b4c7; }
.sv-single .sv-single-content .sv-button-accent .wp-block-button__link:hover { opacity:.9; }
.sv-single .sv-single-content .sv-button-outline .wp-block-button__link:hover { border-color:#fff; }
@media (min-width:768px) {
  .sv-single .sv-single-content .sv-article-hero-copy h1 { font-size:60px; line-height:60px; }
  .sv-single .sv-single-content > section.sv-article.sv-white,
  .sv-single .sv-single-content > section.sv-article.sv-blog-cta { padding-block:160px; }
  .sv-single .sv-single-content .sv-article-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-single .sv-single-content .sv-blog-cta h2 { font-size:48px; line-height:48px; }
}
@media (min-width:1024px) {
  .sv-single .sv-single-content .sv-article-layout { grid-template-columns:minmax(0,1fr) 300px; gap:64px; }
  .sv-single .sv-single-content .sv-article-body { grid-column:1; grid-row:1; }
  .sv-single .sv-single-content .sv-article-sidebar { grid-column:2; grid-row:1; }
  .sv-single .sv-single-content .sv-blog-cta-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .sv-single .sv-single-content .sv-blog-cta-actions .sv-actions { flex-direction:column; align-items:flex-start; }
}

/* 09 · Bedienung mit reduzierter Bewegung */
@media (prefers-reduced-motion:reduce) { .sv-single * { scroll-behavior:auto; transition:none; } }
/* EINZELNE BEITRÄGE · SEOVIDI TEMPLATE · ENDE */


/* ==========================================================
   KONTAKT · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Alle bisherigen CSS-Abschnitte beibehalten.
   Ausschließlich lokale Roboto 400 und 500.
   ========================================================== */

/* 01 · Seitenbreite, Farben und Schrift */
.wp-site-blocks:has(.sv-kontakt),
main:has(.sv-kontakt),
.wp-block-post-content:has(> .sv-kontakt) { max-width:none; padding-inline:0; }
main:has(.sv-kontakt) { margin-block:0; padding-block:0; }
main:has(.sv-kontakt) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-kontakt { width:100%; max-width:none; margin:0; }
.sv-kontakt {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font-family:Roboto,system-ui,sans-serif; font-size:16px;
  font-weight:400; line-height:24px; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.sv-kontakt *, .sv-kontakt *::before, .sv-kontakt *::after { box-sizing:border-box; }
.sv-kontakt :where(.wp-block-group,p,h1) { margin:0; padding:0; font-family:inherit; }
.sv-kontakt strong, .sv-kontakt b { font-weight:500; }
.sv-kontakt a { color:inherit; }
.sv-kontakt a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-kontakt .sv-contact-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 02 · Dunkler Einstieg entsprechend der Seovidi-Vorlage */
.sv-kontakt .sv-contact-hero { margin:0; padding:80px 0; color:#fff; background:#141d2e; }
.sv-kontakt .sv-contact-crumb { color:#a9b4c7; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-kontakt .sv-contact-crumb a { color:inherit; text-decoration:none; }
.sv-kontakt .sv-contact-crumb a:hover { color:#fff; }
.sv-kontakt .sv-contact-hero-copy { max-width:768px; margin-top:40px; }
.sv-kontakt .sv-contact-label { margin:0; color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-kontakt .sv-contact-label--light { color:#a9b4c7; }
.sv-kontakt .sv-contact-title { margin-top:16px; color:inherit; font-size:36px; font-weight:500; line-height:40px; letter-spacing:-.025em; overflow-wrap:break-word; }
.sv-kontakt .sv-contact-intro { margin-top:20px; color:#a9b4c7; font-size:18px; font-weight:400; line-height:28px; }
@media (min-width:768px) {
  .sv-kontakt .sv-contact-hero { padding-block:112px; }
  .sv-kontakt .sv-contact-title { font-size:60px; line-height:60px; }
}

/* 03 · Kontaktdaten links und nativer Shortcode-Block rechts */
.sv-kontakt .sv-contact-section { margin:0; padding:96px 0; background:#fff; }
.sv-kontakt .sv-contact-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:64px; align-items:start; }
.sv-kontakt .sv-contact-details, .sv-kontakt .sv-contact-form { min-width:0; }
.sv-kontakt .sv-contact-details > * + * { margin-top:32px; }
.sv-kontakt .sv-contact-value { margin-top:8px; color:#1a2438; font-size:18px; font-weight:400; line-height:28px; overflow-wrap:anywhere; }
.sv-kontakt .sv-contact-answer { margin-top:8px; color:#5a667a; font-size:16px; font-weight:400; line-height:24px; }
.sv-kontakt .sv-contact-form { width:100%; overflow-wrap:anywhere; }
@media (min-width:768px) { .sv-kontakt .sv-contact-section { padding-block:160px; } }
@media (min-width:1024px) { .sv-kontakt .sv-contact-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); } }

/* 04 · Grundgestaltung des später per Shortcode geladenen Formulars.
   Formular, Versand und Meldungen kommen aus deinem bestehenden Plugin.
   Versteckte Felder, Checkboxen und Captchas werden nicht umgebaut. */
.sv-kontakt .sv-contact-form form { max-width:100%; margin:0; font-family:inherit; }
.sv-kontakt .sv-contact-form form > p { margin:0 0 20px; }
.sv-kontakt .sv-contact-form label { color:#1a2438; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; }
.sv-kontakt .sv-contact-form input:is([type="text"],[type="email"],[type="tel"],[type="url"],[type="search"],[type="number"],:not([type])):not([hidden]),
.sv-kontakt .sv-contact-form textarea:not([hidden]),
.sv-kontakt .sv-contact-form select:not([hidden]) {
  display:block; width:100%; max-width:100%; margin-top:8px; padding:12px 16px;
  color:#1a2438; background:#fff; border:1px solid #cfd5df; border-radius:2px;
  box-shadow:none; font-family:Roboto,system-ui,sans-serif;
  font-size:14px; font-weight:400; line-height:20px;
}
.sv-kontakt .sv-contact-form textarea { min-height:142px; resize:vertical; }
.sv-kontakt .sv-contact-form :is(input,textarea,select):focus-visible { border-color:#3b7caa; outline:2px solid #3b7caa; outline-offset:2px; }
.sv-kontakt .sv-contact-form :is(input,textarea,select)[aria-invalid="true"] { border-color:#c0392b; }
.sv-kontakt .sv-contact-form input:is([type="checkbox"],[type="radio"]) { accent-color:#2f4261; }
.sv-kontakt .sv-contact-form button[type="submit"],
.sv-kontakt .sv-contact-form input[type="submit"] {
  width:auto; max-width:100%; margin:0; padding:12px 24px;
  color:#fff; background:#e85d2a; border:0; border-radius:2px;
  box-shadow:none; font-family:Roboto,system-ui,sans-serif;
  font-size:14px; font-weight:500; line-height:20px; cursor:pointer;
}
.sv-kontakt .sv-contact-form :is(button[type="submit"],input[type="submit"]):hover { opacity:.9; }
.sv-kontakt .sv-contact-form :is(button,input[type="submit"]):disabled { opacity:.6; cursor:wait; }
.sv-kontakt .sv-contact-form a { color:#3b7caa; text-decoration:underline; }

/* KONTAKT · ENDE DES CSS-ZUSATZES */

	
/* ==========================================================
   SEO BASIS-CHECK · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Alle bisherigen CSS-Abschnitte beibehalten.
   Ausschließlich lokale Roboto 400 und 500.
   ========================================================== */

/* 01 · Seitenbreite, Farben und Schrift */
.wp-site-blocks:has(.sv-basis-check),
main:has(.sv-basis-check),
.wp-block-post-content:has(> .sv-basis-check) { max-width:none; padding-inline:0; }
main:has(.sv-basis-check) { margin-block:0; padding-block:0; }
main:has(.sv-basis-check) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-basis-check { width:100%; max-width:none; margin:0; }
.sv-basis-check {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font-family:Roboto,system-ui,sans-serif; font-size:16px;
  font-weight:400; line-height:24px; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.sv-basis-check *, .sv-basis-check *::before, .sv-basis-check *::after { box-sizing:border-box; }
.sv-basis-check :where(.wp-block-group,p,h1,h2,ul,li) { margin:0; padding:0; font-family:inherit; }
.sv-basis-check strong, .sv-basis-check b { font-weight:500; }
.sv-basis-check a { color:inherit; }
.sv-basis-check a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-basis-check .sv-check-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 02 · Dunkler Einstieg entsprechend der Seovidi-Vorlage */
.sv-basis-check .sv-check-hero { margin:0; padding:80px 0; color:#fff; background:#141d2e; }
.sv-basis-check .sv-check-crumb { color:#a9b4c7; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-basis-check .sv-check-crumb a { color:inherit; text-decoration:none; }
.sv-basis-check .sv-check-crumb a:hover { color:#fff; }
.sv-basis-check .sv-check-hero-copy { max-width:768px; margin-top:40px; }
.sv-basis-check .sv-check-label { margin:0; color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-basis-check .sv-check-label--light { color:#a9b4c7; }
.sv-basis-check .sv-check-title { margin-top:16px; color:inherit; font-size:36px; font-weight:500; line-height:40px; letter-spacing:-.025em; overflow-wrap:break-word; }
.sv-basis-check .sv-check-intro { margin-top:20px; color:#a9b4c7; font-size:18px; font-weight:400; line-height:28px; }
@media (min-width:768px) {
  .sv-basis-check .sv-check-hero { padding-block:112px; }
  .sv-basis-check .sv-check-title { font-size:60px; line-height:60px; }
}

/* 03 · Prüfpunkte und Formularbereich */
.sv-basis-check .sv-check-section { margin:0; padding:96px 0; background:#fff; }
.sv-basis-check .sv-check-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:64px; align-items:start; }
.sv-basis-check .sv-check-scope, .sv-basis-check .sv-check-panel { min-width:0; }
.sv-basis-check .sv-check-list { margin-top:24px; padding:0; list-style:none; border-top:1px solid #dfe3ea; }
.sv-basis-check .sv-check-list > li { display:flex; gap:16px; margin:0; padding:16px 0; border-bottom:1px solid #dfe3ea; color:#1a2438; font-size:16px; line-height:24px; }
.sv-basis-check .sv-check-number { flex:none; color:#5a667a; font-size:14px; font-weight:400; line-height:20px; }
.sv-basis-check .sv-check-panel { padding:32px; background:#f5f6f8; border:1px solid #dfe3ea; }
.sv-basis-check .sv-check-form-title { margin:0 0 24px; color:#1a2438; font-size:24px; font-weight:500; line-height:32px; letter-spacing:-.025em; }
.sv-basis-check .sv-check-form { width:100%; min-width:0; overflow-wrap:anywhere; }
@media (min-width:768px) { .sv-basis-check .sv-check-section { padding-block:160px; } }
@media (min-width:1024px) { .sv-basis-check .sv-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* 04 · Weiterführende Seiten als native, bearbeitbare Blöcke.
   Der Titellink macht die gesamte Kachel anklickbar. */
.sv-basis-check .sv-check-related { margin-top:80px; }
.sv-basis-check .sv-check-related-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:16px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-basis-check .sv-check-card { position:relative; min-width:0; padding:24px; background:#fff; }
.sv-basis-check .sv-check-card-title { font-size:16px; font-weight:500; line-height:24px; }
.sv-basis-check .sv-check-card-title a { color:#1a2438; text-decoration:none; }
.sv-basis-check .sv-check-card-title a::after { position:absolute; inset:0; content:""; }
.sv-basis-check .sv-check-card-text { margin-top:4px; color:#5a667a; font-size:14px; line-height:20px; }
.sv-basis-check .sv-check-card:hover { background:#f5f6f8; }
.sv-basis-check .sv-check-card:hover .sv-check-card-title a { color:#3b7caa; }
.sv-basis-check .sv-check-card:focus-within { outline:2px solid #3b7caa; outline-offset:2px; z-index:1; }
@media (min-width:768px) { .sv-basis-check .sv-check-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* 05 · Grundgestaltung des später per Shortcode geladenen Formulars.
   Formular, Versand und Meldungen kommen aus deinem bestehenden Plugin.
   Versteckte Felder, Checkboxen und Captchas werden nicht umgebaut. */
.sv-basis-check .sv-check-form form { max-width:100%; margin:0; font-family:inherit; }
.sv-basis-check .sv-check-form form > p { margin:0 0 20px; }
.sv-basis-check .sv-check-form label { color:#1a2438; font-family:inherit; font-size:14px; font-weight:500; line-height:20px; }
.sv-basis-check .sv-check-form input:is([type="text"],[type="email"],[type="tel"],[type="url"],[type="search"],[type="number"],:not([type])):not([hidden]),
.sv-basis-check .sv-check-form textarea:not([hidden]),
.sv-basis-check .sv-check-form select:not([hidden]) {
  display:block; width:100%; max-width:100%; margin-top:8px; padding:12px 16px;
  color:#1a2438; background:#fff; border:1px solid #cfd5df; border-radius:2px;
  box-shadow:none; font-family:Roboto,system-ui,sans-serif;
  font-size:14px; font-weight:400; line-height:20px;
}
.sv-basis-check .sv-check-form textarea { min-height:142px; resize:vertical; }
.sv-basis-check .sv-check-form :is(input,textarea,select):focus-visible { border-color:#3b7caa; outline:2px solid #3b7caa; outline-offset:2px; }
.sv-basis-check .sv-check-form :is(input,textarea,select)[aria-invalid="true"] { border-color:#c0392b; }
.sv-basis-check .sv-check-form input:is([type="checkbox"],[type="radio"]) { accent-color:#2f4261; }
.sv-basis-check .sv-check-form button[type="submit"],
.sv-basis-check .sv-check-form input[type="submit"] {
  width:auto; max-width:100%; margin:0; padding:12px 24px;
  color:#fff; background:#e85d2a; border:0; border-radius:2px;
  box-shadow:none; font-family:Roboto,system-ui,sans-serif;
  font-size:14px; font-weight:500; line-height:20px; cursor:pointer;
}
.sv-basis-check .sv-check-form :is(button[type="submit"],input[type="submit"]):hover { opacity:.9; }
.sv-basis-check .sv-check-form :is(button,input[type="submit"]):disabled { opacity:.6; cursor:wait; }
.sv-basis-check .sv-check-form a { color:#3b7caa; text-decoration:underline; }

/* SEO BASIS-CHECK · ENDE DES CSS-ZUSATZES */

	
/* ==========================================================
   IMPRESSUM · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Alle bisherigen CSS-Abschnitte beibehalten.
   Ausschließlich lokale Roboto 400 und 500.
   ========================================================== */

/* 01 · Seitenbreite, Farben und Schrift */
.wp-site-blocks:has(.sv-impressum),
main:has(.sv-impressum),
.wp-block-post-content:has(> .sv-impressum) { max-width:none; padding-inline:0; }
main:has(.sv-impressum) { margin-block:0; padding-block:0; }
main:has(.sv-impressum) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-impressum { width:100%; max-width:none; margin:0; }
.sv-impressum {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font-family:Roboto,system-ui,sans-serif; font-size:16px;
  font-weight:400; line-height:24px; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.sv-impressum *, .sv-impressum *::before, .sv-impressum *::after { box-sizing:border-box; }
.sv-impressum :where(.wp-block-group,p,h1,h2,h3,ul,ol) { margin:0; padding:0; font-family:inherit; }
.sv-impressum strong, .sv-impressum b { font-weight:500; }
.sv-impressum a { color:inherit; }
.sv-impressum a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-impressum .sv-imprint-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 02 · Dunkler Einstieg entsprechend der Seovidi-Vorlage */
.sv-impressum .sv-imprint-hero { margin:0; padding:80px 0; color:#fff; background:#141d2e; }
.sv-impressum .sv-imprint-crumb { color:#a9b4c7; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-impressum .sv-imprint-crumb a { color:inherit; text-decoration:none; }
.sv-impressum .sv-imprint-crumb a:hover { color:#fff; }
.sv-impressum .sv-imprint-hero-copy { max-width:768px; margin-top:40px; }
.sv-impressum .sv-imprint-label { margin:0; color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-impressum .sv-imprint-label--light { color:#a9b4c7; }
.sv-impressum .sv-imprint-title { margin-top:16px; color:inherit; font-size:36px; font-weight:500; line-height:40px; letter-spacing:-.025em; overflow-wrap:break-word; }
.sv-impressum .sv-imprint-intro { margin-top:20px; color:#a9b4c7; font-size:18px; font-weight:400; line-height:28px; }
@media (min-width:768px) {
  .sv-impressum .sv-imprint-hero { padding-block:112px; }
  .sv-impressum .sv-imprint-title { font-size:60px; line-height:60px; }
}

/* 03 · Inhalt des Impressums · Platzhalter später ersetzen */
.sv-impressum .sv-imprint-section { margin:0; padding:96px 0; background:#fff; }
.sv-impressum .sv-imprint-copy { max-width:68ch; color:#5a667a; font-size:16px; font-weight:400; line-height:24px; overflow-wrap:anywhere; }
.sv-impressum .sv-imprint-copy > * + * { margin-top:16px; }
.sv-impressum .sv-imprint-copy :is(h2,h3) { color:#1a2438; font-weight:500; letter-spacing:-.025em; }
.sv-impressum .sv-imprint-copy h2 { font-size:24px; line-height:32px; }
.sv-impressum .sv-imprint-copy h3 { font-size:20px; line-height:28px; }
.sv-impressum .sv-imprint-copy :is(ul,ol) { padding-left:24px; }
.sv-impressum .sv-imprint-copy a { color:#3b7caa; text-decoration:underline; text-underline-offset:3px; }
@media (min-width:768px) { .sv-impressum .sv-imprint-section { padding-block:160px; } }

/* IMPRESSUM · ENDE DES CSS-ZUSATZES */

/* ==========================================================
   DATENSCHUTZ · ANFANG DES CSS-ZUSATZES
   Unten an die bestehende seovidi.css anhängen.
   Alle bisherigen CSS-Abschnitte beibehalten.
   Ausschließlich lokale Roboto 400 und 500.
   ========================================================== */

/* 01 · Seitenbreite, Farben und Schrift */
.wp-site-blocks:has(.sv-datenschutz),
main:has(.sv-datenschutz),
.wp-block-post-content:has(> .sv-datenschutz) { max-width:none; padding-inline:0; }
main:has(.sv-datenschutz) { margin-block:0; padding-block:0; }
main:has(.sv-datenschutz) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-datenschutz { width:100%; max-width:none; margin:0; }
.sv-datenschutz {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font-family:Roboto,system-ui,sans-serif; font-size:16px;
  font-weight:400; line-height:24px; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.sv-datenschutz *, .sv-datenschutz *::before, .sv-datenschutz *::after { box-sizing:border-box; }
.sv-datenschutz :where(.wp-block-group,p,h1,h2,h3,ul,ol) { margin:0; padding:0; font-family:inherit; }
.sv-datenschutz strong, .sv-datenschutz b { font-weight:500; }
.sv-datenschutz a { color:inherit; }
.sv-datenschutz a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-datenschutz .sv-privacy-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }

/* 02 · Dunkler Einstieg entsprechend der Seovidi-Vorlage */
.sv-datenschutz .sv-privacy-hero { margin:0; padding:80px 0; color:#fff; background:#141d2e; }
.sv-datenschutz .sv-privacy-crumb { color:#a9b4c7; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-datenschutz .sv-privacy-crumb a { color:inherit; text-decoration:none; }
.sv-datenschutz .sv-privacy-crumb a:hover { color:#fff; }
.sv-datenschutz .sv-privacy-hero-copy { max-width:768px; margin-top:40px; }
.sv-datenschutz .sv-privacy-label { margin:0; color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-datenschutz .sv-privacy-label--light { color:#a9b4c7; }
.sv-datenschutz .sv-privacy-title { margin-top:16px; color:inherit; font-size:36px; font-weight:500; line-height:40px; letter-spacing:-.025em; overflow-wrap:break-word; }
.sv-datenschutz .sv-privacy-intro { margin-top:20px; color:#a9b4c7; font-size:18px; font-weight:400; line-height:28px; }
@media (min-width:768px) {
  .sv-datenschutz .sv-privacy-hero { padding-block:112px; }
  .sv-datenschutz .sv-privacy-title { font-size:60px; line-height:60px; }
}

/* 03 · Inhalt der Datenschutzerklärung · Platzhalter später ersetzen */
.sv-datenschutz .sv-privacy-section { margin:0; padding:96px 0; background:#fff; }
.sv-datenschutz .sv-privacy-copy { max-width:68ch; color:#5a667a; font-size:16px; font-weight:400; line-height:24px; overflow-wrap:anywhere; }
.sv-datenschutz .sv-privacy-copy > * + * { margin-top:16px; }
.sv-datenschutz .sv-privacy-copy :is(h2,h3) { color:#1a2438; font-weight:500; letter-spacing:-.025em; }
.sv-datenschutz .sv-privacy-copy h2 { font-size:24px; line-height:32px; }
.sv-datenschutz .sv-privacy-copy h3 { font-size:20px; line-height:28px; }
.sv-datenschutz .sv-privacy-copy :is(ul,ol) { padding-left:24px; }
.sv-datenschutz .sv-privacy-copy a { color:#3b7caa; text-decoration:underline; text-underline-offset:3px; }
@media (min-width:768px) { .sv-datenschutz .sv-privacy-section { padding-block:160px; } }

/* DATENSCHUTZ · ENDE DES CSS-ZUSATZES */
	
/* ==================================================
   FOOTER-ÜBERGANG · Leere Template-Gruppe ausblenden
   ================================================== */

body:has(.sv-tpl-footer) main
> .wp-block-post-content
+ .wp-block-group:not(:has(*)) {
  display: none !important;
}
	
/* FOOTER · Hintergrund hinter dem Logo transparent */
.sv-tpl-footer .sv-tpl-logo {
  background: transparent;
}
	
/* ==================================================
   KATEGORIEARCHIVE · ANFANG
   Einmal an seovidi.css anhängen. Roboto 400 / 500.
   ================================================== */
.sv-category {
  width:100%;max-width:none;margin:0;padding:0;
  color:#1a2438;background:#fff;
  font-family:Roboto,system-ui,sans-serif;font-size:16px;
  font-weight:400;line-height:1.5;font-synthesis:none;
}
.sv-category *, .sv-category *::before, .sv-category *::after {box-sizing:border-box;}
.sv-category :where(h1,h2,h3,p,figure,ul,li,.wp-block-group,.wp-block-query) {margin:0;padding:0;}
.sv-category :where(h1,h2,h3) {font-family:inherit;font-weight:500;}
.sv-category .sv-category-container {width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px);}
.sv-category a {color:inherit;text-decoration:none;}
.sv-category a:focus-visible {outline:2px solid #3b7caa;outline-offset:4px;}
.sv-category .sv-category-hero {margin:0;padding:72px 0 80px;color:#fff;background:#141d2e;}
.sv-category .sv-category-breadcrumb {color:#a9b4c7;font-size:14px;line-height:21px;}
.sv-category .sv-category-breadcrumb a:hover {color:#fff;text-decoration:underline;}
.sv-category .sv-category-label {margin-top:40px;color:#a9b4c7;font-size:14px;line-height:21px;letter-spacing:.08em;text-transform:uppercase;}
.sv-category .sv-category-title {display:block;max-width:900px;margin-top:16px;color:#fff;font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere;}
.sv-category .sv-category-description {max-width:768px;margin-top:20px;color:#a9b4c7;font-size:18px;line-height:28px;}
.sv-category .sv-category-description:empty {display:none;}
.sv-category .sv-category-description p + p {margin-top:12px;}
.sv-category .sv-category-description a {text-decoration:underline;}
.sv-category .sv-category-content {margin:0;padding:64px 0 80px;background:#fff;}
.sv-category .sv-category-nav {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px;align-items:flex-start;}
.sv-category .sv-category-categories {display:flex;flex-wrap:wrap;gap:8px;list-style:none;}
.sv-category .sv-category-categories li {list-style:none;}
.sv-category .sv-category-nav a {display:block;padding:8px 16px;border:1px solid #dfe3ea;font-size:14px;line-height:20px;background:#fff;}
.sv-category .sv-category-nav a:hover {border-color:#3b7caa;color:#3b7caa;}
.sv-category .sv-category-categories .current-cat > a {color:#fff;background:#2f4261;border-color:#2f4261;}
.sv-category .sv-category-posts {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;list-style:none;}
.sv-category .sv-category-posts > li {display:flex;min-width:0;margin:0;padding:0;list-style:none;}
.sv-category .sv-category-card {display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #dfe3ea;background:#fff;}
.sv-category .sv-category-card:hover {border-color:#3b7caa;}
.sv-category .sv-category-image {width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f6f8;}
.sv-category .sv-category-image a {display:block;width:100%;height:100%;}
.sv-category .sv-category-image img {display:block;width:100%;height:100%;object-fit:cover;}
.sv-category .sv-category-card:not(:has(.sv-category-image img))::before {content:'';display:block;aspect-ratio:16/9;background:#f5f6f8;}
.sv-category .sv-category-image:not(:has(img)) {display:none;}
.sv-category .sv-category-card-body {display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;}
.sv-category .sv-category-date {color:#5a667a;font-size:14px;line-height:20px;}
.sv-category .sv-category-card .sv-category-card-title {display:block;color:#1a2438;font-family:inherit;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.015em;overflow-wrap:anywhere;}
.sv-category .sv-category-card-title a:hover {color:#3b7caa;}
.sv-category .sv-category-excerpt {margin:0;color:#5a667a;font-size:16px;line-height:26px;overflow-wrap:anywhere;}
.sv-category .sv-category-excerpt .wp-block-post-excerpt__more-text {display:none;}
.sv-category .sv-category-read-more {display:inline-block;align-self:flex-start;margin-top:auto;padding-top:8px;color:#2f4261;font-size:14px;font-weight:500;line-height:22px;}
.sv-category .sv-category-read-more:hover {text-decoration:underline;text-underline-offset:4px;}
.sv-category .sv-category-pagination {display:flex;flex-wrap:wrap;gap:12px;margin:40px 0 0;padding:0;font-size:14px;}
.sv-category .sv-category-pagination > * {margin:0;}
.sv-category .sv-category-pagination .page-numbers,.sv-category .wp-block-query-pagination-previous,.sv-category .wp-block-query-pagination-next {display:inline-block;min-width:40px;padding:8px 12px;border:1px solid #dfe3ea;text-align:center;}
.sv-category .sv-category-pagination .current {color:#fff;background:#2f4261;border-color:#2f4261;}
.sv-category .sv-category-pagination a:hover {border-color:#3b7caa;}
.sv-category .sv-category-empty {padding:24px;border:1px solid #dfe3ea;color:#5a667a;}
.sv-category .sv-category-cta {margin:0;padding:64px 0;background:#2f4261;color:#fff;}
.sv-category .sv-category-cta-inner {display:flex;flex-direction:column;align-items:flex-start;gap:32px;}
.sv-category .sv-category-cta-copy {max-width:660px;min-width:0;}
.sv-category .sv-category-cta h2 {font-size:28px;line-height:1.2;letter-spacing:-.02em;}
.sv-category .sv-category-cta-text {margin-top:12px;color:#d6deeb;font-size:16px;line-height:26px;}
.sv-category .sv-category-buttons {flex-shrink:0;}
.sv-category .sv-category-button .wp-block-button__link {display:inline-block;padding:12px 20px;color:#fff;background:#e85d2a;border:0;border-radius:2px;font:500 14px/22px Roboto,system-ui,sans-serif;text-decoration:none;}
.sv-category .sv-category-button .wp-block-button__link:hover {background:#d95222;}
@media(min-width:768px) {
 .sv-category .sv-category-hero {padding:96px 0 112px;}
 .sv-category .sv-category-title {font-size:60px;}
 .sv-category .sv-category-content {padding:96px 0 120px;}
 .sv-category .sv-category-posts {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:1100px) {
 .sv-category .sv-category-posts {grid-template-columns:repeat(3,minmax(0,1fr));}
 .sv-category .sv-category-cta-inner {flex-direction:row;align-items:center;justify-content:space-between;}
}
/* KATEGORIEARCHIVE · ENDE */
	
/* ==========================================================
   PILOTPROJEKT · ANFANG
   
   ========================================================== */

/* 01 · Seitenbreite und Grundgestaltung */
.sv-pilot .wpcf7 .hidden-fields-container {
  display: none;
}
.wp-site-blocks:has(.sv-pilot),
.wp-block-post-content:has(> .sv-pilot) {
  max-width: none;
  margin-block: 0;
  padding: 0;
}
.sv-pilot {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #1a2438;
  background: #fff;
  font: 400 16px/1.5 Roboto, system-ui, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.sv-pilot *, .sv-pilot *::before, .sv-pilot *::after { box-sizing: border-box; }
.sv-pilot :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,ul,li,figure) {
  margin: 0;
  padding: 0;
  font-family: inherit;
}
.sv-pilot :where(.wp-block-group,li) { min-width: 0; }
.sv-pilot :where(p,h1,h2,h3,li,a) { overflow-wrap: anywhere; }
.sv-pilot :where(h1,h2,h3,strong,b) { font-weight: 500; }
.sv-pilot :where(a) { color: inherit; text-decoration: none; }
.sv-pilot a:focus-visible { outline: 2px solid #3b7caa; outline-offset: 4px; }
.sv-pilot .sv-pilot-wrap {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(24px, 4vw, 48px);
}
.sv-pilot .sv-pilot-section { margin: 0; padding: 96px 0; background: #fff; }
.sv-pilot .sv-pilot-section--surface { background: #f5f6f8; }
.sv-pilot .sv-pilot-label {
  color: #3b7caa;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sv-pilot .sv-pilot-label--light { color: #a9b4c7; }
.sv-pilot .sv-pilot-h1,
.sv-pilot .sv-pilot-h2,
.sv-pilot .sv-pilot-h3 { color: inherit; font-weight: 500; letter-spacing: -.025em; }
.sv-pilot .sv-pilot-h1 { margin-top: 20px; font-size: 36px; line-height: 40px; }
.sv-pilot .sv-pilot-h2 { max-width: 768px; margin-top: 12px; font-size: 30px; line-height: 36px; }
.sv-pilot .sv-pilot-h3 { margin-top: 16px; font-size: 20px; line-height: 28px; }
.sv-pilot .sv-pilot-muted { color: #5a667a; }
.sv-pilot .sv-pilot-text-link { margin-top: 32px; }
.sv-pilot .sv-pilot-text-link a { color: #3b7caa; font-weight: 500; }
.sv-pilot .sv-pilot-text-link a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sv-pilot #ablauf, .sv-pilot #bewerbung { scroll-margin-top: 24px; }

/* 02 · Eigener kompakter Kampagnenkopf und Buttons */
.sv-pilot .sv-pilot-header { border-bottom: 1px solid #dfe3ea; background: #fff; }
.sv-pilot .sv-pilot-header-inner {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 12px;
}
.sv-pilot .sv-pilot-logo { flex: 0 1 148px; width: 148px; }
.sv-pilot .sv-pilot-logo a, .sv-pilot .sv-pilot-logo img { display: block; }
.sv-pilot .sv-pilot-logo img { width: 100%; height: auto; aspect-ratio: 469 / 141; object-fit: contain; }
.sv-pilot .sv-pilot-programme {
  display: none;
  padding: 4px 12px;
  border: 1px solid #dfe3ea;
  color: #3b7caa;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sv-pilot .sv-pilot-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.sv-pilot .sv-pilot-actions > .wp-block-button { max-width: 100%; }
.sv-pilot .sv-pilot-button .wp-block-button__link {
  display: inline-flex;
  min-height: 44px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #fff;
  background: #e85d2a;
  box-shadow: none;
  font: 500 14px/20px Roboto, system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  transition: opacity .15s, border-color .15s;
}
.sv-pilot .sv-pilot-button .wp-block-button__link:hover { opacity: .9; }
.sv-pilot .sv-pilot-button--outline .wp-block-button__link { border-color: #a9b4c7; background: transparent; }
.sv-pilot .sv-pilot-button--outline .wp-block-button__link:hover { border-color: #fff; opacity: 1; }
.sv-pilot .sv-pilot-micro { margin-top: 16px; color: #5a667a; font-size: 14px; line-height: 20px; }
.sv-pilot .sv-pilot-micro--light { color: #a9b4c7; }

/* 03 · Dunkler Einstieg mit Kennzahlen */
.sv-pilot .sv-pilot-hero { color: #fff; background: #141d2e; }
.sv-pilot .sv-pilot-hero-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 48px; }
.sv-pilot .sv-pilot-lead { max-width: 672px; margin-top: 24px; color: #a9b4c7; font-size: 18px; line-height: 28px; }
.sv-pilot .sv-pilot-hero-note { max-width: 672px; margin-top: 16px; color: #a9b4c7; font-size: 14px; line-height: 20px; }
.sv-pilot .sv-pilot-hero-copy > .sv-pilot-actions { margin-top: 40px; }
.sv-pilot .sv-pilot-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgb(169 180 199 / .4); }
.sv-pilot .sv-pilot-stat { padding: 20px; }
.sv-pilot .sv-pilot-stat + .sv-pilot-stat { border-left: 1px solid rgb(169 180 199 / .4); }
.sv-pilot .sv-pilot-stat-number { color: #e85d2a; font-size: 30px; line-height: 36px; }
.sv-pilot .sv-pilot-stat-text { margin-top: 4px; color: #a9b4c7; font-size: 14px; line-height: 20px; }

/* 04 · Leistungen und Gegenleistungen */
.sv-pilot .sv-pilot-deal-grid { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 56px; border: 1px solid #dfe3ea; }
.sv-pilot .sv-pilot-deal-panel { padding: 32px; }
.sv-pilot .sv-pilot-deal-panel + .sv-pilot-deal-panel { border-top: 1px solid #dfe3ea; }
.sv-pilot .sv-pilot-deal-panel--muted { background: #f5f6f8; }
.sv-pilot .sv-pilot-list { margin-top: 24px; list-style: none; }
.sv-pilot .sv-pilot-list > li { display: flex; gap: 12px; padding: 0 0 16px; border-bottom: 1px solid #dfe3ea; }
.sv-pilot .sv-pilot-list > li + li { margin-top: 16px; }
.sv-pilot .sv-pilot-list > li:last-child { border-bottom: 0; }
.sv-pilot .sv-pilot-list-mark { flex: none; color: #e85d2a; }
.sv-pilot .sv-pilot-list--requests .sv-pilot-list-mark { color: #3b7caa; }

/* 05 · Ablauf und Bausteine */
.sv-pilot .sv-pilot-three-grid { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 56px; border: 1px solid #dfe3ea; background: #fff; }
.sv-pilot .sv-pilot-card { padding: 32px; }
.sv-pilot .sv-pilot-card + .sv-pilot-card { border-top: 1px solid #dfe3ea; }
.sv-pilot .sv-pilot-card-number { color: #5a667a; font-size: 14px; line-height: 20px; }
.sv-pilot .sv-pilot-card-number--accent { color: #e85d2a; }
.sv-pilot .sv-pilot-card > .sv-pilot-muted { margin-top: 12px; }

/* 06 · Zielgruppe */
.sv-pilot .sv-pilot-fit-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 64px; }
.sv-pilot .sv-pilot-fit-description { margin-top: 16px; }
.sv-pilot .sv-pilot-fit-copy > .sv-pilot-text-link { margin-top: 24px; }
.sv-pilot .sv-pilot-fit-list { list-style: none; border-top: 1px solid #dfe3ea; }
.sv-pilot .sv-pilot-fit-list > li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #dfe3ea; }

/* 07 · Bewerbung und Contact Form 7 */
.sv-pilot .sv-pilot-application-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 64px; }
.sv-pilot .sv-pilot-application-description { margin-top: 16px; }
.sv-pilot .sv-pilot-image-placeholder { display: flex; aspect-ratio: 4 / 3; align-items: center; justify-content: center; margin-top: 40px; padding: 24px; border: 1px dashed #dfe3ea; background: #fff; }
.sv-pilot .sv-pilot-placeholder-label { color: #5a667a; }
.sv-pilot .sv-pilot-form-panel { padding: 32px; border: 1px solid #dfe3ea; background: #fff; }
.sv-pilot .sv-pilot-form-intro { margin-bottom: 24px; color: #5a667a; font-size: 14px; line-height: 20px; }
.sv-pilot .sv-pilot-form-panel form { max-width: 100%; margin: 0; font-family: inherit; }
.sv-pilot .sv-pilot-form-fields { display: grid; gap: 20px; }
.sv-pilot .sv-pilot-form-note, .sv-pilot .sv-pilot-form-privacy { color: #5a667a; font-size: 14px; line-height: 21px; }
.sv-pilot .sv-pilot-form-field > p { margin: 0; }
.sv-pilot .sv-pilot-form-field br { display: none; }
.sv-pilot .sv-pilot-form-field label { display: block; margin-bottom: 6px; color: #1a2438; font-size: 14px; font-weight: 500; line-height: 20px; }
.sv-pilot .sv-pilot-form-field .wpcf7-form-control-wrap { display: block; }
.sv-pilot .sv-pilot-form-field input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #dfe3ea;
  border-radius: 2px;
  color: #1a2438;
  background: #fff;
  box-shadow: none;
  font: 400 16px/22px Roboto, system-ui, sans-serif;
}
.sv-pilot .sv-pilot-form-field input:focus-visible { border-color: #3b7caa; outline: 2px solid #3b7caa; outline-offset: 2px; }
.sv-pilot .sv-pilot-form-field input[aria-invalid="true"] { border-color: #c0392b; }
.sv-pilot .sv-pilot-form-privacy a { color: #3b7caa; text-decoration: underline; }
.sv-pilot .sv-pilot-form-submit {
  width: auto;
  max-width: 100%;
  min-height: 44px;
  padding: 12px 24px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #e85d2a;
  font: 500 14px/20px Roboto, system-ui, sans-serif;
  white-space: normal;
  cursor: pointer;
}
.sv-pilot .sv-pilot-form-submit:hover,
.sv-pilot .sv-pilot-form-submit:focus-visible {
  border: 0;
  box-shadow: none;
  background: #d95222;
  color: #fff;
  opacity: 1;
}
.sv-pilot .sv-pilot-form-submit:focus-visible { outline: 2px solid #3b7caa; outline-offset: 4px; }
.sv-pilot .sv-pilot-form-submit:disabled { opacity: .6; cursor: wait; }
.sv-pilot .wpcf7-not-valid-tip { margin-top: 6px; font-size: 14px; line-height: 20px; }
.sv-pilot .wpcf7-response-output { max-width: 100%; margin: 20px 0 0; padding: 12px; font-size: 14px; line-height: 21px; }

/* 08 · Kleiner Kampagnenfooter */
.sv-pilot .sv-pilot-footer { border-top: 1px solid #dfe3ea; background: #fff; }
.sv-pilot .sv-pilot-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-block: 24px; color: #5a667a; font-size: 14px; line-height: 20px; }
.sv-pilot .sv-pilot-footer-links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.sv-pilot .sv-pilot-footer-links a:hover { color: #1a2438; text-decoration: underline; }

/* 09 · Responsive Anpassungen */
@media (max-width: 479px) {
  .sv-pilot .sv-pilot-stat { padding: 14px 10px; }
  .sv-pilot .sv-pilot-deal-panel,
  .sv-pilot .sv-pilot-card,
  .sv-pilot .sv-pilot-form-panel { padding: 24px; }
}
@media (min-width: 640px) {
  .sv-pilot .sv-pilot-programme { display: block; }
}
@media (min-width: 768px) {
  .sv-pilot .sv-pilot-hero { padding-block: 128px; }
  .sv-pilot .sv-pilot-h1 { font-size: 60px; line-height: 60px; }
  .sv-pilot .sv-pilot-h2 { font-size: 48px; line-height: 48px; }
  .sv-pilot .sv-pilot-h2--compact { font-size: 36px; line-height: 40px; }
  .sv-pilot .sv-pilot-deal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sv-pilot .sv-pilot-deal-panel + .sv-pilot-deal-panel { border-top: 0; border-left: 1px solid #dfe3ea; }
  .sv-pilot .sv-pilot-three-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sv-pilot .sv-pilot-card + .sv-pilot-card { border-top: 0; border-left: 1px solid #dfe3ea; }
}
@media (min-width: 1024px) {
  .sv-pilot .sv-pilot-hero-grid { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: end; }
  .sv-pilot .sv-pilot-stats { grid-template-columns: minmax(0,1fr); }
  .sv-pilot .sv-pilot-stat + .sv-pilot-stat { border-left: 0; border-top: 1px solid rgb(169 180 199 / .4); }
  .sv-pilot .sv-pilot-fit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sv-pilot .sv-pilot-application-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); }
}
@media (prefers-reduced-motion: reduce) {
  .sv-pilot * { transition: none; }
}
/* PILOTPROJEKT · ENDE */

/* ==========================================================
   CASE STUDIES · ANFANG
   
   ========================================================== */

/* 01 · Breite und Grundgestaltung */
.wp-site-blocks:has(.sv-case-studies),
main:has(.sv-case-studies),
.wp-block-post-content:has(> .sv-case-studies) { max-width:none; padding-inline:0; }
main:has(.sv-case-studies) { margin-block:0; padding-block:0; }
main:has(.sv-case-studies) .wp-block-post-title { display:none; }
.wp-block-post-content > .sv-case-studies { width:100%; max-width:none; margin:0; }
.sv-case-studies {
  width:100%; max-width:none; margin:0; padding:0;
  color:#1a2438; background:#fff;
  font:400 16px/1.5 Roboto,system-ui,sans-serif;
  font-synthesis:none; -webkit-font-smoothing:antialiased;
}
.sv-case-studies *, .sv-case-studies *::before, .sv-case-studies *::after { box-sizing:border-box; }
.sv-case-studies :where(.wp-block-group,.wp-block-buttons,.wp-block-button,p,h1,h2,h3,ul,ol,li,figure,blockquote) { margin:0; padding:0; font-family:inherit; }
.sv-case-studies :where(.wp-block-group,li) { min-width:0; }
.sv-case-studies :where(p,h1,h2,h3,li,a,cite) { overflow-wrap:anywhere; }
.sv-case-studies :where(h1,h2,h3,strong,b) { font-weight:500; }
.sv-case-studies a { color:inherit; text-decoration:none; }
.sv-case-studies a:focus-visible { outline:2px solid #3b7caa; outline-offset:4px; }
.sv-case-studies .sv-cases-wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:clamp(24px,4vw,48px); }
.sv-case-studies .sv-cases-section { margin:0; padding:96px 0; background:#fff; }
.sv-case-studies .sv-cases-section--surface { background:#f5f6f8; }
.sv-case-studies .sv-cases-label { color:#3b7caa; font-size:14px; font-weight:400; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-case-studies .sv-cases-label--light { color:#a9b4c7; }
.sv-case-studies .sv-cases-label--muted { color:#5a667a; }
.sv-case-studies .sv-cases-hash { margin-right:10px; color:#e85d2a; font-size:21px; letter-spacing:0; }
.sv-case-studies .sv-cases-title,
.sv-case-studies .sv-cases-h2,
.sv-case-studies .sv-cases-h3,
.sv-case-studies .sv-cases-card-title,
.sv-case-studies .sv-cases-result-title { color:inherit; font-weight:500; letter-spacing:-.025em; }
.sv-case-studies .sv-cases-h2 { max-width:896px; margin-top:12px; font-size:30px; line-height:36px; }
.sv-case-studies .sv-cases-h2--small { font-size:24px; line-height:32px; }
.sv-case-studies .sv-cases-h3, .sv-case-studies .sv-cases-card-title { font-size:20px; line-height:28px; }
.sv-case-studies .sv-cases-small { font-size:14px; line-height:20px; }
.sv-case-studies .sv-cases-muted { color:#5a667a; }
.sv-case-studies .sv-cases-case { border-top:1px solid #dfe3ea; scroll-margin-top:calc(100px + var(--wp-admin--admin-bar--height,0px)); }

/* 02 · Einstieg und Buttons */
.sv-case-studies .sv-cases-hero { padding:80px 0; color:#fff; background:#141d2e; }
.sv-case-studies .sv-cases-crumb { color:#a9b4c7; font-size:14px; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-case-studies .sv-cases-crumb a:hover { color:#fff; }
.sv-case-studies .sv-cases-hero-copy { max-width:896px; margin-top:40px; }
.sv-case-studies .sv-cases-title { margin-top:16px; font-size:36px; line-height:40px; }
.sv-case-studies .sv-cases-lead { max-width:768px; margin-top:20px; color:#a9b4c7; font-size:18px; line-height:28px; }
.sv-case-studies .sv-cases-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:40px; }
.sv-case-studies .sv-cases-actions > .wp-block-button { max-width:100%; }
.sv-case-studies .sv-cases-button .wp-block-button__link {
  display:inline-flex; min-height:44px; max-width:100%; align-items:center; justify-content:center;
  padding:12px 24px; border:1px solid transparent; border-radius:2px;
  color:#fff; background:#e85d2a; box-shadow:none;
  font:500 14px/20px Roboto,system-ui,sans-serif;
  text-align:center; text-decoration:none; transition:background-color .15s,border-color .15s;
}
.sv-case-studies .sv-cases-button .wp-block-button__link:hover { border-width:1px; background:#d95222; color:#fff; box-shadow:none; }
.sv-case-studies .sv-cases-button--outline-light .wp-block-button__link { border-color:#a9b4c7; background:transparent; }
.sv-case-studies .sv-cases-button--outline-light .wp-block-button__link:hover { border-color:#fff; background:transparent; }
.sv-case-studies .sv-cases-button .wp-block-button__link:focus-visible { border-width:1px; box-shadow:none; }

/* 03 · Übersicht mit sechs Karten */
.sv-case-studies .sv-cases-draft-note { margin-top:20px; padding:12px 16px; border-left:2px solid #e85d2a; background:#fff; color:#5a667a; font-size:14px; line-height:22px; }
.sv-case-studies .sv-cases-index-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:32px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-case-studies .sv-cases-index-card { display:flex; flex-direction:column; align-items:stretch; padding:24px; background:#fff; }
.sv-case-studies .sv-cases-index-number { color:#e85d2a; }
.sv-case-studies .sv-cases-card-title { margin-top:12px; }
.sv-case-studies .sv-cases-card-link, .sv-case-studies .sv-cases-card-pending { margin-top:auto; padding-top:20px; font-size:14px; line-height:21px; letter-spacing:.08em; text-transform:uppercase; }
.sv-case-studies .sv-cases-card-link { color:#e85d2a; }
.sv-case-studies .sv-cases-card-link a:hover { text-decoration:underline; text-underline-offset:4px; }
.sv-case-studies .sv-cases-card-pending { color:#5a667a; }
.sv-case-studies .sv-cases-facts { display:grid; gap:12px; margin-top:24px; font-size:14px; line-height:20px; }
.sv-case-studies .sv-cases-fact { display:grid; grid-template-columns:112px minmax(0,1fr); gap:12px; align-items:start; }
.sv-case-studies .sv-cases-fact-key { color:#5a667a; }
.sv-case-studies .sv-cases-facts--compact { gap:8px; margin-top:16px; }
.sv-case-studies .sv-cases-facts--compact .sv-cases-fact { grid-template-columns:80px minmax(0,1fr); }

/* 04 · Fakten, Aufgabe und drei Hauptkennzahlen */
.sv-case-studies .sv-cases-facts-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:48px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-case-studies .sv-cases-facts-panel,
.sv-case-studies .sv-cases-task-panel { padding:32px; background:#fff; }
.sv-case-studies .sv-cases-logo-slot { display:flex; min-height:56px; align-items:center; }
.sv-case-studies .sv-cases-logo-placeholder { padding:12px; border:1px dashed #dfe3ea; color:#5a667a; font-size:14px; line-height:20px; }
.sv-case-studies .sv-cases-logo-slot img { display:block; width:auto; max-width:100%; height:auto; max-height:56px; object-fit:contain; }
.sv-case-studies .sv-cases-task { margin-top:12px; font-size:18px; line-height:28px; }
.sv-case-studies .sv-cases-key-results { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:32px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-case-studies .sv-cases-key-result { padding:20px; background:#fff; }
.sv-case-studies .sv-cases-result-number { color:#e85d2a; font-size:30px; line-height:36px; }
.sv-case-studies .sv-cases-key-result > .sv-cases-small { margin-top:8px; }

/* 05 · Herausforderung und nummerierte Lösung */
.sv-case-studies .sv-cases-strategy-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; margin-top:48px; }
.sv-case-studies .sv-cases-challenge-text { display:grid; gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid #dfe3ea; color:#5a667a; font-size:14px; line-height:22px; }
.sv-case-studies .sv-cases-solutions { margin-top:16px; border-top:1px solid #dfe3ea; list-style:none; }
.sv-case-studies .sv-cases-solutions > li { display:flex; gap:16px; margin:0; padding:12px 0; border-bottom:1px solid #dfe3ea; font-size:14px; line-height:22px; }
.sv-case-studies .sv-cases-step-number { flex:none; color:#5a667a; }

/* 06 · Ergebniskasten, Grafik und Zitat */
.sv-case-studies .sv-cases-dossier { margin-top:48px; padding:24px; border:1px solid rgb(232 93 42 / .4); background:#f5f6f8; }
.sv-case-studies .sv-cases-dossier--white { background:#fff; }
.sv-case-studies .sv-cases-result-title { margin-top:12px; font-size:24px; line-height:32px; }
.sv-case-studies .sv-cases-result-note { margin-top:8px; color:#5a667a; font-size:14px; line-height:20px; }
.sv-case-studies .sv-cases-kpi-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1px; margin-top:32px; border:1px solid #dfe3ea; background:#dfe3ea; }
.sv-case-studies .sv-cases-kpi { padding:24px; background:#fff; }
.sv-case-studies .sv-cases-kpi-number { margin-top:12px; color:#e85d2a; font-size:36px; line-height:40px; }
.sv-case-studies .sv-cases-kpi > .sv-cases-small { margin-top:12px; }
.sv-case-studies .sv-cases-evidence-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:start; margin-top:40px; }
.sv-case-studies .sv-cases-chart { display:block; width:100%; max-width:100%; height:auto; border:1px solid #dfe3ea; background:#fff; }
.sv-case-studies .sv-cases-caption { margin-top:12px; color:#5a667a; font-size:14px; line-height:20px; }
.sv-case-studies .sv-cases-quote { margin:0; padding:0 0 0 24px; border:0; border-left:2px solid #e85d2a; background:transparent; }
.sv-case-studies .sv-cases-quote p { color:#1a2438; font-size:18px; line-height:28px; }
.sv-case-studies .sv-cases-quote cite { display:block; margin-top:16px; color:#5a667a; font-size:14px; font-style:normal; line-height:22px; }

/* 07 · Weitere Projekte und Abschluss */
.sv-case-studies .sv-cases-upcoming { padding:32px; border:1px solid #dfe3ea; }
.sv-case-studies .sv-cases-upcoming > .sv-cases-h3 { margin-top:16px; }
.sv-case-studies .sv-cases-upcoming-text { max-width:672px; margin-top:12px; color:#5a667a; font-size:14px; line-height:22px; }
.sv-case-studies .sv-cases-cta { padding:80px 0; color:#fff; background:#141d2e; }

/* 08 · Responsive Anpassungen */
@media (max-width:479px) {
  .sv-case-studies .sv-cases-facts-panel,
  .sv-case-studies .sv-cases-task-panel,
  .sv-case-studies .sv-cases-upcoming { padding:24px; }
  .sv-case-studies .sv-cases-fact { grid-template-columns:80px minmax(0,1fr); }
}
@media (min-width:640px) {
  .sv-case-studies .sv-cases-key-results { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sv-case-studies .sv-cases-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:768px) {
  .sv-case-studies .sv-cases-section { padding-block:160px; }
  .sv-case-studies .sv-cases-hero { padding-block:112px; }
  .sv-case-studies .sv-cases-title { font-size:60px; line-height:60px; }
  .sv-case-studies .sv-cases-h2 { font-size:48px; line-height:48px; }
  .sv-case-studies .sv-cases-h2--small { font-size:30px; line-height:36px; }
  .sv-case-studies .sv-cases-index-grid,
  .sv-case-studies .sv-cases-strategy-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-case-studies .sv-cases-dossier { padding:40px; }
  .sv-case-studies .sv-cases-result-title { font-size:30px; line-height:36px; }
  .sv-case-studies .sv-cases-cta { padding-block:112px; }
}
@media (min-width:1024px) {
  .sv-case-studies .sv-cases-facts-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
  .sv-case-studies .sv-cases-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sv-case-studies .sv-cases-evidence-grid { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  .sv-case-studies * { transition:none; }
}
/* CASE STUDIES · ENDE */