.booking-kind{padding:24px;background:#dfe3d9;margin-bottom:20px}
.booking-kind>.eyebrow{margin-bottom:16px}
.booking-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.booking-kind-grid label{position:relative}
.booking-kind-grid input{position:absolute;opacity:0}
.booking-kind-grid span{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);cursor:pointer;background:#eef0e9}
.booking-kind-grid b{font:700 20px "Barlow Condensed";text-transform:uppercase}
.booking-kind-grid small{font-size:10px;margin-top:5px}
.booking-kind-grid input:checked+span{background:var(--deep);color:#fff;border-color:var(--deep)}
.participants-panel,.voucher-panel{padding:22px;border:1px solid var(--line);margin-top:8px}
.participants-note{font-size:11px;line-height:1.55;color:#60635b}
.additional-participants{display:flex;flex-direction:column;gap:15px;margin-top:18px}
.additional-person{padding-top:18px;border-top:1px solid var(--line)}
.additional-person>span{display:block;font:700 11px "DM Sans";color:var(--red);letter-spacing:.1em;margin-bottom:12px}
.additional-person .field-row label,.voucher-panel label,.participants-panel>label{font-size:12px;font-weight:700;letter-spacing:.06em}
.course-option-hidden{display:none!important}
.course-date-field{display:grid;grid-template-columns:minmax(190px,240px) minmax(280px,1fr);gap:10px 22px;align-items:center;margin:12px 0 20px;padding:24px 0 30px;border-bottom:1px solid var(--line);font-size:15px!important;line-height:1.3;letter-spacing:.07em!important}
.course-date-field select{grid-column:2;grid-row:1;width:100%;min-height:54px;padding:13px 44px 13px 16px;border:1px solid rgba(37,35,30,.4);border-radius:0;background:#f4eddf;color:var(--black);font:700 17px/1.35 "DM Sans",sans-serif;outline:0;cursor:pointer}
.course-date-field select:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(159,36,29,.12)}
.course-date-field select:disabled{cursor:not-allowed;opacity:.7}
.course-date-field select option{font-size:17px}
.course-date-help{grid-column:2;display:block;margin:0;color:#5d594f;font:600 12px/1.55 "DM Sans",sans-serif;letter-spacing:.025em;text-transform:none}
.voucher-mode .form-section-head:nth-of-type(2) h3{font-size:0}
.voucher-mode .form-section-head:nth-of-type(2) h3:after{content:"Wähle deinen Gutschein.";font-size:clamp(2.8rem,4vw,4.5rem)}
.voucher-mode .participants-panel,.voucher-mode .course-date-field,.voucher-mode .equipment{display:none}
.voucher-mode .voucher-panel{display:block}
@media(max-width:700px){.course-date-field{grid-template-columns:1fr;font-size:14px!important}.course-date-field select,.course-date-help{grid-column:1;grid-row:auto}.course-date-field select{font-size:16px}.course-date-field select option{font-size:16px}}
@media(max-width:600px){.booking-kind-grid{grid-template-columns:1fr}}