@media screen and (max-width:992px) {
	
	.bitpadding {
		padding-top:115px;
	}
	
	#article-16 .darkgreen h4 {
	    color: #031f0f;
	    font-weight: bold;
	    padding-left: 0px;
	    padding-bottom: 25px;
	}
		
	#article-20 .referenzslider img {
	    width: 130% !important;
	    height:auto !important;
	}

	#article-20 .rsts-header h2 {
		font-size:24px;
	}

	#mobilnavigation {
		display:block;
	}
	
	#mainnav, #logo, #logolink {
		display:none;
	}
	
	.pfeilrechts {
	    width: 200px;
	    position: absolute;
	    left: 30px;
	    top: 169px;
	}
	
	.pfeillinks {
	    width: 300px;
	    position: absolute;
	    right: 50px;
	    top: 130px;
	}
	
	.kopfbereich {
		z-index:-1;
	}
	
	#article-3 .col-md-6.normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 15%;
	    padding-bottom: 265px;
	    padding-left: 50px;
	    width:100% !important;
	}
	
	.reverse .headeruberbild {
	    display:none;
	}
	
	#article-15 .normaltext.transparent {
	    background-color: rgba(0, 0, 0, 0.6);
	    padding-top: 15%;
	    padding-bottom: 150px;
	    padding-right: 50px;
	    padding-left: 50px;
	    text-align: left;
	    height: 850px;
	}
	
	.teasertext a {
	    color: #001e09;
	    font-weight: bold;
	    font-size: 16px;
	}
	
	.trenner .headerueberschrift {
	    margin-top: 86px;
	}
	
	.reverse {
	    width: 100%;
	    background-image: url(../img/weisse_kurve_reverse.png);
	    background-size: cover;
	    height: 230px;
	    background-position: center top;
	    background-repeat: no-repeat;
	    position: relative;
	    margin-top: -290px;
	    text-align: right;
	    padding-top: 7%;
	}
	
	#megafooter {
	    background: #031f0f;
	    padding-top: 51px;
	    margin-top: -30px;
	}
	
	.footerformular select {
	    margin-left: 15px;
	    width: 89.2%;
	    padding: 5px;
	    margin-bottom: 5px;
	    border: 0px;
	    border-left: 5px solid #508f20;
	}
	
	.copyright {
	    text-align: center;
	    padding-bottom: 50px;
	    clear: left;
	}
	
	#indinav li {
	    float: left;
	    padding-left: 0px;
	    padding-right: 15px;
	}
	
	.footeradress {
	    padding-left: 0px;
	    padding-top:0px !important;
	}
	
	#article-5 select {
	    margin-left: 15px;
	    width: 89.2%;
	    padding: 5px;
	    margin-bottom: 5px;
	    border: 0px;
	    border-left: 5px solid #508f20;
	}
	
	.contentadress {
	   padding-left: 0px; 
	}
	
	.markengalerie li {
	    width: 18%;
	    float: left;
	    height: 150px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
	#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;
	}
	
	#indinav ul {
	    list-style-type: none;
	    margin-left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	}
	
	.germanymap {
	    width: 450px;
	    position: absolute;
	    left: 60%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    top: 250px;
	    z-index: 550;
	}
	
}

@media screen and (max-width:836px) {
	.pfeilrechts {
	    width: 140px;
	    position: absolute;
	    left: 30px;
	    top: 169px;
	}
	
	.kontakt #footertop {
	    background-image: url(../img/footerbackground.png);
	    width: 100%;
	    height: 150px;
	    background-size: 100%;
	    position: top right;
	    background-repeat: no-repeat;
	    margin-top: -10px;
	    position: relative;
	    z-index: 600;
	}
	
	#article-4 .transparent.whitetext td {
	    padding-right: 0px;
	}
}

