@font-face{font-family:'LatoLight';src:url('Lato-Light.ttf')format('truetype');}
@font-face{font-family:'LatoRegular';src:url('Lato-Regular.ttf')format('truetype');}
body,html{margin:0px;padding:0px;position: relative;font-family:LatoLight}
a{font-family: LatoRegular;}
html{
    /*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/
background-image:url(bg.jpg);
background-repeat:repeat-y;
background-size:cover;
background-size:100%;
font-size:18pt;}
h1{clear:both;font-size:20pt;}
h2{clear:both;font-size:18pt;}
.wrapper{
    margin:0 auto;width:calc(100% - 30px);max-width: 1400px;padding:0px 15px;
}
.top .wrapper .indextop{
    display: flex;flex-wrap:wrap;justify-content: space-around;
}
.stopmenu{min-height:50px;text-align: right;}
/*display: flex;flex-wrap:wrap;justify-content: space-around;*/
.stopmenu a{margin-left:30px;
           /*display: inline-block;width:150px;*/
           text-decoration: none;color:#3E3E3E;}
.stopmenu .logo{height:50px;}
.stopmenu .logot{height:50px;display: none;}
.index .cwrapper{
    min-height:calc(100vh - 390px);
}
.cwrapper{
    min-height:calc(100vh - 275px);
}
.indextop .logo{display: block; height:160px;}
.top{
    background-color: #ffffff;
    margin-bottom: 20px;
    padding:20px;
    width:calc(100% - 40px);

}
.indextop{
        min-height: 170px;
}
.top .kontaktbox{font-size:13pt;}
.kontaktbox a{}
#footer .wrapper{
    display: flex;flex-wrap:wrap;justify-content: space-around;
}
.mlink{color:#5B5D52;}
#footer{
    background-color: #BBD034;
    min-height: 130px;
    margin-top:20px;
    color:#5B5D52;
    font-size: 12pt;
    padding-bottom:10px;
}
/*#footer .mlink{color:#ffffff;}*/
.fm a{
    display: block;
    text-decoration: none;
    color:#5B5D52;
}
#footer .kontaktbox, .fm{margin-top:20px;}
.singet{margin-top:-40px;height:calc(100% + 40px);}
.blockmenu{
    display: flex;flex-wrap:wrap;justify-content: space-around; margin-top:30px;
}
.blockmenu a{
    display: inline-block;background-color: rgba(92,93,83,0.5);width:250px;height:150px;text-decoration: none;color:#ffffff;text-align: center; position: relative;padding-top: 100px;margin-bottom: 20px;
}
.blockmenu a:hover{
    background-color: rgba(187,208,52,0.5);color:#3E3E3E;
}
/*.blockmenu a::before{width:100%;height:100%;background-color: #5B5D52;}*/
.amainu::after{
    background-image: url(img/Unternehmen.jpg);
    content: "";
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-position: center center; 
}
.amainl::after{
    background-image: url(img/Leistungen.jpg);
    content: "";
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-position: center center; 
}
.amaink::after{
    background-image: url(img/Kontakt.jpg);
    content: "";
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-position: center center; 
}
.intext{float:right;width:220px;margin:0px 0px 10px 10px;}
@media(max-width:850px){
    .singet{display: none;}
}
@media(max-width:720px){
    .top .kontaktbox{display: none;}
    #footer .wrapper{display: block;}
    #footer .wrapper div{padding-bottom: 10px;}
    .stopmenu .logo{display:none;}
    .stopmenu .logot{display:inline-block;}
h1{font-size:16pt;}
html,h2{font-size:14pt;}

}
@media(max-width:500px){
    .logo{height: auto;width:100%;}
    .stopmenu a{margin: 0 auto; display: block;}
    .stopmenu .logot{height: auto;width:100%;margin-bottom: 20px;}
    .intext{width:33%;}
}