p {
	font-family:'arial';
	font-size:18px;
}

h1, h2 {
	font-family:"Arial Black";
	font-weight:bold;
}

h4 {
	color:#5c9424;
}

.cookiebar {
	z-index:10000;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #1c1c1c !important;
}

.bitpadding {
	padding-top:60px;
}

#container {
	position:relative;

}

#mobilnavigation {
	display:none;
}

#mobilheader {
	z-index:1000001;
	min-height:145px;
	width:100%;
	background-image:url(../img/mobilkurve.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
	position:absolute;

}

#mobilnavigation {
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	height:600px;
	z-index:-1;
}

#mobillogo {
	width:150px;
	top:25px;
	left:10px;
	position:absolute;
}

#mobillogo img {
	width:100%;
	height:auto;
}

#triggerstuff {
	position:absolute;
	right:20px;
	top:25px;
	width:60px;
	z-index:999;
}

#triggeropen, #triggerclose {
	width:60px;
	cursor:pointer;
}
#triggerclose {
	position:absolute;
	top:10px;
	display:none;
}

#triggeropen .bar {
	width:50px;
	height:5px;
	background:#001e09;
	margin-bottom:5px;
}

#triggerclose .bar {
	width:50px;
	height:5px;
	background:#001e09;
	
}

.bareins {
	transform:rotate(45deg);
	position:absolute;
}

.barzwei {
	transform:rotate(-45deg);
		position:absolute;
}


#responsivenav {
	display:none;
	background:#001e09;
	width:100%;
	
	padding-top:150px;
	height:600px;
}
#responsivenav ul {
	list-style-type:none;
	padding-top:30px;
}

#responsivenav li {
	padding-top:10px;
	padding-bottom:10px;
}

#responsivenav li a {
	color:#fff;
	font-size:20px
}

#responsivenav li.active strong {
	color:#fff;
	font-size:20px;
	font-weight:normal
}

#wrapper {
	width:100%;
	overflow-x:hidden;
}

#header {
	position:absolute;
	width:100%;
	
	left:0px;
	top:0px;
	z-index:900;
	height:188px;

}

#logo {
	position:absolute;
	right:0px;
	top:-10px;
	width:50%;
	height:180px;
	background-image:url(../img/logobackground.png);
	z-index:901;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:100%;
		display:block;
	
}

#logolink {
	position:absolute;
	right:300px;
	top:0px;
	z-index:9999;
		display:block;
	
}

#logolink a {
	z-index:999;
	display:block;
}

#logolink img {
	width:250px;
	height:auto;
	margin-top:40px;
	margin-left:55%;
	
	
}

#mainnav {
	position:absolute;
	left:0px;
	top:0px;
	height:180px;
	width:100%;
	z-index:901;
	background-image:url(../img/navigationbackground.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
	z-index:902;
	padding-left:100px;
	padding-top:10px;
}


#mainnav ul {
	list-style-type:none;
	
}

#mainnav li {
	float:left;
	padding-left:15px;
	padding-right:15px;
}

#mainnav li.active strong{
	color:#5c9424;
	font-weight:normal;
	font-size:20px;
}

#mainnav li a {
	color:#fff;
	font-size:20px;
}

#article-1 {
	height:900px;
	overflow:hidden;
	position:relative;
}

#startseiteslider {
	width:100%;
	overflow:hidden;
	height:900px;
	position:relative;
}

.rsts-slide img {
	width:100%;
	height:auto;
	
}


.headertext h2 {
	font-size:50px
}

.headertext p {
	color:#5d9424;
	margin-right:330px;
}

/*-----------------------startseiteSlider---------------------------------*/

#startalternativ {
	height:900px;
	position:relative;
	overflow:hidden;
}

.headslide {
	height:900px;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:left top;
	width:100%;
	
}

#photovolt_slider {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Traumbaeder-min.jpg);
}

#solarthermie_slider {
		background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Wellnessoasen-min.jpg);
		
}

#wpumpen_slider {
		background-image:url(../img/headerbilder_contentbilder/solarpanells_hell_background-min.jpg);
		
}

#Block_slider {
		background-image:url(../img/headerbilder_contentbilder/backround_brennstoffzellen-min.jpg);
		
}

#regenerativ_slider {
		background-image:url(../img//Sanitaer_headerbilder/Leistungen/Hron_Website_Leistungen_Heizung-min.jpg);
		
}


#startalternativ .headertext {
    text-align: left !important;
    float: right;
    position: absolute;
    right: 100px;
    top: 150px;
}

#startalternativ  .headertext p {
    color: #5d9424;
    margin-right: 0px !important;
}

#startalternativ .trenner h2 a {
	color:#001e09;
}

#startalternativ .trenner h2 a:hover {
	text-decoration:none;
}

