/**
* Gally Websolutions GmbH 2014
* www.gally-websolutions.com
**/
@media only screen and (min-width: 1600px)  {
	#menu li.navipunkt3 {
		margin-left: 15%;
	}
	  #message {
	  padding-left:0;
	  text-align:center;
  }
}
@media only screen and (max-width: 1600px)  {
  p {
	  padding-left:20px;
	  padding-right:20px;
  }
  form{
	  padding-left:20px;
  }
  #message {
	  padding-left:20px;
  }

}
@media only screen and (max-width: 1025px)  {
	.notstartseite #content-contenter {

	}
}

@media only screen and (max-width: 1324px)  {
  .team blockquote {
    font-size: 20px;
  }
 
}

@media only screen and (max-width: 1100px)  {
  .col25{
	width: 					33.33%  
  }
  /* Maximalbreite von Bildern im Inhaltsbereich auf 100% festlegen */
	#content img{

	}

	/* Maximalbreite von Tabellen auf 100% festlegen */
	#content-contenter table, #content-contenter tbody, #content-contenter tr, #content-contenter td {
		max-width:100%;
	}

	/* Maximalbreite festlegen */
	#content-contenter iframe, #content-contenter object, #content-contenter embed {
		width:100%!important;
		height:400px;
	}

	/* Automatische Bilderverkleinerung f�r Bildergalerie und Objekte. */
	#content-contenter table img, #content-contenter object  {
        display: block;
		max-width:100%;
        width: 100% !important;
		margin-bottom:20px;
		float:none!important;
		height:auto;
	}
	#content-contenter  table {
    max-width: 86%;
  }
   table.responsivetable.brillen-linsen {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  table.responsivetable.brillen-linsen td,
  table.responsivetable.service td,
 #content-contenter   table td {
    display: block;
    width: 100% !important;
    padding: 0;
    /*margin-bottom: 3em;*/
  }

  ul.overview-subpages.brillen-linsen li,
  ul.overview-subpages.service li {
    width: 100%;
  }

  ul.overview-subpages img,
  table.brillen-linsen img,
  table.service img {
    width: 85%;
    max-width: 85%;
    margin: 0em auto 1em;
  }
  .textnotmobile {
	  display:none;
  }
  .mobileumbruch {
	  clear:both;
  }
  .textmobile {
	  display:block;
  }
}

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

	/* Maximalbreite von Tabellen auf 100% festlegen */
	#footer table, #footer tbody, #footer tr, #footer td {
		max-width:100%;
	}

	/* Maximalbreite festlegen */
	#footer iframe, #footer object, #footer embed {
		width:100%!important;
		height:400px;
	}

	/* Automatische Bilderverkleinerung f�r Bildergalerie und Objekte. */
	#footer table img, #footer object  {
        display: block;
		max-width:100%;
        width: 100% !important;
		margin-bottom:20px;
		float:none!important;
		height:auto;
	}
	#footer  table {
    max-width: 86%;
  }
  #footer  table td {
    display: block;
    width: 100% !important;
    padding: 0;
    /*margin-bottom: 3em;*/
  }
 

}

@media only screen and (max-width: 1024px)  {
  h4 {
    font-size: 24px;
  }
  .slideshow .gallygallery .description blockquote p {
    font-size: 20px;
  }

  .team blockquote {
    font-size: 20px;
  }
  
  
  
}



@media only screen and (max-width: 975px)  {
	
	#logo {
		margin: 			13px auto;
		min-width: 			100px;
	  }
  
  #menu li.navipunkt3 {
		margin-left: 		145px;
	}
	
	.spacer{
		height:				87px;
		position:			relative;
	}

}

@media only screen and (max-width: 940px)  {
	#header{
		position:			relative;
	}
	
	.spacer{
		display:			none;
	}
	
	.col25{
		width: 				50%  
	  }
}

@media only screen and (max-width: 1100px)  {
 .contact-top {
    display: none
  }

  .contact-top-mobile {
    display: block;
  }
  .contact-top-mobile a {
    text-decoration:none!important;
  }
  
}

@media only screen and (max-width: 788px)  {
  #logo {
    margin: 5px auto;
    min-width: 100px;
  }
  
  .team .wrapper{
	min-height:				auto;
  }

  h4 {
    font-size: 30px;
  }

  .slideshow .gallygallery .description blockquote p {
    font-size: 22px;
  }

  .slideshow .gallygallery .description p {
    font-size: 14px;
  }

  #menu .navipunkt0,
  #menu .navipunkt1,
  #menu .navipunkt2 {
    margin-left: 0;
    margin-right: 0;
  }

  a.edit-button {
    padding: 0.75em 3em;
  }

 

  #gallygallery_header h1 {
    font-size: 16px;
    max-width: 80%;
    width: 80%;
    padding: 0.25em 0.15em;
  }

  #content {
    /*padding-top: 0em;*/
  }

  .contact-top {
    display: none;
  }

  .contact-top table td {
    font-size: 10px;
  }

  .slideshow .gallygallery .description {
    padding: 0em 2em 0em !important;
  }

  .slideshow .gallygallery .description,
  .slideshow .gallygallery .description blockquote {
  }

  .slideshow .gallygallery .description blockquote:before {
  }

  .slideshow .gallygallery img {
    width: 100% !important;
    height: 50% !important;
  }

  .slideshow .gallygallery .description a {
    padding: 0.75em 3em;
  }

  .slideshow .gallygallery .container .footer {
    height: 50%;
    width: 100% !important;
  }

  .slideshow.left .gallygallery .container .footer {
    top: 0% !important;
    left: 0% !important;
  }

  .slideshow.left .gallygallery img {
    top: 50% !important;
  }

  .slideshow.right .gallygallery .container .footer {
    top: 50% !important;
    left: 0% !important;
  }

  .slideshow.right .gallygallery img {
    top: 0% !important;
  }

  .team .col25 {
    width: 100%;
  }

  .news-teaser .row {
    margin: 0 auto;
    max-width: 86%;
  }

  .news-teaser .row > div {
    width: 100%;
    margin-bottom: 2em;
  }

  .news-teaser .col33 .wrapper {
    margin: 0;
  }

  .news-teaser .title {
    height: auto;
  }

  .news-teaser .title h3 {
    margin-bottom: 0.5em;
  }

  ul.overview-subpages li {
    display: block;
    width: 100%;
  }

  #footer .container {
   /* width: 100%;*/
  }

  #footer table.responsivetable  {
      /*max-width: 86%;*/
  }

  #footer table.responsivetable td,
  #footer table.responsivetable td:first-child,
  #footer table.responsivetable p {
    width: 100%;
    margin-bottom: 1.5em;
    padding: 0;
  }

  #footer table.responsivetable p {
    margin-bottom: 1em;
  }

  #footer {
    background: #717f87;
    background-size: 80%;
    padding: 3em 0 1em;
  }

 .team {
    max-width: 86%;
  }

 
}

/* 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-1266by508 {
  padding-bottom: 40.12%;
}

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



@media only screen and (max-width: 788px)  {
	img.icons {
		width:auto;
	}
	td img {
		width:100%;
	}
	td a img {
		width:auto!important;
	}
}