* {
    box-sizing: border-box;
}


/*-----------------------------------------------------------------ALLGEMEIN-----------------------------*/


.streifenoben{border:0px dotted magenta;float: left;width:100%;height:40px;  background-image: url('../images/streifen.png'); background-size:auto 40px;background-position:60%}

.streifenunten{border:0px dotted magenta;float: left;width:100%;height:40px;  background-image: url('../images/streifen.png'); background-size:auto 40px;background-position:40%;-webkit-transform: rotate(180deg);
transform: rotate(180deg);}























/*-----------------------------------------------------------------ALLGEMEIN-----------------------------*/
/*-----------------------------------------------------------------HOME-----------------------------*/




.maintopic{	width:980px;	margin:auto;}
.titleText{color:#17649d;font-size:16px;font-weight:bold;}




.posTitle{margin-left: 20px;}

.btn {
-ms-transform: skewX(-45deg); /* IE 9 */
-webkit-transform: skewX(-45deg); /* Safari */
transform: skewX(-45deg);
    transition: 0.8s;
}


.btn-text {
-ms-transform: skewX(+45deg); /* IE 9 */
-webkit-transform: skewX(+45deg); /* Safari */
transform: skewX(+45deg);
padding-top:5px;padding-bottom:5px;
}

.homeBtnLink{color:white;padding-left:20px;padding-right:20px;font-size:16px;letter-spacing:1px;}
.homeBtnLink:hover{color:white;text-decoration:none;}

.titlepic{width:auto; height: 600px;background: url(/../../images/home/slide.jpg);background-size: auto 100%;background-repeat: repeat-x;background-position-x:-198px;}
.linkesBild{
    height: 299px;
	float:left;
    width: 659px;
    z-index: 5;
    overflow: hidden;
    border: 0px solid yellow;
    position: relative;
    margin-left: -203px;
	margin-top: 44px;
}

.rechtesBild{
    height: 299px;
	float:right;
    width: 659px;
    z-index: 5;
    overflow: hidden;
    border: 0px solid yellow;
    position: relative;
    margin-right: -203px;
	margin-top: 44px;
}


#bildAllgemein{background: url(/../../images/dienstleistungen/allgemein.png);background-size: auto 100%;    background-repeat: no-repeat;}
#bildFassade{background: url(/../../images/dienstleistungen/fassadenbau.png);background-size: auto 100%;    background-repeat: no-repeat;}
#bildKunden{background: url(/../../images/dienstleistungen/kundengipser.png);background-size: auto 100%;    background-repeat: no-repeat;}
#bildMaler{background: url(/../../images/dienstleistungen/malerarbeiten.png);background-size: auto 100%;    background-repeat: no-repeat;}
#bildNeuUmbau{background: url(/../../images/dienstleistungen/neubauten.png);background-size: auto 100%;    background-repeat: no-repeat;}
#bildTrocken{background: url(/../../images/dienstleistungen/trockenbau.png);background-size: auto 100%;    background-repeat: no-repeat;}



.mod-list li:after {
    content: '';
    position: absolute;
    top: 0;
    background: #0dafde;
    transform: skewX(-45deg);
    transition: 0.8s;
    opacity: 0;
    z-index: -1;}
.mod-list li:hover:after,.mod-list li:focus:after {left: 0px;opacity: 0.5}

.mod-list li:hover:after {
    width: 105%;
    height: 100%;
    opacity: 1}
    

/*-----------------------------------------------------------------HOME-----------------------------*/
/*-----------------------------------------------------------------FOOT-----------------------------*/

.foot{font-size:15px;float:left;width:100%;line-height: 21px;color: black;}

p.info{	font-size:12px;padding-bottom: 42px;}
#streifen{margin-top:-40px;}


/*-----------------------------------------------------------------FOOT-----------------------------*/
/*-----------------------------------------------------------------DIENSTLEISTUNG//ERSTE SEITE AUFBAU-----------------------------*/



.subtext{color:#17649d;font-style:italic;font-size:17px;}

.text{line-height: 31px;font-size: 17px;}

.spalte {    height: auto;    border-radius: 15px;    text-align:left;   -webkit-transition-duration: 0.5s; /* Safari */    transition-duration: 0.5s;  	border: 0px solid blue;	padding:15px;}
.reihe{width:100%;border:0px solid red;height:auto;}
.reihe:after { content: ""; display: table;clear: both;}




/*-----------------------------------------------------------------DIENSTLEISTUNG//ERSTE SEITE AUFBAU-----------------------------*/
/*-----------------------------------------------------------------RESPONSIVE-----------------------------*/


@media screen and (max-width: 1100px) {
.rechtesBild{margin-right: 0px;}
.linkesBild{margin-left: -25px;}
.maintopic {width: 100%;padding: 5px;}
}


@media screen and (max-width: 1000px) {
.nav_up{bottom: 100px;}
.mod-list li:after {}
.mod-list li:hover:after,.mod-list li:focus:after {}
.mod-list li:hover:after {    width: 0;height: 1%;opacity: } 

}


@media screen and (max-width: 800px) {
.spalte {float: left; width: 100%;padding:2px;}
.rechtesBild {width:100%;}
.linkesBild {left: 0px;width: 100%;    margin-left:0px;}
.streifenunten{background-position:45%;}
.streifenoben{background-position:55%;}
.titlepic {background-position-x: -5px;	}
#header-w {margin-top: 13px;}
}


@media screen and (max-width: 700px) {
	
#bildAllgemein {background-position: 38%;}	
#bildFassade{background-position: 38%;}
#bildKunden{background-position: 38%;}
#bildMaler{background-position: 38%;}
#bildNeuUmbau{background-position: 38%;}
#bildTrocken{background-position: 38%;}
	
	
}


@media screen and (max-width: 600px) {
	
	
}



@media screen and (max-width: 500px) {
#bildAllgemein {background-position:-90px;}	
.titlepic {height:460px;}	
h1{line-height: 28px;padding-top: 0px;}	
.btnObenTitle {margin-top:260px;}
}



@media screen and (max-width: 450px) {.btnObenTitle {margin-top:230px;}}

@media screen and (max-width: 400px) {
	
.streifenunten{background-position:48%;}
.streifenoben{background-position:52%;}

	
}

@media screen and (max-width: 300px) {
	
	
	
}






/*-----------------------------------------------------------------RESPONSIVE-----------------------------*/




/*-----------------------------------------------------------------KONTAKT-----------------------------*/
.haftung{font-size: 17px;padding: 15px;color:#555;}
.kontakttext{font-size: 17px;padding: 15px;line-height: 28px;}
/*-----------------------------------------------------------------KONTAKT-----------------------------*/