footer#footer {
    color: white;
    padding: 30px 0 0 0;
    clear: both;
}

footer#footer a,
footer#footer a:hover {
    color: white;
}

footer#footer div#footerTitleRow,
footer#footer div#footerContentRow {
    overflow: hidden;
}
footer#footer * {
    box-sizing: border-box;
}
footer#footer div#footerTitleRow {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #403a2d;
    margin: 0 auto 5px auto;
}

footer#footer div#footerContentRow {
    height: auto;
    background-color: #403a2d;
}

footer#footer .firstColumn {
    float: left;
    width: 40.6504%;
    padding-right: 1.626%;
}

footer#footer .secondColumn {
    float: left;
    width: 32.1951%;
    padding-right: 1.626%;
}

footer#footer .thirdColumn {
    float: left;
    width: 23.9024%;
}

footer#footer .firstColumn,
footer#footer .secondColumn,
footer#footer .thirdColumn {
    margin: 12px 0 0 0;
}

/*footer#footer .firstColumn a,*/
/*footer#footer .secondColumn a {*/
    /*display: block;*/
    /*padding: 18px 0 18px 45px;*/
    /*background-size: auto 35px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: left center;*/
    /*position: relative;*/
/*}*/

/*footer#footer .firstColumn a i,*/
/*footer#footer .secondColumn a i {*/
    /*height: 30px;*/
    /*width: 30px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 50%;*/
    /*margin: -15px 0 0 0;*/
/*}*/

/*.location-wrapper i.location {*/
    /*background: url("../images/vowaSprite.svg") 0 -500px;*/
    /*background-size: 1066px 9000px;*/
/*}*/

footer#footer .firstColumn a:hover i.location {
    background-position: -70px -500px;
}

footer#footer .firstColumn a i.phone {
    background: url("../images/vowaSprite.svg") 0 -600px;
    background-size: 1066px 9000px;
}

footer#footer .firstColumn a:hover i.phone {
    background-position: -70px -600px;
}

footer#footer .firstColumn a i.mail {
    background: url("../images/vowaSprite.svg") 0 -700px;
    background-size: 1066px 9000px;
}

footer#footer .firstColumn a:hover i.mail {
    background-position: -70px -700px;
}

footer#footer .firstColumn a i.donate {
    background: url("../images/vowaSprite.svg") 0 -7300px;
    background-size: 1066px 9000px;
}

footer#footer .firstColumn a:hover i.donate {
    background-position: 0 -7350px;
}

footer#footer .secondColumn a i.facebook {
    background: url("../images/vowaSprite.svg") 0 -1000px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.facebook {
    background-position: -70px -1000px;
}

footer#footer .secondColumn a i.twitter {
    background: url("../images/vowaSprite.svg") 0 -1100px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.twitter {
    background-position: -70px -1100px;
}

footer#footer .secondColumn a i.youtube {
    background: url("../images/vowaSprite.svg") 0 -4800px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.youtube {
    background-position: -70px -4800px;
}

footer#footer .secondColumn a i.instagram {
    background: url('../images/vowaSprite.svg') no-repeat 0 -7967px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.instagram {
    background-position: -70px -7967px;
}

footer#footer .secondColumn a i.newsletter {
    background: url("../images/vowaSprite.svg") -70px -7300px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.newsletter {
    background-position: -70px -7350px;
}

footer#footer .secondColumn a i.wettbewerb {
    background: url("../images/vowaSprite.svg") -140px -7300px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a:hover i.wettbewerb {
    background-position: -140px -7350px;
}

footer#footer .secondColumn a#facebook {
    background: url("../images/vowaSprite.svg") -0px -1000px;
    background-size: 1066px 9000px;
}

footer#footer .secondColumn a#twitter {
    background: url("../images/vowaSprite.svg") -0px -1100px;
    background-size: 1066px 9000px;
}

footer#footer .thirdColumn a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 0 11px 0;
}

.display-ad-container {
    opacity: 0.7;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
}

.display-ad-container img {
    padding-top: 50px;
    width: 100%;
    border: 0;
}

.display-ad-container:hover {
    opacity: 1;
}

/* ------ */
/* Besuchszentrum - Logo auf der rechten Seite */

.display-ad-container-bz a {
    background-color: none;
}

.display-ad-container-bz {
    opacity: 0.7;
    float: right;
    width: 14%;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
}

.display-ad-container-bz:hover {
    opacity: 1;
}

