/* Readable desktop typography. Sections may grow when text or zoom needs more room. */
@media (min-width:1100px) and (min-height:640px){
 body:not(.destination-page) #check,
 body:not(.destination-page) #ablauf,
 body:not(.destination-page) #fragen{padding-block:22px}
 body:not(.destination-page) :is(#check,#ablauf,#fragen) .eyebrow{font-size:13px}

 body:not(.destination-page) #check .check-copy .h-display{font-size:48px;line-height:1.05;max-width:21ch}
 body:not(.destination-page) #check .check-lead{font-size:17px;line-height:1.5;margin-top:20px}
 body:not(.destination-page) #check .fine{font-size:15.5px;line-height:1.45;margin-top:13px;color:#eef3efcc}
 body:not(.destination-page) #check .check-copy>.assurances{gap:12px;margin-top:22px}
 body:not(.destination-page) #check .assurances li{grid-template-columns:28px minmax(0,1fr);gap:11px;font-size:15.5px;line-height:1.45}
 body:not(.destination-page) #check .as-ico{width:28px;height:28px}
 body:not(.destination-page) #check .as-ico svg{width:19px;height:19px}
 body:not(.destination-page) #check .quiz-card{padding:26px 28px}
 body:not(.destination-page) #check .quiz-top{font-size:15px}
 body:not(.destination-page) #check .quiz-bar{margin-top:15px}
 body:not(.destination-page) #check .q legend{font-size:29px;line-height:1.13;padding:21px 0 18px}
 body:not(.destination-page) #check .opt{min-height:68px;padding:11px 14px;gap:12px}
 body:not(.destination-page) #check .opt+.opt{margin-top:9px}
 body:not(.destination-page) #check .txt b{font-size:17.5px;line-height:1.3}
 body:not(.destination-page) #check .txt small{font-size:15.5px;line-height:1.3;margin-top:3px}
 body:not(.destination-page) #check .box{width:25px;height:25px}
 body:not(.destination-page) #check .quiz-nav{min-height:46px;margin-top:20px}
 body:not(.destination-page) #check .quiz-hint{font-size:15.5px}
 body:not(.destination-page) #check .quiz-nav .btn{font-size:16px;min-height:46px;padding:10px 21px}
 body:not(.destination-page) #check .quiz-nav .link-btn{font-size:15px}
 body:not(.destination-page) #check .q-email-copy{font-size:17px;line-height:1.45}
 body:not(.destination-page) #check .q-email-label{font-size:16px}
 body:not(.destination-page) #check .q-email-input{min-height:52px;font-size:18px}
 body:not(.destination-page) #check :is(.q-email-privacy,.q-email-preview,.q-email-error){font-size:15px;line-height:1.45}
 body:not(.destination-page) #check .res-title{font-size:32px}
 body:not(.destination-page) #check .res-text{font-size:17px;line-height:1.45}
 body:not(.destination-page) #check .res-points li{font-size:15.5px;line-height:1.4}
 body:not(.destination-page) #check .res-offer b{font-size:17px}
 body:not(.destination-page) #check .res-price{font-size:34px}
 body:not(.destination-page) #check .res-price small{font-size:15px}
 body:not(.destination-page) #check .res-actions .btn{font-size:15px;min-height:44px}

 body:not(.destination-page) #ablauf .h-display{font-size:48px;line-height:1.04}
 body:not(.destination-page) #ablauf .flow-lead{font-size:17px;line-height:1.45}
 body:not(.destination-page) #ablauf .flow-head{margin-bottom:22px}
 body:not(.destination-page) #ablauf .flow-aside .btn{min-height:44px;font-size:15px}
 body:not(.destination-page) #ablauf .fstep{padding:18px 20px;gap:10px}
 body:not(.destination-page) #ablauf .fs-no{font-size:44px}
 body:not(.destination-page) #ablauf .who{font-size:12px}
 body:not(.destination-page) #ablauf .fstep h3{font-size:26px;line-height:1.08}
 body:not(.destination-page) #ablauf .fstep p{font-size:16px;line-height:1.4;padding-inline-end:14px}
 body:not(.destination-page) #ablauf .tick{width:20px;height:20px;inset-inline-end:10px;bottom:12px}

 body:not(.destination-page) .clock-steps li{font-size:18px;line-height:1.45}
 body:not(.destination-page) .clock-steps b{font-size:34px}
 body:not(.destination-page) .dial-unit{font-size:16px}
 body:not(.destination-page) .dial-state{font-size:15px}

 body:not(.destination-page) #preise{padding-block:10px}
 body:not(.destination-page) #preise>.wrap{gap:8px}
 body:not(.destination-page) #preise .fees{gap:10px}
 body:not(.destination-page) #preise .h-display{font-size:38px;line-height:1.04}
 body:not(.destination-page) #preise .eyebrow{font-size:13px}
 body:not(.destination-page) #preise .sec-lead{font-size:16px;line-height:1.4}
 body:not(.destination-page) #preise .fee{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);column-gap:13px;padding:12px 14px}
 body:not(.destination-page) #preise .fee:not(.is-featured) .fee-head{height:0;min-height:0}
 body:not(.destination-page) #preise .fee:not(.is-featured) .fee-ico{display:none}
 body:not(.destination-page) #preise .fee:not(.is-featured) h3{margin-top:0}
 body:not(.destination-page) #preise .stamp--eilt{position:absolute;top:14px;inset-inline-end:16px}
 body:not(.destination-page) #preise .fee-detail{padding-inline-start:13px}
 body:not(.destination-page) #preise .fee h3{font-size:24px;line-height:1.06;min-height:0}
 body:not(.destination-page) #preise .fee-sub{font-size:14px;line-height:1.3;min-height:0}
 body:not(.destination-page) #preise .fee-rate{font-size:35px}
 body:not(.destination-page) #preise .fee-per{font-size:12px;line-height:1.3}
 body:not(.destination-page) #preise .fee-once{font-size:14px;line-height:1.35}
 body:not(.destination-page) #preise .fee-incl{gap:4px;margin-bottom:9px}
 body:not(.destination-page) #preise .fee-incl li{font-size:14.5px;line-height:1.3}
 body:not(.destination-page) #preise .fee-btn{font-size:15px;min-height:40px;padding-block:8px}
 body:not(.destination-page) #preise .prices-help{font-size:15px}

 body:not(.destination-page) #fragen .h-display{font-size:48px;line-height:1.04}
 body:not(.destination-page) #fragen .faq-contact{font-size:16px;line-height:1.45}
 body:not(.destination-page) #fragen .faq-item summary{font-size:17px;line-height:1.3;min-height:48px;padding-block:11px}
 body:not(.destination-page) #fragen .fq-no{font-size:13px}
 body:not(.destination-page) #fragen .faq-a p{font-size:16px;line-height:1.45;padding-bottom:14px}
}

/* Larger desktop windows use the available space for text and controls. */
@media (min-width:1400px) and (min-height:750px){
 body:not(.destination-page) #check .check-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:44px}
 body:not(.destination-page) #check .check-copy .h-display{font-size:58px}
 body:not(.destination-page) #check .check-lead{font-size:19px}
 body:not(.destination-page) #check .fine{font-size:17px}
 body:not(.destination-page) #check .assurances li{font-size:17px;line-height:1.45}
 body:not(.destination-page) #check .check-copy>.assurances{gap:14px;margin-top:24px}
 body:not(.destination-page) #check .quiz-card{padding:30px 32px}
 body:not(.destination-page) #check .quiz-top{font-size:16px}
 body:not(.destination-page) #check .q legend{font-size:32px;padding-block:23px 20px}
 body:not(.destination-page) #check .opt{min-height:78px;padding:13px 16px;gap:14px}
 body:not(.destination-page) #check .opt+.opt{margin-top:11px}
 body:not(.destination-page) #check .txt b{font-size:19px}
 body:not(.destination-page) #check .txt small{font-size:17px}
 body:not(.destination-page) #check .quiz-hint{font-size:16px}
 body:not(.destination-page) #check .quiz-nav .btn{font-size:17px;min-height:48px}
 body:not(.destination-page) #check .res-title{font-size:36px}
 body:not(.destination-page) #check .res-text{font-size:18px}
 body:not(.destination-page) #check .res-points li{font-size:17px}

 body:not(.destination-page) #ablauf .h-display{font-size:56px}
 body:not(.destination-page) #ablauf .flow-lead{font-size:19px}
 body:not(.destination-page) #ablauf .flow-aside .btn{font-size:17px;min-height:48px}
 body:not(.destination-page) #ablauf .fstep{padding:22px 24px;gap:12px}
 body:not(.destination-page) #ablauf .fs-no{font-size:50px}
 body:not(.destination-page) #ablauf .fstep h3{font-size:29px}
 body:not(.destination-page) #ablauf .fstep p{font-size:18px;line-height:1.4}
 body:not(.destination-page) #ablauf .who{font-size:13px}

 body:not(.destination-page) #preise>.wrap{gap:11px}
 body:not(.destination-page) #preise .h-display{font-size:46px}
 body:not(.destination-page) #preise .sec-lead{font-size:18px;line-height:1.4}
 body:not(.destination-page) #preise .fee{padding:14px 16px;column-gap:16px}
 body:not(.destination-page) #preise .fee h3{font-size:28px}
 body:not(.destination-page) #preise .fee-sub{font-size:15px;line-height:1.35}
 body:not(.destination-page) #preise .fee-rate{font-size:39px}
 body:not(.destination-page) #preise .fee-per{font-size:13px}
 body:not(.destination-page) #preise .fee-once{font-size:15px}
 body:not(.destination-page) #preise .fee-incl li{font-size:16px;line-height:1.3}
 body:not(.destination-page) #preise .fee-btn{font-size:16px;min-height:43px}
 body:not(.destination-page) #preise .prices-help{font-size:16px}

 body:not(.destination-page) #fragen .h-display{font-size:56px}
 body:not(.destination-page) #fragen .faq-contact{font-size:18px}
 body:not(.destination-page) #fragen .faq-item summary{font-size:19px;min-height:54px}
 body:not(.destination-page) #fragen .faq-a p{font-size:17px;line-height:1.45}
}

@media (min-width:1100px) and (max-height:699px) and (min-height:640px){
 body:not(.destination-page) #check .quiz-card{padding:20px 24px}
 body:not(.destination-page) #check .opt{min-height:61px;padding-block:8px}
 body:not(.destination-page) #check .q legend{padding-block:16px 14px}
 body:not(.destination-page) #check .check-copy .h-display,
 body:not(.destination-page) #ablauf .h-display,
 body:not(.destination-page) #fragen .h-display{font-size:44px}
 body:not(.destination-page) #ablauf .fstep{padding:15px 18px;gap:8px}
 body:not(.destination-page) #ablauf .fs-no{font-size:38px}
 body:not(.destination-page) #ablauf .fstep h3{font-size:24px}
}