/* kapitel/inhalt-extra.css — von Hand gepflegte Ergaenzungen zum Typ "inhalt".
   Eigene Datei, weil inhalt.css aus Referenzseiten generiert und ueberschrieben wird.
   Einbinden NACH inhalt.css und NACH fach.css. */

/* Zwei Videos nebeneinander — zusammen so breit wie die Karten darueber. */
.video-grid.zwei{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:760px){
  .video-grid.zwei{grid-template-columns:1fr}
}


/* Drei Hinweis-Karten nebeneinander. Karten sind unterschiedlich lang —
   align-items:stretch laesst sie gleich hoch werden. */
.hinweis-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  margin:4px 0 0;
}
@media(max-width:860px){
  .hinweis-grid{grid-template-columns:1fr}
}

/* Formelbox — steht in den Referenzseiten mehrfach und je Seite leicht anders,
   deshalb nicht automatisch auslagerbar. Hier die Fassung aus der Leitvorlage
   flaeche-dreieck, in Original-Reihenfolge (die spaeteren Regeln gewinnen). */
.formel-box{background:linear-gradient(135deg,#fff 0%,#f5f0e3 100%);border:2px solid var(--mathe-strong);border-radius:14px;padding:24px 28px;margin:20px 0;text-align:center;box-shadow:0 6px 18px rgba(74,111,165,0.12)}
.formel-box .formel{font-family:inherit;font-size:32px;color:var(--mathe-ink);margin:8px 0}
.formel-box{background:linear-gradient(180deg,#faf6ee 0%,#f4ede0 100%); border:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule); border-radius:0; padding:48px 24px;margin:32px 0;text-align:center;box-shadow:none; position:relative;}
.formel-box .formel{font-size:clamp(28px,3.5vw,42px);margin:0;color:var(--mathe-ink);letter-spacing:-0.01em}
.formel-box{background:linear-gradient(135deg,#ffffff 0%,#eef3fa 100%);border:2.5px solid var(--mathe-strong);border-radius:18px;box-shadow:0 16px 40px rgba(58,90,140,.16);padding:44px 28px 38px}
.formel-box .formel{font-weight:700}
.formel-box .formel{font-size:26px!important;line-height:1.35!important}
@media(max-width:640px){.formel-box .formel{font-size:22px!important}}