/* General Classes & Styles */
.dropdown-show {
  visibility: visible !important;
  display: block !important;
}
#first-nav em,
#first-nav .sfHover a,
#first-nav a:hover,
#first-nav a:active,
#first-nav a:focus {
  display: block;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
}
#first-nav .first-nav-touched {
/*  background: #A1A1A1 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(darkGray)) !important;
  background: -webkit-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -moz-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -ms-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -o-linear-gradient(top, #E3E3E3, darkGray) !important;*/
  background: url(/assets/gen/img/pfeil_up_2px.png) no-repeat 95% 50% !important;
  background: url(/assets/gen/img/pfeil_up_2px.png) no-repeat 95% 50% !important;
  background: url(/assets/gen/img/pfeil_up_2px.png) no-repeat 95% 50% !important;
  background: url(/assets/gen/img/pfeil_up_2px.png) no-repeat 95% 50% !important;
  background: url(/assets/gen/img/pfeil_up_2px.png) no-repeat 95% 50% !important;
  background-size: 4% !important;
}
.first-nav-touched-tablet {
  background: #A1A1A1 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(darkGray)) !important;
  background: -webkit-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -moz-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -ms-linear-gradient(top, #E3E3E3, darkGray) !important;
  background: -o-linear-gradient(top, #E3E3E3, darkGray) !important;
}

/* Teaser-Slider */
#first-content .cols .first .slider ul {
  width: 360px;
  height: 268px;
}
#first-content .cols .first .anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 99%;
}