#startalternativ .trenner {
	width:100%;
	background-image:url(../img/weisse_kurve.png);
	background-size:cover;
	height:290px;
	background-position:center top;
	background-repeat:no-repeat;
	bottom:0px;
	text-align:right !important;
	padding-top:7%;
	position:absolute;
	z-index:400;
	padding-right:0% !important;
}

#article-38 {
	padding-bottom:250px;
}

/*----------------------------- headertexte justierung -------------------------------*/

#article-33 .headertext p {
    color: #5d9424;
    margin-right: 317px;
}

#article-32 .headertext p {
    color: #5d9424;
    margin-right: 333px;
}

#article-25 .headertext {
	text-align:left !important;
	float:right;
}

#article-28.trenner {
	padding-right:50px;
}


.trenner .headerueberschrift {
    margin-top: 0px;
}

#article-28 .headertext p {
    color: #5d9424;
    margin-right: 0px;
    text-align:left;
    padding-left:5px;
}

#article-28 .headertext {
	float:right;
}

#article-30 .headertext {
	text-align:left !important;
	float:right;
}

#article-26 .headertext p {
    color: #5d9424;
    margin-right: 435px;
}

/*----------------------------- headertexte ende -------------------------------*/

.backgrounds {
	
}

#article-12 {
	
	background-color:#f6f6f6;
	background-size:30%;

	padding-top:150px;
	padding-bottom:150px;
	
	margin-top:0px;
}

.normaltext h3{
	color:#5c9424;
	font-weight:bold;
	font-size:50px;
	margin-bottom:50px;
}

#article-13 {
	width:100%;
	padding-top:150px;
	padding-bottom:200px;
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Heizungsanlagen2-min.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
}

.leistungsheadline {
	padding-bottom:100px;
}

.leistungsheadline h2 {
	    font-size: 50px;
	    color:#001e09;
}

.leistungsfelder {
	width:17.1%;
	float:left;
	margin-left:15px;
	margin-right:15px;
	position:relative;
	height:300px;
	overflow:hidden;
	cursor:pointer;
}

.leistungsfelder img {
	width:100%;
	height:auto;
	
}

.teasertext {
	background-image:url(../img/bildchen.png);
	background-size:cover;
	background-repeat: no-reppeat;
	background-position:top right;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	margin-top:-30px;
	position:absolute;
	z-index:50;
	width:100.1%
}

.teasertext a {
	color:#001e09;
	font-weight:bold;
	font-size:22px;
}


.kopfbereich {
	height:930px;
}

.normalbild img {
	width:100%;
	height:auto;
}

.normalbild.last {
	padding-top:100px
}

#article-10 {
	background-image:url(../img/Sanitaer_headerbilder/Unternehmen/Unternehmen_Header-min.jpg);
	background-position:top left;
	background-size:cover;
}

#article-2 {
	background:#f6f6f6;
	padding-top:150px;
	padding-bottom:150px;
}

#article-2 .normaltext {
	padding-top:50px;
	padding-right:50px;
}

#article-2 h4 {
	padding-left:100px;
	font-size:40px;
	font-weight:black;
	padding-bottom:25px;
}

.list ul {
	list-style-type:none;
}

.list li {
	background-image:url(../img/pfeil_in_gruen.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:18px;
	font-size:18px;
	padding-left:25px;
	margin-bottom:10px;
}

/*------------------------ Leistungen -------------------------------*/

#article-14 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Traumbaeder-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#article-3 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Wellnessoasen-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
}

#article-15 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Markenwelt-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
}

#article-16 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Hron_Website_Leistungen_Heizung-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
	padding-top:150px;
	padding-bottom:350px;
}



#article-16 .darkgreen h4 {
	color:#031f0f;
	font-weight:bold;
	padding-left:40px;
	padding-bottom:25px;
}

#article-16 list.darkgreen li {
	color:#031f0f;
}

#article-17 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Heizungsanlagen-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
	padding-top:150px;
	padding-bottom:100px;
}

#article-17 p {
	color:#fff;
}
#article-17 h4 {
	color:#fff;
}

#article-17 ul {
	padding:0;
}

#article-17 li {
	color:#fff;
}

#article-17 .col-md-4 {
	padding-bottom:30px;
}

#article-17 .col-md-12 {
	padding-bottom:50px;
}

#article-15 .row {
	margin:0;
}

#article-41 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Hron_Website_Leistungen_Klimaanlage.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
	padding-top:150px;
	padding-bottom:100px;
}

#article-41 p {
	color:#fff;
}
#article-41 h4 {
	color:#fff;
}

#article-18 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Lueftungsbau-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#article-18 .normaltext.transparent {
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 10%;
    padding-bottom: 350px;
    padding-left: 50px;
    
}

