@media screen and (max-width:623px) {
	
	#article-28 .headertext h2 {
	    font-size: 34px;
	}
	
	#article-28 .headertext p {
	    color: #5d9424;
	    margin-right: 0px;
	}
	
	.footeradress {
		padding-top:50px !important;
	}
	
}
@media screen and (max-width:567px) {
	
	#article-28 .headertext h2 {
	    font-size: 28px;
	}
	
	.breaker {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	.breaker.foerder {
	    padding-top: 50px;
	    padding-bottom: 0px;
	}
	
	.headernebentext h2 {
	    font-size: 30px;
	}
	
	#article-28 .headertext p {
	    color: #5d9424;
	    margin-right: 0px;
	}
	
	#article-20 .referenzslider {
	    width: 300px !important;
	    margin:auto;
	}

	#article-20 .referenzslider img{
	    width: 415px !important;
	    height:auto !important;
	}
	
	.rsts-caption {
		display:none;
	}
	
	.headertext h2 {
	    font-size: 30px;
	}
	
	#startalternativ .headertext {
	    text-align: left !important;
	    float: right;
	    position: absolute;
	    left: 20px;
	    top: 30px;
	}
	
	#article-12 {
	    background-image: none;
	    background-color: #f6f6f6;
	    background-size: 30%;
	    background-position: right top;
	    background-repeat: no-repeat;
	    padding-top: 150px;
	    padding-bottom: 150px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	.footerformular select {
	    margin-left: 15px;
	    width: 91.2%;
	    padding: 5px;
	    margin-bottom: 5px;
	    border: 0px;
	    border-left: 5px solid #508f20;
	}
}