/*****Smartphones**********************************************************************/
/* Retina Displays */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:landscape) {
  html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
  }
}
/* Querformat */
@media screen and (orientation:landscape) and (max-width: 767px) {
  html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
  }
  #home li.lang {
   right: 83px !important;
  }
  #home li.lang a,
  #home li.lang span {
    width: 20px !important;
    height: 18px !important;
    display: inline-block !important;
  }
  .figure img,
  .highlight-box img,
  .feature-box img,
  .cols .text-box img,
  #second-content .feature-box img {
    width: 100%;
    height: auto;
  }
  .figure .figcaption {
    width: 97% !important;
  }
}
/* Hochformat */
@media screen and (max-width: 767px) {
  /* _____________________ General _____________________*/
  body {
    font-size: 80%;
    max-width: 100%;
    background: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  #wrapper,
  #footer .inner,
  #header {
    max-width: 100%;
    width: 99.7%;
  }
  #content {
    width: 96%;
    padding: 2%;
  }
  #first-content,
  #second-content {
    width: 100%;
    margin-bottom: 5%;
  }
  #slider,
  #meta-nav,
  #skiplinks,
  #breadcrumb,
  #static,
  #static + #legend,
  .illu {
    display: none;
  }

  .ui-tabs .ui-tabs-nav li {
    float: none;
    width: 100%;
  }

  /* _____________________ Header _____________________*/

  /* Logo & Suche, Sprachauswahl */
  #header {
    margin-bottom: 3%;
  }
  #home #banner {
    border-bottom: 1px solid #CECECE;
  }
  #banner {
    padding: 0;
    border: 0;
  }
  #banner .inner {
    padding: 4%;
    border-width: 2px;
  }
  #logo {
    position: relative;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 66px;
    background-size: 130px 66px !important;
  }
  #home li.search {
    top: 3%;
  }
  li.search {
    position: absolute;
    right: 12px;
    top: 10px;
    border-radius: 7px;
    border: 1px solid #fff;
    -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .1);
    box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .1);
  }
  span.search-icon {
    position: absolute;
    right: 0;
    top: 1px;
    width: 28px;
    height: 27px;
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(255,255,255,1)), color-stop(99%,rgba(226,226,226,1)));
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, -webkit-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, -moz-linear-gradient(top, rgba(255,255,255,1) 41%, rgba(226,226,226,1) 99%);
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, -o-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, -ms-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: url(/assets/gen/img/lupe_smartphone_test.png) no-repeat 1px 1px, linear-gradient(to bottom, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    padding: 0 !important;
    margin: 0 !important;
    background-size: 100%;
  }
  li.search form {
    border: 0;
  }
  #term {
    border: 0;
    border-radius: 5px;
    font-size: 100%;
    width: 90px;
    padding: 8px 5px 2px 5px;
    margin: 0;
    line-height: 1;
    height: 19px;
  }
  #submit {
    display: none;
  }
  li.lang {
    display: none; /* Für Unterseiten Sprachauswahl ausblenden */
  }
  #home li.lang {
    display: block;
    position: absolute;
    top: 60px;
    right: 72px;
    white-space: nowrap;
    font-size: 90%;
    width: 80px;
    font-size: 100%;
  }
  #home li.lang a,
  #home li.lang span {
    text-decoration: none;
    margin-right: 8%;
    text-transform: uppercase;
  }
  #home li.lang .cs {
    margin-right: 0;
  }

  .btn-dsgn {
    border-radius: 5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 41%, rgba(226,226,226,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(255,255,255,1)), color-stop(99%,rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 41%,rgba(226,226,226,1) 99%);
    padding: 6% 7%;
    border: 1px solid #fff;
  }
  #home li.lang span,
  .btn-touched {
    color: white;
    background: rgb(120,120,120);
    background: -moz-linear-gradient(top, rgba(120,120,120,1) 0%, rgba(77,77,77,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,1)), color-stop(100%,rgba(77,77,77,1)));
    background: -webkit-linear-gradient(top, rgba(120,120,120,1) 0%,rgba(77,77,77,1) 100%);
    background: -o-linear-gradient(top, rgba(120,120,120,1) 0%,rgba(77,77,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(120,120,120,1) 0%,rgba(77,77,77,1) 100%);
    background: linear-gradient(to bottom, rgba(120,120,120,1) 0%,rgba(77,77,77,1) 100%);
  }

  /* Navigations */
  #first-nav {
    z-index: 999;
  }
  #first-nav li {
    display: none;
  }
  .first-nav-show {
    display: block !important;
  }
  #home #first-nav li {
    display: block;
  }
  #first-nav li {
    width: 100% !important;
    height: auto;
    margin: 0;
    font-size: 105%;
    background-size: 4%;
  }
  #first-nav > li {
    border-bottom: 1px solid rgba(77, 77, 77, .3);
    background: #ECECEC;
    background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#F7F7F7));
    background: -webkit-linear-gradient(top, #E3E3E3, #F7F7F7);
    background: -moz-linear-gradient(top, #E3E3E3, #F7F7F7);
    background: -ms-linear-gradient(top, #E3E3E3, #F7F7F7);
    background: -o-linear-gradient(top, #E3E3E3, #F7F7F7);
  }
  #first-nav > li:last-child {
    border: 0;
  }
  #first-nav li.fourth {
    background: #ECECEC !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#F7F7F7)) !important;
    background: -webkit-linear-gradient(top, #E3E3E3, #F7F7F7) !important;
    background: -moz-linear-gradient(top, #E3E3E3, #F7F7F7) !important;
    background: -ms-linear-gradient(top, #E3E3E3, #F7F7F7) !important;
    background: -o-linear-gradient(top, #E3E3E3, #F7F7F7) !important;
  }
  #first-nav > li > a {
    white-space: normal;
    line-height: 2em;
    /*margin-left: -9px;*/
    padding-right: 16px;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background-size: 4% !important;
  }
  #first-nav > li > em {
    white-space: normal;
    line-height: 2em;
    margin-left: -9px;
    padding-right: 16px;
    background: #A1A1A1 !important;
    background: -webkit-linear-gradient(top, #E3E3E3, darkGray) !important;
    background: -moz-linear-gradient(top, #E3E3E3, darkGray) !important;
    background: -ms-linear-gradient(top, #E3E3E3, darkGray) !important;
    background: -o-linear-gradient(top, #E3E3E3, darkGray) !important;
  }
  #first-nav ul li:last-child {
    margin-bottom: 0;
  }
  #first-nav ul {
    top: auto;
  }
  #first-nav em.mainpoint {
    padding: 2% 7% 2% 5%;
    line-height: 1.5em;
  }
  #first-nav a {
    white-space: normal;
    padding: 3% 8% 3% 3%;
    line-height: 1.5em;
  }
  #first-nav ul em {
    padding: 0 8% 0 3%;
    line-height: 2.5em;
  }
  #first-nav em a {
    margin-left: -8px;
    width: 100%;
    padding: 4% 6.5% 4% 2%;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background: url(/assets/gen/img/pfeil_down_2px.png) no-repeat 95% 50% !important;
    background-size: 4% !important;
  }
  #first-nav em.first-nav-touched a {
    background: none !important;
  }
  #first-nav ul em a {
    margin-left: -9px;
  }

  #home .menu-btn {
    display: none;
  }
  .menu-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 53px;
    padding: 4px 56px 2px 6px;
    right: 11px;
    font-size: 120%;
    text-decoration: none;
  }
  .menu-btn span {
    width: 26px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 2%;
    top: 12%;
    background: url(/assets/gen/img/menu_smartphone_test.png) no-repeat 0 0;
    background-size: 100%;
  }

  /* _____________________ Social Icons _____________________*/

  #social-bar.sticky, #social-bar.fixed {
    position: relative;
    margin: 0 0 50px 47px;
    top: 0;
    display: block;
    z-index: 1;
  }

  #social-bar li {
    background: none;
    margin-bottom: 0;
    float: left;
    padding-left: 0;
  }

  .social-icons {
    display: block;
    background-repeat: no-repeat;
    padding-right: 3px;
  }

  .icon-fb, .icon-fb:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-facebook-39.png);
  }
  .icon-tw, .icon-tw:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-twitter-39.png);
  }
  .icon-gp, .icon-gp:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-googleplus-39.png);
  }

  /* _____________________ Content _____________________*/
  .feature-box,
  .text-box,
  .highlight-box,
  .highlight-box div h2,
  .box {
    border: 0;
  }
  .highlight-box div {
    margin: 0;
    float: right;
  }
  .text-box h2,
  .text-box div,
  .cols .text-box h2,
  .cols .text-box div {
    margin: 0;
  }
  .feature-box,
  .text-box,
  .highlight-box,
  .box,
  .slider {
    margin-bottom: 2%;
  }
  .feature-box p {
    margin: 0;
    padding: 0;
  }
  .feature-box img,
  .cols .text-box img {
    margin-top: 4%;
  }
   #first-content .cols {
    overflow: visible;
  }
  #first-content .cols:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;
  }

  .cols .text-box h2,
  .text-box h2,
  .feature-box h2 {
    line-height: 1.5em;
    width: 101%;
    margin-left: -2%;
    padding: 1% 1% 1% 2%;
    border: 0;
  }
  .cols .first,
  .cols .second {
    width: 100%;
    float: left;
  }
  .two-cols .left,
  .two-cols .right {
    width: 100%;
  }
  .teaser p a {
    background-position: 4% 45%;
    padding: 2% 9%;
    font-size: 120%;
  }
  #second-content .teaser p a {
    padding: 3%;
    background-position: 0 50%;
    font-size: 80%;
  }
  .wrapper {
    border: 0;
    width: 100%;
  }
  .wrapper .first-content {
    width: 100%;
    margin: 0;
  }
  .wrapper .second-content {
    width: 100%;
    margin: 0;
    float: left;
  }
  .wrapper .first-content img {
    display: none;
  }
  ul.objects a {
    background-position: 3% 53%;
  }
  ul.highlight {
    width: 95%;
  }
  ul.highlight li {
    display: inline-block;
    font-size: 100%;
  }
  .ui-tabs .ui-tabs-panel {
    border: 0;
  }
  #gmap {
    padding: 2%;
  }
  #map_canvas {
    margin: 0 !important;
  }
  .fixed a {
    max-height: 100% !important;
  }

  .vcard .mail {
    margin-top: 0;
  }

  /* Map */
  #map {
    width: 98% !important;
    height: 200px !important;
  }

  /* Bildergalerie */
  .figure, .gallery {
    float: none;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
  }
  .gallery-content a {
    width: 100%;
    height: auto;
  }
  .gallery-thumbnails,
  .prev,
  .next,
  .magnifier {
    display: none !important;
  }
  .figure .figcaption {
    width: 96%;
    margin-left: 2px;
  }
  .gallery-content {
    border: 0;
  }
  .pagination {
    width: 100%;
    position: absolute;
    bottom: -45px;
    text-align: center;
  }
  .pagination li {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 2%;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    padding: 0;
    text-indent: -555em;
  }
  .pagination li.current {
    background: rgba(247, 209, 23,.8);
  }
  .gallery img {
    width: 100%;
  }

  /* Akkordeon */
  .small img {
    width: 100%;
  }
  .teaser-block div {
    margin: 2% 0;
  }
  #accordion {
    width: 104%;
    margin-left: -2%;
  }

  /* Typo */
  h1 {
    font-size: 150%;
    line-height: 1.4em;
    display: block;
    width: 100%;
    background: none !important;
  }
  h2 {
    font-size: 140%;
  }
  h3 {
    font-size: 130%;
  }
  .feature-box h2,
  .cols .text-box h2,
  .text-box h2 {
    background-color: #F7D117;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7DE66), to(#F4CF1D));
    background-image: -webkit-linear-gradient(top, #F7DE66, #F4CF1D);
    background-image: -moz-linear-gradient(top, #F7DE66, #F4CF1D);
    background-image: -ms-linear-gradient(top, #F7DE66, #F4CF1D);
    background-image: -o-linear-gradient(top, #F7DE66, #F4CF1D);
  }
  .highlight-box h2 {
    font-size: 160%;
  }
  .text-box h2 {
    margin-bottom: 5%;
  }
  .text-box h3 {
    margin: 1%;
  }
  .vera dd {
    font-size: 130%;
  }
  .ui-accordion-header,
  .ui-tabs-nav a,
  .qtip-wrapper {
    font-size: 110%;
  }
  h1 span,
  h2 span,
  h3 span,
  #legend span,
  #first-nav a span,
  #first-nav em span,
  .teaser a span,
  .ui-tabs-nav a span {
    font-size: 90%;
  }

  /* YouTube (Newsroom) */
  .js-youtubebox .box-content p,
  .youtube .box-content p,
  .js-youtubebox .box-content .clearfix,
  .youtube .box-content .clearfix {
    margin: 0;
  }

  /* Formulare */
  #date-from, #date-to {
    width: 94%;
  }
  #date-to {
    margin-left: 0;
  }
  .va-cal-left,
  .va-cal-right {
    width: 100%;
  }
  #region,
  #place,
  #type,
  fieldset,
  legend,
  input.large,
  textarea.large,
  .formhandler label,
  .formhandler .label,
  input.medium,
  textarea.medium,
  .input textarea {
    width: 94%;
  }
  .formhandler .input {
    margin: 0;
  }
  .formhandler .bg {
    padding: 1%;
  }
  .formhandler .input .row {
    overflow: visible;
  }
  input.primary {
    margin-bottom: 4%;
  }

  /* Tabellen */
  table {
    margin-left: -2%;
    width: 98%;
    font-size: 110%;
  }
  table th,
  table td {
    padding: 2%;
  }
  table td a {
    float: none !important;
    display: block;
  }
  .rentaloverview tbody tr .preview a {
    display: none;
  }
  .multiple-table dd {
    margin: 0;
  }
  .multiple-table dt {
    width: 100%;
  }
  .reminder {
    float: none;
  }
  .slider {
   border: 0;
  }
  .slider .feature-box {
    margin-bottom: 2%;
  }
  .slider .feature-box h2 {
    margin-left: 0;
    width: auto;
  }
  /* _____________________ Footer _____________________*/
  #footer {
    padding-top: 50px;
    height: 15px;
    background: none;
/*    background: rgb(121,121,121);
    background: -moz-linear-gradient(top, rgba(121,121,121,1) 0%, rgba(111,111,111,1) 16%, rgba(90,90,90,1) 18%, rgba(75,75,75,1) 48%, rgba(73,73,73,1) 20%, rgba(73,73,73,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,121,121,1)), color-stop(16%,rgba(111,111,111,1)), color-stop(18%,rgba(90,90,90,1)), color-stop(20%,rgba(75,75,75,1)), color-stop(48%,rgba(73,73,73,1)), color-stop(100%,rgba(73,73,73,1)));
    background: -webkit-linear-gradient(top, rgba(121,121,121,1) 0%,rgba(111,111,111,1) 16%,rgba(90,90,90,1) 18%,rgba(75,75,75,1) 48%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 100%);
    background: -o-linear-gradient(top, rgba(121,121,121,1) 0%,rgba(111,111,111,1) 16%,rgba(90,90,90,1) 18%,rgba(75,75,75,1) 48%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 100%);
    background: -ms-linear-gradient(top, rgba(121,121,121,1) 0%,rgba(111,111,111,1) 16%,rgba(90,90,90,1) 18%,rgba(75,75,75,1) 48%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 100%);
    background: linear-gradient(to bottom, rgba(121,121,121,1) 0%,rgba(111,111,111,1) 16%,rgba(90,90,90,1) 18%,rgba(75,75,75,1) 48%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 100%);*/
  }
  #footer li {
    font-weight: normal;
  }
  #footer .inner li.first,
  #footer .inner li.second,
  #footer .inner li.third,
  #footer .inner li.fourth {
    display: none;
  }
  #footer .inner > ul > li {
    width: 94%;
  }
  #footer .inner > ul > li > a{
    color: #1a1a1a;
  }
  #footer .inner li {
    float: left;
    margin: 4% 4% 0 0%;
    padding-right: 5%;
    padding-left: 2%;
    border-right: 1px solid #BDBDBD;
  }
  #footer .inner li:last-child {
    border: 0;
  }
  #footer .inner > ul > li.meta-nav-li {
    width: auto;
    margin: 4% 2% 0 2%;
    font-size: 110%;
    padding-right: 5%;
  }

  #footer .inner li.fifth {
    display: none;
    margin-top: 0;
  }

  #footer .social ul > li {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 80%;
  }

  #footer .social ul > li.meta-nav-li  {
    display: none;
  }

  #footer .social ul {
    margin-left: 10px;
    float: right;
  }

}



