/* ============================================================================
 * Phase 3.27 — sichtbarer Seitenstandard fuer migrierte PHP-Seiten
 * ----------------------------------------------------------------------------
 * Dieses Tail-CSS laeuft nach den Page-CSS-Dateien. Es verhindert, dass alte
 * Page-spezifische Panel-/Card-Regeln die flachere Referenzoptik von
 * Landingpage und Protect wieder ueberschreiben.
 *
 * Selektor-Konstante "Standard-Pages":
 * leistungen, so-arbeiten-wir, ueber-uns, referenzen, business, smart-home,
 * netzwerk-wlan, it-sicherheit, individuelle-integration, smart-building,
 * smarthome-beta, smart-home-vorschau, netzwerk-demo
 *
 * Selektor-Konstante "Standard-Pages mit Hero-Panels":
 * leistungen, so-arbeiten-wir, ueber-uns, referenzen, smart-home,
 * netzwerk-wlan, it-sicherheit, individuelle-integration, smart-building
 * Business ist bewusst nicht in der Hero-Panel-Liste, weil die Seite im Hero
 * weiter Pattern A statt des Standard-Panel-Musters behaelt.
 * Das Hero-*Panel*-Raster gilt weiter ohne netzwerk-demo/smart-home-vorschau;
 * Section-Padding und Streifen fuer diese Demo-Seiten sind wie bei den
 * uebrigen Standardseiten aktiv (eigenes Hero-Layout bleibt davon unberuehrt).
 * ========================================================================== */

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-shell {
  width: min(var(--container-content), calc(100% - 4rem));
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section {
  overflow: hidden;
  padding: clamp(5rem, 8vw, 8rem) 0;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section:nth-of-type(even) {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--color-bg-elevated) 8%, transparent), transparent 86%);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section--feature {
  background: color-mix(in srgb, var(--fv-surface-vibrant) 78%, transparent);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section--quiet,
:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section--quiet:nth-of-type(even) {
  background: transparent;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-smart-home-vorschau,
  .fv-netzwerk-demo
) .fv-section--hero {
  min-height: clamp(34rem, 64vh, 46rem);
  display: grid;
  align-items: center;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta,
  .fv-netzwerk-demo
) [class*="__hero-grid"] {
  gap: clamp(2.25rem, 4.5vw, 4.5rem);
}

.fv-hero__inner--centered-with-visual {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) [class*="__hero-copy"] {
  max-width: 42rem;
}

@media (min-width: 1080px) {
  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-business,
    .fv-smart-home,
    .fv-protect,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building,
    .fv-smarthome-beta,
    .fv-smart-home-vorschau,
    .fv-netzwerk-demo
  ) .fv-section--hero {
    min-height: clamp(31rem, 58vh, 42rem);
    padding-top: clamp(2.25rem, 4vw, 3.5rem);
  }
}

@media (max-width: 900px) {
  .fv-hero__inner--centered-with-visual {
    grid-template-columns: minmax(0, 1fr);
  }
}

.fv-section__heading {
  max-width: 48rem;
  margin-bottom: clamp(2rem, 3vw, 3rem);
}

.fv-section__heading--center {
  text-align: center;
  margin-inline: auto;
}

.fv-section__heading > * + * {
  margin-top: 0.75rem;
}

.fv-section__heading > h2 + p,
.fv-section__heading > h3 + p {
  margin-top: 1rem;
}

.fv-section__heading > p:not(.fv-eyebrow) {
  color: var(--color-text-muted);
  font-size: clamp(0.9rem, 0.84rem + 0.22vw, 1.04rem);
  line-height: 1.7;
}

.fv-open-item[class] {
  display: grid;
  gap: 0.75rem;
  min-height: 0;
  padding: 0.35rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-decoration: none;
  transition:
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base),
    color var(--transition-base);
}

