/* Style Sheet */
/* Kalibrierung der wichtigsten Abstände */

@import url("../genericons/genericons.css");



/* Allgemeine Selektoren */
@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
* {
  -web-kit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  }

html, body { height: 101%}
* { 
  padding: 0;
  margin: 0;
}
body {
 
   background: url(../images/back.jpg) repeat;
  font-family: 'gothic', Arial, Helvetica, sans-serif;
  line-height: 1.5;
 
}

a { outline: none; }

/* Styles für das Layout */

#banner_ganz {
  width: 100%;
  height: auto;
  background: white;
  overflow: hidden;
     box-shadow: 0 5px 5px rgba(0,0,0,0.3);
  z-index: 100;
 
}

#banner-slider {
  width: 100%;
  height: auto;
  overflow: hidden;
}

#banner-slider .banner {
  width: 100%;
  height: auto;
  overflow: hidden;
 display: flex;
}

#banner-slider .banner img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* Navigation */

#nav_ganz {
  width: 100%;
  height: auto;
 overflow: hidden;
  background: rgb(21,237,237);
}

#navigation {
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
 overflow: hidden;
display: block;
  background: rgb(21,237,237);

 
}




#navigation  ul li {
  float: left;
  width: 33.33%;
  height: auto;
  text-align: center;
  font-size: 1.125rem;
  list-style-type: none;
  border-right: 1px solid white;
  border-left: 1px solid white;
 
}

#navigation  ul li.item-551 {
  border-left: 2px solid white;
}

#navigation  ul li.item-774 {
 
  border-right: 2px solid white;
}


#navigation li a {
  text-decoration: none;
  color: rgb(100,100,100);
  padding: 10px;
  display: block;
}
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li.active a {
  color: white;
  background: rgb(22,181,181);
}



/* Subnavigaton */

#navigation li ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
 
 
}

#navigation li:hover ul {
    position: absolute;
  left: auto;
  top: auto;
  width: 308px;
  height: auto;
  z-index: 2;
  display: block;
  
}

#navigation li li {
 clear: both;
 width: 100%;
  height: auto;
display: inline-block;
 text-align: center;
   background: rgb(21,237,237);
  border-top: 2px solid white;
}

#navigation ul li.active li a {
   background: rgb(21,237,237);
}

#navigation ul li.active li a:hover,
#navigation ul li.active li a:focus,
#navigation ul li.active li.active a {
   background: rgb(22,181,181);
}

#navi-mobil {
  display: none;
}


/* Inhalt */

#wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
}

#content {
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background: white; 

    display: flex;

    /* Elemente werden gleichmäßig aufgeteilt. */
    /* Das erste ganz links und das letzte ganz rechts */
    -ms-flex-pack: justify; /* IE 10 
  justify-content: space-between; */
  font-size: 1.05rem;
  color: rgb(100,100,100);
}

#inhalt {
  width: 72%;
  height: auto;
 
  padding: 40px;
  overflow: hidden;
}

#inhalt h1 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

#inhalt h2 {
  font-size: 1.2rem;
    font-weight: bold;
  margin-bottom: 20px;
} 

#inhalt p {
  margin-bottom: 10px;
}

#inhalt .partner p {
  margin-bottom: 0px;
}

#inhalt .video_lux {
  width: 100%;
  height: auto;

  overflow: hidden;

}


#inhalt ul,
#inhalt ol {
  margin-left: 30px;
}

#inhalt .team,
#inhalt .jobs {
  width: 40%;
  height: auto;
  float: left;
  overflow: hidden;
  margin-bottom: 70px;
}

#seite .jobs {
  width: 100%;
  height: auto;
}

#inhalt .team img,
#seite .jobs img {
  max-width: 100%;
  height: auto;
  display: block;
}

#seite .jobs {

}

#inhalt .text {
  width: 55%;
  height: auto;
  float: right;
  margin-bottom: 70px;
  overflow: hidden;
  font-size: 1.05rem;
}

