@charset "UTF-8";

/* steffens-mediadesign.de 2015 ///// G.E.D. Stuttgart */

#cookie-hint {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: 100px;*/
    z-index: 2000;
    background: rgba(255,255,255,0.8);
    border-bottom: 1px solid #828282;
}

.inner-cookie {
    padding: 20px 20px;
    text-align: center;
}

.inner-cookie p {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.inner-cookie a {
    background: #333;
    color: #fff;
    border-radius: 3px;
    padding: 5px 15px;
    margin: 0 10px;
    cursor: pointer;
}


body { 	font-family:Arial, Helvetica, sans-serif;
		line-height:150%;
		color:#333;
		margin:0;
		}

.bg-start { background:url(../img/bg-bildbalken-start.jpg) no-repeat top center;
	        background-color:#FF6600;
			 }


.bg-gleisschotter { background:url(../img/bg-bildbalken-gleisschotter.jpg) no-repeat top center /*fixed*/;
	                background-color:#FF6600;
			      }


.bg-entsorgung { background:url(../img/bg-bildbalken-entsorgung.jpg) no-repeat top center /*fixed*/;
	             background-color:#FF6600;
			        }


.bg-logistik { background:url(../img/bg-bildbalken-logistik.jpg) no-repeat top center /*fixed*/;
	           background-color:#FF6600;
			        }

.bg-service { background:url(../img/bg-bildbalken-service.jpg) no-repeat top center /*fixed*/;
	           background-color:#FF6600;
			        }

.bg-kontakt { background:url(../img/bg-bildbalken-kontakt.jpg) no-repeat top center /*fixed*/;
	           background-color:#FF6600;
			        }


a { color:#333;
	text-decoration:none;
	font-weight:bold;
	transition: color 0.5s;
	}

a:hover { color:#FF6600; }

a.aktiv { color:#990000; }


img { border:none }

.mobil { display:none; }



.back-to-top {
 background-image:url(../img/nach_oben.gif);
 background-repeat:no-repeat;
 width:50px;
 height:50px;
 position: fixed;
 bottom:50px;
 right:20px;
 opacity:0.5;
 transition: opacity 0.5s;
}


.back-to-top:hover { opacity:1; }



#mobilnavbox { display:none; }



.klar { clear:both; }




/* Bildbalken border:solid 1px #333; background-image:url(../img/weiss.png);*/
#titelbalken { width:100%;
			   }


.weiss50 { background: rgba(255,255,255,0.5); }
.weiss70 { background: rgba(255,255,255,0.7); }



#kopf { max-width:1000px;
		height: 50px;
		margin-right:auto;
		margin-left:auto;
		font-family: 'Biryani', sans-serif;
		letter-spacing:0.2em;
		}

#logo { position:relative;
		width:267px;
		height:49px;
		top:10px;
		float:left;
		}


#logo-gleisschotter { position:relative;
				      width:211px;
		              height:47px;
		              top:10px;
		              float:left;
					  background-image:url(../img/GED_Logo-gleisschotter.gif);
					  background-repeat:no-repeat;
					  background-size:contain;
		           }


#logo-entsorgung { position:relative;
				   width:211px;
				   height:47px;
				   top:10px;
				   float:left;
				   background-image:url(../img/GED_Logo-entsorgung.gif);
				   background-repeat:no-repeat;
				   background-size:contain;
		           }


#logo-logistik { position:relative;
				 width:211px;
		         height:47px;
				 top:10px;
				 float:left;
				 background-image:url(../img/GED_Logo-logistik.gif);
				 background-repeat:no-repeat;
				 background-size:contain;
		           }

#logo-service {  position:relative;
				 width:211px;
		         height:47px;
				 top:10px;
				 float:left;
				 background-image:url(../img/GED_Logo-service.gif);
				 background-repeat:no-repeat;
				 background-size:contain;
		           }

