/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

html { overflow-y: scroll; }
body {
  margin: 0px; border: 0px;
  font-size: 100%; font-weight: normal; color:#666;
  font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: normal;
}


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

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

.section.logo {
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  height: 150px;
  top: 0;
/*  background: rgba(171,211,255,0.90);*/
background: rgb(0,63,130);
background: linear-gradient(0deg, rgba(0,63,130,1) 0%, rgba(127,188,255,1) 100%);

  transition: height 500ms;
}
.section.logo.tiny {
  height: 75px;
}
.section.navbar {
  border-bottom: 0px solid #ccc;
  position: fixed;
  top: 151px;
  background: rgba(0,87,181,0.90);

background: rgb(0,63,130);
background: linear-gradient(0deg, rgba(0,63,130,1) 50%, rgba(127,188,255,1) 100%);

  transition: all 500ms;
}
.section.navbar.tiny {
  top: 76px;
}

.ekgbg {
  background: url(../pics/ekg-bg.png) repeat-x !important;
  background-position:  0% 70% !important;
}

.hcflogo {
  border: 0px;
  padding: 5px 0px 0px 20px;
  height: 150px;
  transition: height 500ms;
}
.hcflogo.tiny {
  height:75px;
}


.socials {
  float: right;
  border: 0px solid #ccc;
  padding: 20px 10px 10px 10px;
}
.socialbutton{
  width: 20px;
  height: 20px;
  float: left;
  padding: 5px;
}

.section.illu {
  background-color: #fff;
  padding: 210px 0px 0px 0px;
  text-align: center;
  line-height: 0px;
}

.section.banner {
  background-color: #fff;
  padding: 20px 0px 0px 0px;
  text-align: center;
  line-height: 0px;
}

.first { padding: 240px 0px 0px 0px!important; }

#illumob { display: none; }
.mobonly { display: none; }

.section.content {
  background: none;
  padding: 0px;
  overflow: hidden;
}

.inner {
width:73%;
padding: 30px 0px;
overflow: hidden;
margin:0px auto;
text-align:left;
border:0px solid #000;
}

.box {
padding: 0px;
border:0px solid #000;
}

.claim {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding: 0px 30px;
}

.center { text-align: center; }
.grey {
background: rgb(204,204,204)!important;
background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%)!important;
}

