@charset "UTF-8";
/* CSS Document */
* {box-sizing:border-box;}

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

/* Einstellung für die gesamte Seite */
body { 	overflow-x:hidden; /*Der übergroße Inhalt auf der x-Achse wird abgeschnitten und nicht angezeigt.*/
   		overflow-y:scroll; /*Der übergroße Inhalt wird abgeschnitten. Das übergeordnete Element wird mit Scrollbalken angezeigt, um den Inhalt zu horizontal scrollen. */
	   	line-height:1.4; /* Allgemeine Zeilenhöhe */
		font-size:1em; /* Allgemeine Schriftgröße */
	
	 }

/* Einstellung für alle H1-Überschriften */
h1 	{
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  		font-size: 1.8em;
		color:#F7A600;
  		margin: 0.67em 0;
	}
/* Einstellung für alle H2-Überschriften */
h2 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  		font-size: 1em;
		font-style:normal;
		color:#F7A600;
  		margin: 0.67em 0;
		text-transform:uppercase; /* Großbuchstaben */
		letter-spacing: 0.2em;
	}
/* Einstellung für alle H3-Überschriften */
h3 {
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  		font-size: 1em;
		font-style:normal;
		color:#F7A600;
  		margin: 0.67em 0;
	}
/* Einstellung für die Navigation */	
nav {  	position:fixed;
		background-color:#F7A600;
		display:block;	
		width:100%;
		height:auto;
		padding-top:5px;
		left:0;
		right:0;
		top:0;
		z-index:1;
	}

/* Einstellung für die Navigation-Listen */
nav ul { margin-top:10px;
		 float:right;
		 padding:0;
	   }
	
/* Einstellung für die Navigation-Listen-Punkte */
nav ul li { list-style:none;
			display:inline-block;
			width:160px;	
		  }

/* Einstellung für die Navigation-Listen-Verlinkungen */
nav ul li a { display:block;
			  text-decoration:none;
			  color:white;
			  text-transform:uppercase;
			  letter-spacing: 0.2em;
			}
	
/* Einstellung für Mouse-Over-Effekt */
nav li a:hover { font-weight:bold;
					}

nav ul li ul { margin-top:20px;
			   	}


nav ul li ul li { display:block;
				  margin:0;
				}

nav ul li ul li a { font-size:10pt;
					text-transform:none;
					letter-spacing:0.06em;
					line-height:1.7;
				  }
	
/* Einstellung für Kopfbereich */
header { float:left;	  
	  	 width:75%;
	 	 height:20%;
	     position:absolute;
	     margin:0;
		 padding:0;	 
	   }
	
/* Einstellung für Logo */
#logo { width:220px;
		margin-left:50px;
		position:absolute;
	    top:64px;
	  }
	
/* Einstellung für "Optik und Akustik Laumen"*/
div#h1 {
			float:right;
			width:60%;
			margin-right:20px;
			text-align:right;
			line-height:10px;
			top:118px;
			position:relative;
		}

/* Einstellung für Inhaltsbreich */
main 	{	float:left;	  
	  		width:75%;
	  		left:0;
	  		padding-right:15px;
	  		position:absolute;
	  		top:220px;
	  		z-index:-10;
			
			
		}
main section p { margin:0;}
	
main section ul li { 
					 color:#F7A600;	/* Bullet Points werden blau */
					}

main section ul li span { color:black;
							}

main figure iframe {	width:100%;	
						margin:0;
						padding:0;
					}

/* Logos der Partner*/
main section a.Partner svg  {	width:30%;
								}

main section a.Partner { 	margin-right:30px;
				 			padding-top:30px;
				 			padding-right:30px;
						}

/* Einstellung für Sidebar */
aside { margin-left:75%;
	    width:25%;
		height:auto;
	    top:220px;
		padding-left:20px;
		padding-right:20px;
	 	
		border-left:solid 1px #B2B2B1;
		background-color:white;
	    bottom:0;
		position:absolute;
	}

aside p { color:#B2B2B1; /* Schriftfarbe in der Sidebar */
	    	}

aside p a { text-decoration:none;
			color:#B2B2B1;
			}

aside p a:hover { color:#203a8f;
					}

aside span { color:#B2B2B1;
				}
	
/* Aktuelle Aktion in der Sidebar */
section img { max-width:70%;
			  height:auto;
			}


.clear {	clear:both;
			} 

.h3 { font-size:1.8em;
	  font-style:normal;
	  color:#F7A600;
  	  margin: 0.67em 0;
	 }
	
.impressum { margin-top:20px; 
		
	}
	

/* Neuer Slider */
.text {position:relative;
	   margin-top:50px;
	   padding-left:50px;
	  }
	
.slide img {width:100%;
			height: auto;
		}
	
.slider {
  	width:100%;
	heght:auto;
	left:0;
}

.slide_viewer {
  height:0px;
  padding-bottom:41.7%;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: auto;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}


.slide_buttons {
  left: 0;
  margin-top:-8px;
  padding-top:0;
  position: absolute;
  right: 0;
  text-align: center;

  
}

a.slide_btn {
  color: #B2B2B1;
  font-size: 40px;
  margin: 0 0.125em;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #F7A600;
  cursor: pointer;
}


.click-nav ul .clicker {
	background:#F7A600;
	color:#FFF;
}
.click-nav ul .clicker:hover,
.click-nav ul .active {
	background:#F7A600;
}

.click-nav ul li a {
	transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	display:block;
	padding-bottom:5px;
	background:#F7A600;
	color:white;
	text-decoration:none;
}
.click-nav ul li a:hover { font-weight:bold;
	
}
/* Fallbacks */
.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}

.aktuell a { 
		   font-weight:bold;
	
}
	
	iframe 			{	width:100%;
						height:20%;
						margin-top:40px;
					}
	}