#logo-kontakt {  position:relative;
				 width:211px;
		         height:47px;
				 top:10px;
				 float:left;
				 background-image:url(../img/GED_Logo-kontakt.gif);
				 background-repeat:no-repeat;
				 background-size:contain;
		           }





#kopf ul { margin:25px 0 0 0;
		   padding:0;
		   list-style:none;
		   float:right;
		   padding-right: 2em;
		   }


#kopf ul li { display:inline;
			  /* border-right:2px solid #333;*/
			  padding:0px 10px;
			   }










/***** Claim *****/
#claim { max-width:1000px;
		 height:526px;
		 margin-right:auto;
		 margin-left:auto;
		 /*background:rgba(50,50,50,0.5);*/
		 text-align:center;
		 font-family: 'Biryani', sans-serif;
		 letter-spacing:0.1em;
		 font-weight:bold;
		 color:#fff;
		 text-shadow:0px 0px 10px #333;
		 }


.titel-start { font-size:45px;
		 	   padding-top:260px;
		       line-height:150%;
			   /*background: rgba(234,100,102,1);*/
				 }




.gross { font-size:65px;
		 padding-top:260px;
		 line-height:150%;
		 }

.mittel { font-size:45px;
		  padding-top:260px;
		  line-height:150%;
				 }



#claim img { margin:50px 0;}

#hnav { max-width:1000px;
		margin-left:auto;
		margin-right:auto;
		margin-top:-27px;
		text-align:center;
		}

#hnav ul { margin:0;
		   padding:0;
		  }

#hnav ul li { width:170px;
			  list-style: none;
			  display: inline-block;
			  padding: 10px 20px;
		 	  font-family: 'Biryani', sans-serif;
			  letter-spacing:0.1em;
			  background-color:#fff;
			  opacity:0.75;
			  transition: opacity 0.5s;
			}

#hnav ul li:hover { opacity:1; }

#hnav ul li.mitte { margin: 0 5em; }


#hnav ul li.aktiv { opacity:1;
					color:#990000;
					font-weight:bold;
					}



/*****   Inhalt ****/


#inhalt { max-width: 1000px;
		  margin-right: auto;
		  margin-left: auto;
		  margin-top:5em;
		  color:#fff;
		  font-size:1.2em;
		  }

#inhalt p { max-width:800px;
			margin-right: auto;
		    margin-left: auto;
           }

/**/
#inhalt ul { width:800px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:-10px;
			 padding-left:30px;
			 color:#fff;
			}


.fliesstext { line-height:150%;
			  }

#inhalt a { color:#fff;
			font-weight:normal;
			 }

#inhalt a:hover { color:#990000; }






/******* SERVICE ******/
#orangebox { max-width: 100%;
		     margin-right: auto;
		     margin-left: auto;
		     margin-top: 8em;
			 margin-bottom:55px;
		     padding: 2em 0;
		     background-color: #f9b07c;
			 text-align:center;
		   }

#orangebox ul { width:800px;
				height:182px;
				margin-left: auto;
				margin-right: auto;
				margin-top:-135px;
		        padding:0 0 20px 0;
				/*background-color:#093;*/
		       }

#orangebox ul li { width:182px;
				   height:182px;
				   padding-top: 80px;
			       list-style: none;
			       display: inline-block;

				   font-family: 'Biryani', sans-serif;
				   text-align:center;
				   letter-spacing:0.1em;
				   font-size:1.1em;

				   background-image:url(../img/button-service.gif);
				   background-repeat:no-repeat;
				   opacity:0.75;
				   transition: opacity 0.5s;
			}

#orangebox ul li:hover { opacity:1; }

#orangebox ul li.mitte { margin: 0 5em; }

#orangebox ul a { opacity:1;
				  color:#111;
				  font-weight:bold;
					}

#orangebox p { text-align:left;
			   color:#333;
			   }



.pdf { vertical-align:super; }

.service-hoch { vertical-align:super;
		        margin-left:10px;
		      	font-size:0.91em;
				}

