/* Baut auf /kurse/verkauf.css auf (gleiche Gestaltung wie der Computerkurs). Hier stehen nur die Abweichungen. */
/* Einstieg: das Bild liegt unverändert als Hintergrund, nichts darüber. Unter 1200px steht es unter dem Text. */
.hero{padding-top:calc(var(--intro-header-height,110px) + 110px);padding-bottom:64px}
@media(min-width:761px) and (max-height:800px){.hero{padding-top:calc(var(--intro-header-height,110px) + 90px);padding-bottom:48px}}
.hero-image{display:none}
.hero-buttons .button{white-space:nowrap}
@media(min-width:1200px){
 .hero{background:#20627c url('/kurse/smartphone-kurs.webp?v=d268077b') 30% bottom/cover no-repeat}
 .hero-description{max-width:470px}.hero-price{max-width:440px}
}
@media(min-width:1440px){.hero{background-position:56% bottom}}
@media(max-width:1199px){
 .hero{background:#20627c;display:block;min-height:0;padding-bottom:0}
 .hero-image{display:block;margin-top:48px}
 .hero-image img{width:100%;height:auto}
}
@media(max-width:760px){
 .hero{background:var(--blue);padding-top:calc(var(--intro-header-height,80px) + 64px)}
 .hero-image{margin-top:32px}
 .hero-buttons .button{white-space:normal}
}
/* Ansatz: blaues Band an der Stelle der Teilnehmerstimme */
.ansatz{background:#20627c;color:white;padding-block:64px}
.ansatz-raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.ansatz p{max-width:none}
@media(max-width:760px){.ansatz{padding-block:40px}.ansatz-raster{grid-template-columns:minmax(0,1fr);gap:20px}}
/* Lektionskarten: Akzentfarben für die Themen über 11 hinaus */
.lesson-list>li:nth-child(12){--akzent:#17998a}
.lesson-list>li:nth-child(13){--akzent:#6d5bd0}
.lesson-list>li:nth-child(14){--akzent:#e8730c}
.lesson-list>li:nth-child(15){--akzent:#2b7bb9}
.lesson-list>li:nth-child(16){--akzent:#d4457a}
.lesson-list>li:nth-child(17){--akzent:#d23f35}
.lesson-list>li:nth-child(18){--akzent:#2f9e52}
/* Vormerken: Formular in der hervorgehobenen Angebotskarte */
.angebot-preis-offen{font-size:1.35rem}
.vormerk-form{display:flex;flex-direction:column;flex:1;margin-top:18px}
.vormerk-form label[for=email]{font-weight:700;margin-bottom:8px}
.vormerk-form input[type=email]{width:100%;min-height:60px;border:1px solid #718c9a;border-radius:4px;padding:10px 14px;background:white;color:var(--ink)}
.vormerk-form .consent{display:flex;align-items:flex-start;gap:12px;margin:18px 0 22px;font-size:.9rem;line-height:1.45}
.vormerk-form .consent input{width:24px;height:24px;flex:none;margin:2px 0}
.vormerk-form .button{margin-top:auto}
.form-note{margin-top:12px;font-size:.85rem;color:var(--muted)}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Angehörige: Ausschnitt des Szenenbilds */
.learner-photo img{aspect-ratio:3/2;object-fit:cover;object-position:68% center}
/* Hinweis auf den Computerkurs */
.second-course img{height:auto;aspect-ratio:1200/630}
/* Fußbereich: Markenhinweis über die ganze Breite */
.site-footer .trademark{flex-basis:100%;margin-top:0;max-width:none;font-size:.8rem}