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


.buchung_left {
    font-size: 20px;
}






/* GELB */
@media screen and (max-width: 1330px){

	.buchung_left {
		font-size: 18px;
	}
	
	.zauber_buchen_box2 {
    	width: 170px;
	}
	
	#buchen_zimmertyp {
   		padding: 5px 4px;
	}
	
}




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

	.zauber_buchen_box3 {
		width: 135px;
	}
	
	.buchung_left {
       padding: 13px 0 0 8px;
	}
		
	#buchen_anreise_datum, #buchen_abreise_datum {
		font-size: 75%;
	}

}

/* DUNKEL Grau  */
@media screen and (max-width: 495px){

	.zimmer_info_left {
		width: 50%;
	}
	
	.zimmer_info_middle {
		width: 42%;
	}
	
	.zauber_buchen_box2 {
		width: 140px;
	}
	
	.zauber_buchen_box3 {
		width: 288px;
	}
	
	.buchung_left {
 	   font-size: 15px;
	}
	
	#buchen_anreise_datum, #buchen_abreise_datum {
		font-size: 85%;
	}
	

}


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

	.zauber_buchen_box3 {
		margin: 0 2px 0 4px;
		width: 281px;
	}
	
	.zauber_buchen_box4 {
		margin-left: 4px !important;
		margin-top: 9px;
		width: 281px;
	}
	
	.zimmer_info_left {
		width: 47%;
	}
	
	.zimmer_info_middle {
		width: 45%;
	}
		
	#buchen_anreise_datum, #buchen_abreise_datum {
		font-size: 88%;
	}
	

}




/* Smartphone - hummer */

@media screen and (max-width:320px){
	
.zauber_buchen_box2 {
    margin: 8px 2px 8px 4px;
    width: 135px;
}

.zauber_buchen_box3 {
    width: 276px;
}

.buchung_left {
    font-size: 14px;
}

.zauber_buchen_box4 {
	width: 276px;
}

.zimmer_info_left {
    font-size: 17px;
    width: 46%;
}

.zimmer_info_middle {
    font-size: 17px;
    width: 46%;
}

}