/* =========================================================
   Beyond Steps — Organisationsentwicklung im V9a Farbsystem
   ========================================================= */
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope/manrope-v20-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope/manrope-v20-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope/manrope-v20-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

.oe-theme-v9a{
  --v9a-bg:#0A1522;
  --v9a-bg-deep:#06111c;
  --v9a-text:#e7eef2;
  --v9a-muted:rgba(211,224,231,.76);
  --v9a-gold:#cfa954;
  --v9a-champ-a:#faf6ed;
  --v9a-champ-b:#eee3cf;
  --v9a-champ-c:#ddc9a5;
  --v9a-champ-d:#c7aa78;
  --color-bg:var(--v9a-bg);
  --color-text-main:var(--v9a-text);
  --color-text-strong:#f1f5f7;
  --color-text-soft:var(--v9a-muted);
  --color-text-faint:rgba(199,216,225,.58);
  --color-cyan:rgba(137,171,198,.9);
  --color-cyan-soft:rgba(63,104,141,.14);
  --color-gold:var(--v9a-gold);
  --color-gold-strong:#d9bb76;
  --color-gold-soft:rgba(207,169,84,.22);
  --color-border:rgba(147,178,202,.12);
  --color-border-gold:rgba(207,169,84,.22);
  background:var(--v9a-bg);
  color:var(--v9a-text);
}

.oe-theme-v9a .page-bg{
  background:
    radial-gradient(ellipse 70% 48% at 78% 8%,rgba(43,78,111,.22),rgba(43,78,111,0) 62%),
    radial-gradient(ellipse 60% 44% at 18% 28%,rgba(35,70,104,.13),rgba(35,70,104,0) 68%),
    linear-gradient(180deg,#0A1522 0%,#07131f 48%,#0A1522 100%);
  filter:none;
}
.oe-theme-v9a .page-bg::after{background:linear-gradient(180deg,rgba(2,7,12,.02),rgba(2,7,12,.24) 78%,rgba(2,7,12,.34))}

/* Header wie auf der LandingPage */
.oe-theme-v9a .site-header{
  position:fixed;top:0;left:0;right:0;z-index:60;
  width:100%;max-width:none;margin:0;padding:24px var(--page-padding-x);
  display:flex;align-items:flex-start;justify-content:space-between;gap:28px;
  background:linear-gradient(180deg,rgba(1,4,7,.72),rgba(1,4,7,0));
  backdrop-filter:blur(12px);
}
.oe-theme-v9a .brand{display:inline-flex;align-items:flex-start;gap:13px;color:var(--v9a-text);text-decoration:none}
.oe-theme-v9a .brand__logo{width:42px;height:42px;object-fit:contain;filter:none}
.oe-theme-v9a .brand__text{font-family:"Manrope",sans-serif;font-size:.98rem;font-weight:600;letter-spacing:.02em;color:rgba(238,246,249,.92)}
.oe-theme-v9a .main-nav{display:flex;align-items:flex-start;gap:clamp(18px,2vw,34px)}
.oe-theme-v9a .main-nav a{position:relative;font-family:"Manrope",sans-serif;font-size:.86rem;font-weight:600;color:rgba(222,234,239,.72);text-decoration:none;transition:color 180ms ease}
.oe-theme-v9a .main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,rgba(207,169,84,0),rgba(207,169,84,.76),rgba(207,169,84,0));opacity:0;transform:scaleX(.4);transition:opacity 180ms ease,transform 180ms ease}
.oe-theme-v9a .main-nav a:hover{color:rgba(247,251,252,.95)}
.oe-theme-v9a .main-nav a:hover::after{opacity:1;transform:scaleX(1)}