@media screen and (max-width:768px) {
	
	#article-38 {
	    padding-bottom: 50px;
	}
	
	.bitpadding {
		padding-top:0px;
	}
	
	#article-2 h4 {
	    padding-left: 0px;
	    font-size: 40px;
	    font-weight: black;
	    padding-bottom: 25px;
	}

	
	#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: 100px;
	    padding-top: 150px;
	    padding-bottom: 100px;
	}
	
	#article-43 .normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 10%;
	    padding-bottom: 50px;
	    padding-left: 25px;
	    padding-right: 25px;
	}
	
	#article-45, #article-41, #article-17 , #article-16 {
		padding-left:15px;
		padding-right:15px;
	}
	
	#article-25 .headertext {
	    text-align: left !important;
	    float: left;
	    padding-top: 15px;
	}
	
	#article-44 .headerueberschrift {
	    margin-top: 10px;
	}
	
	#article-40 .headerueberschrift {
	    margin-top: 10px;
	}
	
	#article-20 .referenzslider  {
	    width: 110% !important;
	}
	
	#article-20 .referenzslider img {
	    width: 100% !important;
	}

	#article-20 .rsts-header h2 {
		font-size:24px;
	}
	
	.kopfbereich {
	    height: 400px;
	}
	
	#article-19 {
		min-height:0px;
		background-position:top right;
	}
	
	#article-30 {
		height: 120px;
	}
	
	#article-30 .headertext {
	    text-align: left !important;
	    float: left;
	    padding-bottom:20px;
	}
	
	#startseiteslider {
	    width: 100%;
	    overflow: hidden;
	    height: 500px;
	    position: relative;
	    z-index:-1;
	}
	
	#startalternativ {
	    width: 100%;
	    overflow: hidden;
	    height: 500px;
	    position: relative;
	}
	
	.pfeillinks, .pfeilrechts {
		display:none;
	}
	
	#article-20 {
	    padding-bottom: 200px;
	    padding-top: 80px;
	}
	
	
	.trenner, .reverse {
	    width: 100%;
	    background-image: none !important;
	    background:#fff;
	    height:100px;
	    margin-top: 0px;
	    text-align: left !important;
	    padding-top: 10px;
	    position: relative;
	    z-index: 100;
	    padding-left: 20px;
	}
	
	#startalternativ .trenner {
	    width: 100%;
	    background-image: none !important;
	    background:#fff;
	    height:100px;
	    bottom:0px !important;
	    text-align: left !important;
	    padding-top: 10px;
	    position: absolute !important;
	    z-index: 300;
	    padding-left: 20px;
	}
	
	.headslide {
	    height: 500px;
	    position: relative;
	    overflow: hidden;
	    background-size: cover;
	    background-position: left top;
	    width: 100%;
	}
	
	#startalternativ .headertext {
	    text-align: left !important;
	    float: right;
	    position: absolute;
	    left: 50px;
	    top: 10px;
	}
	
	.breaker.foerder {
		padding-bottom:50px !important;
	}
	
	.trenner .headernebentext {
	    text-align: left;
	    padding-left:20px
	}
	
	.trenner .headerueberschrift {
	    margin-top: 0px;
	}
	
	.leistungsfelder {
	    width: 100%;
	    float: left;
	    margin-left: 15px;
	    margin-right: 15px;
	    position: relative;
	    height: 125px;
	    overflow: hidden;
	    margin-bottom: 20px;
	}
	
	.leistungsfelder img {
		display:none;
	}
	
	.teasertext {
	    background-image: none !important;
		background:rgba(255, 255, 255, 0.8);
	    padding-top: 15px;
	    padding-bottom: 10px;
	    text-align: center;
	    margin-top: 0px;
	    width: 100%;
	}
	
	 .normalbild.last{
		display:none;
	}
	
	#article-2 {
	    background: #f6f6f6;
	    padding-top: 50px;
	    padding-bottom: 150px;
	}
	
	.germanymap {
		display:none;
	}
	
	#article-4  {
	
	    padding-bottom: 0px;
	}
	
	.footeradress {
	    padding-left: 50px;
	    padding-top:50px !important;
	}
	
	.ui-accordion-content {
	    background: #f6f6f6;
	    padding: 50px 20px;
	}
	
	#article-25 .headertext {
	    text-align: left !important;
	    float: left;
	}
	
	#article-3 {
	    background:url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Wellnessoasen-min.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    position: relative;
	    min-height: 0px;
	    padding-bottom:0px;
	    width: 100%;
	    margin: 0;
	}
	
	#article-15 .normaltext.transparent {
	    background-color: rgba(0, 0, 0, 0.6);
	    padding-top: 15%;
	    padding-bottom: 50px;
	    padding-right: 50px;
	    padding-left: 50px;
	    text-align: left;
	    height: auto;
	}
	
	#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: 0px;
	}
	
	#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: 60px;
	    padding-bottom: 50px;
	}
	
	.markengalerie li {
	    width: 30%;
	    float: left;
	    margin-bottom: 20px;
	    height: 100px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
	.markengalerie {
	    padding-top: 50px;
	    padding-bottom: 0px;
	    position: relative;
	}
	
	.normaltext h3 {
	    color: #5c9424;
	    font-weight: bold;
	    font-size: 34px;
	    margin-bottom: 50px;
	}
	
	.breaker {
	    padding-top: 100px;
	    padding-bottom: 0px;
	}
	
	#footertop {
	    background-image: url(../img/footerbackground.png);
	    width: 100%;
	    height: 150px;
	    background-size: cover;
	    position: top right;
	    background-repeat: no-repeat;
	    margin-top: -40px;
	    position: relative;
	    z-index: 600;
	}
	
	.footerformular select {
	    margin-left: 15px;
	    width: 89%;
	    padding: 5px;
	    margin-bottom: 5px;
	    border: 0px;
	    border-left: 5px solid #508f20;
	}
	
	
	#indinav ul {
	    list-style-type: none;
	    margin-left: 0px;
	    transform: translateX(-0%);
	    -webkit-transform: translateX(-0%);
	    padding-bottom:50px;
	}
	
	#indinav li {
	    float: left;
	    clear: left;
	    padding-left: 0px;
	    padding-right: 15px;
	}
	
	#article-22 .headerueberschrift {
    	margin-top: 0px;
	}
	
	.reverse .headertext {
	    text-align: left;
	    padding-left: 0px;
	    margin-top: 16px;
	}
	
	.headerueberschrift {
	    margin-top: 10px;
	}
	
	#article-27.reverse{
	    width: 100%;
	    background-image: none !important;
	    background: #fff;
	    height: 137px !important;
	    margin-top: 0px;
	    text-align: left !important;
	    padding-top: 10px;
	    position: relative;
	    z-index: 100;
	    padding-left: 20px;
	}
	
	#article-24 .trenner {
	    width: 100%;
	    background-image: none !important;
	    background: #fff;
	    height: 106px;
	    margin-top: 0px;
	    text-align: left !important;
	    padding-top: 10px;
	    position: relative;
	    z-index: 100;
	    padding-left: 20px;
	}
	
	#article-23.trenner {
	    width: 100%;
	    background-image: none !important;
	    background: #fff;
	    height: 90px;
	    margin-top: 0px;
	    text-align: left !important;
	    padding-top: 10px;
	    position: relative;
	    z-index: 100;
	    padding-left: 20px;
	}
	
	#article-23 .headernebentext {
	    text-align: left;
	    padding-left: 0px;
	    padding-top: 0px;
	}
	
	#article-16 .darkgreen h4 {
	    color: #031f0f;
	    font-weight: bold;
	    padding-left: 0px;
	    padding-bottom: 25px;
	}
	
	.darkgreen ul {
		padding-left:0px;
	}
	
	#article-26.trenner .headerueberschrift {
	    margin-top: 15px;
	}
	
	#article-18 .normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 10%;
	    padding-bottom: 50px;
	    padding-left: 50px;
	    padding-right:50px;
	}
	
	#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-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: 0px;
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	
	#article-3 .col-md-6.normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 15%;
	    padding-bottom: 50px;
	    padding-left: 50px;
	    width: 100% !important;
	}
	
	.contentadress {
	    padding-left: 60px;
	    padding-top:50px;
	}
	
	.kontakt #footertop {
	    background-image: url(../img/footerbackground.png);
	    width: 100%;
	    height: 150px;
	    background-size: 100%;
	    position: top right;
	    background-repeat: no-repeat;
	    margin-top: 50px;
	    position: relative;
	    z-index: 600;
	}
	
	#megafooter {
	    background: #031f0f;
	    padding-top: 51px;
	    margin-top: -40px;
	    z-index: 700;
	}
	
	.kontakt #megafooter {
	    background: #031f0f;
	    padding-top: 51px;
	    margin-top: -70px;
	    z-index: 700;
	}
	
	#article-2 {
	    background: #f6f6f6;
	    padding-top: 50px;
	    padding-bottom: 150px;
	    padding-left: 15px;
	}
	
	#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: 80px;
	    padding-top: 0px;
	    padding-bottom: 50px;
	}
}