#article-43 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Wohnraumlueftung-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#article-43 .normaltext.transparent {
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 10%;
    padding-bottom: 350px;
    padding-left: 50px;
    
}

#article-45 {
	background-image:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Staubsaugersys-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
	padding-top:150px;
	padding-bottom:100px;
}

#article-45 p {
	color:#fff;
}
#article-45 h4 {
	color:#fff;
}

.reverse {

    width: 100%;
    background-image: url(../img/weisse_kurve_reverse.png);
    background-size: cover;
    height: 290px;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -290px;
    text-align: right;
    padding-top: 7%;
    
   
}
.trenner {
	width:100%;
	background-image:url(../img/weisse_kurve.png);
	background-size:cover;
	height:290px;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:-240px;
	text-align:right !important;
	padding-top:7%;
	position:relative;
	z-index:100;
	padding-right:8%;

	
}

/*---------------------------- Breaker --------------------------*/

.breaker {
	padding-top:100px;
	padding-bottom:150px;
}

.breaker.foerder {
	padding-bottom:300px !important;
}
.markengalerie {
	padding-top:50px;
	padding-bottom:400px;
	position:relative;
}

.markengalerie ul {
	list-style-type:none;
	padding:0;
}

.markengalerie li {
	width:18%;
	float:left;
	height:150px;
	margin-left:5px;
	margin-right:5px;
}

.markengalerie img {
	width:100px;
	height:auto;
}

.pfeilrechts img {
	width:100%;
	height:auto;
}

.pfeilrechts {
	width:640px;
	position:absolute;
	left:250px;
	top:160px;
}

.pfeillinks img {
	width:100%;
	height:auto;
}

.pfeillinks {
	width:640px;
	position:absolute;
	right:250px;
	top:130px;
}

.trenner .headeruberbild {
	width:450px;
	position:absolute;
	left:200px;
	
	bottom:50px;
}

.reverse .headeruberbild {
	width:350px;
	position:absolute;
	right:200px !important;
	bottom:50px;
}

.headerueberschrift {
	margin-top:-30px;
}

.trenner .headernebentext {
	text-align:right;
}

.reverse .headertext {
	text-align:left;
	padding-left:8%;
}

#article-15 .normaltext.transparent {
    background-color: rgba(0, 0, 0, 0.6);
    padding-top: 15%;
    padding-bottom: 150px;
    padding-right: 200px;
    padding-left:50px;
    text-align:left;
	
   	height:850px;
   
}

#article-15 .normaltext.transparent p {
    color:#fff;
   
}

.normaltext.transparent {
	background-color:rgba(255, 255, 255, 0.6);
	padding-top:15%;
	padding-bottom:150px;
	padding-left:200px;
}

.normaltext.transparent p {
	color:#001e09;
}

.headeruberbild img {
	width:100%;
	height:auto;
}


.headernebentext {
	text-align:left;
	padding-left:200px;
	padding-top:0px;
}

.headernebentext h2 {
	font-size:50px;
}

.headernebentext p {
	color:#5d9424;
}

/*------------------------ referenzen -----------------------------------------*/

.ce_accordion {
	width:100%;
	height:auto;
}



.ce_accordion .mod_rocksolid_slider {
	height:400px !important;
}

.ce_accordion img {
	width:100%;
	height:400px;

}

#article-19 {
	background-image:url(../img/Sanitaer_headerbilder/referenzen/Referenzen-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:900px;
	padding-top:150px;
	padding-bottom:350px;
}

#article-4 {
	background-image:url(../img/headerbilder_contentbilder/mann_vor_solarzellen-min.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: right;
	position:relative;
	min-height:800px;
	padding-top:0px;
	padding-bottom:50px;
}

#article-4 .transparent.whitetext {
	background:rgba(0, 0, 0, 0.6);
	padding-left:100px;
	padding-top:50px;
	padding-bottom:150px;
}

#article-4 .transparent.whitetext p {
	color:#fff;
	line-height:1;
}


#article-4 .transparent.whitetext tr {
	padding-bottom:5px;
	line-height: 1.5;
}

#article-4 .transparent.whitetext h4 {
	color:#fff;
	padding-bottom:25px;
}

#article-4 .transparent.whitetext table {
	color:#fff;
	line-height:1;
}

#article-4 .transparent.whitetext td {
	padding-right:10px;
}

.germanymap {
	width:650px;
	position:absolute;
	left:60%;
	transform:translateX(-50%);
	-wenkit-transform:translateX(-50%);
	bottom:350px;
	z-index:550;
}

.germanymap img {
	width:100%;
	height:auto;
}

#article-20 {
	padding-bottom:200px;
	padding-top:100px;
}

