@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
  body {
    font-size:65% !important;
  }
  .ismobileindex {
    font-size:2px;
  }


  #mainarea_maincontent {
      width: 31em;
  }
  #mainarea_specialdetailcontent {
      width: 31em;
  }


  #mobile_mainnav {
    display: none;
  }

  #mainnav {
    display: block;
  }

  #mobile_mainnav, .mobileopener {
    display: none !important;
  }

  
  html.js #mainarea_maincontent.isanimated {
    display: block !important;
  }
}


/* Ipad hoch */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
  .ismobileindex {
    font-size:2px;
      }
  body {
    font-size:65%;
    position: static;
    height: auto;
    background-color: #ffffff;
  }
 
  .siteholder {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction:column;
    flex-direction:column-reverse;
  }

  #flexarea {
    -webkit-flex-direction:column;
    flex-direction:column;
  }

  #header {
    width: 100%;
    margin:0;
  }
 
  #bgslider {
      position: static;
      width: 100%;
      height: 25vh;
  }

  #mainarea_maincontent {
    width: 100%;
  }

  #mainarea_specialdetailcontent {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display: none;
    width: auto;
  }

  #loaderwrapper {
      margin-left: 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
  }  

  .closepanel_main {
    display: none;
  }

  html.js #mainarea_maincontent.doanimate {
    display: block !important;
  }

  #contactcontent {
    display: none;
  }

  #logo {
    padding-top:3.375em;
    padding-bottom:3.375em;
    position: relative;    
  }
  #logo a {
      border-bottom:0;
      padding-bottom:0.05em;
  }
  #logo a br { 
    display: none;
  }

  #logo a span.divider {
    display: inline-block;
    width: 0.4em;
  } 

  #mainnav {
display: none;
  }
  .mobileopener {
    position: absolute;
    right: 3em;
    bottom: 3em;    
  }

  .mobileopener i {
    color: #ffffff;
    font-size: 5em;
  }  

#mobile_mainnav {
  display: none;
}
#mobile_mainnav .open {
  display: block;
}


#mobile_mainnav ul {
    margin:0;
    padding: 0 3em 2em 3em;
    list-style-type: none;
}

#mobile_mainnav ul li {
    display: block;
    line-height: 3em;
}

#mobile_mainnav ul li a {
    font-size: 2.5625em;
    color: #bdbfbf;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Univers LT W01_67 Bold 1476016";
    font-weight: normal;
    letter-spacing: 0.054em;
}

#mobile_mainnav ul li.active a,
#mobile_mainnav ul li a:focus,
#mobile_mainnav ul li a:hover {
    color:#ffffff;
}


#mobile_mainnav ul li .subopener  {
  font-family: "Univers LT W01_67 Bold 1476016";
  font-size: 2.5625em;
  color: #bdbfbf;
  display: inline-block;
  margin-left:2em;
}

#mobile_mainnav ul li:not(.active) ul {
  display: none;
}

.siteholder_basetemplatestartseite #mainarea_maincontent h1 {
    color: #72797f;
}

#bgslider.tohide {
  display: none;
}
}


/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) { 
  .ismobileindex {
    font-size:1px;
  }

  html {
    background-color: #ffffff;
  }

  body {
    font-size:50% !important;
    position: static;
    height: auto;
    color:#ffffff;
  }
 
  .siteholder {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction:column;
    flex-direction:column-reverse;
  }


  #mainnav {
    display: none;
  }

  #flexarea {
    -webkit-flex-direction:column;
    flex-direction:column;
  }

  #header {

    width: 100%;
      position: fixed;
      top:0;
      left:0;
      right:0;
      z-index:1;

    -webkit-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.56);    
  }
 
  #bgslider {
      position: static;
      width: 100%;
      height: 25vh;
      height: 57vw;
  }

  #mainarea_maincontent {
    width: 100%;
    text-align: left;
    padding:3em;
  }

  #mainarea_specialdetailcontent {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display: none;
    width: auto;
    overflow-y:auto;
  }


  .closepanel_main {
    display: none;
  }

  html.js #mainarea_maincontent.doanimate {
    display: block !important;
  }

  #contactcontent {
    display: none;
  }

  #logo {
    padding-top:3.375em;
    position: relative;
  }
  #logo a {
    font-size: 8vw;
    border-bottom: 0;
    padding-bottom: 0.75em;
  }
  #logo a span.second {
    margin-top:0.5em;
  }




  #bgslider {
    padding-top:37vw;
  }

  .mobileopener {
    position: absolute;
    right: 2em;
    bottom: 2.5em;    
  }

  .mobileopener i {
    color: #ffffff;
    font-size: 5em;
  }
#mobile_mainnav {
  display: none;
}
#mobile_mainnav .open {
  display: block;
}
#mobile_mainnav ul {
    margin:0;
    padding: 0 3em 2em 3em;
    list-style-type: none;
  padding-right: 0;
}

#mobile_mainnav ul li {
    display: block;
    line-height: 3em;
}

#mobile_mainnav ul li a {
    font-size: 2.5625em;
    color: #bdbfbf;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Univers LT W01_67 Bold 1476016";
    font-weight: normal;
    letter-spacing: 0.054em;
}

#mobile_mainnav ul li.active a,
#mobile_mainnav ul li a:focus,
#mobile_mainnav ul li a:hover {
    color:#ffffff;
}


#mobile_mainnav ul li .subopener  {
  font-family: "Univers LT W01_67 Bold 1476016";
  font-size: 2.5625em;
  color: #bdbfbf;
  display: inline-block;
  margin-left:2em;
}

#mobile_mainnav ul li:not(.active) ul {
  display: none;
  padding-right: 0;
}
#mobile_mainnav ul ul li {
  line-height: 2.5em;
}
#mobile_mainnav ul ul li a {
    font-size: 2em;
}


.siteholder_basetemplatestartseite #mainarea_maincontent h1 {
    color: #72797f;
}

#mainarea_maincontent h1 {
    font-size: 3.5em;
    margin: 0 0 1em 0;
    min-height: initial;
}

#mainarea_maincontent h2 {
    font-size: 2.75em;
}

#mainarea_maincontent h3 {
    font-size: 2.6875em;
}

#mainarea_maincontent h2+h3 {
    min-height: auto;
}

#mainarea_maincontent p {
    font-size: 2em;
    line-height: 1.4em;
}


.powermail_fieldwrap label,
.powermail_fieldwrap .powermail_field input,
.powermail_fieldwrap .powermail_field textarea,
.powermail_fieldwrap_type_submit .powermail_field .powermail_submit {
    font-size: 2em;
}



}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) 
and (orientation : landscape) { 
  .ismobileindex {
    font-size:1px;
  }
  #logo {
    padding-top: 1.375em;
  }
#bgslider {
    padding-top: 9vw;
}
#logo a {
    font-size: 4vw;
    border-bottom: 0;
    padding-bottom: 0.5em;
}  

#logo a span.second {
    margin-top: 0;
}

#logo a span.second br {
  display: none;
}
}