.service-absatz { margin-bottom:-14px; }




/******* KONTAKT ******/


#claim-kontakt { margin-top:0;
				 margin-left:auto;
			     margin-right:auto;
		         height:526px;
				 width:100%;
				 text-align:center;
				 font-family: 'Biryani', sans-serif;
				 letter-spacing:0.1em;
				 font-weight:bold;
				 color:#fff;
				 text-shadow:0px 0px 10px #333;
				 /*background: rgba(234,100,102,0.2);*/
				 }


.titel-kontakt {   padding-top:140px;
				   font-size:65px;
				   /*background: rgba(234,100,102,1);*/
				 }




#kontaktleiste { margin-top:70px;
				 max-width:777px;
				 max-width:688px;
				 height:111px;
				 background: rgba(234,100,12,0);
				 transition: background 0.5s;
				 margin-left:auto;
			     margin-right:auto;
				 }

#kontaktleiste:hover { background: rgba(234,100,12,1);
					    }/**/

#kontaktleiste .tn { float:left;
			   	     margin:1px 1px 1px 1px;
			       }











#kontaktbox { max-width: 100%;
		      margin-right: auto;
		      margin-left: auto;
		      margin-top: 5em;
		      margin-bottom:55px;
		      padding: 2em 0;
		      background-color: rgb(102,102,102);
			  font-size:0.8em;
		     }

#kontaktbox a { color:#333; }

#kontaktbox .strich { width:800px; }




/* Karte G.E.D. */





#karte-ged { width:800px;
			 height:300px;
			 background-image:url(../img/ged-kontakt.jpg);
			 background-repeat:none;
			 margin-left:100px;
				 }
         
 @media (min-width: 815px) {
   .wv-karte {
       margin-left: auto !important;
       margin-right: auto !important;
   }

 }

#karte-ged .unterleger { position:relative;
						 width:430px;
				 		 background: rgba(255,255,255,0.7);
						 color:#333;
						 padding:5px;
						 left:310px;
						 top:40px;
				 			}


.hoch { vertical-align: super;
		margin-left:10px;
		 }

.unterleger p { margin-bottom:-14px; }




#karte-schlipf { width:800px;
				 height:300px;
				 background-image:url(../img/schlipf.jpg);
				 background-repeat:none;
				 margin-left:100px;
				 }



#karte-schlipf .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:440px;
							 top:20px;
				 			}

#karte-braun { width:800px;
			   height:300px;
			   background-image:url(../img/braun.jpg);
			   background-repeat:none;
			   margin-left:100px;
				 }



#karte-braun .unterleger { position:relative;
						   width:310px;
				 		   background: rgba(255,255,255,0.7);
						   color:#333;
						   padding:5px;
						   left:50px;
						   top:20px;
				 			}



#karte-rosenberger { width:800px;
			         height:300px;
			         background-image:url(../img/rosenberger.jpg);
			         background-repeat:none;
			         margin-left:100px;
				   }

#karte-rosenberger .unterleger { position:relative;
							     width:310px;
				 			     background: rgba(255,255,255,0.7);
							     color:#333;
							     padding:5px;
							     left:50px;
							     top:20px;
				 			    }



#karte-fischer { width:800px;
			     height:300px;
			     background-image:url(../img/fischer.jpg);
			     background-repeat:none;
			     margin-left:100px;
				 }

#karte-fischer .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:450px;
							 top:20px;
				 			 }



#karte-fremd { width:800px;
			   height:300px;
			   background-image:url(../img/fremd.jpg);
			   background-repeat:none;
			   margin-left:100px;
				 }

#karte-fremd .unterleger { position:relative;
						   width:300px;
				 		   background: rgba(255,255,255,0.7);
						   color:#333;
						   padding:5px;
						   left:50px;
						   top:20px;
				 			 }


#karte-untersaenger { width:800px;
			     height:300px;
			     background-image:url(../img/untersaenger.jpg);
			     background-repeat:none;
			     margin-left:100px;
				 }

