body{margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:24px;color:#000;background-color:#fff;}
.headerimg, .box_inner, ul li, footer, .icons, .cont_logo {box-sizing:border-box;}
h1{font-size:38px;line-height:48px;margin:10px 0px;}
h2{font-size:28px;line-height:38px;margin:0px 0px 10px 0px}
h1, h2{font-weight:normal;color:#000000;text-align:center;text-transform:uppercase}
section{margin: 0px 0px}
img{max-width:100%}
.wrapper{max-width:1200px;margin:0 auto;}
a, a:link, a:active, a:visited{text-decoration:none;color:#35b876;}
.btn{font-size:16px;padding: 4px 30px 4px 20px;text-decoration: none !important;width:auto;;border:2px solid #35b876;}
.listgreen{font-size:16px;padding: 4px 20px 4px 40px;line-height:20px;text-decoration: none !important;width:auto;;border:2px solid #35b876;background-image:url("../img/bg_list.png");background-repeat:no-repeat;background-color:#35b876;color:#ffffff;margin-bottom:12px;font-weight:bold}
.listgreen a{color:#ffffff}
header{margin:0 auto;height:440px;width:100%;background-size:cover;background-position:center;}
.header_home{background-image:url("../img/bg_header.jpg");}
.header_webdesign{background-image:url("../img/bg_header_webdesign.jpg");}
.cont_logo{position:fixed;top:0px;background-color:#0E1011;height:110px;z-index:2000;}
.logo{margin:10px 0px 0px 10px}
nav{margin:0px auto;display:block;background:rgba(14,16,17,1);top:0px;position:fixed;z-index:1000;width:100%}
nav ul{text-align:right;margin:0px;padding:0px;}
nav ul li{font-size:18px;line-height:28px;font-weight:normal;display:inline-block;text-align:center;padding:42px 12px;list-style:none;margin:0px 6px;text-transform:uppercase}
nav ul li a{color:#fff!important;text-decoration:none!important;}
nav ul li:hover{}
nav ul li.activeSite{}
nav ul li.activeSite a{color:#35b876!important;}
.icon{display:none;}
.teasericon{font-size:40px;border-radius:70px;border:3px solid #35b876;width:60px!important;height:60px;padding:30px;color:#5b5b5b}
.inner{margin:0 auto;padding:60px 20px;}
.textcenter{text-align:center;}
.flex-grid{display:flex;width: 100%;flex-wrap:wrap;}
.fullbgfoto{background-position:center center;background-attachment:fixed;padding:80px 0px;}
.fullbgfoto h1, .fullbgfoto h2, .fullbgfoto p {text-transform:none;color:#ffffff}
.fullbgfoto ul li {float:left;padding:0px 30px 0px 0px;color:#ffffff}
.fullbgfoto.fotografie{background-image:url("../img/bg_fotografie.jpg");}
.fullbgfoto.webhosting{background-image:url("../img/bg_webhosting.jpg");}
.fullbgfoto.visualisierung{background-image:url("../img/bg_immobilienfotograf.jpg");}
.overlay {background:rgba(0,0,0,0.6);max-width:780px;border-radius:20px;padding:20px;margin:0px auto}
.box_outer_teaser{margin:20px;min-width:300px;position:relative;}
.box_inner{padding:20px;}
.boxsize1 {flex:1;}
.boxsize2 {flex:2;}
.boxsize3 {flex:3;}
.boxsize4 {flex:4;}
.one-half,.one-third,.two-third{margin-right:2%;float:left;}
.one-half {width:49%}
.one-third {width:32%}
.two-third {width:64%}
.last{margin-right:0px}
.clear{clear:both;}
.bg_dark{background-color:#ECECEC}
footer{display:block;text-align:center;padding:20px;margin:0px;background-color:#000000;color:#fff;}
footer a{color:#ffffff!important}
@media only screen and (max-width:2000px){}
@media only screen and (max-width:1700px){}
@media only screen and (max-width:1060px){
.one-half,.one-third,.two-third{float:none;width:100%;margin-right:0px}
}
@media only screen and (max-width:780px){
nav ul li{padding:10px 12px;}
.cont_logo{width:100%;text-align:center}
.oneHalf{width:100%;margin:0;float:none;}
nav{text-align:center;margin:0 auto;top:110px}
.icon{display:block;}
nav ul{z-index:100;}
nav ul li{display:block;border-radius:0px;margin:0px;}
ul.menue{display:none;}
.menue.responsive{display:block;}
.overlay {margin:0px 20px}
header{height:300px;}
}
@media only screen and (max-width:480px){.headerimg{height:200px;padding-top:40px;}
h1{font-size:20px;line-height:30px}
h2{font-size:18px;line-height:28px;}
.box_inner{padding:10px;}
}