/* Hero: Aufbau bleibt, Farbe wird V9a */
.oe-theme-v9a .oe-hero-panel::before{
  background:linear-gradient(90deg,rgba(10,21,34,.72) 0%,rgba(10,21,34,.58) 55%,rgba(10,21,34,.28) 76%,rgba(10,21,34,0) 100%);
  box-shadow:none;
}
.oe-theme-v9a .oe-hero-eyebrow,.oe-theme-v9a .detail-kicker{color:var(--v9a-gold)}
.oe-theme-v9a .oe-hero--image-box .oe-hero-panel-title,
.oe-theme-v9a .oe-section-header h2,
.oe-theme-v9a .oe-contact-v9a h2{
  color:#eadfc9;
  background:linear-gradient(180deg,var(--v9a-champ-a) 0%,var(--v9a-champ-b) 26%,#f7f0e3 44%,var(--v9a-champ-c) 70%,var(--v9a-champ-d) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 2px 5px rgba(0,7,15,.18);
  padding-bottom:.1em;overflow:visible;
}
.oe-theme-v9a .oe-hero-core{color:rgba(229,237,241,.9)}
.oe-theme-v9a .oe-hero-text,.oe-theme-v9a .oe-section-header>p:not(.detail-kicker),.oe-theme-v9a .oe-intro-copy p{color:var(--v9a-muted)}
.oe-theme-v9a .oe-hero-panel-line,.oe-theme-v9a .detail-line,.oe-theme-v9a .oe-situation-card__line{background:linear-gradient(90deg,rgba(207,169,84,.78),rgba(207,169,84,.18),rgba(207,169,84,0));box-shadow:none}

/* Inhaltsflächen */
.oe-theme-v9a .oe-situation-grid::before{background:radial-gradient(circle at 55% 25%,rgba(44,84,121,.16),rgba(44,84,121,0) 62%);opacity:1;filter:none;mask:none;-webkit-mask:none}
.oe-theme-v9a .oe-situation-card{
  border:1px solid rgba(147,178,202,.10);
  background:linear-gradient(180deg,rgba(13,29,47,.78),rgba(6,16,28,.76));
  box-shadow:none;
}
.oe-theme-v9a .oe-situation-card::before{background:linear-gradient(115deg,rgba(42,83,120,.12),rgba(42,83,120,0) 42%)}
.oe-theme-v9a .oe-situation-card__kicker{color:var(--v9a-gold)}
.oe-theme-v9a .oe-situation-card h3{color:rgba(232,239,242,.96)}
.oe-theme-v9a .oe-situation-card>p:not(.oe-situation-card__kicker){color:var(--v9a-muted)}

/* Interaktive OE-Panels */
.oe-theme-v9a .bs-oe__panel,.oe-theme-v9a .oew-panel{
  border:1px solid rgba(147,178,202,.09);
  background:linear-gradient(180deg,rgba(13,29,47,.86),rgba(6,16,28,.82));
  box-shadow:none;
}
.oe-theme-v9a .bs-oe__panel::before{background:radial-gradient(circle at 28% 32%,rgba(47,93,133,.18),transparent 62%);opacity:.5}
.oe-theme-v9a .oe-panel__title{background:linear-gradient(90deg,rgba(207,169,84,.13),rgba(52,91,126,.08));color:rgba(241,245,247,.96)}
.oe-theme-v9a .oe-panel__text,.oe-theme-v9a .oe-panel__list{color:var(--v9a-muted)}
.oe-theme-v9a .oe-panel__sub{color:rgba(231,237,240,.78)}
.oe-theme-v9a .oe-panel__sub::after{background:linear-gradient(90deg,rgba(207,169,84,.50),rgba(207,169,84,0))}
.oe-theme-v9a .bs-divider::before,.oe-theme-v9a .bs-divider::after{background:linear-gradient(90deg,rgba(207,169,84,0),rgba(207,169,84,.62),rgba(207,169,84,0))}

/* Entwicklungspfad */
.oe-theme-v9a .oe-path-stage{border-color:rgba(147,178,202,.10);box-shadow:none;background:#07131f}
.oe-theme-v9a .oe-path-explainer article{border-color:rgba(147,178,202,.10);background:linear-gradient(180deg,rgba(13,29,47,.76),rgba(6,16,28,.72));box-shadow:none}
.oe-theme-v9a .oe-path-explainer h3{color:rgba(238,243,245,.96)}
.oe-theme-v9a .oe-path-explainer p{color:var(--v9a-muted)}

/* Kontaktabschluss in V9a */
.oe-theme-v9a .oe-contact-v9a{width:min(calc(100% - (2 * var(--page-padding-x))),1490px);margin:0 auto;padding:clamp(104px,8vw,146px) 0}
.oe-theme-v9a .oe-contact-v9a__layout{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:clamp(48px,7vw,132px);align-items:start}
.oe-theme-v9a .oe-contact-v9a__headline h2{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(2.05rem,3.45vw,4.35rem);font-weight:700;letter-spacing:-.055em;line-height:1.04;text-wrap:balance}
.oe-theme-v9a .oe-contact-v9a__headline h2 span{display:block;white-space:nowrap}
.oe-theme-v9a .oe-contact-v9a__content{position:relative;margin-top:calc(.76rem * 1.25 + 18px);padding-left:clamp(34px,4vw,62px)}
.oe-theme-v9a .oe-contact-v9a__content::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(207,169,84,.72),rgba(207,169,84,0))}
.oe-theme-v9a .oe-contact-v9a__content p{max-width:670px;margin:0;color:var(--v9a-muted);font-family:"Inter",sans-serif;font-size:clamp(1rem,1.12vw,1.18rem);line-height:1.72}
.oe-theme-v9a .oe-contact-v9a__button{display:inline-flex;align-items:center;gap:30px;margin-top:30px;padding:16px 28px;border:1px solid rgba(207,169,84,.34);border-radius:999px;color:rgba(238,244,247,.94);font-family:"Manrope",sans-serif;font-size:.94rem;font-weight:600;text-decoration:none;transition:border-color 180ms ease,background 180ms ease}
.oe-theme-v9a .oe-contact-v9a__button:hover{border-color:rgba(207,169,84,.62);background:rgba(207,169,84,.035)}
.oe-theme-v9a .oe-contact-v9a__button span{color:var(--v9a-gold)}

