/**
* Gally Websolutions GmbH 2014
* www.gally-websolutions.com
**/
@media only screen and (min-width: 1024px)  {
	#menu a{
		/*padding:0 0 0 20px;*/
	}
	
}

@media only screen and (max-width: 1085px)  {
	#header, #navi, .content{
		width: 					90%;
		margin-left:			2.5%;
	}
	
	.headeradresse {
		float: right;
		width: 200px;
		background: #e10707;
		position: absolute;
		height: auto;
		right: 2.5%;
		z-index: 100;
	}
	
	
	#header-contenter{
		background-color:transparent;
	}
	
	.headeradresse p {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 5px 15px;
			color: #fff;
			float: none;
			width: 100%;
			box-sizing: border-box;
			clear:both;
		}
	
	
		p.headeroffnungszeiten {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 5px 15px;
			color: #fff;
			width: 100%;
			float: none;
			box-sizing: border-box;
			border-right:none;
			border-bottom:	2px solid #fff;
		}
	
	
	
	
}

@media only screen and (max-width: 1024px)  {
	
	*{
		box-sizing:border-box;
	}
	
	#content, #header{
		width:100%;
		margin-left:			0;
		padding:20px 20px;
	}
	
	#header{
		height:					auto;
	}	
	
	#footer-content{
		width:					100%;
		text-align:				center;	
	}
	
	.content, .wrapper{
		width:					100%;
		padding:				0 20px;
	}
	
	.content, #navi{
		margin-left:			0;
	}
	
	.footerspacer, .claim{
		display:				none;
	}
	
	.shadow::before, .shadow::after{
		box-shadow:				none;
	}
				
	
	#footer{
		position:				relative;
		height:					auto;
		z-index:				0;
			
	}
	
	#header-contenter {
		position:				relative;
		top:					auto;
		overflow:				visible;
		height: 				105px;
	}
	
	.box{
		width:					100%;
		margin:					0;
		min-height:				auto;
	}
	
	#content-contenter{
		padding:0;
	}
	
	.content-contenter {
		margin-top:				0;	
	}
	
	#navi-contenter{
		margin:					0;
	}
	
	#logo {
		width:100%;
		text-align:center;
		margin:0;
		height:100px;
	}
	
	#navi-contenter {
		background: none;
		height:auto;
	}

	#navi {
		float: left;
   		width: 100%;
	}
	
	
	
	
	.footeradress{
		padding:			20px;
	}
	
	#gallygallery_wrapper {

	}
	#gallygallery_background {
		/*margin-top:45px;*/
	}
	
	
	#content img{
		max-width:100% !important;
		height:auto; 
	}
	
	table, tbody, tr, td {
		max-width:100%;
		height:auto!important;
	
	}
	
	
	p{
		padding:0;
	}
	
	.colum1, .colum2{
		float:none;
		width:100%;
	}
	
}

@media only screen and (max-width: 1024px)  {

.headeradresse{
		    float: none;
    width: 100%;
    background: #e10707;
    position: relative;
    top: 0;
    right: 0;
    z-index: 100;
    height: 44px;
	}
	
	
		


		.headeradresse p {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 10px 15px;
			color: #fff;
			float: left;
			width: 50%;
			box-sizing: border-box;
			clear:none;
		}
	
	
		p.headeroffnungszeiten {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 10px 15px;
			color: #fff;
			width: 50%;
			float: left;
			box-sizing: border-box;
			border-right:5px solid #FFFFFF;
		}
		
}

@media only screen and (max-width: 800px)  {
	iframe, object, embed {
		width:100%!important;
		height:450px;
	}
	
	.twocols{
		float:					none;
		width:					100%;
		padding-bottom:			40px;
	}
	
	.headeradresse{
		float: none;
    width: 100%;
    background: #e10707;
    position: relative;
    top: 0;
    right: 0;
    z-index: 100;
    height: 40px;
	}
	
	
		


		.headeradresse p {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 5px 15px;
			color: #fff;
			float: none;
			width: 100%;
			box-sizing: border-box;
			clear: both;
			display: none;
		}

		p.headerterminbuchung{
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 10px 15px;
			color: #fff;
			width: 100%;
			float: left;
			box-sizing: border-box;
			border-bottom: none;
			border-right:	none;
			display: block;
			background: #e10707;
		}
	
	
		p.headeroffnungszeiten {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 10px 15px;
			color: #fff;
			width: 100%;
			float: left;
			box-sizing: border-box;
			border-bottom: none;
			border-right:	none;
			display: block;
		}
	
	
	.footermap, .footeradress{
		float:none;
		width:100%;
		text-align:center;
	}
	
	
	#map_canvas {
    	height: 				350px !important;
	}
	
	#footer-content p {
		text-align:				center;
	}
	
	
	/*Team*/
	
	.teamfoto{
		width:					100%;
		height:					auto;
		float:					none;
	}
	
	.teamdaten {
		float:					none;
		width:					100%;
	}
	
	/*News*/
	
	.blogpic , .blogtext{
		float:					none;
		width:					100%;
	}
	
	.uebersichtblog img{
		float:					none;
		margin-right: 			0px;
		margin-bottom:			20px;
		width:					100%;
		height:					auto;
		
	}
	
	a.blogback, .uebersichtblog p a{
		display:				block;
		text-align:				center;
		clear:					both;
	}

}


@media only screen and (max-width: 1020px)  {
	#gallygallery_header .gallygallery .container .footer .description,
#gallygallery_header .gallygallery .container .swosh,
#gallygallery_header .gallygallery .container .footer .title,
#gallygallery_header .gallygallery .container .cosmetic{
	display:none!important;

}

#gallygallery_header .gallygallery .container .logo {
	top:128px!important;
}

#gallygallery_header .gallygallery .container .logo {
	right:150px;
}
	

}

@media only screen and (max-width: 590px)  {
	
	#mobilebild-wrapper{
		display:block;
	}
	
	#logo{
		height:					auto;
	}
	
	#logo img{
		width:					100%;
		height:					auto;	
		
	}
	
	
	.teamdaten b{
		font-family: 			'aleoregular';
		color: 					#e10707;
		font-size:				18px;
	}

	.quote{
		color: 					#e10707;
		font-size:				14px;
	}

}

@media only screen and (max-width: 450px)  {

}


/* CSS Konzept für responsive Bildergalerie. Verhältnis bleibt gleich. */
.embed-responsive {
  clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative !important;
  
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute; /*absolute*/
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive .embed-responsive-item2
{
  position: absolute; 
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
/* Bildverhältnis beibehalten */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.embed-responsive-590by265 {
  padding-bottom: 44.915%;
}
.embed-responsive-1500by435 {
  padding-bottom: 29%;
}
.embed-responsive-1500by500 {
  padding-bottom: 33%;
}
.embed-responsive-1500by750 {
  padding-bottom: 50%;
}
.embed-responsive-1500by835 {
  padding-bottom: 55%;
}
.embed-responsive-1500by1000 {
  padding-bottom: 66%;
}
.embed-responsive-1200by300 {
  padding-bottom: 25%;
}