/***** Tablets **********************************************************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* _____________________ General _____________________*/
  body {
    font-size: 90%;
    max-width: 100%;
  }
  #wrapper {
    width: 100%;
  }
  #footer .inner {
    width: 100%;
  }
  /* _____________________ Header _____________________*/
  /* Suche */
  li.search {
    position: absolute;
    right: 15px;
  }
  span.search-icon {
    position: absolute;
    border-radius: 5px;
    top: 0;
    right: 0;
    width: 32px;
    height: 30px;
    background: url(/assets/gen/img/suche.png) no-repeat 50% 50% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  li.search form {
    border: 0;
  }
  #term {
    border: 0;
    border-radius: 5px;
    font-size: 100%;
    width: 20px;
    padding: 6px;
    height: 18px;
    line-height: 1.2;
  }
  #submit {
    display: none;
  }

  /* Slider & Logo */
  #logo {
    right: 7px;
  }
  #static, #slider, #slider > li  {
    width: 512px;
    height: 262px;
  }
  #controls ol a {
    padding: 8px 16px;
  }

  /* Navigations */
  #meta-nav {
    margin: -1% 0 1% 1%;
    font-size: 82%;
    height: 30px;
  }
  #meta-nav ul {
    float: none;
  }
  #meta-nav li {
   line-height: 2.3em;
  }
  #meta-nav li.lang {
    position: relative;
    margin: 0 1% 0 1%;
  }

  #first-nav {
    font-size: 90%;
  }
  #first-nav ul {
    top: auto;
  }
  #first-nav li {
    height: auto;
  }
  #first-nav li.fourth em a {
    margin-left: -9px;
  }
  #first-nav li em {
    padding: 2% 1% 1% 7%;
    overflow: hidden;
  }
  #first-nav li em a {
    margin-left: -14px;
    width: 100%;
    padding-top: 0px;
  }
  #first-nav li.first em a {
    padding-top: 1px;
  }
  #first-nav li.first {
    width: 30% !important;
  }
  #first-nav li.second {
    width: 29% !important;
  }
  #first-nav li.second ul {
    width: 125%;
  }
  #first-nav li.third {
    width: 23% !important;
  }
  #first-nav li.fourth {
    width: 18% !important;
  }
  #first-nav li.fourth > a {
    padding-left: 10%;
  }
  #first-nav a,
  #first-nav em {
    white-space: normal;
    line-height: 1.4;
    padding: .3em 1.7em 0;
  }
  #first-nav em a {
    margin: -0.1em -1.5em 0;
  }
  #first-nav li.fourth > em {
    padding: .2em .9em 0;
  }
  #first-nav a {
    padding: 2% 5% 1% 7%;
  }
  #first-nav ul a,
  #first-nav ul em {
    line-height: 2.8;
  }
  #first-nav li.fourth ul {
    left: -136px;
    width: 200%;
  }

  #breadcrumb {
    font-size: 90%;
  }

  /* _____________________ Social Icons _____________________*/

  #social-bar.sticky, #social-bar.fixed {
    position: relative;
    margin: 0 0 50px 47px;
    top: 0;
    display: block;
  }

  #social-bar li {
    background: none;
    margin-bottom: 0;
    float: left;
    padding-left: 0;
  }

  .social-icons {
    display: block;
    background-repeat: no-repeat;
    padding-right: 3px;
  }

  .icon-fb, .icon-fb:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-facebook-39.png);
  }
  .icon-tw, .icon-tw:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-twitter-39.png);
  }
  .icon-gp, .icon-gp:hover {
    height: 39px;
    width: 39px;
    background-image: url(/assets/gen/img/btn-googleplus-39.png);
  }