/* Footer wie LandingPage */
.oe-theme-v9a .site-footer{width:min(calc(100% - (2 * var(--page-padding-x))),1490px);margin:0 auto;padding:0 0 34px;display:block}
.oe-theme-v9a .site-footer__line{display:flex;align-items:center;gap:20px;color:rgba(198,214,222,.58);font-family:"Manrope",sans-serif;font-size:.72rem}
.oe-theme-v9a .site-footer__line a{color:inherit;text-decoration:none}
.oe-theme-v9a .site-footer__line a:hover{color:rgba(237,243,246,.9)}

@media(max-width:920px){
  .oe-theme-v9a .main-nav{display:none}
  .oe-theme-v9a .oe-contact-v9a__layout{grid-template-columns:1fr}
  .oe-theme-v9a .oe-contact-v9a__content{margin-top:0}
}
@media(max-width:720px){
  .oe-theme-v9a .site-header{padding:22px var(--page-padding-x)}
  .oe-theme-v9a .brand__logo{width:36px;height:36px}
  .oe-theme-v9a .brand__text{font-size:.92rem}
  .oe-theme-v9a .oe-contact-v9a{width:min(calc(100% - 44px),760px);padding:82px 0}
  .oe-theme-v9a .oe-contact-v9a__headline h2 span{white-space:normal}
  .oe-theme-v9a .oe-contact-v9a__content{padding-left:22px}
  .oe-theme-v9a .site-footer{width:min(calc(100% - 44px),760px);padding-bottom:20px}
  .oe-theme-v9a .site-footer__line{flex-wrap:wrap;gap:12px 18px}
}

/* =========================================================
   Darstellungsbreite analog LandingPage — v9a-073
   Innenbreite max. 1580px, Seitenabstand identisch zur LandingPage.
   ========================================================= */
.oe-theme-v9a {
  --page-width: 1756px;
  --page-padding-x: clamp(24px, 4.8vw, 88px);
}

.oe-theme-v9a .oe-contact-v9a,
.oe-theme-v9a .site-footer {
  width: min(calc(100% - (2 * var(--page-padding-x))), 1580px);
}

/* =========================================================
   Kontaktbreite — v9a-074
   Der OE-Mainbereich besitzt bereits die Seitenabstände.
   Kontakt deshalb ohne zweiten inneren Breitenabzug.
   ========================================================= */
