/* Design-Entwurf zu „C kurz" – greift nur mit .ckd (index-c-kurz-design.html).
   Serifen-Überschriften wie auf den Umschlägen, weiche Karten, größere Bilder – bei den Abständen von KURZ. */
.ckd { --rund: 18px; --mint: #edf5ef; --schatten: 0 1px 2px rgba(19, 35, 58, 0.05), 0 14px 34px -14px rgba(19, 35, 58, 0.2); }
.ckd .innen { max-width: 1240px; }
.ckd .grau { background: #f5f7f4; border: 0; --text-leise: #3e4d60; }

/* Schrift: Serifen nur für Überschriften; Etiketten, Marken und Zahlen bleiben in der Grotesk */
.ckd h1, .ckd h2, .ckd .zwischen, .ckd .ck-paket h3, .ckd .ck-kanal h3, .ckd .ablauf h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.ckd h1 { font-size: clamp(2.4rem, 4vw, 3.4rem); line-height: 1.06; }
.ckd h1 em { font-style: italic; color: var(--gruen); }
.ckd h2 { font-size: clamp(1.95rem, 3.3vw, 2.7rem); line-height: 1.1; max-width: 22ch; }
.ckd .zwischen { font-size: clamp(1.45rem, 2vw, 1.7rem); }
.ckd .etikett-klein, .ckd .zeile-klein { font-size: 0.95rem; font-weight: 700; color: var(--gruen); }
.ckd .vorspann { font-size: 1.15rem; line-height: 1.6; max-width: 62ch; }
.ckd .knopf { border-radius: 999px; padding: 14px 26px; }
.ckd .c-hero .vorspann { font-size: 1.08rem; line-height: 1.55; margin-top: 16px; }

/* Erster Bildschirm, Faktenzeile hängt direkt daran */
.ckd .c-hero { background: linear-gradient(165deg, #edf5ef 0%, #eef3fa 60%, #f6f9fb 100%); padding-bottom: clamp(32px, 4vw, 48px); }
.ckd section.c-fakten { padding: 0 0 clamp(22px, 2.6vw, 30px); background: #f6f9fb; border-bottom: 1px solid var(--linie); }
.ckd .browser { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }
.ckd .handy { box-shadow: 0 26px 52px -18px rgba(19, 35, 58, 0.45); }

/* Beispielwoche: am PC drei je Reihe, die Folien groß */
@media (min-width: 1000px) {
  .ckd .woche-spur { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 34px; overflow: visible; padding: 0; }
  .ckd .beitrag { flex: none; }
}
.ckd .woche-kopf { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); padding: 16px 22px; margin-top: 28px; }
.ckd .folien img { border: 0; border-radius: 12px; box-shadow: var(--schatten); }
.ckd .beitrag figcaption { margin-top: 8px; font-size: 0.95rem; }

/* Leistung */
.ckd .saeule .animation { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }

/* Nachweis größer – am Handy bleibt es untereinander */
@media (min-width: 761px) { .ckd .nachweis { grid-template-columns: minmax(0, 1.75fr) auto minmax(0, 0.8fr); gap: clamp(20px, 3vw, 44px); } }
.ckd .nachweis .blatt-bild { border: 0; border-radius: 12px; box-shadow: var(--schatten); }
.ckd .nachweis .kachel img { border-radius: 14px; }

/* Formatblatt */
.ckd .ck-blatt { gap: 26px; }
.ckd .ck-kanal { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); padding: 22px 22px 24px; }
.ckd .ck-buehne { height: clamp(260px, 26vw, 330px); background: var(--mint); border-radius: 14px; }
.ckd .ck-kanal h3 { font-size: 1.5rem; }
.ckd .ck-text { background: var(--mint); }
@media (max-width: 760px) { .ckd .ck-buehne { height: auto; } }

/* Karten */
.ckd .ck-draht { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }
.ckd .ck-chat { border-radius: 14px; }
.ckd .ablauf li, .ckd .ck-paket { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }
.ckd .ablauf h3 { font-size: 1.3rem; }
.ckd .ck-paket { padding: 28px 26px 24px; }
.ckd .ck-paket.ck-haupt { background: var(--mint); box-shadow: inset 0 0 0 2px var(--gruen), var(--schatten); border: 0; }
.ckd .ck-paket h3 { font-size: 1.85rem; }
.ckd .ck-marke { border-radius: 999px; padding: 3px 12px; top: -12px; }
.ckd .ck-stufen td { font-size: 1.45rem; letter-spacing: -0.01em; }
.ckd .ck-zwei-zeilen td { font-size: 1.15rem; }
.ckd .ck-zwei-zeilen thead td { font-size: 0.8rem; }
.ckd .ck-enthalten { border-left: 0; border-radius: var(--rund); background: var(--mint); padding: 16px 22px; }

/* Kontakt */
.ckd form.anfrage { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }

/* Unterseiten (/live, Rechtsseiten, 404) tragen dieselbe Schicht – sie liefen bis 13.10.2026 noch in der alten Gestaltung */
.ckd .live h1 { font-size: clamp(2.2rem, 3.6vw, 3rem); line-height: 1.08; }
.ckd .film h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; font-size: 1.7rem; line-height: 1.15; }
.ckd .fenster { border: 0; border-radius: var(--rund); box-shadow: var(--schatten); }
/* „Datenschutzerklärung“ ist ein Wort – auf 320 px muss es kleiner werden, sonst schiebt es die Seite in die Breite */
.ckd .blatt h1 { font-size: clamp(1.5rem, 8.2vw, 2.7rem); line-height: 1.08; overflow-wrap: break-word; }
.ckd .blatt h2 { font-family: var(--sans); font-weight: 700; font-size: 1.25rem; line-height: 1.25; letter-spacing: -0.01em; max-width: none; }