.content{position:absolute; left:0; top:0; width:500px; height:100%; padding:50px; /*background:url(/img/patroon.jpg) repeat center / 300px auto; */ z-index:3; box-sizing:border-box;}
.logo{float:left; width:100%; margin-bottom:10px;}
.menutitel{float:left; width:100%; margin-bottom:10px;}
.menu{position:relative; float:left; width:100%; height:450px; padding:60px 10px; background:#003837; box-sizing:border-box;}
.menu span{position:absolute; width:18px; height:16px; background:url(/img/schroef.png) no-repeat center / cover;}
.menu span:nth-of-type(1){left:12px; top:12px;}
.menu span:nth-of-type(2){right:12px; top:12px;}
.menu span:nth-of-type(3){left:12px; bottom:12px;}
.menu span:nth-of-type(4){right:12px; bottom:12px;}
.menu a{float:left; width:33.33%; height:25%; background:url(/img/bel.png) no-repeat center / 60px 58px;}
.menu a:hover, .menu a.active{background-image:url(/img/bel-push.png);}
.text{display:none; position:absolute; left:500px; top:0; right:0; bottom:0; padding:300px; font-size:22px; line-height:34px; text-align:center; background:rgba(0,0,0,0.3); z-index:2; overflow:auto;}
.text a{text-decoration:underline;}
.bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/bg.jpg) no-repeat top 0px left 500px / cover; z-index:1;}
small{float:left; width:100%; display:block; font-size:15px; line-height:18px; margin-top:20px;}
small a{color:#fff !important; text-decoration:underline;}

.tooltip {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #feb872; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #feb872 transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}

.alias{position:relative; display:block; cursor:pointer; font-size:22px; line-height:40px;}
.alias .plus{position:relative; display:inline-block; width:20px; height:40px; margin-left:10px; transition:0.3s ease;}
.alias .plus span{position:absolute; left:0; top:50%; width:16px; height:2px; background:#fff;}
.alias .plus span:nth-of-type(1){-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.alias.active .plus span:nth-of-type(1){opacity:0;}

.alias_content{display:block; font-size:18px; line-height:26px; padding-bottom:20px; color:#f4ba7d;}

.contact_btn.choice {display: block;}
.lg-sub-html {background-color: rgba(0, 0, 0, 0.6) !important;}
/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
}
/*responsive*/
@media screen and (max-width:1900px){
.text{padding:250px;}
}
@media screen and (max-width:1500px){
.content{width:350px; padding:35px;}
.menu{height:380px; padding:40px 10px;}
.menu a{background-size:60px 59px;}
.text{left:350px; padding:200px; font-size:18px; line-height:30px;}
.bg{background-position:top 0px left 350px;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1100px){
.content{width:300px;}
.menu{height:340px;}
.menu a{background-size:54px 53px;}
.text{left:300px; padding:100px;}
.bg{background-position:top 0px left 300px;}
}
@media screen and (max-width:990px){
.text{padding:80px;}
}
@media screen and (max-width:750px){
.content{position:relative; float:left; width:100%; height:auto; padding:40px;}
.text{display:none; position:relative; float:left; left:auto; top:auto; right:auto; bottom:auto; padding:40px;}
.bg{position:relative; float:left; left:auto; top:auto; height:auto; min-height:300px; background:url(/img/bg.jpg) no-repeat top 0px left 0px / cover;}
}