@font-face {
   font-family: 'Alegreya';
   url(../objects/fonts/alegreya-regular-webfont.ttf) format('ttf');
   src: url(../objects/fonts/alegreya-regular-webfont.eot),
   url(../objects/fonts/alegreya-regular-webfont.woff) format('woff'),
   url(../objects/fonts/alegreya-regular-webfont.ttf) format('truetype'),
   url(../objects/fonts/alegreya-regular-webfont.svg) format('svg');
   }

   @font-face {
   font-family: 'Raleway';
   url(../objects/fonts/raleway-regular-webfont.ttf) format('ttf');
   src: url(../objects/fonts/raleway-regular-webfont.eot),
   url(../objects/fonts/raleway-regular-webfont.woff) format('woff'),
   url(../objects/fonts/raleway-regular-webfont.ttf) format('truetype'),
   url(../objects/fonts/raleway-regular-webfont.svg) format('svg');
   }



  * {
  margin:0;
  padding:0;
  }

  body {
  height:100%;
  background:white;
  font-size:20px;
  color:#1a171b;
  font-family:Europa, Calibri, Arial;
  line-height:30px;
   color:#065189;
	  font-weight:bold;
}

  img {display:block;}

  /* Typografie */
  h1 {font-family:latex, Calibri, Arial;}
  h1 {font-size:24px; margin-bottom:20px;}
h2 {font-family:Europa;font-size:20px; font-weight: normal;}
  p {margin-bottom:20px;}
  a {color:#1a171b; text-decoration:none;}
ul li {
    background: url(../images/bulletpoint_yellow.png);
    padding-left: 30px;
    background-repeat: no-repeat;
    line-height: 30px;
    background-size: 20px;
    background-position: top 5px left 0;
    color: #25fff7;
    list-style-type: none;
}
ul li+li {margin-top:10px;}
  /* Allgemein */

#header img {width:100%; height:auto;}

  #stripe {background:#1a171b; height:5px; width:100%; margin-top:5px;}

  #nav {float:right;}
  #nav ul {float: right; padding-top: 40px;}
  #nav ul li {display: inline; font-size: 15px; line-height: 40px; margin-left: 40px;}
 #nav ul li a {text-decoration:none; color:white; font-family:Raleway;}

  /* Klassen */
  .clear {clear:both;}
  .trennbild img {width:100%;}
  .text_box {width:40%; margin:0 auto;}
  .text_box img {display:block; margin:0 auto; margin-bottom:20px;}
  .text_box h1 {text-align:center;}
  .black_stripe { background: #1a171b none repeat scroll 0 0; color: white !important; margin-bottom: 10px; padding: 35px 0;}
  .black_stripe_inner {width:960px; margin:0 auto;}


.image_text_box {background: url('../images/bg_pattern_linien.jpg') no-repeat; background-size:cover;}
.image_text_box_inner{padding:100px 0;width:75%; margin:0 auto;}
.image_text_box .image {float:left; width:30%;}
.image_text_box .text {float:right; width:65%;}
.image_text_box h1 {
    color: #f3fb00;
    font-size: 65px;
    line-height: 65px;
    font-weight: normal;
    text-align: center;
}
.image_text_box img {
    width: 100px !important;
    margin: 0 auto;
    margin-top: 35px;
}

.galerie  {width:1140px;margin:0 auto;}
.galerie .galeriebild {width:360px; float:left; padding:10px;}
.galerie .galeriebild img {width:100%;}





  /* Head Image */

#header {
    background-size:cover;
    width: 100% !important;
	z-index:99;
}

#lightbox {display:none;}


.textbox {background:#065189; text-align:center; color:#25fff7; width:50%; margin:-100px auto 0 auto; padding:35px; z-index:100; position:relative;}
.textbox h2 {color:#f3fb00; margin-bottom:20px;}
.textbox .button{position: absolute; left:50%;}
.textbox .button img{width:66px;margin-left:-33px;}

#more {margin:250px 0;}
#more img{width:100%;}

#wasdubeiunslernst {margin:250px 0;}
#wasdubeiunslernst img{width:100%;}
#wasdubeiunslernst h1 {text-align: center; margin-bottom:50px;font-size: 65px; line-height: 65px;}

#wasdumitbringensolltest {margin:250px 0;}
#wasdumitbringensolltest img{width:100%;}
.blue_boxes_inner {width:1140px; margin:0 auto;text-align:center;}
.blue_boxes .blue_box {min-height:270px; width:300px;; margin:15px;padding:5px 25px;border-radius:15px; float:left;background:#065189; color:#25fff7;}
.blue_boxes .blue_box img {width:100px !important; margin:15px auto;display: inline-block;}
.blue_boxes .blue_box p {line-height: 24px;}



#deinteam {margin:250px 0;}
#deinteam img{width:100%;}
#deinteam .team_text {width:75%; margin: 25px auto;text-align:justifyjustify;}


#footer {margin:250px 0 0 0;  }
#footer p {color:white;}
#footer a {color:#f3fb00;}
.footer_inner { margin-top:-100px; padding:200px 0 100px 0; text-align:center; background:url(../images/bg_footer.jpg);background-size:cover; }
#footer img.letsconnect {width:50%; margin: 100px auto 0 auto;}
#footer .buttons {margin-bottom:100px; display:block; text-align: center;}
#footer .buttons img {height:90px; margin:0 10px; display: inline-block;}
.impressum {margin-top:100px;}
.impressum a {color:white !important; font-weight:normal; }
.impressum a:hover {text-decoration: underline;}

  /* Inhaltsbereiche */
  /* Allgemein */

 
   /* Back to Top Button */
   #top {position:fixed;right:2%;bottom:2%; display:none;}



/* ------------------ Allgemein / Screen, Tablet und Handy  ------------------ */

/* Allgemein */
img.desktop {display:block;}
img.mobile{display: none;}

@media only screen and (min-width: 100px) and (max-width: 1100px){
#more,
#wasdubeiunslernst,
#wasdumitbringensolltest,
#deinteam,
#footer {margin:150px 0 0 0;  }
	#footer a:hover {color:#25fff7;}
    .image_text_box .text, .image_text_box .image {width:100%;}
    .image_text_box .image {margin-bottom:70px;}

    .blue_boxes .blue_box {width:50% !important; float:none !important; min-height: auto !important; margin:0 auto 50px auto !important;}
    .blue_boxes_inner {width:100% !important;}
	
	.galerie {width:100% !important;}
	.galerie .galeriebild{width:80% !important; float:none !important; min-height: auto !important; margin:0 auto 25px auto !important;}
}






/* ------------------ Handy  ------------------ */
/* @media only screen and (min-device-width: 100px) and (max-device-width: 1200px) { */

@media only screen and (min-width: 100px) and (max-width: 800px){

img.desktop {display:none !important;}
img.mobile{display: block;} 
}

@media only screen and (min-width: 100px) and (max-width: 1000px){
    .textbox {margin:50px auto;}
#more,
#wasdubeiunslernst,
#wasdumitbringensolltest,
#deinteam,
#footer {margin:50px 0 0 0;  }
    #footer img.letsconnect {width:90% !important;}
  
}