#karte-untersaenger .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:50px;
							 top:20px;
				 			 }


#karte-schulze { width:800px;
			     height:300px;
			     background-image:url(../img/schulze.jpg);
			     background-repeat:none;
			     margin-left:100px;
				 }

#karte-schulze .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:50px;
							     top:20px;
				 			 }




#karte-chortikoglou { width:800px;
			          height:300px;
			          background-image:url(../img/chortikoglou.jpg);
			          background-repeat:none;
			          margin-left:100px;
				   }

#karte-chortikoglou .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:50px;
							     top:20px;
				 			 }


#karte-kofler { width:800px;
			          height:300px;
			          background-image:url(../img/kofler.jpg);
			          background-repeat:none;
			          margin-left:100px;
				   }

#karte-kofler .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:50px;
							 top:20px;
				 			 }


#karte-giuffrida { width:800px;
			          height:300px;
			          background-image:url(../img/giuffrida.jpg);
			          background-repeat:none;
			          margin-left:100px;
				   }

#karte-giuffrida .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:450px;
							 top:20px;
				 			 }



#karte-donoval { width:800px;
			     height:300px;
			     background-image:url(../img/donoval.jpg);
			     background-repeat:none;
			     margin-left:100px;
				 }

#karte-donoval .unterleger { position:relative;
							 width:300px;
				 			 background: rgba(255,255,255,0.7);
							 color:#333;
							 padding:5px;
							 left:50px;
							     top:20px;
				 			 }




#graubox { max-width: 100%;
		   margin-right: auto;
		   margin-left: auto;
		   margin-top: 5em;
		   margin-bottom:55px;
		   padding: 2em 0;
		   background-color: rgb(102,102,102);
		   line-height:150%;
		  }

.strich { border-top:1px solid #fff;
		  }



#graubox img { width:100%;
			   height: auto;
			   }

.ifat { max-width:500px;
		margin-bottom:20px;
		}







/***** Fuss *****/

#fuss { position:fixed;
		bottom:0;
		width: 100%;
		height:50px;
		background:rgba(255,255,255,0.8);
		text-transform:uppercase;
		text-align:center;
		   }

#fuss ul { /*max-width:1000px;*/
		   margin-top:10px;
		   margin-left:auto;
		   margin-right:auto;
		   padding:0;
		  }

#fuss ul li { list-style:none;
			  display:inline;
			  padding: 5px 34px 6px 4px;
			  font-size:1em;
			  /*background:rgba(155,205,205,0.8);float:left;*/
			  }


.drucker { opacity:0.7;
		   transition:opacity 0.5s;
		   background-image:url(../img/drucker.gif);
		   background-repeat:no-repeat;
		   background-size:contain;
		  }

.drucker:hover { opacity:1; }








