/* The homepage's content width and gutters are shared by all public pages. */
.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}}

/* Frosted navigation, with the existing solid background as a fallback. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .site-header{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
}

/* One footer for the homepage, guides, programme pages and Blog. */
body .shared-footer{--line:#dfe8ed;border-top:1px solid var(--line);padding:50px 0 0;background:#fff;font-family:'Manrope',Arial,sans-serif;line-height:1.75}
.shared-footer .footer-top{display:grid;grid-template-columns:minmax(285px,1.3fr) 1.15fr 1fr 1fr;gap:35px;padding-bottom:45px}
.shared-footer .footer-brand{grid-column:auto;min-width:0}
.shared-footer .footer-brand>a{display:inline-block}
.shared-footer .footer-brand>a>img{display:block;width:185px;height:auto;margin:0 0 20px}
.shared-footer .footer-brand p{display:block;max-width:285px;margin:0 0 16px;font-size:12px;line-height:1.8;color:#465c69}
.shared-footer .footer-apps{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-left:-10px}
.shared-footer .footer-apps a{display:flex;align-items:center;justify-content:center;flex:none;border-radius:5px}
.shared-footer .app-store-badge{padding:10px}
.shared-footer .footer-apps img{display:block;max-width:none;width:auto;height:40px;margin:0}
/* Both Google PNGs include transparent margins; their visible badge is 40px high. */
.shared-footer .google-play-badge img{height:calc(40px * 250 / 168)}
html[lang="de"] .shared-footer .google-play-badge{padding-inline:10px}
html[lang="de"] .shared-footer .google-play-badge img{height:calc(40px * 250 / 192)}
.shared-footer .footer-column{display:flex;flex-direction:column;align-items:start;gap:10px;grid-column:auto}
.shared-footer .footer-column h2{font-family:inherit;font-size:12px;font-weight:700;line-height:1.6;letter-spacing:0;margin:0 0 10px;color:#193c50}
.shared-footer .footer-column a{font-size:11px;line-height:1.6;color:#465c69}
.shared-footer .footer-column a:hover{color:#4e83a3}
.shared-footer .footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:19px 0 23px;font-size:9px;line-height:1.75;color:#465c69}
.shared-footer .footer-bottom>div{display:flex;gap:18px;flex-wrap:wrap}
.shared-footer .cookie-settings-link{font:inherit;color:inherit}
@media(max-width:950px){
 .shared-footer .footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .shared-footer .footer-brand{grid-column:1/-1}
 .shared-footer .footer-brand p{max-width:430px}
}
@media(max-width:600px){
 body .shared-footer{padding-top:37px}
 .shared-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px;padding-bottom:30px}
 .shared-footer .footer-column:last-child{grid-column:1/-1}
 .shared-footer .footer-column a{font-size:11px}
 .shared-footer .footer-bottom{flex-direction:column;gap:14px;padding-bottom:20px}
 .shared-footer .footer-bottom>div{gap:12px 17px}
}