.content .layer>h1,.content .layer>h2,.footer>p,.header,.header h1,.wrapper{text-align:center}
body,html{height:100%;background-color:#F1F1F1;font-family:Oswald;color:#313131;max-width:100%}
body:after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;}
/*#reglogo {position:absolute;left:0;right:0;top:0;margin-left:auto;margin-right:auto;width:265px;background:none;}*/
.footer,.wrapper{position:relative}
img:hover{cursor:pointer}
a,a:active,a:hover{color:#C2C2C2;text-decoration:none}
.mobile{display:none}
.desktop,.wrapper{display:inline-block}
.wrapper{width:100%}
.desktop{vertical-align:middle}
#leclou .default{display:block}
#leclou.girls .default {display:none}
#leclou.girls .girls {display:block}
.content .layer>h2 span,.header h1{display:none}
.header{padding:7px;background:-webkit-linear-gradient(#353535,#4f4f4f,#353535);background:linear-gradient(#353535,#4f4f4f,#353535)}
.header h1{font-size:40px;margin:10px 0;color:#FFF}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.header h1{margin:5px 0}
}
@media (max-width:600px){.header h1{font-size:20px}
}
@media (max-width:992px){.rechtliches{margin-top:0!important}
}
.content .layer{display:none;background-color:#fff;border:3px solid #6f2050;border-radius: 15px;width:380px;padding:20px;margin-top:50px;margin-left:50px}
.content .layer>h1{font-size:2.6em;color:#3e4087;margin:0}
.content .layer>h2{font-size:2.7em;margin-top:20px}
#leclou.girls .content .layer>h2 span.girls{display:inline}
.content .layer p{font-size:20px;margin:20px 0}
.content .layer a{color:inherit;text-decoration:underline}
@media (max-width:992px){.content .layer{margin:0;width:auto}
}
.content .layer button,img{width:100%}
.content .layer label{font-size:26px;margin-top:25px}
@media (orientation:portrait) and (max-width:600px){.content .layer label{font-size:20px}
}
.content .layer input#mail{height:44px;font-size:23px}
.content .layer #q1,.content .layer #q2,.content .layer #q3{display:none}
.content .layer.q1 #q1,.content .layer.q2 #q2,.content .layer.q3 #q3{display:block}
.content .layer.q1 #q1>div{margin-bottom:15px}
.content .mobile-button{display:none;margin:15px 0}
.content .mobile-button>img{display:none}
@media (min-width:1023px){.girls .content {background-size:100% auto}
}
.girls .content .layer{display:block}
.girls .content .start{display:none}
.girls .content{background-image:url(../img/bg.jpg)}
@media (max-width:1300px) and (min-width:993px){.girls .content{background-image:url(../img/bg.jpg)}
}

@media (max-width:992px){.girls .content .mobile-button{display:block}
.content{padding:3% 8%;background-image: linear-gradient(to top, #111111 0%, #5a5a5a 65%) !important;}
.hide_mobile>img{width:100%}
.layer>h1,.layer>h2{text-align:center}
.content>.layer>h1{font-size:11vw}
.content>.layer>h2,.content>layer>h2.teen{font-size:7vw!important}
.content>.layer>h2.sekt{font-size:7vw!important}
input#mail{height:auto;font-size:5vw}
}
.btn-green,.btn-red{color:#fff;background-color:#03AE00;border:none;margin:0 auto;font-size:28px;text-align:center;padding:5px 10px}
.btn-blue{color:#fff;background: #1e5799; /* Old browsers */
background: linear-gradient(to bottom,#009118,#006f19);
/*background: -moz-linear-gradient(top, #1e5799 0%, #207cca 59%, #2989d8 73%, #7db9e8 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 59%,#2989d8 73%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #1e5799 0%,#207cca 59%,#2989d8 73%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border:none;margin:0 auto;font-size:28px;border-radius: 7px;text-align:center;padding:5px 10px}
.btn-blue:hover {background: #7db9e8; /* Old browsers */
background: linear-gradient(to bottom,#006f19,#009118);
/*background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 27%, #207cca 41%, #1e5799 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 27%,#207cca 41%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 27%,#207cca 41%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); */
border:none;margin:0 auto;font-size:28px;border-radius: 7px !important;text-align:center;padding:5px 10px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.btn-green,.btn-red{font-size:24px}
}
@media (max-width:600px){.btn-green,.btn-red{font-size:21px}
}
@media (min-width:993px){.wrapper{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.wrapper:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-green,.btn-red{-webkit-transition:border-radius .3s;transition:border-radius .3s}
.btn-green:hover,.btn-red:hover,.btn-blue:hover{border-radius:3px}
.btn-blue:hover {background-color:#2433ec;}
}
.wrapper .btn-green,.wrapper .btn-red{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
.btn-red{background-color:#8c0000}
.img-line{margin-top:40px}
.footer{color:#555;background:-webkit-linear-gradient(#353535,#4f4f4f,#353535);background:linear-gradient(#353535,#4f4f4f,#353535);padding:20px 0;max-width:100%}
.footer>p>a{color:#FFF;font-weight:300}
.footer>p.privacy{color:#FFF;font-weight:300;margin:10px 0}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.footer{padding:30px 0 20px}
.footer>p.privacy{margin:5px 0}
}
.ft{background:-webkit-linear-gradient(#cdcbcc,#ededed,#cdcbcc);background:linear-gradient(#cdcbcc,#ededed,#cdcbcc)}
@media all and (max-width:768px){.mobile{display:block}
.desktop{display:none}
.footer>p{max-width:100%;overflow-x:hidden}
}
@media all and (max-width:330px){.col-xs-6{padding-right:18px!important;padding-left:12px!important}
.btn-red{font-size:15px}
}