/* Footer design 4: Unterwegs */
.footer{background:#062d39;position:relative;overflow:hidden;border-top:7px solid #83ddd8}
.footer:before{content:"";position:absolute;right:-80px;top:-170px;width:480px;height:480px;border:1px solid #327083;border-radius:50%;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff03;pointer-events:none}
.footer .wrap{position:relative;width:min(1180px,calc(100% - 48px))}
.footer .brand-logo{max-width:330px}
.footer .footer-top p{font-size:clamp(24px,3vw,36px);line-height:1.25;color:#c4f7ef;font-weight:300;max-width:450px}
.footer .site-directory{grid-template-columns:repeat(3,minmax(0,1fr));border-color:#2b5360}
.footer .site-directory strong{color:#a9eac8}
.footer .site-directory a{width:fit-content}
.footer .site-directory a:before,.footer .waiting-footer-links a:before{content:"↗";display:inline-block;margin-right:9px;color:#77c3c7}
.footer .site-directory a:hover{color:#70dcf1}
.footer .social-icon,.footer .share-icon{border-radius:50%}
.footer .social-row{flex-wrap:wrap}
.footer .footer-share{margin:0}
.footer .share-panel{background:transparent}
.footer .footer-bottom{flex-wrap:wrap}
.footer .footer-bottom nav{flex-wrap:wrap;align-items:baseline}
.footer .footer-bottom nav>*{white-space:nowrap}
@media(max-width:650px){
 .footer .wrap{width:calc(100% - 36px)}
 .footer .footer-top{display:block}
 .footer .footer-top p{margin-top:22px}
 .footer .brand{width:fit-content}
 .footer .brand-logo{max-width:275px}
 .footer .site-directory{grid-template-columns:1fr;gap:24px}
 .footer .site-directory>div{min-width:0}
 .footer .footer-bottom{display:block}
 .footer .footer-bottom nav{margin-top:18px;gap:12px 20px}
 .footer .social-row{display:flex;flex-direction:column;align-items:flex-start}
}

/* Selected palette 01: darker petrol and sand. */
.footer{background:#07262f;border-top-color:#e6c98c;color:#e5edef}
.footer:before{border-color:#42616a}
.footer .footer-top p,.footer .site-directory strong{color:#e6c98c}
.footer a,.footer button{color:#e5edef}
.footer .site-directory a:before,.footer .waiting-footer-links a:before{color:#e6c98c}
.footer .site-directory,.footer .footer-bottom,.footer .social-row{border-color:#42616a}
.footer .footer-bottom,.footer .social-links>span,.footer .share-label{color:#a8bec5}
.footer .social-icon,.footer .share-icon{background:transparent;border-color:#42616a;color:#e5edef}
.footer a:hover,.footer button:hover,.footer .site-directory a:hover{color:#e6c98c}