/* =========================================================
   Relaunch 2026 - gekapseltes Stylesheet
   webtofly GmbH

   Wirkt AUSSCHLIESSLICH innerhalb von .relaunch-2026.
   Jede neue Seite bekommt diese Klasse in Divi unter
   Seiteneinstellungen > Erweitert > CSS-ID und Klassen.

   Teil 1 neutralisiert Altlasten aus den Divi-Theme-Options.
   Teil 2 enthaelt die Gestaltung der neuen Layouts.
   ========================================================= */

/* --- CI-Variablen ------------------------------------- */
.relaunch-2026{
  --ci-blau:#1c82c2;
  --ci-blau-text:#136a9f;
  --ci-blau-flaeche:#155f8d;
  --ci-orange:#e3441b;
  --ci-orange-text:#c53b13;
  --ci-ink:#1b2733;
  --ci-grau:#51606d;
  --ci-linie:#dfe6ec;
  --ci-hell:#f7fafc;
}

/* --- Teil 1: Reset gegen Alt-CSS ---------------------- */
/* Buttons: alte globale Button-Regeln zuruecksetzen */
.relaunch-2026 .et_pb_button,
.relaunch-2026 .et_pb_button:hover{
  transition:background-color .2s ease;
  letter-spacing:normal;
  text-transform:none;
}
.relaunch-2026 .et_pb_button:after,
.relaunch-2026 .et_pb_button:before{content:none;}

/* Abstaende und Spaltenreihenfolge nicht global verbiegen */
.relaunch-2026 .et_pb_row{display:flex;flex-wrap:wrap;}
.relaunch-2026 .et_pb_column{float:none;}

/* Schriftgroessen-Hacks fuer 14-Zoll-Geraete aushebeln */
@media (min-width:1024px) and (max-width:1600px){
  .relaunch-2026 h1,
  .relaunch-2026 h2,
  .relaunch-2026 h3{font-size:inherit;}
}

/* --- Teil 2: Gestaltung der neuen Layouts ------------- */
.relaunch-2026 .wtf-kicker{
  color:var(--ci-orange-text);
  font-weight:700;
  font-size:15px;
  margin-bottom:12px;
}
.relaunch-2026 .wtf-kernsatz{
  border-left:4px solid var(--ci-orange);
  padding:6px 0 6px 26px;
  font-size:20px;
  font-weight:700;
  max-width:34em;
}
.relaunch-2026 .wtf-logoleiste img{max-height:44px;width:auto;}

/* Barrierefreiheit: Kontraste fuer kleine Texte */
.relaunch-2026 a:not(.et_pb_button){color:var(--ci-blau-text);}
.relaunch-2026 .wtf-auf-dunkel a{color:#fff;}