* {font-family:'Arial', sans-serif;font-size:15px;box-sizing:border-box;}
html {overflow-y:scroll}
html,body {margin:0;padding:0}
::selection {background:#44a332;color:#fff}
h1 {font-size: 20px;font-weight: 200;color: #fff;margin: 0;padding: 20px 0 0 0;}
h2 {font-size: 23px;margin-top: 56px;font-weight: 300;margin-bottom: 45px;color:#44a332;}
h3 {font-size: 21px;margin:20px 0 20px 0;font-weight:300}
p {line-height: 28px;}
input, textarea {outline:none;}
.footer {padding:40px 0;background:#6e6e6e}
.teaser strong {color:#44a332;}
.teaser b {color:#44a332;}
.teaser ul {list-style:none;padding-left:0px;}
.teaser ul li:before {display: block;content: "";border-radius: 5px;background: #44a332;width: 5px;height: 5px;float: left;margin-top: 7px;left: 0;margin-right: 10px;}
.clearfix:after,.container:after,.col:after,.row:after {content:"";clear: both;display: block;visibility: hidden;height: 0px;}
.container {margin:auto;width:100%;}
.fullwidth {width:100%;margin:auto;}
.row {width:100%;}
.col {min-height:1px;width:100%;padding:0 25px 0 25px;float:left;}
.space {display:none}
img {vertical-align:top}
.gradient {background:linear-gradient(90deg, rgb(139 191 65) 9%,rgb(88 192 227) 60%, rgb(55 177 226) 81%);}
.teaser-col .gradient {width: 200px;height: 200px;border-radius: 260px;position: relative;margin: 30px auto;}
.teaser-col .gradient > div {width: 190px;height: 190px;padding-top: 10px;padding-bottom: 10px;position: absolute;top: 5px;background: #fff;border-radius: 250px;left: 5px;text-align: center;}
.teaser-col h3 {text-align:center;}
form {width:100%;}
label, form button {margin-bottom:20px;display:block;}
textarea {resize:vertical;}
form button {margin-bottom: 50px;background: none;border: 0;outline: none;font-size: 17px;color: #44a332;cursor: pointer;line-height: 40px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {width:100%;}
form button:before {display: block;width: 40px;height: 40px;content: ".";text-indent: -130px;border: 3px solid #44a332;border-radius: 60px;overflow: hidden;float: left;margin-right: 15px;background-image:url(send.jpg);background-repeat:no-repeat;background-position:center;background-size:25px;}
form.contact_form label[for=code] {margin-bottom: 35px;}
form.contact_form label em {font-size:13px;}
form.contact_form img {float: left;}
form.contact_form input, form.contact_form textarea {width:100%;height:auto;padding:10px;border:0;background:#e3e3e3;color:#727272;}
.logo-row {border-bottom: 4px solid #44a332;margin-bottom: 20px;}
.logo-row a {display: inline-block;text-decoration: none;width: 100%;}
.logo h2 {font-family: 'Arial';margin-left: 10px; float: left;max-width: 85px;text-align: left;margin-bottom: 20px;margin-top: 48px;}
.logo h2.header_company {color: #000;text-decoration: none;font-size: 26px;float: right;margin-top: 75px;max-width: none;margin-bottom: 0;}	
.logo h2 span {line-height: 50px;width: 100%;float: left;color: #727272;font-size: 58px;font-weight: 600;}
.logo img {margin-top: 45px;}
.logo h2 span:last-child {margin-top: 0px;line-height: 17px;font-weight: 400;color: #727272;font-size: 12px;margin-left: 4px;}
.logo-footer h4 {font-family: 'Arial';margin-left: 10px;float: left;max-width:85px;text-align: left;margin-bottom: 20px;margin-top: 31px;}
.logo-footer h4 span {line-height: 50px;width: 100%;float: left;color: #727272;font-size: 58px;font-weight: 600;color: #fff;}
.logo-footer h4 span:last-child {margin-top: 0px;line-height: 17px;font-weight: 200;color: #727272;font-size: 12px;margin-left: 4px;color: #fff;}
.header_company {color: #000;text-decoration: none;font-size: 26px;float: right;margin-top: 75px;}
.overlay {display:none}
.slider {position:relative}
.slider-inner {height:auto;}
.slider-inner img {width: 100%;}
.slider-container {position: static;top: 0;height: auto;background:#6e6e6e;}
.slider-container p {color:#fff}
.eyecatcher {margin-top:30px;}
.eyecatcher img {float: right;margin-right: 0;max-width: 100%;margin-top:50px;}
.eyecatcher .fullwidth {background-color:#a9a9a9;}
.eyecatcher h4 {margin-bottom: 10px;color:#fff;font-weight:normal;font-size:21px;color:#fff}
.eyecatcher p {color: #fff;line-height: 27px;font-size: 17px;}
.footer p {color:#fff;margin-top: 10px;}
.footer a {color:#FFF;text-decoration:none}
#maps {border: 3px solid #e3e3e3;float: left;width: 100%;margin-top: 25px;margin-bottom: 25px;}
#maps-advice {display: block;padding: 30px;}
.cookie_erklaerung a {color:#44a332}
.container_eyecatcher {min-height:464px;background-position:top right;background-repeat:no-repeat;}
/* Cookiebanner */
.CoverCookies-open {overflow: hidden;}
#cookie-details {padding:0 20px;width: 100%;margin: auto;font-size:13px;color:#000;height:0;overflow:hidden}
#cookie-details table {margin:20px 0;font-size:13px;color:#000;border-collapse: collapse;}
#cookie-details table td {font-size:13px;color:#000;border:1px solid #000; padding:4px;}
#cookie-details p {font-size:13px;color:#000}
#cookie-details h3 {margin:10px 0}
#viewdetails {display: inline-block;text-align: center;margin: 4px 0 4px 10px;border: 0;font-size: 13px;padding: 4px 10px;color: #000;}
#cookie-selection {padding-top:0px;width: 100%;margin: auto;font-size:13px;color:#000;height:0;overflow:hidden}
#viewselection {display: inline-block;text-align: center;margin: 4px 0 4px 10px;border: 0;font-size: 13px;padding: 4px 10px;color: #000;cursor:pointer}
#CoverCookies-cover form {display: block;padding: 7px;margin: 10px 0 5px 0;width: 100%;padding: 15px;}
#CoverCookies-cover form label {color:#000;font-size:13px;}
#CoverCookies-cover a {font-size:12px;color: #44a332;}
.cookieminitext {color: #000;font-size: 13px;}
/* Cookiebanner Ende */
a[href^="http://"]:not([href*="sd-leitungsbau.de"]):after,
a[href^="https://"]:not([href*="sd-leitungsbau.de"]):after {
content: url('../fonts/external-link_sm2.png');
  vertical-align:unset;
  padding-left:4px;
}

@media only screen and (min-width:800px) {
	h3 {color: #44a332;font-size: 25px;margin:65px 0 45px 0;}
	.col{padding: 0 25px 0 0;}
	.container {max-width:1000px;padding:0 20px;}
	.col-md-1 {width:10%;}
	.col-md-2 {width:20%;}
	.col-md-3 {width:30%;}
	.col-md-4 {width:40%;}
	.col-md-5 {width:50%;}
	.col-md-6 {width:60%;}
	.col-md-7 {width:70%;}
	.col-md-8 {width:80%;}
	.col-md-9 {width:90%;}
	.col-md-10 {width:100%;}
	.row .col:first-child {padding-left: 0;}
	.meta-navi {float:right;width:auto} 
}

@media only screen and (min-width:1200px) {
	*{font-size:17px;}
	.container {max-width:1200px}
	form {width:80%;}
	form button {font-size: 25px;line-height:66px;}
	form button:before {width: 60px;height: 60px;background-size:40px;}
	.eyecatcher h4 {font-size:45px;margin-bottom:40px;}
}

@media only screen and (min-width:1230px) {
	h1 {font-size: 47px;line-height: 58px;padding: 50px 0;}
	h2 {font-size: 47px;}
	.welcome {margin-top: 56px;font-weight: 300;margin-bottom: 45px;color: #44a332;font-size: 47px;}
	.overlay {height: 500px;position: absolute;display:block;z-index:998;background: linear-gradient(90deg, #376B8C 25%, transparent 74%);background: linear-gradient(90deg, #376B8C 25%, transparent 74%);background: linear-gradient(90deg, #6e6e6e 25%, transparent 74%);}
	.slider-container {z-index:999;position: absolute;top: 0;height: 500px;background:none}
	.slider-inner {height: 500px;overflow: hidden;}
}

@media only screen and (min-width:1500px) {	
	h1 {font-weight: 300;color: #fff;margin: 0;padding:165px 0 20px 0;}
	h3 {font-size: 37px;}
	.fullwidth {width:100%}
	.container {max-width:1400px}
	.container-large {max-width: 1460px;}
	.col-lg-1 {width:10%;}
	.col-lg-2 {width:20%;}
	.col-lg-3 {width:30%;}
	.col-lg-4 {width:40%;}
	.col-lg-5 {width:50%;}
	.col-lg-6 {width:60%;}
	.col-lg-7 {width:70%;}
	.col-lg-8 {width:80%;}
	.col-lg-9 {width:90%;}
	.col-lg-10 {width:100%;}
	.space {display:block}
	.logo h2 {max-width: 80px;}
	.logo-footer h4 {max-width:200px;}
	.navi-wrapper {text-align:left}
	.teaser .container .col-lg-4 {padding-left:35px;}
	.eyecatcher .col-sm-4:first-child h4 {margin-bottom: 30px;font-size:48px}
	.eyecatcher p {font-size: 19px;}
	.eyecatcher img {margin-right: 130px;max-width: none;}
	.footer p, .footer a {font-size:15px;line-height:23px;}
}

@media only screen and (min-width:1600px) {
	.container-large {max-width:1742px;}
}