/************************************************** tablet ***************************************************/
@media screen and (max-height: 700px) {

	.back-to-top { display:none; }

	.bg-start { background:url(../img/bg-bildbalken-start_300.jpg) no-repeat top center;
		        background-color:#FF6600;
				 }


	.bg-gleisschotter { background:url(../img/bg-bildbalken-gleisschotter_300.jpg) no-repeat top center;
		                background-color:#FF6600;
				       }

	#logo-gleisschotter { position:relative;
						  width:211px;
						  height:35px;
						  top:7px;
					    }


	.bg-entsorgung { background:url(../img/bg-bildbalken-entsorgung_300.jpg) no-repeat top center;
		             background-color:#FF6600;
				       }

	#logo-entsorgung { position:relative;
					   width:211px;
					   height:35px;
					   top:7px;
					    }


	.bg-logistik { background:url(../img/bg-bildbalken-logistik_300.jpg) no-repeat top center;
		             background-color:#FF6600;
				       }

	#logo-logistik { position:relative;
					   width:211px;
					   height:35px;
					   top:7px;
					    }


	.bg-service { background:url(../img/bg-bildbalken-service_300.jpg) no-repeat top center;
		             background-color:#FF6600;
				       }

	#logo-service { position:relative;
					width:211px;
					height:35px;
					top:7px;
					    }


	.bg-kontakt { background:url(../img/bg-bildbalken-kontakt_300.jpg) no-repeat top center;
		             background-color:#FF6600;
				       }

	#logo-kontakt { position:relative;
					width:211px;
					height:35px;
					top:7px;
					    }

	#kontaktleiste	{ display:none; }


	#claim-kontakt { margin-top:0;
					 margin-left:auto;
					 margin-right:auto;
					 height:250px;
					 width: 100%;
					 text-align:center;
					 font-family: 'Biryani', sans-serif;
					 letter-spacing:0.1em;
					 font-weight:bold;
					 color:#fff;
					 text-shadow:0px 0px 10px #333;
					 /*background: rgba(234,100,102,0.2);*/
					 }


	.titel-kontakt {   padding-top:107px;
					   font-size:40px;
					 }


	.unterleger p { margin-bottom:0; }






	#kopf { max-width:1000px;
		    height: 25px;
		    margin-right:auto;
		    margin-left:auto;
		    font-family: 'Biryani', sans-serif;
		    letter-spacing:0.2em;
		  }

	#kopf ul { margin:15px 0 0 0;
			   padding:0;
			   list-style:none;
			   float:right;
			   padding-right: 2em;
			   }

	/***** Claim *****/
	#claim { max-width:1000px;
			 height:252px;
			 margin-right:auto;
			 margin-left:auto;
			 /*background:rgba(50,50,50,0.5);*/
			 text-align:center;
			 font-family: 'Biryani', sans-serif;
			 letter-spacing:0.1em;
			 font-weight:bold;
			 color:#fff;
			 text-shadow:0px 0px 10px #333;
			 }

	.gross { font-size:40px;
			 padding-top:90px;
			 line-height:150%;
			 }

	.mittel { font-size:30px;
			  padding-top:80px;
			  line-height:150%;
			}

	.titel-start { font-size:30px;
				   padding-top:120px;
				   line-height:150%;
				   /*background: rgba(234,100,102,1);*/
					 }







	#inhalt { max-width: 1000px;
			  margin-right: auto;
			  margin-left: auto;
			  margin-top:2em;
			  color:#fff;
			  font-size:1em;
			  }


	.service-absatz { margin-bottom:0; }





	#graubox { max-width: 100%;
			   margin-right: auto;
			   margin-left: auto;
			   margin-top: 2.5em;
			   margin-bottom:55px;
			   padding: 2em 0;
			   background-color: rgb(102,102,102);
			  }

	#fuss { position:fixed;
			bottom:0;
			width: 100%;
			height:30px;
			background:rgba(255,255,255,0.8);
			text-transform:uppercase;
			   }

	#fuss ul { max-width:1000px;
			   margin-top:3px;
			   margin-left:auto;
			   margin-right:auto;
			   padding:0;
			  }

	#fuss ul li { list-style:none;
				  display:inline;
				  padding: 5px 20px 5px 5px;
				  font-size:0.85em;
				  }




}

.download-anhang{
  padding-left:80px;
}
.download-anhang img{
  width: 25px;
  height: 25px;
}

/****************------------------------smartphone------------------------*****************/


@media (max-width: 900px) {
  .download-anhang{
    padding-left:40px;
  }
}