#inhalt .ueber {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  overflow: hidden;
}

#inhalt a {
  color: rgb(22,181,181);
  text-decoration: none;
}

#inhalt a:hover {
  color: rgb(100,100,100);
}

#inhalt .team-alles {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

#inhalt .team-neu {
  width: 50%;
  height: auto;
  overflow: hidden;
  padding:  0px 40px 50px 0px;
}

#inhalt .team-neu img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* Seite */ 

#seite .jetzt {
  width: 100%;
  height: auto;
  text-align: center;
margin-bottom: 30px; 
  margin-top: 10px;
}


#seite .jetzt a {
  color: rgb(100,100,100);
  text-decoration: none;
  background: rgb(21,237,237);
  padding: 10px;
  display: block;
 font-size: 1.05rem;
}

#seite .jetzt a:hover {
  color: white;
  background: rgb(22,181,181);
  
}
#seite {
  width: 28%;
  height: auto;
  font-size: 1.05rem;
  padding:20px 0px 40px 0px;
  overflow: hidden;
   background: rgb(228,233,237);
}

#seite a {
  color: rgb(22,181,181);
  text-decoration: none;
}

#seite a:hover {
  color: rgb(100,100,100);
}

#seite .seite_oben {
  padding: 30px;
  overflow: hidden;
   border-bottom: 2px solid white;
   background: rgb(228,233,237);
}

#seite .seite_md {
  padding: 30px 60px 30px 60px;
  overflow: hidden;
   border-bottom: 2px solid white;
   background: rgb(228,233,237);
}


#seite .seite_mitte {
  padding: 30px;
 background: rgb(228,233,237);
  border-bottom: 2px solid white;
}

#seite .seite_mitte img {
  max-width: 20%;
  height: auto;
  margin-right: 5px;
  float: left;
}

#seite .seite_unten {
  padding: 30px 30px 0px 30px;
  border-bottom: 2px solid white;
  overflow: hidden;
   background: rgb(228,233,237);
}

#seite .seite_unten img,
#seite .seite_oben img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/*#seite .seite_oben .mdk {
  width: auto;
  height: auto;
  padding: 10px 20px 10px 20px;
  font-weight: bold;
  font-size: 1.2rem;
 display: inline-block;
  background: rgb(0,81,146);
  color: white;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 15px;
}

#seite .seite_oben .mdk a {
  color: white;
}

#seite .seite_oben .mdk a:hover {
  color: rgb(21,237,237);
}*/

#seite .seite_md .mdk {
  width: auto;
  height: auto;
  }

#seite .seite_md .mdk img {
  max-width: 100%;
  height: auto;
}

/* footer */

#footer {
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  background: rgb(134,136,145);
  padding: 40px;
  overflow: hidden;
}

#footer-links {
  width: auto;
  height: auto;
  float: left;
  margin-right: 40px;
}

#footer-links .kontakt {
  width: auto;
  height: auto;
  margin-right: 40px;
  float: left;
  color: white;
}

#footer-rechts {
  width: auto;
  height: auto;
  float: right;
}

#footer-links ul li,
#footer-rechts ul li{
   float: left;
  text-align: center;
  font-size: 1.05rem;
  list-style-type: none;
}


#footer-rechts li a {
  text-decoration: none;
  color: white; 
  display: block;
}

#footer-links a {
  text-decoration: none;
  color: white; 
 
}

#footer-links a:hover {
  color: black;
 
}
#footer-rechts ul li a:hover,
#footer-rechts ul li a:focus,
#footer-rechts ul li.active a {
  color: black;
 
}

#footer-rechts ul li {
  padding: 0px 10px 0px 10px;
  border-right: 2px solid white;
}

#footer-rechts ul li.item-625 {
  border-right: none;
}



.login fieldset {
  border: none;
}

.controls {
  margin-bottom: 10px;
}