/* v18: product selection and purchase lead; contact supports undecided visitors. */
.school-site .learning-choice-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.school-site .learning-choice { padding-right:8px; }
.school-site .learning-choice+.learning-choice { padding-left:20px; }
.school-site .learning-choice strong { font-size:22px; }
.school-site .learning-choice .choice-action { color:#17255c; }
.school-site .card-actions .text-link,
.school-site #produkt-reise .card-body .text-link,
.school-site #produkt-aussprache .card-body .text-link { background:#17255c; color:#fff; border-color:#17255c; }
.school-site #produkt-reise .card-body .text-link,
.school-site #produkt-aussprache .card-body .text-link { background:#c8102e; border-color:#c8102e; }
.school-site .card-actions .text-link:hover { background:#30477d; border-color:#30477d; color:#fff; }
.school-site #produkt-reise .card-body .text-link:hover,
.school-site #produkt-aussprache .card-body .text-link:hover { background:#a30e2a; border-color:#a30e2a; color:#fff; }
.school-site .individual-offer { display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:30px; margin:45px 0 0; padding:32px; background:#17255c; border-top:3px solid #7c98ff; color:#fff; box-shadow:8px 9px 0 #7c98ff24; }
.school-site .individual-mark { font-size:54px; font-weight:350; color:#bce0f7; line-height:1.2; }
.school-site .individual-copy .eyebrow { font-size:11px; color:#bce0f7; margin:0 0 12px; }
.school-site .individual-copy h3 { font-size:30px; line-height:1.25; color:#fff; font-weight:450; margin:0 0 16px; }
.school-site .individual-copy p:not(.eyebrow) { font-size:20px; line-height:1.65; color:#e0e7f7; font-weight:350; margin:0; }
.school-site .individual-copy .format { font-size:17px!important; margin-top:12px!important; color:#bce0f7!important; }
.school-site .individual-offer .button { background:#bce0f7; color:#17255c; border:1px solid #bce0f7; font-size:17px; }
.school-site .individual-offer .button:hover { background:#fff; border-color:#fff; }
.school-site .individual-offer .button.primary-red { background:#c8102e; border-color:#c8102e; color:#fff; }
.school-site .individual-offer .button.primary-red:hover { background:#a30e2a; border-color:#a30e2a; color:#fff; }
.school-site .inquiry-rail-actions { display:flex; flex-direction:column; align-items:flex-start; gap:15px; flex-shrink:0; }
.school-site .inquiry-rail .quiet-contact { font-size:18px; color:#17255c; text-decoration:underline; text-underline-offset:4px; }
.school-site .lead-intro h2 { font-size:44px; }
.school-site .lead-section { padding-top:64px; padding-bottom:70px; }
.school-site .lead-form .inquiry-secondary { background:white; color:#17255c; border:1px solid #17255c; }
.school-site .lead-form .inquiry-secondary:hover { background:#e7edf9; }
.school-site .selection-inquiry .text-link { background:none; color:#17255c; border:0; padding:0; font-size:18px; text-decoration:underline; text-underline-offset:4px; }
.school-site .lesson-next-actions>.button.primary-red { background:#c8102e; color:#fff; }
.school-site .lesson-next-actions>.text-link { background:transparent; border:0; color:#17255c; font-size:18px; }
.school-site .cart-item .text-link { display:inline-flex; background:#17255c; color:#fff; padding:9px 14px; border-radius:3px; margin-top:12px; }
.school-site .learning-choice,.school-site [id^="produkt-"] { scroll-margin-top:130px; }
@media(max-width:1050px) {
 .school-site .learning-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px 22px; }
 .school-site .learning-choice:nth-child(3) { border-left:0; padding-left:0; }
 .school-site .individual-offer { grid-template-columns:80px minmax(0,1fr); gap:20px; }
 .school-site .individual-offer>.button { grid-column:2; justify-self:start; }
}
@media(max-width:700px) {
 .school-site .learning-choice-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .school-site .learning-choice:nth-child(n+2) { padding:24px 0 0; border-left:0; border-top:1px solid #c8d3e7; }
 .school-site .individual-offer { grid-template-columns:minmax(0,1fr); padding:29px 25px; gap:20px; margin-top:36px; }
 .school-site .individual-mark { font-size:46px; }
 .school-site .individual-copy h3 { font-size:31px; }
 .school-site .individual-copy p:not(.eyebrow) { font-size:21px; }
 .school-site .individual-offer>.button { grid-column:auto; width:100%; font-size:18px; }
 .school-site .inquiry-rail-actions { width:100%; }
 .school-site .lead-intro h2 { font-size:39px; }
}