/* Budget the real screen below header and chapter navigation, not another scrolling timeline. */
.c .closing-screen #gutscheine.gift-stage{padding:64px 0 18px}
.c #gutscheine .gift-experience{height:100%;min-height:0;align-items:center;gap:5vw}
.c #gutscheine .vf-layout{min-height:0;max-height:100%;display:flex;flex-direction:column}
.c #gutscheine .vf-layout>.stage-chapter{margin:0}
.c #gutscheine .vf-layout>h2{font-size:clamp(30px,3vw,42px);line-height:1.02;margin:8px 0}
.c #gutscheine .vf-layout>p{font:14px/1.5 Exo;margin:0;max-width:45ch}
.c #gutscheine #voucher-form{flex:0 1 auto;overflow-y:auto;overscroll-behavior:auto;padding:2px 3px 0;scroll-padding:12px;max-height:none}
.c #gutscheine #voucher-form .vf-buyer p{font:12px/1.45 Exo;margin:0 0 6px;max-width:55ch}
.c #gutscheine .vf-layout.vf-reviewing>h2,.c #gutscheine .vf-layout.vf-reviewing>p{display:none}
.c #gutscheine .vf-layout.vf-reviewing>.stage-chapter{display:none}
.c #gutscheine .vf-layout:has(.vf-restore:not([hidden]))>p{display:none}
.c #gutscheine .vf-reviewing #voucher-form{margin-top:8px}
.c #gutscheine #voucher-form .vf-step h3{font:32px/1.05 League,Arial,sans-serif;margin:6px 0 10px}
.c #gutscheine .gift-preview{align-self:center}.c #gutscheine .gift-paper{min-height:0;padding:28px;max-width:390px}.c #gutscheine .gift-paper img{margin-bottom:22px}.c #gutscheine .gift-paper h3{font-size:32px}.c #gutscheine .gift-preview>p{margin-top:12px}
.c #gruppen.team-stage details.school-offer{display:block!important;background:transparent;border:0;border-top:1px solid #ffffff25;margin:12px 24px 0;padding:0;color:#eeeae2}
.c #gruppen.team-stage .school-offer summary{font:16px/1.4 Exo;cursor:pointer;min-height:44px;box-sizing:border-box;padding:11px 0}
.c #gruppen.team-stage .school-expanded{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}
.c #gruppen.team-stage .school-offer .school-booking{width:auto;min-height:44px;flex-shrink:0}
.c .closing-journey:not(.closing-flow) #gruppen:has(.school-offer[open]){overflow-y:auto!important;overscroll-behavior:auto}
@media(max-width:760px){
 .c .closing-screen #gutscheine.gift-stage{padding:58px 0 8px}
 .c #gutscheine .gift-experience{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .c #gutscheine .vf-layout{flex:1;overflow:hidden}
 .c #gutscheine .vf-layout>h2{display:block!important;font-size:30px;line-height:1.05;margin:7px 0 8px}
 .c #gutscheine .vf-layout>p{display:none}
 .c #gutscheine #voucher-form{margin-top:4px}
 .c #gutscheine .vf-layout.vf-reviewing>h2{display:none!important}
 .c #gutscheine .vf-layout:has(.vf-restore:not([hidden]))>h2{display:none!important}
 .c #gutscheine .gift-preview:not([hidden]){display:block!important;overflow:auto;max-height:100%;padding:8px 16px}
 .c #gutscheine .mobile-gift-nav{margin:0 0 12px;flex-shrink:0;padding:0;background:transparent}
 .c #gutscheine .mobile-gift-nav button{min-height:44px;padding:10px}
 .c #gruppen.team-stage details.school-offer{margin:8px 18px 0}
 .c #gruppen.team-stage .school-offer summary{font-size:14px}
 .c #gruppen.team-stage .school-expanded{display:grid;gap:12px}
 .c #gruppen.team-stage .school-offer .school-booking{justify-self:start}
}
@media(max-height:700px) and (max-width:760px){
 .c #gruppen.team-stage .group-intro .team-entry{margin-top:12px;gap:8px 16px}
 .c #gruppen.team-stage .group-intro .team-entry-slider{margin-top:0;gap:5px}
 .c #gutscheine .vf-layout>h2{font-size:26px;margin:5px 0}
 .c #gutscheine .stage-chapter{display:none}
 #voucher-form legend{margin-bottom:5px}#voucher-form .vf-buyer p{display:none}
 .vf-personal{margin-bottom:8px}#voucher-form .vf-next{margin-top:10px}
}
@media(prefers-reduced-motion:reduce),(max-height:500px){
 .c #gutscheine .gift-experience,.c #gutscheine .vf-layout{height:auto;max-height:none;overflow:visible}
 .c #gutscheine #voucher-form{overflow:visible;flex:none}
}