/* _____________________ Content _____________________ */
  #content .smaller-first-content {
    width: 63%;
    margin-right: 3%;
  }
  #content .important-teaser {
    width: 35.5%;
  }
  #content .important-teaser .feature-box {
    width: 97%;
  }
  #first-content {
    width: 100%;
  }
  #first-content .cols{
    margin-left: -2%;
  }

  .cols .first, .cols .second {
   width: 48%;
   float: left;
   margin-left: 2%;
  }
  .highlight-box img {
    margin: 0 2% 1% 0;
    width: 50%;
  }
  .highlight-box div {
    margin: 0;
  }
  .highlight-box div h2 {
    width: 48%;
    display: inline-block;
  }
  .highlight-box div p {
    padding-left: 1.5%;
  }
  #second-content {
    float: left;
    margin-left: -2%;
    width: 102%;
  }
  #second-content .feature-box {
    float: left;
    margin-left: 2%;
    width: 46.9%;
  }
  #second-content .feature-box:nth-child(even) {
    clear: both;
  }
  .feature-box img, .cols .text-box img,
  #second-content .feature-box img {
    width: 100%;
  }

  #content h1 {
    font-size: 200%;
    background-position: 100% 80% !important;
  }
  h1 .sub,
  h2 .sub {
    width: 75%;
  }
  .box,
  #tabs {
    font-size: 80%;
  }
  .box .wrapper,
  #tabs .wrapper {
    border: 0;
  }
  .box .wrapper .first-content,
  #tabs .wrapper .first-content {
    margin: 2%;
    width: 96%;
    float: none;
  }
  .box .wrapper .first-content img,
  #tabs .wrapper .first-content img {
    margin: 2% auto;
  }
  .box .wrapper .second-content,
  #tabs .wrapper .second-content {
    float: none;
    width: 100%;
  }
  .box .wrapper .second-content .objects li,
  #tabs .wrapper .second-content .objects li {
    float: left;
    width: 33%;
    line-height: 1.8;
    margin-bottom: 1.2em;
  }
  .box .wrapper .second-content .objects li a,
  #tabs .wrapper .second-content .objects li a {
    background-position: 11px 10px;
  }
  ul.objects {
    display: inline-block;
  }
  .cols .text-box h2,
  .text-box h2,
  .feature-box h2 {
    line-height: 1.5em;
    padding: 1.5% 1% 1.5% 4%;
  }
  .teaser p a {
    background-position: 2% 48%;
    padding-bottom: .5em;
  }
  #first-content .teaser p a {
    font-size: 110%;
    padding: 0.3em 0.5em 0.4em 1.2em;
  }
  #gmap {
    padding: 2%;
  }
  #map_canvas {
    margin: 0 !important;
  }


  .reminder {
    float: none;
  }

  .vcard img {
    height: 80% !important;
    width: auto !important;
  }

  /* Bildergalerie */
  .gallery-thumbnails,
  .prev,
  .next {
    display: none !important;
  }
  .pagination {
    width: 100%;
    position: absolute;
    bottom: -45px;
    text-align: center;
  }
  .pagination li {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 2%;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    padding: 0;
    text-indent: -555em;
  }
  .pagination li.current {
    background: rgba(247, 209, 23,.8);
  }
  .figure,
  .gallery {
    margin-bottom: 35px;
  }
  .gallery {
    width: 98%;
  }
  .gallery img {
    width: 100%;
  }
  .gallery-content a {
    width: 100%;
    height: auto;
  }
  .figure img {
    width: 100%;
  }
  .figure .figcaption {
    width: 96.5%;
  }
  .block .figure {
    float: none !important;
  }
  .float-right {
    margin-left: 0;
  }

  /* Slider */
  #slider .anythingControls ul a {
    background: rgba(255,255,255,.5);
  }
  #slider .anythingControls ul a.cur {
    background: rgba(247, 209, 23,1);
  }
  #slider .slides img {
    height: auto;
  }
  #static img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #slider img,
  #static img,
  #slider .slides img {
    width: 102%;
    max-width: 102%;
  }

  /* Formulare */
  .va-cal-right {
    width: 48%;
    margin-left: 2%;
  }
  input.large,
  textarea.large {
    width: 97%;
  }
  /* Tabellen */
  table {
    font-size: 105%;
  }
  table td a {
    float: none !important;
    display: block;
  }

  /* _____________________ Footer _____________________ */
  #footer {
    font-size: 85%;
    background: rgb(123,123,123);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,123,123,1)), color-stop(40%,rgba(112,112,112,1)), color-stop(100%,rgba(92,92,92,1)));
    background: -webkit-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(112,112,112,1) 40%,rgba(92,92,92,1) 100%);
    background: linear-gradient(to bottom, rgba(123,123,123,1) 0%,rgba(112,112,112,1) 40%,rgba(92,92,92,1) 100%);
  }
  #footer .inner > ul {
    margin: 0 2%;
  }
  #footer li.first,
  #footer li.second,
  #footer li.third,
  #footer li.fourth,
  #footer li.fifth {
    border-right: 0;
    width: 98%;
    margin: 0 0 4% 0;
    padding-bottom: 1%;
    height: auto !important;
  }
  #footer li.third,
  #footer li.second {
    margin-left: 12px;
  }
  #footer li.fourth {
    width: 29% !important;
    margin-left: 16px;
  }
  #footer li.fifth {
    margin-left: 22px;
    width: 16%;
  }
  #footer li.fifth li:first-child {
    margin-top: 0;
  }
  #footer li li {
    float: left;
    margin-right: 4%;
  }

  #footer .social ul > li {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 80%;
  }

  #footer .inner > ul {
    margin-left: 20px;
    float: right;
  }
}

