@charset "utf-8";
/* Funding Groep - stijl van de wachtpagina */
/* Roboto komt van Google Fonts (link in core/views/template/wachtpagina.php) */
/* De teksten staan in ::before/::after, zodat de HTML gelijk blijft voor alle stylesheets */

*{margin:0; padding:0; box-sizing:border-box;}
html, body{height:100%;}
body{display:flex; align-items:center; justify-content:center; padding:16px; background:#f4f4f4; color:#1c335f; font-family:Roboto, Arial, Helvetica, sans-serif;}
main{width:100%; max-width:560px;}

.wrapper{padding:45px 35px 35px 35px; background:#fff; box-shadow:0px -3px 26px -1px rgba(0,0,0,0.3); text-align:center;}

/*logo*/
.wrapper::before{content:""; display:block; width:240px; max-width:100%; aspect-ratio:482 / 89; margin:0 auto 40px auto; background:url('../images/funding-logo.png') no-repeat center / contain;}

/*domeinnaam*/
.wrapper .domain{font-size:28px; line-height:1.3; font-weight:bold; overflow-wrap:anywhere;}
.wrapper .domain::before{content:"De domeinnaam"; display:block; margin:0 0 10px 0; font-size:14px; font-weight:normal; color:#666;}
.wrapper .domain::after{content:"is geregistreerd door de Funding Groep"; display:block; margin:10px 0 0 0; font-size:14px; font-weight:normal; color:#666;}

/*contact*/
.wrapper::after{content:"Bel 088 - 4600 500 of mail naar info@funding.nl"; display:block; margin:35px 0 0 0; padding:20px 0 0 0; border-top:1px solid #e4e4e4; font-size:13px; color:#666;}

@media only screen and (max-width: 455px){
    .wrapper{padding:35px 20px 25px 20px;}
    .wrapper .domain{font-size:22px;}
}