/* KONTUR 0.6.0.33 – globaler Seitenhintergrund
   Ein einziges Wellen-Punktfeld liegt hinter der gesamten Inhaltsfläche.
   Module/Karten liegen darüber; alte seitenbreite Hellflächen werden vereinheitlicht. */

:root{
  --kontur-global-surface:#f3f7fb;
}

html{
  background:var(--kontur-global-surface);
}

body.kontur-background-active{
  position:relative;
  isolation:isolate;
  background:var(--kontur-global-surface)!important;
}

/* Der alte feste Radialverlauf aus styles.css würde sonst als zweiter
   Hintergrund zusätzlich zur neuen Punktwelle sichtbar bleiben. */
body.kontur-background-active::before{
  content:none!important;
  display:none!important;
}

/* Die Canvas ist wirklich Hintergrund – nicht mehr eine Ebene über Modulen. */
.kontur-interactive-background{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  z-index:0;
  opacity:1;
}

body.kontur-background-active > main,
body.kontur-background-active main{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}

/* Frühere Seitenbereiche hatten teilweise eigene helle Vollbreitenflächen.
   Diese Flächen erzeugten sichtbare Farbsprünge zwischen den CMS-Modulen.
   Nur die äußere Section wird transparent – innere Karten/Module behalten
   ihre bewusst gesetzten Farben vollständig. */
body.kontur-background-active main > :is(
  .section,
  .career-page-section,
  .career-clean-section,
  .newsroom-feature-section,
  .newsroom-list-section,
  .newsroom-contact-section,
  .home-tiles-section,
  .support-showcase-section,
  .about-values-section,
  .ku-values-section,
  .cms-values-slider,
  .home-video-section,
  .request-banner-section,
  .cms-contact-group,
  .group-balance,
  .group-benefits
):not(.cms-separator):not([class*="cms-theme-"]){
  background-color:transparent!important;
  background-image:none!important;
}

/* Einige ältere Module legen den hellen Seitenhintergrund auf einem Main-/
   Proposal-Wrapper ab. Auch dieser darf den globalen Hintergrund nicht decken. */
body.kontur-background-active main.hp-main,
body.kontur-background-active .home-proposal-page main,
body.kontur-background-active .home-proposal-page .hp-main{
  background:transparent!important;
}

/* Dekorative Pseudo-Hintergründe, die bisher wieder eine zweite Fläche
   erzeugt haben. Die eigentlichen Inhalte/Module bleiben unverändert. */
body.kontur-background-active main > .about-values-section::before,
body.kontur-background-active main > .career-page-section.soft::before,
body.kontur-background-active main > .career-clean-section.soft::before{
  background:none!important;
}

/* Explizit gestaltete Vollflächen bleiben eigene Module und decken den
   globalen Hintergrund bewusst ab. */
body.kontur-background-active main :is(
  .card,
  .entry-card,
  .news-card,
  .page-hero-box,
  .career-page-head,
  .career-final-cta-v22,
  .request-banner,
  .cms-feature-box,
  .cms-table-card,
  .cms-page-intro-card,
  .cms-gallery-block,
  .cms-balanced-grid > article,
  .job-accordion,
  .position-panel,
  .cms-plz-search,
  .home-tile,
  .hp048-glass-strip > article,
  .hp048-glass-strip > a.hp048-metric-link
){
  position:relative;
  z-index:auto;
}

/* Kennzahlen bleiben eine geschlossene Inhaltsfläche. Keine Canvas-Regel
   greift mehr in deren z-index/Überlappungslogik ein. */
body.kontur-background-active .hp048-glass-strip{
  isolation:isolate;
}
body.kontur-background-active .hp048-glass-strip > article,
body.kontur-background-active .hp048-glass-strip > a.hp048-metric-link{
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(248,251,253,.97))!important;
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}

/* Foto-/Video-/Story-Flächen sind eigenständige Vollflächen und bleiben
   optisch unverändert. */
body.kontur-background-active main :is(
  .hero,
  .history-page,
  .cms-photo-text-slider,
  .home-card-slider-section,
  .kd3d-story,
  .hp048-hero,
  .home-video-player,
  .cms-separator,
  [class*="cms-theme-"]
){
  position:relative;
}

/* Globale UI muss natürlich über dem Seiteninhalt bleiben. */
body.kontur-background-active > :is(header,.site-header,footer,.footer){
  position:relative;
  z-index:10;
}
body.kontur-background-active > .site-header{
  position:sticky;
  z-index:1000;
}
body.kontur-background-active :is(
  [role="dialog"],
  .newsroom-modal,
  .cms-pdf-modal,
  .cms-pdf-dialog,
  .career-modal,
  .career-popup,
  .maintenance-card,
  .login-card
){
  z-index:100;
}

/* Admin-Vorschau */
.kontur-background-admin-preview{
  position:relative;
  min-height:340px;
  overflow:hidden;
  border:1px solid #d8e0e8;
  background:var(--kontur-global-surface);
}
.kontur-background-admin-preview canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
}
.kontur-background-admin-preview__content{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  min-height:340px;
  padding:40px;
  text-align:center;
  pointer-events:none;
}
.kontur-background-admin-preview__content > div{
  max-width:460px;
  padding:28px 32px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(140,158,176,.24);
  backdrop-filter:blur(8px);
}
.kontur-background-admin-preview__content strong{display:block;font-size:24px;margin-bottom:8px;color:#0b2038}
.kontur-background-admin-preview__content span{color:#68798b;line-height:1.55}