div#contentArea div#contentAreaBox div#content .container-bz {
    float: right;
    width: 100%;
}

.container-bz {
    margin-bottom: 15px;
}

div#contentArea div#contentAreaBox div#content .emya-logo-bz {
    float: right;
    width: 20%;
    margin-top: 25px;
}

.emya-logo-bz {
    opacity: 0.7;
    float: right;
    width: 14%;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
}

.emya-logo-bz a {
    opacity: 1;
}

.container-besuch a {
    background-color: none;
}

.container-besuch {
    opacity: 0.7;
    float: right;
    width: 14%;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
}

.container-besuch:hover {
    opacity: 1;
}

.fidedLinks {
    position: absolute;
    top: 180px;
    z-index: 1;
    right: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fidedLinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.fidedLinks ul li {
    margin: 10px 0;
}

.fidedLinks ul li a:hover {
    opacity: 1;
}

.fidedLinks ul li a {
    display: block;
    width: 120px;
    height: 100px;
    font-size: 0;
    margin: 0 auto;
    opacity: 0.8;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.fidedLinks ul li a.spenden {
    background: url(../images/vowaSprite.svg) -1px -8222px;
    background-size: 1200px 10000px;
}

.fidedLinks ul li a.newsletter {
    width: 106px;
    background: url(../images/vowaSprite.svg) -1px -8329px;
    background-size: 1200px 10000px;
}

.fidedLinks ul li a.wettbewerb {
    width: 106px;
    background: url(../images/vowaSprite.svg) 0px -8438px;
    background-size: 1200px 10000px;
}

.fidedLinks ul li a.spenden[data-text="Donare ora"] {
    background-position: -371px -8222px;
}

.fidedLinks ul li a.spenden[data-text="Donate Now"] {
    background-position: -250px -8222px;
}

.fidedLinks ul li a.spenden[data-text="Faire un don"] {
    background-position: -123px -8222px;
}

.fidedLinks ul li a.newsletter[data-text="Abonnement newsletter"] {
    background-position: -124px -8329px;
}

.fidedLinks ul li a.wettbewerb[data-text="Concours"] {
    background-position: -124px -8438px;
}

div#headImageArea
#startpageSlider
#controlsBox
#controlsContainer
.flex-direction-nav
li {
    padding: 0 10px;
}

@media screen and (max-width: 640px) {
  /* ----------------------------- */
  /* GENERAL CLASSES & DEFINITIONS */
  body {
    background-color: #dddad3;
  }
  .contentBox {
    padding: 0 10px;
  }
  body .mobileOnly {
    display: block;
  }

  /* --------- */
  /* HEAD-AREA */
  header#headArea {
    position: static;
  }

  /* --------------- */
  /* META-NAVIGATION */
  header#headArea div#metaNavigationBox div#metaNavigationArea {
    height: 55px;
  }
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li {
    float: left;
    height: 40px;
  }
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li
    a
    span.title,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li
    a
    i.arrowBottom,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.media,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.search
    form,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.language:hover
    > ul {
    display: none;
  }
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.contact
    a,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.language
    a,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.search
    a,
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.navigationLink
    a {
    height: 40px;
    width: 40px;
    padding: 0;
    margin: 7px 0 0 12px;
  }
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li
    a
    i.icon {
    height: 40px;
    width: 40px;
    top: 0;
  }
  header#headArea
    div#metaNavigationBox
    div#metaNavigationArea
    nav#metaNavigation
    ul
    li.navigationLink {
    display: block;
  }
  header#headArea div#metaNavigationBox #mobileLangNav {
    padding: 10px 10px 40px 10px;
  }
  header#headArea div#metaNavigationBox #mobileLangNav .content {
    background-color: transparent;
    padding: 0;
  }
  header#headArea div#metaNavigationBox #mobileLangNav .content ul li {
    float: none;
    width: auto;
    margin: 0 0 5px 0;
  }

  /* --------------------- */
  /* HORIZONTAL-NAVIGATION */
  header#headArea div#horizontalNavigationBox {
    height: auto;
    padding: 60px 0 0 0;
    position: relative;
  }
  header#headArea div#horizontalNavigationBox nav#horizontalNavigation {
    padding: 0;
  }
  header#headArea div#horizontalNavigationBox nav#horizontalNavigation a#logo {
    height: 80px;
    width: 238px;
    background: url('images/vowaSprite.svg') 0px -4900px;
    background-size: 1066px 9000px;
    position: absolute;
    left: 10px;
    margin: 0;
    top: -25px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    a#logo.darksite {
    background: url('images/vowaSprite.svg') 0px -5025px;
    background-size: 1066px 9000px;
  }

  /* NAV-LEVEL 1 */
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement {
    display: none;
    width: 100%;
    float: none;
    background-color: #757575;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li {
    float: none;
    height: auto;
    background-image: none;
    position: static;
    margin: 0 0 5px 0;
    background-color: white;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.hideOnSmartphone {
    display: none;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.last {
    margin: 0;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.active {
    background-image: none;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow:hover {
    background-color: #f2f2f2;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue
    a,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol
    a,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green
    a,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange
    a,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow
    a {
    background-color: transparent;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    a {
    position: relative;
    padding: 5px;
    font-size: 20px;
    box-sizing: border-box;
    margin: 0;
    color: black;
    border-bottom: 1px solid #757575;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.first
    a,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.last
    a {
    margin: 0;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.first
    a:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.last
    a:hover {
    margin: 0;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.active
    > a
    i {
    margin: 0;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    a
    i.icon,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.level1:hover
    > a
    i {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 27px;
    width: 40px;
    border: 3px solid #ffffff;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1
    > span
    ul
    li
    a
    i {
    background: #3399ff url('images/vowaSprite.svg') -270px -2693px;
    background-size: 1066px 9000px;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1
    > a
    i.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue.level1
    > span
    ul
    li
    a
    i.active {
    background: #3399ff url('images/vowaSprite.svg') -270px -2593px;
    background-size: 1066px 9000px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1
    > span
    ul
    li
    a
    i {
    background: #4db591 url('images/vowaSprite.svg') -270px -2693px;
    background-size: 1066px 9000px;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1
    > a
    i.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol.level1
    > span
    ul
    li
    a
    i.active {
    background: #4db591 url('images/vowaSprite.svg') -270px -2593px;
    background-size: 1066px 9000px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1
    > span
    ul
    li
    a
    i {
    background: #aec635 url('images/vowaSprite.svg') -270px -2693px;
    background-size: 1066px 9000px;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1
    > a
    i.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green.level1
    > span
    ul
    li
    a
    i.active {
    background: #aec635 url('images/vowaSprite.svg') -270px -2593px;
    background-size: 1066px 9000px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1
    > span
    ul
    li
    a
    i {
    background: #ea8623 url('images/vowaSprite.svg') -270px -2693px;
    background-size: 1066px 9000px;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1
    > a
    i.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange.level1
    > span
    ul
    li
    a
    i.active {
    background: #ea8623 url('images/vowaSprite.svg') -270px -2593px;
    background-size: 1066px 9000px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.level1.active
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.level1:hover
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.level1
    > a
    i,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelEle-270pxlow.level1
    > span
    ul
    li
    a
    i {
    background: #f0a402 url('images/vowaSprite.svg') -270px -2693px;
    background-size: 1066px 9000px;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.level1
    > a
    i.active,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow.level1
    > span
    ul
    li
    a
    i.active {
    background: #f0a402 url('images/vowaSprite.svg') -270px -2593px;
    background-size: 1066px 9000px;
  }

  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    a {
    height: auto;
  }

  /* NAV-LEVEL 2 */
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li:hover
    > .outerNavLevelElement {
    display: none;
    position: static;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement
    ul {
    width: 100%;
    padding: 0;
    box-shadow: 0 0 0 0;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement
    ul
    li
    a {
    width: 100%;
    padding: 5px 35px 5px 20px;
    font-size: 20px;
    color: black;
    border: none;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.blue
    > .outerNavLevelElement
    ul
    li
    a:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.petrol
    > .outerNavLevelElement
    ul
    li
    a:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.green
    > .outerNavLevelElement
    ul
    li
    a:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.orange
    > .outerNavLevelElement
    ul
    li
    a:hover,
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li.yellow
    > .outerNavLevelElement
    ul
    li
    a:hover {
    background-color: #f2f2f2;
  }

  /* NAV-LEVEL 3 */
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement {
    margin: 0;
    padding: 0;
  }
  header#headArea
    div#horizontalNavigationBox
    nav#horizontalNavigation
    .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement
    ul
    li
    > .outerNavLevelElement
    ul
    li
    a {
    padding: 5px 5px 5px 35px;
  }

  /* --------------- */
  /* HEAD-IMAGE-AREA */
  div#headImageArea {
    height: 150px;
    background-size: auto 150px;
    margin: 0;
  }
  div#headImageArea.yellow,
  div#headImageArea.small {
    height: 0;
    margin: 0;
  }
  div#headImageArea .copyright {
    display: none;
  }

  /* ---------------------------- */
  /* MOBILE ADDITIONAL NAVIGATION */
  div#mobileAdditionalNavigation {
    height: 80px;
    background-color: #403a2d;
  }
  div#mobileAdditionalNavigation.blue #parentTitle {
    background-color: #3399ff;
  }
  div#mobileAdditionalNavigation.petrol #parentTitle {
    background-color: #4db591;
  }
  div#mobileAdditionalNavigation.green #parentTitle {
    background-color: #aec635;
  }
  div#mobileAdditionalNavigation.orange #parentTitle {
    background-color: #ea8623;
  }
  div#mobileAdditionalNavigation.yellow #parentTitle {
    background-color: #f0a402;
  }
  div#mobileAdditionalNavigation #parentTitle,
  div#mobileAdditionalNavigation #backButton {
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
  }
  div#mobileAdditionalNavigation #parentTitle {
    font-size: 22px;
    text-align: center;
    padding: 8px 0 6px 0;
  }
  div#mobileAdditionalNavigation #parentTitle i.icon {
    position: absolute;
    width: 22px;
    height: 11px;
    top: 39px;
    left: 50%;
    margin: 0 0 0 -11px;
    background-repeat: no-repeat;
  }
  div#mobileAdditionalNavigation.blue #parentTitle i.icon {
    background: url('images/vowaSprite.svg') -0px -5000px;
    background-size: 1066px 9000px;
  }
  div#mobileAdditionalNavigation.petrol #parentTitle i.icon {
    background: url('images/vowaSprite.svg') -0px -5100px;
    background-size: 1066px 9000px;
  }
  div#mobileAdditionalNavigation.green #parentTitle i.icon {
    background: url('images/vowaSprite.svg') -0px -5200px;
    background-size: 1066px 9000px;
  }
  div#mobileAdditionalNavigation.orange #parentTitle i.icon {
    background: url('images/vowaSprite.svg') -0px -5300px;
    background-size: 1066px 9000px;
  }
  div#mobileAdditionalNavigation.yellow #parentTitle i.icon {
    background: url('images/vowaSprite.svg') -0px -5400px;
    background-size: 1066px 9000px;
  }
  div#mobileAdditionalNavigation #backButton {
    display: block;
    font-size: 16px;
    padding: 12px 10px 7px 50px;
    cursor: pointer;
  }
  div#mobileAdditionalNavigation #backButton i.icon {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('images/vowaSprite.svg') 0 -2300px;
    background-size: 1066px 9000px;
    left: 10px;
    top: 5px;
  }

  /* ------------------- */
  /* VERTICAL-NAVIGATION */
  div#contentArea div#contentAreaBox nav#verticalNavigation {
    display: none;
  }

  /* ---------- */
  /* SHARE PAGE */
  div#contentArea div#contentAreaBox div#sharePage {
    display: none;
  }

  /* --------------------- */
  /* BREADCRUMB-NAVIGATION */
  div#contentArea div#contentAreaBox nav#breadcrumbNavigation {
    display: none;
  }

  /* ------------ */
  /* CONTENT-AREA */
  div#contentArea div#contentAreaBox div#content {
    overflow: hidden;
    margin: 0;
    padding: 20px 0 0 0;
  }
  div#contentArea div#contentAreaBox div#content .contentBar {
    background-color: transparent;
    padding: 0;
  }
  div#contentArea div#contentAreaBox div#content h1 {
    line-height: 28pt;
    font-size: 25px;
    float: none;
    margin: 0 0 10px;
  }
  div#contentArea div#contentAreaBox div#content h2 {
    font-size: 18px;
    line-height: 18pt;
  }
  div#contentArea div#contentAreaBox div#content h3 {
    font-size: 22px;
    line-height: 30pt;
  }
  div#contentArea div#contentAreaBox div#content h4 {
    font-size: 16px;
    line-height: 25pt;
  }
  div#contentArea div#contentAreaBox div#content h5 {
    font-size: 18px;
    line-height: 23pt;
  }
  div#contentArea div#contentAreaBox div#content h6 {
    font-size: 16px;
    line-height: 25pt;
  }
  div#contentArea div#contentAreaBox div#content img {
    width: 100%;
    /*width: 38.7475%;
    height: auto;
    display: block;
    z-index: 10;
    border: none;*/
  }
  div#contentArea div#contentAreaBox div#content .leftImageHighslide,
  div#contentArea div#contentAreaBox div#content .rightImageHighslide,
  div#contentArea div#contentAreaBox div#content .leftImage,
  div#contentArea div#contentAreaBox div#content .rightImage {
    width: 100%;
    max-width: none;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    .leftImageHighslide
    .highslideButton,
  div#contentArea
    div#contentAreaBox
    div#content
    .rightImageHighslide
    .highslideButton {
    display: none;
  }

  /* -------------------------------- */
  /* BIRDS OF SWITZERLAND: START AREA */
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    header#vdsHeadArea
    nav#navElements {
    display: block;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    header#vdsHeadArea
    nav#navElements
    ul {
    display: block;
    margin: 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    header#vdsHeadArea
    nav#navElements
    ul
    li {
    display: block;
    margin: 0 0 5px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    header#vdsHeadArea
    nav#navElements
    ul
    li:last-child {
    margin: 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    header#vdsHeadArea
    nav#navElements
    ul
    li
    a {
    display: block;
    margin: 0;
    text-align: left;
    padding: 8px 0 10px 15px;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    div#resultArea
    div#results.vowaList
    div.listEntry,
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    div#resultArea
    div#results.vowaList
    div.listEntry:nth-child(3n),
  div#contentArea
    div#contentAreaBox
    div#content
    div#vdsStartArea
    div#resultArea
    div#results.vowaList
    div.listEntry:nth-child(4n) {
    width: 100%;
    margin: 0 0 20px 0;
  }

  /* ----------------------------------- */
  /* BIRDS OF SWITZERLAND: DETAILED BIRD */
  div#contentArea div#contentAreaBox div#content div#detailedBird .vdsContent {
    background-color: transparent;
  }
  div#contentArea div#contentAreaBox div#content div#detailedBird header h2 {
    display: none;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    header
    .vdsContent {
    padding: 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    .vdsContent
    .backButton {
    display: none;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    header
    #birdInfos {
    float: none;
    width: 100%;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    header
    #birdInfos
    h3 {
    margin: 20px 0 3px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    header
    #gallery {
    float: none;
    width: 100%;
  }

  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul
    li {
    display: block;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation {
    margin: 30px 0 30px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul
    li
    a {
    margin: 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul
    li {
    margin: 0 0 5px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul
    li#tabNav3,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    nav#registerNavigation
    ul
    li#tabNav5 {
    display: none;
  }

  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent {
    padding: 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div.element.calendar {
    display: none;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListSmall.elementList
    .element,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListBig.elementList
    .element {
    float: none;
    margin: 0 0 20px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListSmall.elementList
    .element {
    width: 100%;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListBig.elementList
    .element {
    width: 100%;
    height: auto;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListSmall.elementList
    .element:nth-child(4n),
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div#elementListBig.elementList
    .element:nth-child(2n) {
    margin: 0 0 20px 0;
  }

  /* @todo: Design der OR-Elemente */
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div.elementList.smallElements
    .element,
  div#contentArea
    div#contentAreaBox
    div#content
    div#detailedBird
    div#registerContent
    div.elementList.imageElements
    .element {
    width: 100%;
    height: auto;
  }

  /* ------------------ */
  /* DEFAULT PAGINATION */
  div#contentArea
    div#contentAreaBox
    div#content
    .paginationArea
    .pagination
    .links {
    display: none;
  }

  /* --------------------- */
  /* DEFAULT DOCUMENT-LIST */
  div#contentArea div#contentAreaBox div#content div.vowaList .listEntry {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div.vowaList
    .listEntry:nth-child(3n) {
    margin: 0 0 20px 0;
  }

  /* --------------- */
  /* MEDIENNEWS LIST */
  div#contentArea
    div#contentAreaBox
    div#content
    div.vowaList
    .listEntry.mediennews {
    width: 100%;
    margin: 0 0 20px 0;
  }

  /* ----------------- */
  /* SHOP-ARTICLE LIST */
  div#contentArea div#contentAreaBox div#content div#shopList .listEntry {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
  }
  div#contentArea
    div#contentAreaBox
    div#content
    div#shopList
    .listEntry
    .listContent {
    padding: 0;
  }

  /* ----------------------------------- */
  /* SHOP-HEADER (INCL. SHOPPING-BASKET) */
  div#contentArea div#contentAreaBox header#shopHeader {
    padding: 0;
    height: auto;
    background-color: transparent;
  }
  div#contentArea div#contentAreaBox header#shopHeader #basketArea {
    margin: 0;
    width: 100%;
    float: none;
    overflow: hidden;
  }
  div#contentArea div#contentAreaBox header#shopHeader #basketArea .label {
    display: none;
  }
  div#contentArea
    div#contentAreaBox
    header#shopHeader
    #basketArea
    #shoppingBasket
    #basketOverview {
    height: 37px;
    padding: 13px 0 0 75px;
    margin: 0;
    background-color: #f0a402;
  }
  div#contentArea
    div#contentAreaBox
    header#shopHeader
    #basketArea
    #shoppingBasket
    #basketOverview
    i.icon {
    left: 10px;
    top: 10px;
  }

  div#contentArea
    div#contentAreaBox
    header#shopHeader
    #basketArea
    #shoppingBasket
    #shopBasketForm {
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  div#contentArea
    div#contentAreaBox
    header#shopHeader
    #basketArea
    #shoppingBasket
    #shopBasketForm
    #basketSurround {
    box-shadow: none;
  }

  /* ------------ */
  /* ARTICLE-VIEW */
  div#contentArea div#contentAreaBox div#content.shopArea #gallery {
    float: none;
    width: 100%;
    margin: 0;
  }
  div#contentArea div#contentAreaBox div#content.shopArea #gallery #carousel {
    display: none;
  }
  div#contentArea div#contentAreaBox div#content.shopArea #articleDetails {
    float: none;
    width: 100%;
  }

  /* ------------------ */
  /* SHOP: CHCKOUT-FORM */
  div#contentArea
    div#contentAreaBox
    div#content
    form#checkout
    input[type='button'],
  div#contentArea
    div#contentAreaBox
    div#content
    form#checkout
    input[type='submit'],
  div#contentArea
    div#contentAreaBox
    div#content
    form#continueForm
    input[type='submit'] {
    width: 100%;
  }

  /* ---------- */
  /* MEDIENNEWS */
  div#contentArea div#contentAreaBox div#content div#mediennewsImages {
    width: 100%;
    float: none;
    margin: 0;
  }

  /* ---------------- */
  /* SIMPLE BIRD-LIST */
  div#contentArea div#contentAreaBox div#content #birdList .bird {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
  }

  /* ------ */
  /* FOOTER */
  footer#footer div#footerTitleRow {
    display: none;
  }
  footer#footer div#footerContentRow {
    background-color: transparent;
    height: auto;
  }
  footer#footer div#footerContentRow #footerContentBox {
    padding: 0;
  }
  footer#footer .firstColumn,
  footer#footer .secondColumn {
    padding: 0 20px 0 20px;
    background-color: #403a2d;
    float: none;
    width: auto;
    border-bottom: 6px solid transparent;
  }
  footer#footer .thirdColumn {
    display: none;
  }

  /* ------ */
  /* Besuchszentrum - Logo auf der rechten Seite */

  div#contentArea div#contentAreaBox div#content .container-besuch {
    width: 100%;
  }
  .container-bz {
    margin-top: -690px;
  }
  div#contentArea div#contentAreaBox div#content .container-besuch {
    width: 100%;
  }

  .container-bz {
    margin-top: 0px;
  }

  .fidedLinks {
    position: relative;
    top: 0;
    right: 0;
    padding: 0 10px;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .fidedLinks ul li {
    margin: 10px 0 0 0;
  }
  .fidedLinks ul li a,
  .fidedLinks ul li a.newsletter,
  .fidedLinks ul li a.spenden,
  .fidedLinks ul li a.wettbewerb {
    display: block;
    background: #3399ff;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    padding-right: 35px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    line-height: 30px;
    position: relative;
    box-sizing: border-box;
  }
  .fidedLinks ul li a:before,
  .fidedLinks ul li a.newsletter:before,
  .fidedLinks ul li a.spenden:before {
    display: block;
    content: '';
    position: absolute;
    width: 14px;
    height: 20px;
    background: url(../images/vowaSprite.svg) -280px -2800px;
    background-size: 1066px 9000px;
    right: 15px;
    top: 16px;
  }
}