/* Tablet Querformat */
@media screen and (orientation:landscape) and (min-width: 768px) and (max-width: 1024px) {
  .pagination {
    display: none;
  }
  /* Android Bilder Fix*/
  #slider img,
  #static img,
  #slider .slides img {
    width: 102%;
    max-width: 102%;
  }
}


/*______________________________________________________________________=Themenrouten______________*/
/*______________=teaser-chain______________________________________________________________________*/

@media screen and (max-width: 1023px) {
  #first-content div.teaser-chain .chain-container{
    width: 99.9%;
  }
  #first-content div.teaser-chain .chain-container .chain-link{
    width: 16.1%;
  }

  #first-content div.teaser-chain.chain-grid .chain-container .chain-link.signifier {
    width: 49%;
  }
  #first-content div.teaser-chain .chain-container .chain-link.signifier{
    width: auto;
  }

  /*typo*/

  #first-content div.teaser-chain .chain-container .chain-link a{
    font-size: 1em;
  }


  /* =Ferienspass kinder optimierung
  ---------------------------------------------------------------------------- */
  #funforkids .highlight-box-kids ul{
    width: 32em;
    padding-right: 10px;
  }

  #funforkids .quizy-memorygame{
    width: 100%;
  }
}

@media screen and (max-width: 767px) {

  #first-content div.teaser-chain .chain-container .chain-link,
  #first-content div.teaser-chain.chain-grid .chain-container .chain-link.signifier {
    width: auto;
  }

  #first-content div.teaser-chain{
    width: 100%;
  }

  #first-content div.teaser-chain h2 {
    left: -3%;
    position: relative;
  }

  /*typo*/

  #first-content div.teaser-chain .chain-container .chain-link a{
    font-size: 1.1em;
  }


    /* =Ferienspass kinder optimierung
  ---------------------------------------------------------------------------- */
    #funforkids .highlight-box-kids img{
      display: none;
    }

    #funforkids .highlight-box-kids ul{
      float: left;
      left: 43px;
      position: relative;
      width: 89%;
    }

    #funforkids .highlight-box-kids li{
      font-size: 1.2em;
    }

    #funforkids .highlight-box-kids div{
      width: 100%;
    }

    #funforkids .highlight-box-kids h2,
    #funforkids .highlight-box-kids h3{
      width: 100%;
      font-size: 1.5em;
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
    }

    #funforkids .highlight-box-kids h2{
      padding-bottom: 0;
    }
    #funforkids .highlight-box-kids h2 em{
      bottom: 0;
      position: relative;
      right: 0;
    }

}
@media screen and (max-width: 689px) {
  #first-content div.teaser-chain .chain-container .chain-link{
    width: 32.3%;
  }
  #first-content div.teaser-chain.chain-grid .chain-container .chain-link.signifier,
  #first-content div.teaser-chain .chain-container .chain-link.signifier {
    width: 100%;
  }
}


@media screen and (max-width: 560px) {

  #first-content div.teaser-chain .chain-container .chain-link {
    width: 48.7%;
  }
}

@media screen and (max-width: 390px) {
  iframe {
    width: 100%;
    /*height: auto;*/
  }

  /*typo*/

  #first-content div.teaser-chain .chain-container .chain-link a{
    font-size: .9em;
  }
}