/**
* 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: 1324px)  {
	
	
}

@media only screen and (max-width: 1024px)  {
	
	#content, #header, #footer-content{
		width:100%;
		box-sizing:border-box;
		padding:20px 20px;
	}
	
	#header-contenter {
		position:relative;
		top:auto;
		overflow:visible;
		height: 153px;
	}
	
	#content-contenter{
		padding:0;
	}
	
	#logo {
		text-align:center;
		margin:0;
		height:100px;
	}
	
	#navi-contenter {
		background: none;
		height:auto;
	}

	#navi {
		float: left;
   		width: 100%;
	}
	
	
	.footermap, .footeradress{
		float:none;
		width:100%;
	}
	
	#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;
		/*max-width:auto!important;*/
	}
	
	
	p{
		padding:0;
	}
	
	.column1, .column2{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	
}

@media only screen and (max-width: 800px)  {
	iframe, object, embed {
		width:100%!important;
		height:450px;
	}
	
	#mainwrap{
	width:100%;
	height:100%;
	padding:0;
	box-sizing:border-box;
}

	
	.claimbox {
     background-color: rgba(118, 184, 42, 1);
    color: #fff;
    display: table;
    position: absolute;
    right: 10%;
    width: auto;
    z-index: 100;
}


.claimbox p{
	padding:20px;	
	font-size:19px;
	display:table-cell;
	vertical-align:middle;
}
	
	
	.extrabox {
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 0;
    height: auto;
    min-height: 150px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 33.3%;
}

.contacts{
		display:none;
	}


}


@media only screen and (max-width: 1020px)  {
	#gallygallery_header .gallygallery .container .footer .description,
#gallygallery_header .gallygallery .container .swosh,

#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;
	}

	
	
	.extrabox {
    box-sizing: border-box;
    display: block;
    float: none;
    font-size: 18px;
    height: auto;
    min-height: auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

	.middle{
	border-left:none;
	border-right:none;
	border-top:2px dotted #fff;
	border-bottom:2px dotted #fff;
}

	 #footer-content{
		width:100%;
		box-sizing:border-box;
		padding:0px;
	}
	
	.footeradress {
    padding: 20px;
}

.claimbox{
		display:none;
	}
	
}

@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%;
}