.fv-open-item[class]:hover,
.fv-open-item[class]:focus-visible {
  transform: none;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.fv-open-item[class] > * + * {
  margin-top: 0;
}

.fv-open-stat[class] {
  display: grid;
  gap: 0.55rem;
  min-height: 0;
  padding: 0.9rem 0;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base);
}

.fv-open-stat[class]:first-child {
  padding-top: 0;
  border-top: 0;
}

.fv-open-stat[class]::after {
  display: none;
}

.fv-open-stat[class]:hover {
  transform: none;
  border-color: color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
  background: color-mix(in srgb, var(--color-surface) 97%, var(--color-accent));
  box-shadow: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__hero-panels"],
  [class*="__status-panel"],
  [class*="__solution-panel"],
  [class*="__detail-card"],
  [class*="__booking-card"],
  [class*="__closing-card"]
) {
  position: relative;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-panels"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.65rem, 1.2vw, 0.95rem);
  align-self: center;
  padding: 0;
  border-left: 0;
  background: transparent;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-stage"] {
  min-height: auto;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-panels"] [class*="__status-panel"] {
  display: grid;
  grid-area: auto;
  gap: 0.55rem;
  align-content: start;
  min-height: 0;
  padding: clamp(0.9rem, 1.2vw, 1.05rem);
  border: 1px solid color-mix(in srgb, var(--color-border) 62%, transparent);
  border-radius: var(--radius-md);
  background: var(--fv-surface-vibrant);
  box-shadow: var(--shadow-sm);
  backdrop-filter: var(--fv-card-blur);
  -webkit-backdrop-filter: var(--fv-card-blur);
  transition:
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base);
  transform: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-panels"] [class*="__status-panel"]:last-child {
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 62%, transparent);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-panels"] [class*="__status-panel"]:hover {
  border-color: color-mix(in srgb, var(--color-accent) 22%, var(--color-border));
  background: color-mix(in srgb, var(--fv-surface-vibrant) 98%, var(--color-accent));
  box-shadow: var(--shadow-sm);
  transform: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) [class*="__hero-panels"] [class*="__status-panel"]::after {
  display: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__status-panel"],
  [class*="__booking-card"],
  [class*="__inquiry-shell"],
  [class*="__contact-form-shell"]
) {
  background: var(--fv-surface-vibrant);
  box-shadow: var(--shadow-sm);
  backdrop-filter: var(--fv-card-blur);
  -webkit-backdrop-filter: var(--fv-card-blur);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__status-panel"],
  [class*="__solution-panel"],
  [class*="__detail-card"],
  [class*="__booking-card"],
  [class*="__closing-card"]
) {
  padding: 1.5rem;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__problem-card"],
  [class*="__context-note"],
  [class*="__cad-note"],
  [class*="__integration-note"]
) {
  border: 0;
  border-left: 2px solid var(--color-accent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition:
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__problem-card"],
  [class*="__context-note"],
  [class*="__cad-note"],
  [class*="__integration-note"]
):hover {
  transform: none;
  border-left-color: var(--color-accent-strong);
  background: color-mix(in srgb, var(--color-surface) 96%, var(--color-accent));
  box-shadow: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__cluster-grid"],
  [class*="__card-grid"],
  [class*="__service-grid"],
  [class*="__support-grid"],
  [class*="__feature-grid"],
  [class*="__trust-grid"],
  [class*="__process-grid"],
  [class*="__problem-grid"]
) {
  gap: clamp(1.15rem, 2vw, 1.5rem);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  [class*="__trust-card"],
  [class*="__feature-card"],
  [class*="__support-card"],
  [class*="__service-card"]
) {
  min-height: 100%;
  transition:
    border-color var(--transition-base),
    background var(--transition-base),
    box-shadow var(--transition-base);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) .fv-section-card:hover {
  border-color: var(--color-border);
  background: color-mix(in srgb, var(--color-surface) 95%, transparent);
  box-shadow: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) .fv-item-card:hover {
  border-color: color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
  background: color-mix(in srgb, var(--color-surface) 96%, var(--color-accent));
  box-shadow: none;
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building
) :is(
  [class*="__trust-card"],
  [class*="__feature-card"],
  [class*="__support-card"],
  [class*="__service-card"]
):hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.fv-referenzen :is(
  .fv-referenzen__status-panel,
  .fv-referenzen__feature-card,
  .fv-referenzen__project-card,
  .fv-referenzen__rules-card,
  .fv-referenzen__closing-card
):hover {
  border-color: color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
  background: color-mix(in srgb, var(--color-surface) 96%, var(--color-accent));
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) .fv-btn {
  padding: 0.78rem 1.2rem;
  border-radius: 0.625rem;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-base),
    background var(--transition-base),
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    color var(--transition-base);
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) .fv-btn--pill {
  padding: 0.82rem 1.75rem;
  border-radius: 9999px;
}

