/* sintony-regular - latin ß */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sintony-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Sintony'),
       url('../fonts/sintony-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sintony-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sintony-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sintony-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sintony-v7-latin-regular.svg#Sintony') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html { overflow-y: scroll; }
body {
  margin: 0px; border: 0px;
}


#container {
  width:100%;
  padding: 0px 0px;
  overflow: hidden;
  text-align:left;
  border:0px solid #000;
  background: rgb(230,236,242);
  background: linear-gradient(180deg, rgba(230,236,242,1) 0%, rgba(88,117,174,1) 100%);
}

.section {
  padding: 0px 0px;
  margin: 0px 10px;
  overflow: hidden;
  text-align:left;
  border:0px solid #000;
}


.mobonly { display: none; }

.section.content {
  padding: 30px 0px 30px 0px;
}

#head {
  width: 1520px;
  margin:0px auto;
  padding: 0px 0px 0px 55px;
  border: 0px solid #fff;
  overflow: hidden;
}
#stage {
  width: 1520px;
  margin:0px auto;
  padding: 0px 0px 0px 55px;
  border: 0px solid #0ff;
  position: relative;
}

.sheet {
  background-color: #fff;
  width: 870px;
  margin: 50px 0px 0px 0px;
  padding: 50px 50px 100px 50px;
  -webkit-box-shadow: -15px 40px 40px 0px rgba(0,69,138,0.5);
     -moz-box-shadow: -15px 40px 40px 0px rgba(0,69,138,0.5);
          box-shadow: -15px 40px 40px 0px rgba(0,69,138,0.5);
  border: 0px solid #0f0;
  z-index: 100;
}
.sheet .w600 { border: 0px solid #0f0; width: 600px; }
.sheet .p100 { border: 0px solid #0f0; width: 100%; }

#sidepic {
  position: absolute;
  top: -40px;
  left: 750px;
  z-index: 1000;
}
#sidepic2 {
  position: absolute;
  top: 2000px;
  left: 750px;
  float: right;
}
#sidedivaktuell {
  position: absolute;
  top: 320px;
  left: 750px;
  background-color: #f0f1f6;
  width: 326px;
  padding: 0px 20px;
  float: right;
}
#inpic { display: none; }
#indiv { display: none; }
#soundwave {
  position: absolute;
  height: 860px;
  top: -310px;
  left: 1000px;
  z-index: 10;
}

