/* ============================================================
   EINBETTUNG in die Website (iframe / SP Page Builder)
   Wird geladen, solange in inc/config.php QUIZ_EMBEDDED = true steht.
   Kopf- und Fußzeile kommen dann von der Website, das Quiz bringt
   keine eigene Rahmung mit. Für den Standalone-Betrieb einfach
   QUIZ_EMBEDDED auf false setzen.
   ============================================================ */

/* Eigene Kopf- und Fußzeile raus – die kommen von der Website */
.site-head,
.site-foot{ display:none; }

/* Nicht auf Fensterhöhe strecken: im iframe ist 100vh die Rahmenhöhe,
   dadurch entstünde großer weißer Leerraum unter der Auswahl. */
html, body{ min-height:0; height:auto; }
body{ display:block; margin:0; background:#fff; }
main{ flex:none; }

/* Hero nicht als dunkler Vollflächen-Block, sondern als heller
   Einleitungstext, der sich in die Website-Seite einfügt. */
.hero{
  background:none; color:var(--navy); padding:32px 0 8px; overflow:visible;
}
.hero::before,
.hero::after{ display:none; }
.hero .tag{
  background:var(--cloud); border-color:var(--border); color:var(--ink2);
}
.hero .sub{ color:var(--ink2); }

/* Etwas Luft nach oben, weil die Kopfzeile weggefallen ist */
.wrap{ padding-top:8px; }