/* ============================================================
   FVE Startseite – Ergänzungen
   startseite.css enthält alle Bausteine, gekapselt unter .fve
   Diese Datei regelt nur den Seitenrahmen.
   ============================================================ */

/* --- Vollseiten-Vorlage: das Plugin liefert das komplette Dokument --- */
html.fve-vollseite{scroll-behavior:smooth}

body.fve-startseite{
  margin:0;
  background:var(--fve-papier);
  color:var(--fve-tinte);
  font-family:var(--fve-text);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* --- Shortcode im Theme-Kontext ---------------------------------
   Der Abschnitt erbt die Theme-Schrift nicht, sondern setzt sie selbst.
   ---------------------------------------------------------------- */
.fve{
  color:var(--fve-tinte);
  font-family:var(--fve-text);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

.fve p,
.fve h1,
.fve h2,
.fve h3,
.fve h4,
.fve dl,
.fve dd{margin-block:0}

/* Abstand zwischen mehreren Shortcodes auf derselben Seite */
.fve + .fve{margin-top:0}

/* --- Vollbreite ausbrechen (Attribut breite="voll") --------------
   Funktioniert in zentrierten Theme-Containern. Verhindert
   horizontales Scrollen durch overflow-x am Elternelement.
   ---------------------------------------------------------------- */
.fve--voll{
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
}

/* --- Reduzierte Umgebung: Abschnitt füllt nur den Container ------ */
.fve--schmal .sektion{padding-block:clamp(36px,5vw,64px)}

/* --- Sticky-Kopfzeile nur auf der Vollseite ---------------------- */
body:not(.fve-startseite) .fve header.top{position:static}