.center { text-align: center; }
.typegreen { color: #62ab38!important; }
.greenbar { width: 50%; }
.pad6 { padding: 2% 6%; }
.portrait { max-width: 100%; border-top: 20px solid #eee; }

.content h1 { font-family: 'Sintony', serif; font-size: 30px; font-weight: bold; color: #00458a; margin: 10px 0px 30px 0px; }
.content h1.black { font-family: 'Sintony', serif; font-size: 30px; font-weight: bold; color: #3e3d40; margin: 20px 0px 30px 0px; line-height: 30px; }
.content .blacksub { font-family: 'Sintony', serif; font-size: 18px; font-weight: bold; color: #3e3d40; margin: 0; }
.content h2 { font-family: 'Sintony', serif; font-size: 25px; font-weight: normal; color: #00458a; line-height: 35px; margin: 25px 0px 0px 0px; }
.content h3 { font-family: 'Sintony', serif; font-size: 20px; font-weight: normal; color: #00458a; margin: 25px 0px 0px 0px; }
.content h4 { font-family: 'Sintony', serif; font-size: 18px; font-weight: normal; color: #00458a; margin: 25px 0px 0px 0px; }
.content ul.even { margin: 0px; padding: 0 0 0 18px; }
.content ul.bluebull   { list-style-image: url(../pics/bullet-blau.png); }
.content ul.bluebullsmall { list-style-image: url(../pics/bullet-blauklein.png); }
.content ul.yellowbull { list-style-image: url(../pics/bullet-gelb.png); }
.content ul.greybull   { list-style-image: url(../pics/bullet-grau.png); }

.content li { font-family: 'Sintony', sans-serif; font-weight: normal; font-size: 18px; color: #3e3d40; line-height: 30px; padding: 0px; text-align: left; }
.lipad { border: 0px solid #000; margin: 10px 0; }

p           { font-family: 'Sintony', sans-serif; font-weight: normal; font-size: 18px; color: #3e3d40; line-height: 30px;}
p.claim     { font-family: 'Sintony', sans-serif; font-size: 30px; font-weight: normal; color: #00458a; margin: 10px 0px; }
p.subclaim  { font-family: 'Sintony', sans-serif; font-size: 18px; font-weight: normal; color: #00458a; margin: 0px 0px 20px 0px; }
.blue       { color: #00458a;}
.os { font-family: 'Open Sans';}

#top {
width:100%;
padding: 0px;
float: left;
overflow: hidden;
border:0px solid #000;
}

#logodiv {
  float: left;
/*  padding: 7px 58px 7px 0px;*/
  padding: 0px 28px 7px 0px;
  display: inline-block;
}
#logo {
/*  width: 240px;*/
  width: 270px;
}

.shade {
-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.4);
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      - o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.shade:hover {
-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.8);
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.8);
}



#footer {
overflow: hidden;
margin: 0px;
color: #fff;
border: 0px solid #00f;
}

#footer p{
padding: 15px 0px 15px 40px;
font-family: 'Sintony', sans-serif;
font-size: 16px; font-weight: normal; color:#fff;
}

#footer .fb{
padding: 10px 10px;
float: left;
}

#footer .links{
width: 97%;
padding: 5px 0px 0px 10px;
text-align: left;
border: 0px solid #0e0;
}

#footer .links a { border-radius: 3px; display: inline-block; vertical-align: middle; padding: 3px; margin: 2px; background-color: #fff;}

.footlink { color: #fff; font-weight: normal; text-decoration: none; }
.footlink:hover { color: #fec900; font-weight: normal; }

#navigation {
float: left;
width: 320px;
border: 0px solid #000;
}

#navlist { padding: 0; margin: 0px; border:0px solid #000; float: left; }
#navlist li	{ display: inline-block; list-style-type: none; border:0px solid #000; padding: 0px 0px 12px 0px; margin: 0px; }

a       {
  -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
      - o-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
          transition: all 0.7s ease;

}


a { color: #009ee0;}
a:hover { color: #3e3d40;}
.ablue { color: #009ee0;}
.ablack { color: #3e3d40; text-decoration: none;}
.ablack:hover { color: #3e3d40; text-decoration: underline;}

a.nav                   { font-family: 'Sintony', sans-serif; font-weight: bold; font-size: 16px; color:#00458a; padding: 4px 0 0 18px; width: 294px; height: 31px; text-decoration: none; display: block; }
a.nav:hover             { text-decoration:none; color: #fff;  background-color: #00448a!important; }
a.navselected           { font-family: 'Sintony', sans-serif; font-weight: bold; font-size: 16px; color:#00458a; padding: 4px 0 0 18px; width: 294px; height: 31px; text-decoration: none; display: block; }
a.navselected:hover     { text-decoration:none;}
.half       { width: 150px!important; padding: 4px 0 0 0!important; margin: 0px 7px 0px 0px; color: #3e3d40!important; text-align: center; }
.half:hover { color: #ffffff!important; }

a.subnav                { font-size: 12px; padding: 0px 0px 0px 18px; margin:0px; border:0px; color:#000; text-decoration:none;}
a.subnav:hover          { text-decoration:none;}
a.subnavselected        { font-size: 12px; padding: 0px 0px 0px 18px; margin:0px; border:0px; color:#000; text-decoration:none;}
a.subnavselected:hover  { text-decoration:none;}


.more1, .more2, .more3, .more4  { cursor: pointer; }
.toggler {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      - o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
 }
.toggler:hover { color: #fdce1f; }

.contpicright { float: right; padding: 0px 0px 10px 10px;}
.contpicleft  { float: left;  padding: 0px 10px 10px 0px;}

.tablenull { border:0px solid #000; margin: 10px 5px 0px 0px; border-collapse:collapse; }
.tablenull td {font-family: 'Sintony', sans-serif; font-weight: normal; font-size: 18px; vertical-align: text-top; color: #3e3d40; padding: 5px 15px 5px 0px; }
.tablenull td.left { text-align: right;}

.conttable { width: 100%; border-collapse:collapse; border: 1px solid #efefef; margin: 20px auto; }
.conttable tr:nth-child(2n+1) /* odd rows */ {  background-color: #efefef; }
.conttable th { text-align: left; padding: 10px 20px;font-family: 'Sintony', sans-serif; font-weight: normal; font-size: 18px; color: #666; background-color: #efefef;}
.conttable td { padding: 5px 20px; font-size: 14px;}
.conttable .tdright {text-align: right;}

.galpic {
   border-radius: 3px;
   height: 125px; margin: 2px 5px; border: 2px solid #fff !important;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      - o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
 }
.galpic:hover { border: 2px solid #8c0005 !important; }
.gallerybg { background-color: #efefef; padding: 10px; text-align: center; margin: 0 0 20px;}

.messagetext {
  height: 186px;
  width: 455px;
  border: 1px solid #ccc;
  background-color:#fff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.fbutton {
  height: 20px;
  width: 120px;
  border: 1px solid #fff;
  color: #FDF9EF;
  background-color:#000;
  font-size: 12px;
}

.formbox {
  border: 0px solid #0f0;
  background: #e5e5e5;
  padding: 20px;
  border-radius: 8px;
}

.button {
  color: #fff; font-size: 20px;
  border-radius: 4px;
  border: 2px solid #fff;
  padding: 10px 25px 10px 15px;
  margin: 2px;
  display: inline-block;
  background: #62ab38;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      - o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.button:hover {
  color: #62ab38;
  padding: 10px 15px 10px 25px;
  background: #fff;
}

select, input, textarea {
  border: 1px solid #ccc;
  font-family: 'Sintony', sans-serif;  font-size: 12px; font-weight: normal; color:#000;
  color:#000;
  margin: 2px 0px;
  padding: 2px;
}

form { padding:0px;  margin:0px; }
.maps  { display: none; }

.map {
	width:100%;
	height:500px;
}

.map-wrap {
	position:relative;
    padding: 0 0 10px;
}

.overlay {
	width:100%;
	min-height:500px;
	position:absolute;
	top:0;
}

.input-text {
    background-color: #fbfbfb;
    border: medium none;
    border-radius: 2px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0px;
    padding: 5px 10px;
    height: 32px;
    width: 100%;
}
.input-text.area { height: 150px;}

.submit-button {
  font-family: 'Sintony', sans-serif; font-weight: normal; font-size: 14px; color: #666;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      - o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  background-color: #eee;
  margin: 5px 0px;
  padding: 12px 20px;
  border-radius: 2px;
  border: 1px solid #666;
}
.submit-button:hover {
  background-color: #666;
  color: #fff;
}
label p {
  margin: 10px 0px 0px 0px;
}

/* =======================================================
    responsive styles
   ======================================================= */

@media screen and (min-width: 1151px) {
/* desktop navi */
  #logomob { display: none;}
}

@media screen and (max-width: 1150px) {
  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

  img { max-width: 100%; }
  .notmob { display: none;}

  #top { border:0px solid #0f0; }
  #head { width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #0ff; }
  #stage { width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #ff0; }
  .sheet {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 50px 50px 90px 50px;
    -webkit-box-shadow: -35px 16px 40px 0px rgba(0,69,138,0);
       -moz-box-shadow: -35px 16px 40px 0px rgba(0,69,138,0);
            box-shadow: -35px 16px 40px 0px rgba(0,69,138,0);
    border: 0px solid #0f0;
    z-index: 100;
  }
  .sheet .w600 { border: 0px solid #0f0; width: 100%; }

  #sidepic { display: none;}
  #sidepic2 { display: none;}
  #sidedivaktuell { display: none;}
  #indiv { display: block; width: 326px; background-color: #f0f1f6; padding: 0px 10px; }
  #inpic { display: block; width: 38%;}
  #soundwave { display: none;}

  #container { width:100%; }

  .content h1 {  }
  .content h2 {  }
  .content h3 {  }
  .content h4 {  }
  .content p  { }
  .halfcontent { float: left; width: 100%;}
  .halfcontent .inner { padding: 0px;}


}
@media screen and (max-width: 500px) {
  #container {
    border:0px solid #f00;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(3,75,145,1) 100%);
  }

  .section { margin: 0px 0px 0px 20px; }


  #top {
    width:100%;
    padding: 0px;
    float: left;
    overflow: hidden;
    border:0px solid #000;
    text-align: center;
  }

  #logodiv {
    width: 100%;
    padding: 7px;
    display: inline-block;
  }

  #navigation {
    float: left;
    width: 98%;
    border: 2px solid #fff;
    display: inline-block;
  }
  #navlist { border: 0px solid #0f0; }

  .half { margin: 0px 4px 0px 3px; }


  .sheet { padding: 20px 20px 60px 20px; }
  #inpic { display: block; width: 100%;}
  #indiv { display: block; width: 95%;}
  .contpicright { clear:both; padding: 0px 0px 10px 0px; width: 100%; }
  .contpicleft  { clear:both; padding: 0px 0px 10px 0px; width: 100%; }
}