@media screen and (max-width:461px) {
	
	.ui-accordion-content li {
	    font-size: 14px;
	    margin-bottom: 5px;
	}
	
	.toggler {
	    background: #5c9424;
	    color: #fff;
	    font-weight: bold;
	    font-size: 18px;
	    padding-left: 20px;
	    outline: none;
	    cursor: pointer;
	    clear: left;
	}
	
	.normaltext h3 {
	    color: #5c9424;
	    font-weight: bold;
	    font-size: 26px;
	    margin-bottom: 50px;
	}
	
	#article-28 .headertext h2 {
	    font-size: 24px;
	}
	
	#article-28 .headertext p {
	    color: #5d9424;
	    margin-right: 0px;
	    font-size: 14px;
	}
	
	.markengalerie li {
	    width: 30%;
	    float: left;
	    height: 100px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
}
@media screen and (max-width:420px) {
	
	#article-32.trenner .headerueberschrift {
	    margin-top: 18px;
	}
	
	#article-2 {
	    background: #f6f6f6;
	    padding-top: 50px;
	    padding-bottom: 100px;
	    padding-left: 15px;
	    padding-right: 30px;
	}
	
	.headertext h2 {
	    font-size: 26px;
	}
	
	.kontakt #megafooter {
	    background: #031f0f;
	    padding-top: 51px;
	    margin-top: -106px;
	    z-index: 700;
	}
	
	.markengalerie li {
	    width: 30%;
	    float: left;
	    height: 100px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
	.trenner, .reverse {
	    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;
	}
	
	#startseiteslider, #startalternativ {
	    width: 100%;
	    overflow: hidden;
	    height: 400px;
	    position: relative;
	}
	
	.headslide {
		height:400px;
	}
	
	.rsts-slide img {
	    width: 100%;
	    height: 400px !important;
	}
	
	#article-33 .headertext p {
	    color: #5d9424;
	    margin-right: 0px;
	}
	
	#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: 0px;
	    padding-top: 150px;
	    padding-bottom: 0px;
	}
	
	#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: 0px;
	    padding-top: 0px;
	    padding-bottom: 50px;
	}
	
	#article-12 {
	    background-image: none;
	    background-color: #f6f6f6;
	    background-size: 30%;
	    background-position: right top;
	    background-repeat: no-repeat;
	    padding-top: 100px;
	    padding-bottom: 50px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	.leistungsfelder {
	    width: 100%;
	    float: left;
	    clear: left;
	    margin-left: 0px;
	    margin-right: 15px;
	    position: relative;
	    height: 90px;
	    overflow: hidden;
	    margin-bottom: 0px;
	}
	
	.leistungsheadline {
	    padding-bottom: 10px;
	}
	
	#article-13 {
	    width: 100%;
	    padding-top: 50px;
	    padding-bottom: 150px;
	    background-image: url(../img/Sanitaer_headerbilder/Leistungen/Leistungen_Heizungsanlagen2-min.jpg);
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 0;
	}
	
	.footerheadline h2 {
	    color: #fff;
	    font-size: 34px;
	    margin-bottom: 50px;
	    padding-left: 25px;
	}
	
	.formbody .col-md-12 {
		padding-left:0px;
		padding-right:0px
	}
	
	.footerformular select {
	    margin-left: 0px;
	    width: 100%;
	    padding: 5px;
	    margin-bottom: 5px;
	    border: 0px;
	    border-left: 5px solid #508f20;
	}
	
	.footerformular .submit {
	    width: 100%;
	    margin-left: 50%;
	    transform: translateX(-50%);
	    background: #508f20;
	    border: 0px;
	    color: #fff;
	    padding: 5px;
	}
	
	#article-2 .normaltext {
	    padding-top: 0px;
	    padding-right: 0px;
	}
	
	#article-2 {
	    background: #f6f6f6;
	    padding-top: 50px;
	    padding-bottom: 100px;
	    padding-left: 15px;
	    padding-right: 20px;
	}
	
	#article-2 h4 {
	    padding-left: 20px;
	    font-size: 40px;
	    font-weight: black;
	    padding-bottom: 25px;
	}
	
	.list ul {
		padding-left:20px;
	}
	
	#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-3 .col-md-6.normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 15%;
	    padding-bottom: 50px;
	    padding-left: 15px;
	    width: 100% !important;
	}
	
	#article-15 .normaltext.transparent {
	    background-color: rgba(0, 0, 0, 0.6);
	    padding-top: 15%;
	    padding-bottom: 50px;
	    padding-right: 15px;
	    padding-left: 15px;
	    text-align: left;
	    height: auto;
	}
	
	#article-23.trenner {
	    width: 100%;
	    background-image: none !important;
	    background: #fff;
	    height: 90px;
	    margin-top: 0px;
	    text-align: left !important;
	    padding-top: 25px;
	    position: relative;
	    z-index: 100;
	    padding-left: 20px;
	}
	
	#article-23 .headernebentext h2 {
	    font-size: 26px;
	}
	
	#article-16, #article-17 {
		padding-left:15px;
		padding-right:15px;
	}
	
	#article-18 .normaltext.transparent {
	    background-color: rgba(255, 255, 255, 0.6);
	    padding-top: 10%;
	    padding-bottom: 50px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	#article-28 .headertext p {
	    color: #5d9424;
	    margin-right: 0px;
	}
	
	#article-28.trenner {
	    padding-right: 50px;
	    height:140px;
	}
	
	#article-4 .transparent.whitetext {
	    background: rgba(0, 0, 0, 0.6);
	    padding-left: 20px;
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.ui-accordion-content ul {
	    list-style-type: none;
	    padding: 0px;
	}
	.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: 70px;
	    padding-top: 25px;
	}
	#article-20 {
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-bottom:70px;
	}
	
	#article-30 .headertext {
	    text-align: left !important;
	    float: left;
	    padding-top: 15px;
	}
	
	 #article-5 .select {
		width:100%;
		margin-left:0px;
	}
	
	#article-5 .submit {
		width:100%;
		
	}
	
	.contentadress {
	    padding-left: 45px;
	    padding-top: 50px;
	}
	
	#article-8 h2{
		font-size: 22px;
    	padding-bottom: 20px;
	}
}

@media screen and (max-width:350px) {
	
	.leistungsheadline h2 {
	    font-size: 36px;
	}
	
	.list li {
	    background-image: url(../img/pfeil_in_gruen.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: 18px;
	    font-size: 16px;
	    padding-left: 25px;
	    margin-bottom: 10px;
	}
	
	.list ul {
	    padding-left: 5px;
	}
	
	#article-2 h4 {
	    padding-left: 0px;
	    font-size: 40px;
	    font-weight: black;
	    padding-bottom: 25px;
	}
	
	.refacc.accone .toggler {
	    background-image: url(../img/accordeon_kurve.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: left top;
	    font-size: 20px;
	    background-color: #fff;
	    height: 70px;
	    padding-top: 25px;
	}
	
	.toggler {
	    font-size: 20px;
	 }
	
	#article-30 {
	    height:90px !important;
	}
	
	#mobilheader {
		height:130px;
		background-image:url(../img/mobilkurve.png);
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:cover;
	}
}

@media screen and (max-width:320px) {
	
	.normaltext h3 {
	    color: #5c9424;
	    font-weight: bold;
	    font-size: 22px;
	    margin-bottom: 50px;
	}
	
	.markengalerie li {
	    width: 30%;
	    float: left;
	    height: 100px;
	    margin-left: 27px;
	    margin-right: 5px;
	}
	
}