body {
  font-size: 2.1em;
}

h1 {
  font-size:2em;
}

h2 {
  font-size:2em;
}

nobr {
  font-size:0.9em;
}


/* 
//////////////////////////////////////////////////////////////
///////////////////////// Navigation /////////////////////////
//////////////////////////////////////////////////////////////
*/


.logoContainer object {
  width:6em;
}

.navigationDesktop {
  display:none;
}

.navigationButtonDesktop {
  display:none;
}

.navigationButtonMobile {
  display:block;
}

.navigationButtonMobile svg {
  height: 2.8em;
  margin-top: 1.5em;
}

.headerBar {
  position:fixed;
  width:100%;
  top:0;
  left:0;
}


/* 
//////////////////////////////////////////////////////////////
////////////////////////// Header ////////////////////////////
//////////////////////////////////////////////////////////////
*/

.fullsizeHeaderPicture {
  height: 80vh;

  background-size:100% auto;
}


.fullsizeHeaderPicture .headerHeadline {
  position:absolute;
  left:center;
  top:calc(50% - 3.1em);
}

.headerHeadline {
  font-size: 2.2em;
}


.headerButtons {
  float:left;
  width:100%;
  text-align: center;
  display:block;
  white-space: normal;
}

.headerButtons .button {
  display:inline-block;
  margin-bottom:1.5em;

}

/*
//////////////////////////////////////////////////////////////
////////////////// Slider Einstellungen //////////////////////
//////////////////////////////////////////////////////////////
*/


#my_fader {
  width:100%;
  float:left;
  overflow:hidden;
}

#slide_container {
  position:relative;
  float:left;
  width:100%;
  height:100%;
  display:block;
}

.slides {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-size:auto 100%;
  background-position:center center;
  background-repeat: no-repeat;
}


/* 
//////////////////////////////////////////////////////////////
////////////////////// Quadratic Button //////////////////////
//////////////////////////////////////////////////////////////
*/


.quadraticButton {
  animation-name: none;

  width:18em;
  height:18em;

  margin:0!important;
  margin-bottom: 2.5em!important;
}

.quadraticButton:hover {
  animation-name: none;
}


/* 
//////////////////////////////////////////////////////////////
////////////////////////// Content ///////////////////////////
//////////////////////////////////////////////////////////////
*/

.mobileSubPage {
  margin-top:5em;
}

.showOnDesktop {
  display: none;
}

.showOnSmartphone {
  display: block;
}

.bold {
  font-weight: bold;
}


.d50 {
  width:100%;
}

.d40 {
  width:100%;
}

.contentHalfTextBlockBig {
  margin-top:2em;
}

.contentHalfTextBlockSmall {
  margin-top:2em;
}



.steringArrowLeft {
  background-position:15% center;
  background-size:auto 40%;
  height:50vh;
}

.steringArrowRight {
  background-position:85% center;
  background-size:auto 40%;
  height:50vh;
}



.thumbnail {
  height:3em;
  border-width:0.1em;
}

.chiffreContact {
  margin-top:10em;
}

.chiffreContact input[type=submit] {
  margin-left:0.5%!important;
}

.searchBarWrapper {
  width:100%;
}

.searchBar {

}

.searchSubmitWrapper {
  width:100%;
  float:left;
  margin:1.5em 0 0 0!important;
}

.searchSubmit {
  margin:0!important;
  margin-left:0.5%!important;
  display:block;
  float:left;
}


.galeriePicture {
  width:97.5%;
  padding:1em 1.25%;
  float:left;
}

.galeriePicture img {
  width:100%;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;
}


/* 
//////////////////////////////////////////////////////////////
///////////////////////// Fader Style ////////////////////////
//////////////////////////////////////////////////////////////
*/

#fadeshow1 {
  width:25em!important;
  height:12.5em!important;

  padding:1.25em;
}

#fadeshow2 {
  width:25em!important;
  height:12.5em!important;

  padding:1.25em;
}

.faderWrapper img {
  width:90%;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;

  -webkit-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
          box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
}


/* 
//////////////////////////////////////////////////////////////
/////////////////////////// Input ////////////////////////////
//////////////////////////////////////////////////////////////
*/


.contactDataDesktop {
  display:none;
}

.contactDataMobile {
  display:none;
  margin-top:0em;
  margin-bottom:2em;
}

form .d60 {
  width:100%;
}

input[type=submit] {
  width:80%;
  margin-left:5%;
  padding-left: 0;
  padding-right: 0;
}

/* 
//////////////////////////////////////////////////////////////
////////////////////////// Footer ////////////////////////////
//////////////////////////////////////////////////////////////
*/


.footer .d30 {
  width:100%;
  margin-bottom:4em;
}


.footer .d35 {
  width:100%;
  margin-bottom:4em;
}