@media (max-width: 814px) {

	html { -webkit-text-size-adjust: 100%; }

	.back-to-top, .back-to-top:hover { opacity:0; }


	.mobil { display:block; }
	.mobil img { margin-bottom:5px; }




	#hnav, #kopf ul, #kontaktleiste, .desktop, .drucker	{ display:none; }
	.drucker	{ opacity:0 }



	/* mobilnav */

	#mobilnavbox {     display: block;
					   position:fixed;
					   right:-160px;
					   top:0px;
					   width: 200px;
					   height: auto;
					   z-index:200;
					   padding:0;
					   /*opacity:0.9;
					   background: rgba(235,215,225,0.8);*/

					   text-align:left;

					   transition-property:right;
					   transition-duration:0.5s;

					   -webkit-transition-property:right;
					   -webkit-transition-duration:0.5s;

					   -o-transition-property:right;
					   -o-transition-duration:0.5s;

					   -ms-transition-property:right;
					   -ms-transition-duration:0.5s;
					 }




	#mobilnavbox ul { margin-left:40px;
					  margin-top:-5px;
					  padding:0;
					  background: rgba(255,255,255,0.8);
						  }

	#mobilnavbox li { list-style:none;
					  border-top:1px solid #fff;
					  padding:10px;
						  }



	#mobilnav { width: auto;
				height: auto;
				float:left;
				margin:5px;
				  }




	#logo-gleisschotter, #logo-entsorgung, #logo-logistik, #logo-service, #logo-kontakt { position:relative;
						  width:211px;
						  height:30px;
						  top:7px;
						  left:7px;
					    }



	.bg-start { background:url(../img/bg-bildbalken-start_200.jpg) top center no-repeat;
				background-color:#ff6600;
				 }


	.bg-gleisschotter { background:url(../img/bg-bildbalken-gleisschotter_200.jpg) no-repeat top center;
		                background-color:#FF6600;
				       }

	.bg-entsorgung { background:url(../img/bg-bildbalken-entsorgung_200.jpg) no-repeat top center;
		             background-color:#FF6600;
				       }

	.bg-logistik { background:url(../img/bg-bildbalken-logistik_200.jpg) no-repeat top center;
		           background-color:#FF6600;
				       }

	.bg-service { background:url(../img/bg-bildbalken-service_200.jpg) no-repeat top center;
		           background-color:#FF6600;
				       }

	.bg-kontakt { background:url(../img/bg-bildbalken-kontakt_200.jpg) no-repeat top center;
		           background-color:#FF6600;
				       }




	.weiss50 { background: rgba(255,255,255,0); }
	.weiss70 { background: rgba(255,255,255,0); }













	/***** Claim *****/
	#claim { max-width:100%;
			 height:152px;
			 margin-right:auto;
			 margin-left:auto;
			 /*background:rgba(50,50,50,0.5);*/
			 text-align:center;
			 font-family: 'Biryani', sans-serif;
			 letter-spacing:0.1em;
			 font-weight:bold;
			 color:#fff;
			 text-shadow:0px 0px 10px #333;
			 }

	.gross { font-size:30px;
			 padding-top:40px;
			 line-height:120%;
			 }

	.mittel { font-size:25px;
			  padding-top:40px;
			  line-height:120%;
			}

	.titel-start { font-size:20px;
				   padding-top:50px;
				   line-height:120%;
				 }






	#claim-kontakt { max-width:100%;
					 height:152px;
					 }

	.titel-kontakt { font-size:30px;
			         padding-top:40px;
			         line-height:120%;
					    }


	.unterleger p { margin-bottom:20px; }





	#inhalt { max-width: 100%;
			  margin-right: auto;
			  margin-left: auto;
			  margin-top:2em;
			  color:#fff;
			  font-size:1em;
			  }

	#inhalt p { max-width:98%;
				margin-right: auto;
				margin-left: auto;
			   }


	.service-absatz { margin-bottom:0; }


	#graubox { max-width: 100%;
			   margin-right: auto;
			   margin-left: auto;
			   margin-top: 1.5em;
			   margin-bottom:1em;
			   padding: 0.2em 0;
			   background-color: rgb(102,102,102);
			  }

	#graubox ul	{ max-width:90%; }



	#orangebox { max-width: 100%;
				 margin-right: auto;
				 margin-left: auto;
				 margin-top: 1em;
				 margin-bottom:55px;
				 padding: 1em 0;
				 background-color: #f9b07c;
				 text-align:center;
			   }



	#orangebox ul { display:none; }







	/***************** Kontakt **********************/


	#kontaktbox { /*max-width: 100%;
				  margin-right: auto;
				  margin-left: auto;
				  margin-top: 5em;
				  margin-bottom:55px;
				  padding: 2em 0;*/
				  background-color: rgb(102,102,102);
				  font-size:1em;
				  line-height:120%;
				  }


	#kontaktbox a, #kontaktbox a:hover { color:#ddd; }





	/* Karte G.E.D. */
	#karte-ged { width:98%;
				 background-image:url(../img/GED-Logo-130.gif);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
				 background-repeat:none;
				 /**/
					 }


	#karte-ged .unterleger { position:center;
							 width:98%;
							 background: rgba(255,255,255,0);
							 color:#fff;
							 padding-top:135px;
							 left:0px;
							 top:5px;
								}

	.unterleger p { margin-bottom:20px; }


	#karte-schlipf { width:98%;
				 background-image:url(../img/schlipf_tn.jpg);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
					 }


	#karte-schlipf .unterleger { position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}


	#karte-braun { width:98%;
				 background-image:url(../img/braun_tn.jpg);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
				  }


	#karte-braun .unterleger { position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}

	#karte-rosenberger { width:98%;
				 background-image:url(../img/rosenberger_tn.jpg);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
					 }


	#karte-rosenberger .unterleger { position:center;
							         width:98%;
							         background: rgba(255,255,255,0);
							         color:#fff;
									 padding-top:135px;
							     	 left:0px;
							     	 top:5px;
									}


	#karte-fischer { width:98%;
				 background-image:url(../img/fischer_tn.jpg);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
				  }


	#karte-fischer .unterleger { position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}

	#karte-fremd { width:98%;
				   background-image:url(../img/fremd_tn.jpg);
				   background-repeat:no-repeat;
				   background-position: 10px 0px;
				   margin-left:0;
				   padding:1%;
				   height:auto;
				  }

	#karte-fremd .unterleger { 	 position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}


	#karte-untersaenger { width:98%;
				 background-image:url(../img/untersaenger_tn.jpg);
				 background-repeat:no-repeat;
				 background-position: 10px 0px;
				 margin-left:0;
				 padding:1%;
				 height:auto;
					 }


	#karte-untersaenger .unterleger { position:center;
							         width:98%;
							         background: rgba(255,255,255,0);
							         color:#fff;
									 padding-top:135px;
							     	 left:0px;
							     	 top:5px;
									}


	#karte-schulze { width:98%;
				   background-image:url(../img/schulze_tn.jpg);
				   background-repeat:no-repeat;
				   background-position: 10px 0px;
				   margin-left:0;
				   padding:1%;
				   height:auto;
				  }

	#karte-schulze .unterleger { position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}



	#karte-chortikoglou { width:98%;
				 		  background-image:url(../img/chortikoglou_tn.jpg);
						  background-repeat:no-repeat;
						  background-position: 10px 0px;
						  margin-left:0;
						  padding:1%;
						  height:auto;
					 	}


	#karte-chortikoglou .unterleger { position:center;
							          width:98%;
							          background: rgba(255,255,255,0);
							          color:#fff;
									  padding-top:135px;
							     	  left:0px;
							     	  top:5px;
									}

	#karte-kofler { width:98%;
				 		  background-image:url(../img/kofler_tn.jpg);
						  background-repeat:no-repeat;
						  background-position: 10px 0px;
						  margin-left:0;
						  padding:1%;
						  height:auto;
					 	}


	#karte-kofler .unterleger { position:center;
							          width:98%;
							          background: rgba(255,255,255,0);
							          color:#fff;
									  padding-top:135px;
							     	  left:0px;
							     	  top:5px;
									}

	#karte-giuffrida { width:98%;
				 		  background-image:url(../img/giuffrida_tn.jpg);
						  background-repeat:no-repeat;
						  background-position: 10px 0px;
						  margin-left:0;
						  padding:1%;
						  height:auto;
					 	}


	#karte-giuffrida .unterleger { position:center;
							          width:98%;
							          background: rgba(255,255,255,0);
							          color:#fff;
									  padding-top:135px;
							     	  left:0px;
							     	  top:5px;
									}

	#karte-donoval { width:98%;
				     background-image:url(../img/donoval_tn.jpg);
				     background-repeat:no-repeat;
				     background-position: 10px 0px;
				     margin-left:0;
				     padding:1%;
				     height:auto;
				   }

	#karte-donoval .unterleger { position:center;
							     width:98%;
							     background: rgba(255,255,255,0);
							     color:#fff;
							     padding-top:135px;
							     left:0px;
							     top:5px;
								}









	#fuss { position:relative;
			bottom:0;
			width: 100%;
			height:auto;
			background:rgba(255,255,255,0.8);
			text-transform:uppercase;
			   }

	#fuss ul { max-width:100%;
			   margin-top:3px;
			   margin-left:auto;
			   margin-right:auto;
			   padding:0;
			   text-align:center;
			  }

	#fuss ul li { list-style:none;
				  /**/
				  display:block;
				  padding: 1em;
				  font-size:0.85em;
				  }







}