#article-20 .rsts-header {
	color:#508f20;
	padding-bottom:30px;
	padding-top:30px;
}

#article-20 .referenzslider {
	width:50% !important;
}

#article-20 .referenzslider img{
	width:100% !important;
}

.toggler {
	background:#5c9424;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	padding-left:20px;
	outline:none;
	cursor:pointer;
	clear:left;
}

.refacc.accone .toggler {
	background-image:url(../img/accordeon_kurve.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left top;
	background-color:#fff;
	height:150px;
	padding-top:105px;
}

.ui-accordion-content {
	background:#f6f6f6;
	padding:50px 100px;
}

.ui-accordion-content ul {
	list-style-type:none;
	padding-left:0px;
}

.ui-accordion-content li {
	font-size:18px;
	margin-bottom:10px;
		background-image:url(../img/pfeil_in_gruen.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;
	background-size:18px;
}

#article-5 input, #article-5 textarea {
	width:100%;
	padding:5px;
	margin-bottom:5px;
	border:0px;
	border-left:5px solid #508f20;
}

#article-5 select {
	margin-left:15px;
	width:93.8%;
	padding:5px;
	margin-bottom:5px;
	border:0px;
	border-left:5px solid #508f20;

}
#article-5 .col-sm-6 {
	width:220px !important;
	float:left;
	max-width:220px !important;
	margin-right:10px;
	
}

#article-5 .submit {
	width:340px;
	margin-left:50%;
	transform:translateX(-50%);
	background: #508f20;
	border:0px;
	color:#fff;
	padding:5px;
}

#article-5 {
	background:#f6f6f6;
	padding-top:150px;
	padding-bottom:150px;
}



.contentadress {
	padding-left:100px;
}

.contentadress p {
	color:#031f0f;
	font-weight:bold;
}

.contentadress strong {
	color:#508f20;
}

iframe {
	width:100%;
	min-height:600px;
	margin-bottom:-100px;
}
/*----------------------------- Kontakt -------------------------------*/

#article-21 {
	background-image:url(../img/Sanitaer_headerbilder/Kontakt/Hron_Website_Sanitaer_Kontakt_Header.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	min-height:800px;
	padding-top:0px;
	padding-bottom:50px;
}

#footertop {
	background-image:url(..//img/footerbackground.png);
	width:100%;
	height:150px;
	background-size:100%;
	position:top right;
	background-repeat:no-repeat;
	margin-top:-70px;
	position:relative;
	z-index:600;
}

.kontakt #footertop {
	background-image:url(..//img/footerbackground.png);
	width:100%;
	height:150px;
	background-size:100%;
	position:top right;
	background-repeat:no-repeat;
	margin-top:-40px;
	position:relative;
	z-index:600;
}

#megafooter {
	background:#031f0f;
	padding-top:50px;
}

#indinav li.active {
	color:#fff;
	font-weight:normal;
}

.footerheadline h2 {
	color:#fff;
	font-size:50px;
	margin-bottom:50px;
	padding-left:40px;
}

.footerformular input, .footerformular textarea {
	width:100%;
	padding:5px;
	margin-bottom:5px;
	border:0px;
	border-left:5px solid #508f20;
}

.footerformular select {
	margin-left:15px;
	width:93.8%;
	padding:5px;
	margin-bottom:5px;
	border:0px;
	border-left:5px solid #508f20;

}
.footerformular .col-sm-6 {
	width:220px !important;
	float:left;
	max-width:220px !important;
	margin-right:10px;
	
}

.footerformular .submit {
	width:340px;
	margin-left:50%;
	transform:translateX(-50%);
	background: #508f20;
	border:0px;
	color:#fff;
	padding:5px;
}

.footeradress {
	padding-left:200px;
}

.footeradress p {
	color:#fff;
}

.footeradress strong {
	color:#508f20;
}

#indinav ul {
	list-style-type:none;
	margin-left:55%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}

#indinav li {
	float:left;
	padding-left:15px;
	padding-right:15px;
}

#indinav li a {
	color:#fff;
}

.copyright {
	text-align:center;
	padding-bottom:50px
}

.copyright p {
	color:#fff;
	font-size:14px;
}

.copyright a {
	color:#fff;
	font-size:14px;
}

.kontakt .footerheadline, .kontakt .footerformular, .kontakt .footeradress {
	display:none;
}

.mailantwort {
	padding-top:250px;
	padding-bottom:250px;
}

#backtop {
	width:50px;
	height:50px;
	background: #508f20;
	position:fixed;
	bottom:20px;
	right:20px;
	padding:0;
	z-index:9999;
}

#backtop a {
	color:#fff;
	font-size:40px;
	margin-left:12px;
	position:absolute;
	top:-5px;

}