.fv-js-reveal-ready .fv-reveal {
  opacity: 0;
  transform: translate3d(0, 0.9rem, 0);
  transition:
    opacity 720ms cubic-bezier(0.32, 0.72, 0, 1),
    transform 720ms cubic-bezier(0.32, 0.72, 0, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.fv-js-reveal-ready .fv-reveal[data-reveal-state="visible"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fv-js-reveal-ready [class*="__hero"].fv-reveal,
.fv-js-reveal-ready [class*="__hero"] .fv-reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

.fv-js-reveal-ready :is(
  [class*="__hero-grid"],
  [class*="__hero-copy"],
  [class*="__grid"],
  [class*="__form"]
) {
  min-width: 0;
}

.fv-closing-shell--two-cols {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: start;
}

.fv-closing-copy {
  display: grid;
  gap: clamp(0.5rem, 1vw, 0.9rem);
}

@media (max-width: 768px) {
  .fv-js-reveal-ready [class*="__grid"] > * {
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .fv-closing-shell--two-cols {
    grid-template-columns: minmax(0, 1fr);
  }
}

:is(
  .fv-leistungen,
  .fv-so-arbeiten-wir,
  .fv-ueber-uns,
  .fv-referenzen,
  .fv-business,
  .fv-smart-home,
  .fv-netzwerk-wlan,
  .fv-it-sicherheit,
  .fv-individuelle-integration,
  .fv-smart-building,
  .fv-smarthome-beta
) :is(
  .fv-section-card,
  .fv-item-card
)::after {
  opacity: 0.18;
}

@media (max-width: 768px) {
  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-business,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building,
    .fv-smarthome-beta,
    .fv-smart-home-vorschau,
    .fv-netzwerk-demo
  ) .fv-shell {
    width: min(var(--container-content), calc(100% - 1.25rem));
  }

  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-business,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building,
    .fv-smarthome-beta,
    .fv-smart-home-vorschau,
    .fv-netzwerk-demo
  ) .fv-section--hero {
    min-height: auto;
  }

  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building
  ) [class*="__hero-panels"] {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    border-left: 0;
    background: transparent;
  }

  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building
  ) [class*="__hero-panels"] [class*="__status-panel"] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--fv-surface-vibrant);
    box-shadow: var(--shadow-sm);
  }

  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-business,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building,
    .fv-smarthome-beta
  ) :is(
    [class*="__status-panel"],
    [class*="__solution-panel"],
    [class*="__detail-card"],
    [class*="__booking-card"],
    [class*="__closing-card"]
  ) {
    padding: 1.2rem;
  }

  :is(
    .fv-leistungen,
    .fv-so-arbeiten-wir,
    .fv-ueber-uns,
    .fv-referenzen,
    .fv-business,
    .fv-smart-home,
    .fv-netzwerk-wlan,
    .fv-it-sicherheit,
    .fv-individuelle-integration,
    .fv-smart-building,
    .fv-smarthome-beta,
    .fv-smart-home-vorschau,
    .fv-netzwerk-demo
  ) .fv-section {
    padding: clamp(4rem, 7vw, 5.5rem) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fv-js-reveal-ready .fv-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}