@media (max-width: 420px) {

	#hnav, .back-to-top { display:none; }

	.mittel { font-size:25px;
			  padding-top:25px;
			  line-height:120%;
			}

	.service-absatz { margin-bottom:0; }

}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
margin-left: 10%;
width: 80%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

#orangebox .datenschutz ul li{
  width: auto;
    height: auto;
    padding-top: inherit;
    list-style: disc;
    display: inherit;
    font-family: 'Biryani', sans-serif;
    text-align: left;
    letter-spacing: inherit;
    font-size: inherit;
    background-image: none;
    background-repeat: no-repeat;
    opacity: 1;
    transition: none;
    color: #333;
    font-size: 16px;
}
#orangebox .datenschutz ul {
    width: auto;
    max-width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0 0 20px 0;
    text-align: left;
    list-style-type: disc;
  }

  
  
  /*********** Videos **********/
  .wv-grid{
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .wv-grid .wv-width-1-1{
    flex: 0 0 auto;
  }

  .wv-grid>div.wv-width-medium-1-2:nth-child(1)>*{
    padding-right: 10px;
  }
  .wv-grid>div.wv-width-medium-1-2:nth-child(2)>*{
    padding-left: 10px;
  }
  .wv-grid .wv-h2{
    font-weight: bold;
  }

  /*
  .vid-mobile{
    display: none;
  }
  */
  @media (max-width: 814px){
    .wv-grid {
        max-width: 98%;
        margin-right: auto;
        margin-left: auto;
    }
  }
  @media (min-width: 768px) {
    .wv-grid .wv-width-medium-1-2{
      flex: 0 0 50%;
    }
    .wv-grid video{
      margin-top: 1em;
    }
  }
  @media (max-width: 767px) {
    .wv-grid .wv-h2{
      margin-top: 20px;
      margin-bottom: 10px;
    }
    .wv-grid>div.wv-width-medium-1-2:nth-child(2)>*{
      padding-left: 0px;
    }
    .wv-grid .wv-width-medium-1-2{
      flex: 0 0 100%;
    }
    /*
    .vid-mobile{
      display: block;
    }
    .vid-desktop{
      display: none;
    }
    */
    .vid-desktop{
      display: none;
    }
  }

  /*
  @media (min-width: 768px) and (display-mode: browser)  {
    .vid-mobile{
      display: none;
    }
  }
  */
  @media (min-width: 768px){
    html:not(.is-fullscreen) .vid-mobile{
      display: none;
    }
  }
  html.is-fullscreen .vid-mobile{
    display: block;
  }