.oe-theme-v9a main.oe-main > .oe-contact-v9a {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 720px) {
  .oe-theme-v9a main.oe-main > .oe-contact-v9a {
    width: 100%;
  }
}

/* =========================================================
   Kapitel 1 — v9a-079
   Kicker und einzeiliger Header über die gesamte Breite;
   darunter Text links und vier Perspektivkarten rechts.
   ========================================================= */
.oe-theme-v9a .oe-intro--situations {
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.48fr);
  grid-template-rows: auto auto;
  column-gap: clamp(54px, 5.2vw, 92px);
  row-gap: clamp(46px, 4.2vw, 68px);
  align-items: start;
}

.oe-theme-v9a .oe-intro-lead {
  display: contents;
}

.oe-theme-v9a .oe-intro--situations .oe-section-header {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  overflow: visible;
  padding-bottom: 0.12em;
}

.oe-theme-v9a .oe-intro--situations .oe-section-header h2 {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-bottom: 0.08em;
  overflow: visible;
  font-family: "Manrope", sans-serif;
  font-size: clamp(2.9rem, 3.45vw, 4.35rem);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.055em;
  text-transform: none;
  text-wrap: initial;
  white-space: nowrap;
}

.oe-theme-v9a .oe-intro--situations .oe-intro-copy {
  grid-column: 1;
  grid-row: 2;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(18px, 1.8vw, 28px);
  height: 100%;
  max-width: 530px;
  margin-top: 0;
  padding: 0;
}

.oe-theme-v9a .oe-intro--situations .oe-intro-copy p {
  margin: 0;
  color: var(--v9a-muted);
  font-size: clamp(1rem, 1.05vw, 1.16rem);
  line-height: 1.72;
  letter-spacing: 0.002em;
}

.oe-theme-v9a .oe-intro--situations .oe-intro-copy p + p {
  margin-top: 0;
}

.oe-theme-v9a .oe-intro--situations .oe-situation-grid {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 1.5vw, 24px);
  width: 100%;
  margin-top: 0;
  align-items: stretch;
  align-self: start;
  grid-auto-rows: 1fr;
}

.oe-theme-v9a .oe-intro--situations .oe-situation-card,
.oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(1),
.oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(2),
.oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(3),
.oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(4) {
  min-width: 0;
  min-height: clamp(270px, 18vw, 305px);
  height: 100%;
  flex: none;
  transform: none;
  padding: clamp(28px, 2.1vw, 38px);
}

.oe-theme-v9a .oe-intro--situations .oe-situation-card h3 {
  font-size: clamp(1.42rem, 1.48vw, 1.9rem);
}

.oe-theme-v9a .oe-intro--situations .oe-situation-card__line {
  margin-top: 14px;
  margin-bottom: 24px;
}

@media (max-width: 1120px) {
  .oe-theme-v9a .oe-intro--situations {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    row-gap: clamp(34px, 5vw, 58px);
  }

  .oe-theme-v9a .oe-intro--situations .oe-section-header {
    grid-column: 1;
    grid-row: 1;
  }

  .oe-theme-v9a .oe-intro--situations .oe-section-header h2 {
    white-space: normal;
  }

  .oe-theme-v9a .oe-intro--situations .oe-intro-copy {
    grid-column: 1;
    grid-row: 2;
    display: block;
    height: auto;
    max-width: 760px;
  }

  .oe-theme-v9a .oe-intro--situations .oe-situation-grid {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0;
  }
}

@media (max-width: 720px) {
  .oe-theme-v9a .oe-intro--situations .oe-section-header h2 {
    font-size: clamp(2.5rem, 12vw, 3.5rem);
  }

  .oe-theme-v9a .oe-intro--situations .oe-situation-grid {
    grid-template-columns: 1fr;
  }

  .oe-theme-v9a .oe-intro--situations .oe-situation-card,
  .oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(1),
  .oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(2),
  .oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(3),
  .oe-theme-v9a .oe-intro--situations .oe-situation-card:nth-child(4) {
    min-height: 0;
  }
}