@charset "UTF-8";
@media screen and (min-width:1250px) {
#menu{ display:block !important}
}
@media screen and (max-width:1200px) {

#logo, #logo_mobile{ padding-bottom:10px;}

#logo_mobile{
	display:block;
	float:none;
	width:100%;
	background: rgba(0,39,49,1.00);
	border-left: none;
	height:30px;
	border-bottom: rgba(0,39,49,1.00) thin solid;
	text-align:center;
	margin-left:0px;
	padding: 16px 0px 0px 2%
	}
#menu{display:none}

#menubar {
	top:0px;
	text-align:center;
	width:100%;
	height:20px;
	position:fixed;
	z-index:9998;
	}
.links{
	float:none;
	width:100%;
	background: rgba(0,39,49,1.00);
	border-left: none;
	height:30px;
	padding-top:16px;
	border-bottom: rgba(154,154,154,1.00) thin solid;
	text-align:center;
	margin-left:0px;
	}
	
#menubutton {
	display:block;
	height:50px;
	width:50px;
	left:10px;
	position:fixed;
	z-index:9999;
	}

#sprachen{
	float: none;
	margin: 0px;
	height:30px;
	padding: 10px;
	}
	
#mobil_zentriert{margin-left: 48%;}

.flaggen{
	float: left;
	width: 40px;
	height: 25px;
	}
	
.flagge_eng{
	background-image:url(../flaggen/grossbritannien.jpg);

}
.flagge_franz{
	margin-left: 20px;
	background-image:url(../flaggen/frankreich.jpg);
	}
	
	
#container1{
		background: url(../images/container1_mobile.png);
		height: 500px;
		background-position:70%;
   		background-repeat: no-repeat;
		background-size:auto;
		-webkit-background-size:cover; 
		-moz-background-size:cover; 
		-o-background-size:auto; 
	}
	#container1_bild{display: none}
	
#container2{
	background:url(../images/container2_mobile.png);
	height:500px;
	background-position: left;
   	background-repeat: no-repeat;
	-webkit-background-size: cover; 
	-moz-background-size:cover; 
	-o-background-size:cover; 
	background-size: cover;
}
	#container2_bild{ display:none}
	#shadow_box2{display: none}
	
#container3{
		background: url(../images/container3_mobile.png);
		height: 500px;
		background-position:right;
   		background-repeat: no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size:cover; 
		-o-background-size:cover; 
		background-size:cover;
}
	#container3_bild{display: none}
	
#container4{
	background:url(../images/container4_mobile.png);
	height:500px;
	width: auto;
	background-position: 100%;
   	background-repeat: no-repeat;
	-webkit-background-size: cover; 
	-moz-background-size:cover; 
	-o-background-size:cover; 
	background-size: cover;
	}
	#container4_bild{display: none}
	#shadow_box4{display: none}
.container{width: 100%;}

.box_rechts{
	right:10%;
	background-color:rgba(255,255,255,0.80);
	padding:10px;
	}
.box_links{
	left:10%;
	background-color:rgba(255,255,255,0.80);
	padding:10px;
	}
	
	
.untermenue{
	max-width:90%;
	width: auto;
	height: auto;
	margin-top: 70px;
	text-align:center;
}
.um_punkt{
	width: 100% !important;
	max-width: 100%;
	height: auto;
	float:none !important;
	margin-bottom: 20px;
}

.um_punkt:hover{border: none;}
	
h7{	float:none !important;}

.tabellen_groß{ display:none;}
	
#formular{
	margin-bottom: 0px;
}
	.breadcrumb{display: none}
	
	h1{margin-right: -10px;}
	
.footer_rechts{
	padding:50px 30px 0px 0px;
}
.footer_links{
	padding:70px 0px 0px 30px;
}

}

@media screen and (max-width:1200px) {
.textboxen{max-width:80%; float:none; margin:0 auto;}
.franz_kleiner{width:80%;}
.tabellen_groß{max-width:80%; float:none; margin:0 auto;}
.tabelle{max-width:80%; margin:0 auto;}
.oben{width:80%;}
#hide{display: none; max-width: auto !important;}
	#show{display: block}
}

@media screen and (max-width:1517px) {
.inhalt_container{max-width:100%;}
.inhalt_links{ float:none; margin:0 auto;}
.inhalt_rechts{ float:none; margin:0 auto; margin-top:20px;}
}


@media screen and (max-width:550px) {
p{	font-size:14px;}
th{	font-size:10px;}
.tabelle_YARNGUIDING{width:100%}
.textboxen{max-width:100%; padding:20px;}
.franz_kleiner{width:100%;}
.inhalt_container{max-width:100%; padding:0px 20px;}
.header_bild{max-width:100%;}
.tabelle{max-width:100%; padding: 0px!important}
.oben{width:100%;}
.order_button_right{ float:none; margin:10px 0px 10px 25% ; }
h5{float:none;}

}
@media screen and (max-width:750px) {
#formular_content{display:none;}
#formular_content_oben{display:none;}
#info{display:block;}
.order_button_right{ float:none; margin:10px 0px 10px 25% ; }
#mobil_zentriert{margin-left: 45%;}

}