/* UNFOLD uses the same typography and content widths as ALI. */
@font-face{font-family:Body;src:url('/homepage/assets/body.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gravity;src:url('/homepage/assets/abc-gravity.woff') format('woff');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--page-gutter:max(clamp(24px,7.78vw,112px),calc((100vw - 1216px)/2));--unfold-copy:clamp(1rem,1.67vw,1.5rem)}
body{font-family:Body,Arial,sans-serif;font-size:var(--unfold-copy);line-height:1.58}
.unfold-page{font-family:Body,Arial,sans-serif}
html body .unfold-page :is(h1,h2,h3,.num,.mark,.unfold-plus-mark){font-family:Gravity,Arial,sans-serif!important;font-weight:900!important;font-stretch:100%;font-variation-settings:'wght' 900,'wdth' 100,'slnt' 0;letter-spacing:-.02em;line-height:1.2!important}
html body .unfold-page main :is(#top,#zeit,#unfold,#inhalte,#plus,#gegenueber,#faq,#kontakt) p{font-family:Body,Arial,sans-serif!important;font-size:var(--unfold-copy)!important;font-weight:400!important;font-style:normal!important;line-height:1.58!important;text-wrap:pretty}
html body .unfold-page main :is(#top,#zeit,#unfold,#inhalte,#plus,#gegenueber,#faq,#kontakt) h2{font-size:clamp(1.9rem,3.05vw,2.75rem)!important;line-height:1.2!important;letter-spacing:-.02em;text-wrap:balance}
html body .unfold-page main :is(#top,#zeit,#unfold,#inhalte,#plus,#gegenueber,#faq,#kontakt) h3{font-size:clamp(1.25rem,2.02vw,1.8125rem)!important;line-height:1.2!important;letter-spacing:-.02em;text-wrap:balance}
html body .unfold-page #top,.unfold-page>.unfold-header{padding-left:max(clamp(24px,6vw,96px),calc((100vw - 1320px)/2))!important;padding-right:max(clamp(24px,6vw,96px),calc((100vw - 1320px)/2))!important}
html body .unfold-page #top{min-height:clamp(720px,58vw,880px)!important;padding-top:clamp(68px,6.9vw,122px)!important;padding-bottom:120px!important}
html body .unfold-page #top>div{max-width:1050px}
html body .unfold-page #top h1{max-width:100%;font-size:clamp(2.4rem,5.65vw,5rem)!important;line-height:1.08!important;letter-spacing:-.025em;text-wrap:initial;overflow-wrap:break-word}
html body .unfold-page #top p{max-width:64ch!important;font-size:clamp(1.125rem,1.7vw,1.5rem)!important;line-height:1.65!important}
html body .unfold-page #unfold>div:first-child>p:first-of-type{font-family:Body,Arial,sans-serif!important;font-size:var(--unfold-copy)!important;font-style:normal!important;line-height:1.58!important;padding:0}
html body .unfold-page #gegenueber blockquote{font-family:Body,Arial,sans-serif!important;font-size:clamp(1.45rem,2.57vw,2.3125rem)!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important}
html body .unfold-page #gegenueber blockquote>div{font-family:Body,Arial,sans-serif!important}
html body .unfold-page #plus>div:last-child>div:last-child{font-size:var(--unfold-copy)!important;line-height:1.58}
html body .unfold-page #faq summary{font-size:var(--unfold-copy);line-height:1.58}
html body .unfold-page #unfold,html body .unfold-page #inhalte,html body .unfold-page #faq{gap:clamp(38px,5.8vw,84px)!important}
html body .unfold-page #plus h2,html body .unfold-page #faq h2{max-width:none}
@media(max-width:1000px){html body .unfold-page #unfold,html body .unfold-page #inhalte,html body .unfold-page #faq{gap:32px!important}}
@media(max-width:760px){
 :root{--page-gutter:24px}
 html body .unfold-page #top{min-height:740px!important;padding-top:106px!important;padding-bottom:120px!important}
 html body .unfold-page #top h1{font-size:clamp(2rem,9.8vw,3rem)!important;line-height:1.13!important;text-wrap:balance}
 html body .unfold-page #top p{font-size:1.125rem!important;max-width:40ch!important}
}
@media(max-width:700px){html body .unfold-page main :is(#zeit,#unfold,#inhalte,#plus,#gegenueber,#faq,#kontakt) h2{font-size:1.95rem!important}}