.green { background-color: #e55f06!important; }
.green p { color: #fff; }
.typegreen { color: #e55f06!important; }
.greenbar { width: 50%; }
.pad6 { padding: 2% 6%; }
.portrait { max-width: 100%; border-top: 20px solid #eee; }
.sponsorlogo { float: left; padding: 0px 5px 5px 0px; width: 250px; }
.sponsorlogoklein { padding: 5px; height: 63px; }
.yellowblock { padding: 10px 20px 20px 20px; background-color: #fcffe0; margin: 20px 0; border-radius: 10px;}
.button {
  color: #fff; font-size: 30px;
  border-radius: 4px;
  border: 2px solid #fff;
  padding: 20px 25px 20px 15px;
  margin: 2px;
  display: inline-block;
  background: #e55f06;
}
.button:hover {
  color: #e55f06;
  padding: 20px 15px 20px 25px;
  background: #fff;
}

.content h1 { font-family: 'Montserrat', serif; font-size: 32px; font-weight: bold; color: #666; margin: 10px 0px; }
.content h2 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: bold; color: #666; margin: 6px  0px; }
.content h3 { font-family: 'Montserrat', serif; font-size: 22px; font-weight: bold; color: #666; margin: 4px  0px; }
.content h4 { font-family: 'Montserrat', serif; font-size: 18px; font-weight: bold; color: #666; margin: 0px; }
.content li { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 16px; color: #666; line-height: 30px; padding: 0px; }
p  { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 16px; color: #666; line-height: 22px;}
.greenspan { color: #e55f06; }

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

.contbox {
  border: 1px solid #eee;
  padding: 20px;
  margin: 30px 0px;
  background-position: top right;
}

.shade {
-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 10px 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);
}


/* +++ accordeon +++*/
.accordion {
  background-color: #fff;
  margin: 0px 0px 10px 0px;
  padding: 0px  ;
}

#accWrap {
    clear: both;
}

#accWrap .accteaser{
  color: #fff;
  padding: 0px;
  margin: 0px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border: 0px solid #00d;
background: rgb(0,63,130);
background: linear-gradient(0deg, rgba(0,63,130,1) 0%, rgba(127,188,255,1) 100%);
}

#accWrap .accteaser h2 { color: #fff; padding: 4px 0px 1px 10px; margin: 5px 0px; font-size: 20px;}
#accWrap .accteaser h2 i { font-size: 20px; padding: 0px 5px 0px 5px;}

.readmore {
  margin: 0px;
  float:right;
  padding: 4px 18px 0px 10px;;
  font-size:28px;
  border: 0px solid #0dd;
}

.more {
  display: none;
  margin: 0px;
  padding: 0px;
  background: #eee;
  width: 100%;
}

.moreinner { padding: 10px; }


/* +++ accordeon +++*/


#footer {
width: 100%;
overflow: hidden;
margin: 0px;
padding-bottom: 40px;
border: 0px solid #00f;
background-color: #0057b5;
background: rgb(0,63,130);
background: linear-gradient(0deg, rgba(127,188,255,1) 0%, rgba(0,63,130,1) 100%);

}

#footer p{
padding: 15px 25px;
font-family: 'Montserrat', sans-serif;
font-size: 14px; font-weight: normal; color:#ccc; text-align:right;
line-height: 20px;
}

#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: #e55f06; font-weight: normal; }
.footlink:hover { color: #fff; font-weight: normal; }

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

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

.thirdbox { width: 33%; float: left; border: 0px solid #ccc; }
.thirdbox .in { padding: 10px; }
.halfbox { width: 49%; float: left; border: 0px solid #ccc; }
.halfbox .in { padding: 10px; }
.box60 { width: 62%; float: left; border: 0px solid #ccc; }
.box60 .in { padding: 10px; }
.box41 { width: 39%; float: left; border: 0px solid #ccc; }
.box41 .in { padding: 10px; }
.box40 { width: 37%; float: left; border: 0px solid #ccc; }
.box40 .in { padding: 10px; }
.box18 { width: 18%; float: left; border: 0px solid #ccc; }
.box18 .in { padding: 10px; }

a       { font-family: 'Montserrat', sans-serif; font-weight: normal; text-decoration:none;  color: #e55f06;
  -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;
}
a:hover { color: #444;}

.upper { text-transform: uppercase; }

a.nav                   { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; padding: 5px 15px 0 0; color:#ff6a07; height: 23px; text-decoration: none; display: block; }
a.nav:hover             { text-decoration:none; color:#fff;}
a.navselected           { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; padding: 5px 15px 0 0; color:#fff; height: 23px; text-decoration: none; display: block; }
a.navselected:hover     { text-decoration:none;}

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


a.foot       { font-weight: normal; color:#3a6087; text-decoration:none; padding: 0px 0px 0px 0px; text-decoration:underline;}
a.foot:hover { text-decoration:none;}
a.white       { color:#fff; text-decoration:none; text-decoration:none;}
a.white:hover { color: #444;}
a.pdflink       { font-size: 12px; color:#3a6087; font-weight:normal; background: url(pics/icon-pdf.gif); background-repeat: no-repeat; background-position: left; padding-left:17px; text-decoration:none;}
a.pdflink:hover { font-size: 12px; color:#3a6087; text-decoration:underline;}
a.print       { font-size: 12px; font-weight: normal; color:#3a6087; text-decoration:none; padding: 0px 0px 0px 0px;}
a.print:hover { text-decoration:underline;}

.contpicright { float: right; padding: 0px 0px 10px 10px; margin-right: 20px!important;}
.contpicleft  { float: left;  padding: 0px 10px 10px 0px;}
.thirdpic { width: 30%; }

.fotoborder { padding: 8px; margin: 12px; }

.tablenull { border:0px solid #000; margin: 10px 5px 0px 0px; border-collapse:collapse; }
.tablenull td {font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 15px; vertical-align: text-top; padding: 10px 10px; }
.tablenull td.right { text-align: right;}
.tablenull tr:last-child td:last-child{ border:none; }

.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: 'Montserrat', 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: 1px;
   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 #e55f06 !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;
}

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

form { padding:0px;  margin:0px; }



.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 5px 0px;
    padding: 5px 10px 5px 10px;
    height: 32px;
    width: 90%;
}
.input-textarea {
    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 5px 0px;
    padding: 5px 10px 5px 10px;
    height: 132px;
    width: 90%;
}




.button {
  font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 20px; color: #fff;
  border-radius: 4px;
  border: 2px solid #ccc;
  padding: 10px 25px 10px 15px;
  margin: 2px;
  display: inline-block;
  background: #e55f06;
  -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: #e55f06;
  padding: 10px 15px 10px 25px;
  background: #fff;
}



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


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

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

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

  img {max-width: 100%;}

  #container { width:100%; }
  #top { width:100%; border:0px solid #0f0; }
  .inner { width:97%; }
  .first { padding: 200px 0px 0px 0px!important; }

  #illudesk { display: none; }
  #illumob  { display: block; }
  .deskonly { display: none; }
  .mobonly  { display: inline-block; }
  .halfbox { width: 99%; padding: 20px 0; }
  .thirdbox { width: 99%; float: left; border: 0px solid #ccc; padding: 20px 0; }
  .greenbar { width: 90%; }
  .box41 { width: 99%; padding: 20px 0; }
  .box18 { width: 59%; padding: 20px 0; }

  /* mobile navi */
  #logopc { display: none;}
  #navigation {display: none;}
  #navlist { padding: 5px 0px 0px 0px; margin: 0px; border:0px solid #000; float: left; }
  #navlist li    { display: block; list-style-type: none; border-bottom:0px solid #fff!important; text-align: left; padding: 0px 0px 0px 0px; height:40px; }

  #drawers {
    margin: 0px;
    padding: 10px;
    border:0px solid #090;
  }
  #drawers li{ list-style-type:none; border: 0px solid #000; }

  #drawers div.lihead {
    border: 0px solid #f00;
    text-align: left;
    padding: 5px;
    color:#fff;
    font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight:normal; text-decoration:none; text-transform: uppercase;
    }
  #drawers div.licont {
    border: 0px solid #0f0;
    margin: 0px 0px 0px 24px;
    display:none;
    overflow: visible;
  }
  .content h1 { font-family: 'Montserrat', serif; font-size: 30px; font-weight: bold; color: #666; margin: 5px 0px; }
  .content h2 { font-family: 'Montserrat', serif; font-size: 25px; font-weight: bold; color: #666; margin: 0px; line-height: 40px; }
  .content h3 { font-family: 'Montserrat', serif; font-size: 20px; font-weight: bold; color: #666; margin: 0px; line-height: 30px; }
  .content h4 { font-family: 'Montserrat', serif; font-size: 18px; font-weight: bold; color: #666; margin: 0px; }
  .content p  { }
  .halfcontent { float: left; width: 100%;}
  .halfcontent .inner { padding: 0px;}


}
@media screen and (max-width: 400px) {
  .box60 { width: 99%; padding: 20px 0; }
  .box40 { width: 99%; padding: 20px 0; }
}