/* Gedankenkino (gedanken-kino.de), ergänzt style.css und neu.css der Hypnose-Seite. Farben nur aus corporate-identity.md. */

/* Logo im Kopf: das Gedankenkino-Logo statt der Praxis-Welle */
.marke img.gk-logo { width: 4.2rem; height: auto; }
@media (max-width: 29.99rem) { .marke img.gk-logo { width: 3.4rem; height: auto; } }
/* Die Menüpunkte sind länger als auf der Hypnose-Seite: bei 1024 px liefen sie 42 px über den Rand (gemessen 15.11.2026) */
@media (min-width: 64rem) and (max-width: 80rem) {
  .marke img.gk-logo { width: 3.4rem; }
  .menue a, .menue .unter-knopf { padding-left: 0.42rem; padding-right: 0.42rem; }
  .menue .menue-knopf { margin-left: 0.3rem; }
}

/* Startbild: Frage als Überschrift ist länger als „Hypnose in Lüdenscheid“, deshalb kleiner; Logo statt Welle */
.held-gk h1 { font-size: clamp(2.1rem, 7vw, 3rem); }
.held-gk .held-welle-bild { width: 12rem; }
@media (min-width: 52rem) {
  .held-gk .held-welle-bild { flex: 0 1 24rem; max-width: 24rem; }
}

/* Kacheln ohne Bild auf weißem Abschnitt: Creme-Fläche, damit sie sich abheben */
.kachel-ohne-bild a { background: var(--creme); border: 0; }
@media (max-width: 39.99rem) { .kachel-ohne-bild a { display: block; } }

/* Selbstzahler-Hinweis im Fuß */
.fuss .selbstzahler { margin-top: 1.6rem; font-size: 0.85rem; color: var(--silber-text); max-width: 46rem; }

/* 15.11.2026: Traumreise-Block und Knopf auf Creme */
.knopf-hell { background: var(--anthrazit); }
.traumreise h2 { margin-top: 0; }
.mit-leiste .traumreise { padding-bottom: 1.4rem; }
.kacheln-gk { margin-top: 1.2rem; }
.ablauf-ohne-zahl h3 { margin-bottom: 0.3rem; }