@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */


/* GELB */
@media screen and (max-width: 1330px){
/*	
 	#navigation {
		background-color: #FF0;
	}  */


}


/* grün */
@media screen and (max-width: 1210px){
	
/* 	#navigation {
	background-color: #0F3;
	} */
	
	.i_kontakt {
    width: 96%;
	} 

	.kontakt_1 {
    font-size: 19px;
	}
	
	.kontakt_2 {
    font-size: 18px;
    width: 27%;
	}
	
	.icons_text_2 {
    width: auto;
	padding-right: 10px;
	}
	
	.title_lines_down {
    width: 98%;
	overflow: hidden;
	}
	
	#contact-form_2 {
    width: 89%;
	}
	

}



/* !!! Laptop ZAUBER !!!  */
@media screen and (max-width: 1024px){

/*	#navigation {
	background-color: #F69;
	} */

	
	.kontakt_1 {
    font-size: 18px;
	}
	
	.kontakt_2 {
    font-size: 17px;
	}
	
	.cont_form {
    width: 98%;
	}


}



/* lila - menu down */
@media screen and (max-width: 980px){
	
/* 	#navigation {
	background-color: #C09;
	} */
	
	.kontakt_1 {
    float: none;
    width: 45%;
	margin: 0 auto;
	}
	
	.kontakt_2 {
    float: none;
    width: 45%;
	margin: 0 auto;
	position: relative;
	}
	
	.kontakt_grey {
    height: auto;
	}
	
	.icons_text_2 {
	margin-left: 15px;
    position: absolute;
    top: 20px;
	}
	
	.cont_form {
    margin: 35px auto;
	}
	
	#contact-form_2 {
    width: 86%;
	}
	
	.title_lines_down {
    width: 95%;
	}
	
	
		
}


/* rosa */
@media screen and (max-width: 790px){
	
 /*	#navigation {
	background-color: #FCF;
	} */
	
	.kontakt_1 {
    width: 51%;
	}	
	
	.kontakt_2 {
    width: 51%;
	}
	
	.right_con_block {
    width: 58%;
	}
	
}


/* BLAU  */
@media screen and (max-width: 670px){

 /* #navigation {
	background-color: #36F;
	} */
	
	.left_con_block {
    float: none;
    width: 92%;
	}

	.right_con_block {
    float: none;
    width: 92%;
	}
	
	#contact-form_2 {
    padding: 15px;
    width: 75%;
	}
	
	#contact-form_2 textarea {
    max-width: 100%;
	}
	
	.kontakt_send {
    width: 100%;
	}
	
	.kontakt_1 {
    width: 71%;
	height: 60px;
	}
	
	.kontakt_2 {
    width: 71%;
	}
	
}


/* DUNKEL Grau  */
@media screen and (max-width: 495px){
	
 /* #navigation {
	background-color: #666;
	} */
	
	.kontakt_1 {
    width: 92%;
	}
	
	.kontakt_2 {
    width: 92%;
	}
	
}


/* DUNKEL BLAU  */
@media screen and (max-width: 390px){
	
/*	#navigation {
	background-color: #009;
	}   */
	
	.kontakt_1 {
    width: 100%;
	padding: 12px;
	font-size: 17px;
	}
	
	.kontakt_2 {
    width: 100%;
	font-size: 17px;
	}
	
	.icons_text_2 {
    margin-left: 5px;
	}
	
	.title_lines {
    overflow: hidden;
	}
	
	.title_kontakt_down {
    font-size: 26px;
	}
	
}



/* Smartphone - hummer */

@media screen and (max-width:320px){
	
 /*	#navigation {
	background-color: #F66;
	}  */

	.kontakt_1 {
    font-size: 16px;
    padding: 6px;
	}
	
	.kontakt_2 {
    font-size: 16px;
	}
	
	
	
}