/* FOB-BRAND.CSS — Funnel Shop, Stand: 2026-04
   Lädt nach der Basis-CSS (fob-base.css).
   Nur brand-spezifische Overrides — keine Layout-Utilities, keine Formular-Styles.
--------------------------------------------------------- */


/* -----------------------------------------------
   VARIABLEN — Overrides
   ----------------------------------------------- */

:root {
  --btnaddwk: #2F2F2F;
}


/* -----------------------------------------------
   TYPOGRAFIE — Überschriften
   ----------------------------------------------- */

h1 {
  /* kein color-Override → erbt var(--txt) = #353535 dunkelgrau, kein Lila */
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.1;
}

h2 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.35;           /* entspricht ~2.4rem bei 1.8rem — aber skaliert relativ */
}

h3 {
  font-weight: 500;
}


/* -----------------------------------------------
   INHALTSBEREICH — Fließtext & Listen
   ----------------------------------------------- */

.ptfull p,
.ptfull li {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* Myfactory setzt ul margin-left inline → !important nötig */
.ptfull ul,
.ptfull ol {
  margin-left: 0 !important;
  padding-left: 1.25em;
}


/* -----------------------------------------------
   HERO — Buttons
   ----------------------------------------------- */

.herobtn {
  background-color: #2F2F2F;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 800;
}
.herobtn:hover {
  background-color: var(--links);
}

.herobtnbox {
  max-width: 740px;
}


/* -----------------------------------------------
   VIDEO — Responsive Embed (16:9)
   ----------------------------------------------- */

.videoplayer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videoplayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* -----------------------------------------------
   RESPONSIVE
   ----------------------------------------------- */

@media screen and (max-width: 800px) {
  h1 { font-size: 2.4rem; }
  h2 { font-size: 1.6rem; }
}