.agecheckcontent p { font-family: "roboto",sans-serif; font-style: normal; font-weight: 300; text-transform: none; }
.agecheckbackground { position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;display: block;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: #fff; overflow-y: visible;}
.agecheckcontent { width: 90%;height: auto;background: #fff;border: 1px solid #002e5b;position:absolute;left:0; right:0;top:30px; bottom:auto;margin:auto;max-width:100%;overflow:auto;z-index: 99999;text-align: center;border-radius: 3px;-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);o-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);padding: 20px 10px;}
.agecheckcontent h6.logo { display: block;width: 100%;padding: 0;margin: 0;text-indent: -999999px;background-position: center top;background-repeat: no-repeat; transition: all 300ms ease-in-out;}
.agecheckcontent p.sub { font-size: 18px;line-height: 1.6;margin-top: 36px;margin-bottom: 22px;text-transform: uppercase;font-family: "interstate-condensed",sans-serif;
font-style: normal;
font-weight: 700;letter-spacing: -0.02em; color: #002e5b;}
.agecheckcontent p.small { font-size: 15px; color: #999; }
.agecheckcontent p.small a { color: #999; }
.agecheckcontent p.small a:hover { color: #333; }
.agecheckcontent br { display: none; }
#toTop { display: none !important; }
html, body { overflow: hidden !important; height: 100% !important;}
.agecheckcontent fieldset { width: 90%; margin: 0 auto; }
.agecheckcontent select { float: left; width: 32.333%; padding: 0; margin: 5px 1% 20px 0; font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 300; }
.agecheckcontent select:last-of-type { width: 33.333%; margin: 5px 0 20px 0; }
.agecheckcontent label span { display: block; }
.agecheckcontent p.txtout { font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 300; font-size: 15px; color: #c72f2d; background: #f7e0e0; border-radius: 3px; width: 90%; margin: 0 auto; }
.agecheckbutton {border: 2px solid #002e5b;background: #fff;color: #002e5b;text-decoration: none;text-transform: none;letter-spacing: 0;padding: 6px 12px;border-radius: 3px;width: 90%;font-size: 20px; transition: background 0.2s linear;}
.agecheckbutton:hover { color: #fff; background: #002e5b; }

.cookie_acceptance_wrapper { width: 85%;margin: 0 auto;-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.cookie_acceptance_left { float: left; display: block; width: 25px; }
.cookie_acceptance_right { padding-left: 5px; float: left; display: block;text-align: left;width: 90%; }


.agecheckcontent input#age {
    text-align: center;
    font-size: 18px;
    background: #f2f3f5;
    border: 1px solid #a7afb9;
    color: #222;
    padding: 7px 14px;
    width: 100px;
    height: 50px;
    text-transform: center;
    margin: 15px 0;
    transition: background 0.3s ease-out;
    border-radius: 4px;
    line-height: 1;
}

.agecheckcontent input:active#age, .agecheckcontent input:focus#age { background: #fff; border: 1px solid #a7afb9; }




@media (min-width: 768px) {
.agecheckcontent br { display: inline-block; }
.agecheckcontent { width: 720px; height: 610px; padding: 40px 30px; top: 0; bottom: 0; }
.agecheckbutton { padding: 6px 40px; }
.agecheckcontent fieldset { width: 480px; }
.agecheckcontent p.sub { font-size: 20px; }
.agecheckbutton { font-size: 20px; width: auto; }
.agecheckcontent p.txtout { width: 66%; }

.cookie_acceptance_wrapper { position: relative; left: 10px; }
.cookie_acceptance_wrapper { width: 480px; }

}







/* Custom Styling ******************************************************************************************************************************** */

.agecheckcontent h6.logo { background-image: url(/wp-content/themes/aa/assets/img/alles-andre.png); background-size: 225px 46px; height: 46px; }
.agecheckcontent { border: 1px solid #002e5b; }
.agecheckcontent p.sub { color: #002e5b; font-size: 22px; line-height: 1.2;
letter-spacing: -0.02em;
font-family: "interstate-condensed",sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: -0.01em;
transition: font-size 300ms ease-in-out;
text-transform: uppercase;
}
.agecheckbutton { color: #fff;
cursor: pointer;
background: #002e5b;
font-family: "interstate-condensed",sans-serif;
font-style: normal;
font-weight: 700;
padding-left: 40px;
padding-right: 40px;
letter-spacing: 0.05em;
text-transform: uppercase;
border: 2px solid #002e5b !important;
font-size: 20px !important;
transition: background 0.2s linear;
}
.agecheckbutton:hover { background: #fff !important; color: #002e5b !important; }
.agecheckcontent p.small a { border-bottom: 1px solid #cccccc; }

@media (min-width: 768px) {
.agecheckcontent p.sub { color: #002e5b; font-size: 36px; line-height: 1.2; }
.agecheckcontent p.txtout { width: 480px; }


}