/* ==========================================================================
   Globale Element Selektoren (h1, a, button)
   Sie werden hier am Anfang definiert, da sie das Layout der kompletten Seite
   beeinflussen.
   ========================================================================== */

/*
 * Basic
 */

::-moz-selection {
    background: #901317;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #901317;
    color: #ffffff;
    text-shadow: none;
}

body {
    background: #ffffff;
    overflow-x: hidden;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td {
    padding: 0;
}

/*
 * Typography
 */

body {
    color: #666666;
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    line-height: 1.3;
    transition: font-size 1s;
    -webkit-transition: font-size 1s;
    -moz-transition: font-size 1s;
    -ms-transition: font-size 1s;
}

a {
    color: #666666;
    text-decoration: underline;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

a:visited {
    color: #666666;
}

a:hover {
    color: #901317;
}

h1 {
    color: #9d8c6c;
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 4.0em;
    font-weight: 400;
    margin: 0;
}

h2 {
    color: #9d8c6c;
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 4.0em;
    font-weight: 400;
    margin: 0;
}

h3 {
    color: #bfa57f;
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 2.8em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px 0;
}

h4 {
    color: #9d8c6c;
    font-size: 2.0em;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

h5 {
    color: #9d8c6c;
    font-size: 2.8em;
    font-weight: 400;
    margin: 0;
}

h6 {
    color: #9d8c6c;
    font-size: 2.5em;
    font-weight: 700;
    margin: 0;
}

p {
    color: #666666;
    font-family: 'Oxygen', Arial, sans-serif;
    /* font-size: 1.6em; /* original Setting according Screendesign */
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.5; /* after Changing Font-size to 1.8em */
    margin: 0;
    padding: 10px 0 10px 0;
}

ul {
    color: #666666;
    font-family: 'Oxygen', Arial, sans-serif;
    /* font-size: 1.6em; /* original Setting according Screendesign */
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.5; /* after Changing Font-size to 1.8em */
    padding: 20px 0 20px 20px;
}

table {
    color: #666666;
    font-family: 'Oxygen', Arial, sans-serif;
    /* font-size: 1.6em; /* original Setting according Screendesign */
    font-size: 1.8em;
    line-height: 1.5; /* after Changing Font-size to 1.8em */
    margin: 20px 0 20px 0;
}

table tr {
    background: #f0ede9;
    border-top: 1px solid #ffffff;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

table tr:first-child {
    border-top: 0;
}

table tr:hover {
    background: #dfd2bf;
}

table tr th {
    background: #bfa57f;
    color: #ffffff;
    font-weight: 700;
    padding: 10px 5px 10px 5px;
    text-align: center;
}

table tr td {
    font-weight: 400;
    padding: 10px 5px 10px 5px;
    text-align: center;
}

/* ==========================================================================
   Layout
   Hier das Layout der Seite programmieren. So gut es geht, wiederverwendbaren Code
   in mixins.css separieren.

   #id selector nicht im CSS benutzen, da es schwierig wird ids zu überschreiben
   (es braucht 255 Klassen um eine id zu überschreiben). ids sind dennoch sinnvoll
   um performant mit JS aufs DOM zuzugreifen.

   Lesen:
   http://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/
   http://csswizardry.com/2013/05/scope-in-css/

   ========================================================================== */

/*
 * Basic
 */

.sprite {
    background-image: url('../img/layout/SPRITE_fernblick_500x500.png');
    background-repeat: no-repeat;
    display: block;
}

.wrapper {
    height: auto;
    margin: 0 auto;
    max-width: 1250px;
    min-width: 320px;
}

/*
 * Backbone
 */

#header {
    display: block;
    width: 100%;
}

#header #topHeader {
    display: block;
    position: relative;
    width: 100%;
    z-index: 5;
}

#header #topHeader #headerOptions {
    display: block;
    position: absolute;
    max-width: 1020px;
    top: 0;
    right: 0;
    width: 81.6%;
    z-index: 10;
}

#header #topHeader #mainLogo {
    display: block;
    float: left;
    margin: 10px 0 0 0;
    max-width: 230px;
    position: relative;
    width: 18.4%;
    z-index: 20;
}

#header #topHeader #mainNav {
    bottom: 0;
    display: block;
    float: right;
    max-width: 1250px;
    padding: 0 0 0 18.4%;
    position: absolute;
    right: 0;
    width: 81.6%;
    z-index: 10;
}

#header #topHeader #mobileHeaderOptions {
    display: none;
}

#header #bottomHeader {
    background-image: url('../img/layout/BG_header_380x940.png');
    background-repeat: repeat;
    display: block;
    margin: 25px 0 0 0;
    width: 100%;
}

#header #bottomHeader #headerSlider {
    background: #000000;
    max-width: 1350px;
    overflow: hidden;
    position: relative;
}

#header #bottomHeader #breadcrumb {
    background: #F0EDE9;
    color: #666666;
    display: block;
    font-size: 1.2em;
    padding: 20px 0 0 0;
}

#main {
    display: block;
    width: 100%;
}

#main .mainRow {
    background: #ffffff;
    display: block;
    opacity: 1;
    padding: 40px 0 40px 0;
    position: relative;
    width: 100%;
}

#main .mainRow:nth-child(even) {
    background: #ffffff;
}

#main .mainRow:nth-child(odd) {
    background: #f0ede9;
}

#main .mainRow.nth-child-even { /* <IE9 Fallback */
    background: #ffffff;
}

#main .mainRow.nth-child-odd { /* <IE9 Fallback */
    background: #f0ede9;
}

#main.mainFx .mainRow {
    /* opacity: 0; (only necessary when Content on Screen FadeIn FX is active) */
    opacity: 1;
    transition: left 1s, opacity 1s, right 1s;
    -webkit-transition: left 1s, opacity 1s, right 1s;
    -moz-transition: left 1s, opacity 1s, right 1s;
    -ms-transition: left 1s, opacity 1s, right 1s;
}

#main.mainFx .mainRow:nth-child(even) {
    /* right: -100%; (only necessary when Content on Screen FadeIn FX is active) */
    right: 0;
}

#main.mainFx .mainRow:nth-child(odd) {
    /* left: -100%; (only necessary when Content on Screen FadeIn FX is active) */
    left: 0;
}

#main.mainFx .mainRow.nth-child-even { /* <IE9 Fallback */
    /* right: -100%; (only necessary when Content on Screen FadeIn FX is active) */
    right: 0;
}

#main.mainFx .mainRow.nth-child-odd { /* <IE9 Fallback */
    /* left: -100%; (only necessary when Content on Screen FadeIn FX is active) */
    left: 0;
}

#main.mainFx .mainRow.onScreen {
    opacity: 1;
}

#main.mainFx .mainRow:nth-child(even).onScreen {
    right: 0;
}

#main.mainFx .mainRow:nth-child(odd).onScreen {
    left: 0;
}

#main.mainFx .mainRow.nth-child-even.onScreen { /* <IE9 Fallback */
    right: 0;
}

#main.mainFx .mainRow.nth-child-odd.onScreen { /* <IE9 Fallback */
    left: 0;
}
#poweredBy img {
   height: 16px;
   width: 90px;
}
#footer {
    display: block;
    padding: 0 0 100px 0;
    width: 100%;
}

#footer #footerPartner {
    display: flex;
    max-width: 825px;
    padding: 20px 0 0 0;
    width: 66%;
    align-items: center;
}

@media only screen and (max-width: 1100px) {
    #footer #footerPartner {
        display: block;
    }
}

#footer #footerNav {
    color: #666666;
    font-size: 1.3em;
    display: block;
    line-height: 1.8;
    max-width: 425px;
    padding: 20px 0;
}

#quickRequest {
    background: #c1a882;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    max-height: 0;
    overflow: visible;
    position: fixed;
    width: 100%;
    z-index: 100;
    transition: max-height 1s;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
}

#quickRequest.quickRequestOpen {
    max-height: 1000px;
    transition: max-height 2s;
    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    -ms-transition: max-height 2s;
}

#quickRequest #quickRequestContainer {
    background: #901317;
    color: #ffffff;
    position: relative;
}

/*
 * Header
 */

#headerOptions #langNav {
    float: right;
}

#headerOptions #langNav ul {
    display: block;
    font-size: 1.0em;
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#headerOptions #langNav ul li {
    font-size: 1.7em;
    font-weight: 700;
    display: block;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    float: left;
}

#headerOptions #langNav ul li:first-child {
    padding: 0;
}

#headerOptions #langNav ul li a {
    color: #59513f;
    text-decoration: none;
}

#headerOptions #langNav ul li a:visited {
    color: #59513f;
}

#headerOptions #langNav ul li a:hover {
    color: #901317;
}

#headerOptions #langNav ul li a.langNavAct {
    color: #901317;
}

#headerOptions #headerContact {
    float: right;
}

#headerOptions #headerContact ul {
    background: #f0ede9;
    display: block;
    font-size: 1.0em;
    list-style-type: none;
    margin: 0 0 0 50px;
    padding: 10px 20px 10px 20px;
}

#headerOptions #headerContact ul li {
    display: block;
    float: left;
    font-size: 1.7em;
    padding: 0 0 0 20px;
}

#headerOptions #headerContact ul li:first-child {
    padding: 0;
}

#headerOptions #headerContact ul li .icon {
    color: #901317;
    margin: 0 5px 0 0;
}

#headerOptions #headerContact ul li a {
    color: #59513f;
    text-decoration: none;
}

#headerOptions #headerContact ul li a:visited {
    color: #59513f;
}

#headerOptions #headerContact ul li a:hover {
    color: #901317;
}

#mainLogo a {
    display: block;
}

#mainLogo a img {
    display: block;
    height: auto;
    width: 100%;
}

#mainNav > ul {
    display: block;
    float: right;
    font-size: 1.0em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#mainNav > ul > li {
    display: block;
    float: right;
    padding: 0 0 0 40px;
    transition: padding 1s;
    -webkit-transition: padding 1s;
    -moz-transition: padding 1s;
    -ms-transition: padding 1s;
}

.it #mainNav > ul > li {
    padding: 0 0 0 40px;
}

.en #mainNav > ul > li {
    padding: 0 0 0 30px;
}

#mainNav > ul > li#mainNavItem1 {
    padding: 0;
}

#mainNav > ul > li > a {
    color: #9d8c6c;
    font-size: 1.8em;
    text-decoration: none;
}

#mainNav > ul > li > a:visited {
    color: #9d8c6c;
}

#mainNav > ul > li > a:hover {
    color: #901317;
}

#mainNav > ul > li:hover > a {
    color: #901317;
}

#mainNav > ul > li.mainNavAct > a {
    color: #901317;
}

#mainNav > ul > li > a > .icon {
    background: #ffffff;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 700;
    margin: 0 5px 0 0;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

#mainNav > ul > li:hover > a > .icon {
    background: #901317;
}

#mainNav > ul > li.mainNavAct > a > .icon {
    background: #901317;
}

#mainNav > ul > li .mainNavLevel2 {
    display: block;
    left: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
}

#mainNav > ul > li:hover .mainNavLevel2 {
    max-height: 100px;
    padding: 25px 0 0 0;
    transition: max-height 1s;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
}

#mainNav > ul > li .mainNavLevel2 ul {
    background: #901317;
    display: block;
    font-size: 1.0em;
    list-style-type: none;
    margin: 0;
    min-height: 21px;
    padding: 14px 0 15px 15px;
}

#mainNav > ul > li .mainNavLevel2 ul li {
    display: block;
    float: left;
    padding: 0 15px 0 0;
}

#mainNav > ul > li#mainNavItem4 .mainNavLevel2 ul li {
    float: right;
}

#mainNav > ul > li#mainNavItem5 .mainNavLevel2 ul li {
    float: right;
}

#mainNav > ul > li .mainNavLevel2 ul li.mainNavLevel3 {
    padding: 5px 15px 0 0;
}

#mainNav > ul > li .mainNavLevel2 ul li a {
    color: #ffffff;
    font-size: 1.6em;
    font-weight: 700;
    text-decoration: none;
}

#mainNav > ul > li .mainNavLevel2 ul li.mainNavLevel3 a {
    font-size: 1.2em;
    font-weight: 300;
}

#mainNav > ul > li .mainNavLevel2 ul li a:visited {
    color: #ffffff;
}

#mainNav > ul > li .mainNavLevel2 ul li a:hover {
    color: #9D8C6C;
}

#mainNav > ul > li .mainNavLevel2 ul li.mainNavSubAct a {
    color: #9D8C6C;
}

#mainNav > ul > li .mainNavLevel2 ul li a .icon {
    color: #901317;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin: 0 5px 0 0;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

#mainNav > ul > li .mainNavLevel2 ul li a:hover .icon {
    color: #9D8C6C;
}

#mainNav > ul > li .mainNavLevel2 ul li.mainNavSubAct a .icon {
    color: #9D8C6C;
}

#headerSlider img,
#headerSlider video {
    display: block;
    height: auto;
    width: 100%;
}

#headerSlider .headerSlogan {
    display: block;
    position: absolute;
    right: 0;
    z-index: 10;
}

#headerSlider .headerSlogan1 {
    background: #ffffff;
    bottom: 175px;
    color: #9d8c6c;
    font-size: 4.0em;
    line-height: 1.4;
    opacity: 0.8;
    padding: 0 20px 0 10px;
}

#headerSlider .headerSlogan2 {
    background: #9d8d6e;
    bottom: 120px;
    color: #ffffff;
    font-size: 3.0em;
    line-height: 1.5;
    opacity: 0.8;
    padding: 0 20px 0 10px;
}

#breadcrumb a {
    color: #666666;
    text-decoration: none;
}

#breadcrumb a:visited {
    color: #666666;
}

#breadcrumb a:hover {
    color: #901317;
    text-decoration: none;
}

/*
 * Content
 */

.mainRow .content .contentHeadline {
    float: left;
    max-width: 700px;
    width: 56%;
}

.mainRow .content .contentHeadline.contentHeadlineNoImage {
    float: left !important;
    max-width: 1250px;
    width: 100%;
}

.mainRow:nth-child(even) .content .contentHeadline {
    float: right;
}

.mainRow:nth-child(odd) .content .contentHeadline {
    float: left;
}

.mainRow.nth-child-even .content .contentHeadline { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .content .contentHeadline { /* <IE9 Fallback */
    float: left;
}

.mainRow .content .contentImage {
    float: right;
    max-width: 500px;
    padding: 10px 0 0 0;
    width: 40%;
}

.mainRow:nth-child(even) .content .contentImage {
    float: left;
}

.mainRow:nth-child(odd) .content .contentImage {
    float: right;
}

.mainRow.nth-child-even .content .contentImage { /* <IE9 Fallback */
    float: left;
}

.mainRow.nth-child-odd .content .contentImage { /* <IE9 Fallback */
    float: right;
}

.mainRow .content .contentImage a {
    display: block;
    height: auto;
    width: 100%;
}

.mainRow .content .contentImage a:not(:first-child) {
    margin-top: 20px;
}

.mainRow .content .contentImage a img {
    display: none;
    height: auto;
    max-width: 500px;
    width: 100%;
}

.mainRow .content .contentImage a img:first-child {
    display: block;
}

.mainRow .content .contentText {
    float: left;
    max-width: 700px;
    width: 56%;
}

.mainRow .content .contentText.contentTextNoImage {
    float: left !important;
    max-width: 1250px;
    width: 100%;
}

.mainRow:nth-child(even) .content .contentText {
    float: right;
}

.mainRow:nth-child(odd) .content .contentText {
    float: left;
}

.mainRow.nth-child-even .content .contentText { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .content .contentText { /* <IE9 Fallback */
    float: left;
}

.mainRow .content .contentText ul {
    margin: 0;
}

.mainRow .content .contentText table {
    width: 100%;
}

.mainRow .content .contentText table tr {
    background: #f0ede9;
}

.mainRow:nth-child(even) .content .contentText table tr {
    background: #ffffff;
    border-top: 1px solid #f0ede9;
}

.mainRow:nth-child(odd) .content .contentText table tr {
    background: #f0ede9;
    border-top: 1px solid #ffffff;
}

.mainRow.nth-child-even .content .contentText table tr { /* <IE9 Fallback */
    background: #ffffff;
    border-top: 1px solid #f0ede9;
}

.mainRow.nth-child-odd .content .contentText table tr { /* <IE9 Fallback */
    background: #f0ede9;
    border-top: 1px solid #ffffff;
}

.mainRow .content .contentText table tr:hover {
    background: #dfd2bf;
}

.mainRow .content .moreLink {
    float: right;
}

.mainRow .offers .offersHeadline {
    display: block;
    padding: 0 0 20px 0;
    position: relative;
    width: 100%;
}

.mainRow .offers .offersHeadline > a {
    border: 1px solid #901317;
    border-radius: 100px;
    display: inline-block;
    left: 1.6%;
    padding: 5px 5px 5px 5px;
    position: absolute;
    text-decoration: none;
    top: -20px;
    z-index: 10;
    transition: border 1s;
    -webkit-transition: border 1s;
    -moz-transition: border 1s;
    -ms-transition: border 1s;
}

.mainRow .offers .offersHeadline > a:hover {
    border: 1px solid #9D8C6C;
}

.mainRow:nth-child(even) .offers .offersHeadline > a {
    left: 1.6%;
    right: auto;
}

.mainRow:nth-child(odd) .offers .offersHeadline > a {
    left: auto;
    right: 1.6%;
}

.mainRow.nth-child-even .offers .offersHeadline > a { /* <IE9 Fallback */
    left: 1.6%;
    right: auto;
}

.mainRow.nth-child-odd .offers .offersHeadline > a { /* <IE9 Fallback */
    left: auto;
    right: 1.6%;
}

.mainRow .offers .offersHeadline > a .icon {
    background: #901317;
    border-radius: 50px;
    color: #ffffff;
    font-size: 10em;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

.mainRow .offers .offersHeadline > a:hover .icon {
    background: #9D8C6C;
}

.mainRow .offers .offersHeadline h4 {
    padding: 0 0 0 12.8%;
    transition: padding 1s;
    -webkit-transition: padding 1s;
    -moz-transition: padding 1s;
    -ms-transition: padding 1s;
}

.mainRow:nth-child(even) .offers .offersHeadline h4 {
    padding: 0 0 0 12.8%;
}

.mainRow:nth-child(odd) .offers .offersHeadline h4 {
    padding: 0;
}

.mainRow.nth-child-even .offers .offersHeadline h4 { /* <IE9 Fallback */
    padding: 0 0 0 12.8%;
}

.mainRow.nth-child-odd .offers .offersHeadline h4 { /* <IE9 Fallback */
    padding: 0;
}

.mainRow .offers .offerSlider .offer .offerImage {
    display: block;
    float: left;
    max-width: 600px;
    width: 48%;
}

.mainRow:nth-child(even) .offers .offerSlider .offer .offerImage {
    float: left;
}

.mainRow:nth-child(odd) .offers .offerSlider .offer .offerImage {
    float: right;
}

.mainRow.nth-child-even .offers .offerSlider .offer .offerImage { /* <IE9 Fallback */
    float: left;
}

.mainRow.nth-child-odd .offers .offerSlider .offer .offerImage { /* <IE9 Fallback */
    float: right;
}

.mainRow .offers .offerSlider .offer .offerImage img {
    display: none;
    height: auto;
    max-width: 600px;
    width: 100%;
}

.mainRow .offers .offerSlider .offer .offerImage img:first-child {
    display: block;
}

.mainRow .offers .offerSlider .offer .offerContent {
    display: block;
    float: right;
    max-width: 600px;
    width: 48%;
}

.mainRow:nth-child(even) .offers .offerSlider .offer .offerContent {
    float: right;
}

.mainRow:nth-child(odd) .offers .offerSlider .offer .offerContent {
    float: left;
}

.mainRow.nth-child-even .offers .offerSlider .offer .offerContent { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .offers .offerSlider .offer .offerContent { /* <IE9 Fallback */
    float: left;
}

.mainRow .offers .offerSlider .offer .offerContent .offerTitle {
    display: block;
    width: 100%;
}

.mainRow .offers .offerSlider .offer .offerContent .offerText {
    display: block;
    width: 100%;
}

.mainRow .offers .offerSlider .offer .offerContent .offerText .offerPrice {
    color: #666666;
    font-size: 2.0em;
    font-weight: 300;
}

.mainRow .offers .offerSlider .offer .offerContent .offerOptions {
    display: block;
    padding: 20px 0 0 0;
    width: 100%;
}

.mainRow .offers .offerSlider .offer .offerContent .offerOptions .moreButton {
    float: left;
}

.mainRow .offers .offerSlider .offer .offerContent .offerOptions .requestLink {
    color: #9d8c6d;
    font-size: 2.0em;
    float: right;
    text-decoration: none;
    padding: 10px 0 0 0;
}

.mainRow .offers .offerSlider .offer .offerContent .offerOptions .requestLink:visited {
    color: #9d8c6d;
}

.mainRow .offers .offerSlider .offer .offerContent .offerOptions .requestLink:hover {
    color: #901317;
}

.mainRow .offers .owl-theme .owl-controls {
    margin: 0;
    position: absolute;
    right: 0;
    top: -43px;
    transition: right 1s, top 1s;
    -webkit-transition: right 1s, top 1s;
    -moz-transition: right 1s, top 1s;
    -ms-transition: right 1s, top 1s;
}

.mainRow:nth-child(even) .offers .owl-theme .owl-controls {
    right: 0;
}

.mainRow:nth-child(odd) .offers .owl-theme .owl-controls {
    right: 12.8%;
}

.mainRow.nth-child-even .offers .owl-theme .owl-controls { /* <IE9 Fallback */
    right: 0;
}

.mainRow.nth-child-odd .offers .owl-theme .owl-controls { /* <IE9 Fallback */
    right: 12.8%;
}

.mainRow .offers .owl-theme .owl-controls .owl-page span {
    background: #BFA57F;
    opacity: 1;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

.mainRow .offers .owl-theme .owl-controls .owl-page.active span,
.mainRow .offers .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #901317;
}

.mainRow .noOffersInfo {
    display: block;
}

.mainRow .noOffersInfo p {
    color: #901317;
    font-style: italic;
    padding: 20px 0 20px 12.8%;
    transition: padding 1s;
    -webkit-transition: padding 1s;
    -moz-transition: padding 1s;
    -ms-transition: padding 1s;
}

.mainRow:nth-child(even) .noOffersInfo p {
    padding: 20px 0 20px 12.8%;
}

.mainRow:nth-child(odd) .noOffersInfo p {
    padding: 20px 0 20px 0;
}

.mainRow.nth-child-even .noOffersInfo p { /* <IE9 Fallback */
    padding: 20px 0 20px 12.8%;
}

.mainRow.nth-child-odd .noOffersInfo p { /* <IE9 Fallback */
    padding: 20px 0 20px 0;
}

.mainRow .offerList .noOffersInfo p {
    padding: 20px 0 20px 0 !important;
}

/* Fallback - Start (if owlCarousel is deactivated) */
.mainRow .shortLinks {
    display: table;
}

.mainRow .shortLinks > .shortLinkBox {
    border-bottom: 1px solid #c6bdab;
    border-right: 1px solid #c6bdab;
    display: table-cell;
    text-decoration: none;
    width: 25%;
}

.mainRow .shortLinks > .shortLinkBox:first-child {
    border-left: 1px solid #c6bdab;
}

.mainRow .shortLinks > .shortLinkBox > div {
    display: block;
}

.mainRow .shortLinks > .shortLinkBox > div h6 {
    border-bottom: 1px solid #c6bdab;
    display: block;
    padding: 0 0 20px 0;
    text-align: center;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks > .shortLinkBox:hover > div h6 {
    color: #901317;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkImage {
    display: block;
    padding: 15px 0 0 0;
    text-align: center;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkImage > div {
    border: 1px solid #9e8e6f;
    display: inline-block;
    max-width: 185px;
    padding: 2px 2px 2px 2px;
    width: 59.7%;
    transition: border 1s;
    -webkit-transition: border 1s;
    -moz-transition: border 1s;
    -ms-transition: border 1s;
}

.mainRow .shortLinks > .shortLinkBox:hover > div .shortLinkImage > div {
    border: 1px solid #901317;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkImage > div img {
    max-width: 185px;
    width: 100%;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkText {
    display: block;
    padding: 0 30px 0 30px;
    text-align: center;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkText .shortLinkMore {
    color: #9D8C6D;
    display: none;
    font-weight: 700;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks > .shortLinkBox:hover > div .shortLinkText .shortLinkMore {
    color: #901317;
}

.mainRow .shortLinks > .shortLinkBox > div .shortLinkText .icon {
    color: #9D8C6D;
    font-weight: 700;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks > .shortLinkBox:hover > div .shortLinkText .icon {
    color: #901317;
}

/* Fallback - End (if owlCarousel is deactivated) */
.mainRow .shortLinks.owl-carousel {
    display: block;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper-outer {
    border-bottom: 1px solid #c6bdab;
    border-left: 1px solid #c6bdab;
    border-right: 1px solid #c6bdab;
    display: block;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item {
    border-left: 1px solid #c6bdab;
    display: block;
    height: auto;
    text-decoration: none;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("http://www.fernblick.it/fileadmin/web/scripts/boxsizing.htc"); /* for IE7 */
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item {
    position: relative;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item:first-child {
    border-left: 0;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox {
    text-decoration: none;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div h6 {
    border-bottom: 1px solid #c6bdab;
    display: block;
    padding: 0 0 20px 0;
    text-align: center;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div h6 {
    color: #901317;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage {
    display: block;
    padding: 15px 0 0 0;
    text-align: center;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage > div {
    border: 1px solid #9e8e6f;
    display: inline-block;
    max-width: 185px;
    padding: 2px 2px 2px 2px;
    width: 59.7%;
    transition: border 1s;
    -webkit-transition: border 1s;
    -moz-transition: border 1s;
    -ms-transition: border 1s;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkImage > div {
    border: 1px solid #901317;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage > div img {
    height: auto;
    max-width: 185px;
    width: 100%;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText {
    display: block;
    padding: 0 30px 0 30px;
    text-align: center;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .shortLinkMore {
    color: #9D8C6D;
    display: none;
    font-weight: 700;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkText .shortLinkMore {
    color: #901317;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .icon {
    color: #9D8C6D;
    font-weight: 400;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkText .icon {
    color: #901317;
}

.mainRow .infos {
    border-bottom: 1px solid #c6bdab;
    border-top: 1px solid #c6bdab;
    position: relative;
}

.mainRow .infos .hintBox {
    display: block;
    float: left;
    max-width: 860px;
    padding: 30px 0 30px 0;
    width: 68.8%;
}

.mainRow .infos .hintBox .hintBoxLeft {
    display: block;
    float: left;
    max-width: 480px;
    width: 55.8%;
}

.mainRow .infos .hintBox .hintBoxLeft .hintBoxTitle {
    color: #9d8c6c;
    display: block;
    font-size: 2.0em;
    padding: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
}

.mainRow .infos .hintBox .hintBoxLeft > div {
    display: block;
    text-align: center;
    width: 100%;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxDecoration {
    display: block;
    max-width: 40px;
    padding: 3px 0 0 0;
    width: 8.3%;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxDecoration > img {
    display: block;
    height: auto;
    width: 100%;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxDecorationLeft {
    float: left;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxDecorationRight {
    float: right;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxImage {
    border: 1px solid #9e8e6f;
    display: inline-block;
    max-width: 300px;
    padding: 2px 2px 2px 2px;
    width: 62.5%;
}

.mainRow .infos .hintBox .hintBoxLeft > div .hintBoxImage img {
    display: block;
    height: auto;
    width: 100%;
}

.mainRow .infos .hintBox .hintBoxRight {
    display: block;
    float: right;
    max-width: 290px;
    width: 33.7%;
}

.mainRow .infos .knowledge {
    display: block;
    float: right;
    max-width: 310px;
    overflow: hidden;
    position: relative;
    width: 24.8%;
    z-index: 20;
}

.mainRow .infos .knowledge > div {
    display: block;
}

.mainRow .infos .knowledge > div .knowledgeItem {
    display: block;
    padding: 20px 20px 20px 20px;
}

.mainRow .infos .knowledge > div .knowledgeItem > div {
    background: #ffffff;
    color: #9d8c6c;
    display: block;
    font-size: 2.0em;
    line-height: 2.5;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.mainRow .infos .knowledge > div .knowledgeItem > div .knowledgeDecoration {
    background-image: url('../img/layout/DECO_knowledge_20x20.png');
    background-repeat: no-repeat;
    bottom: -20px;
    display: block;
    height: 20px;
    left: 46.3%;
    position: absolute;
    width: 20px;
}

.mainRow .infos .knowledge > div .knowledgeItem p {
    color: #ffffff;
    display: block;
    font-size: 2.0em;
    padding: 40px 20px 20px 20px;
    text-align: center;
}

.mainRow .infos .knowledge .owl-controls {
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 30;
}

.mainRow .infos .knowledge .owl-controls .owl-buttons div {
    background: #ffffff;
    border-radius: 50px;
    color: #9d8c6c;
    font-size: 2.5em;
    font-weight: 300;
    opacity: 1;
    margin: 0;
    padding: 3px 14px 3px 14px;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .infos .knowledge .owl-controls .owl-buttons div:hover {
    color: #901317;
}

.mainRow .infos .knowledge .owl-controls .owl-buttons div.owl-prev {
    float: left;
    padding: 3px 5px 3px 15px;
    margin: 0 0 0 -22px;
}

.mainRow .infos .knowledge .owl-controls .owl-buttons div.owl-next {
    float: right;
    padding: 3px 15px 3px 5px;
    margin: 0 -22px 0 0;
}

.mainRow .infos .knowledgeBg {
    background: #9d8c6d;
    bottom: 0;
    display: block;
    height: 100%;
    max-width: 310px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24.8%;
    z-index: 10;
}

.mainRow .mainFooter {
    position: relative;
    z-index: 10;
}

.mainRow .mainFooter .mainFooterItem {
    position: relative;
    z-index: 30;
}

.mainRow .mainFooter #footerLogo {
    float: left;
    max-width: 310px;
    position: relative;
    text-align: center;
    width: 24.8%;
}

.mainRow .mainFooter #footerLogo img {
    display: inline-block;
    max-width: 230px;
    width: 74.4%;
}

.mainRow .mainFooter #footerNewsletter {
    float: left;
    max-width: 310px;
    position: relative;
    text-align: left;
    width: 24.8%;
}

.mainRow .mainFooter #footerNewsletter p {
    font-style: normal;
    padding: 20px 6.5% 20px 6.5%;
}

.mainRow .mainFooter #footerNewsletter > div {
    padding: 0 6.5% 0 6.5%;
}

.mainRow .mainFooter #footerAddress {
    float: left;
    max-width: 310px;
    width: 24.8%;
}

.mainRow .mainFooter #footerAddress p {
    font-style: normal;
    padding: 20px 6.5% 20px 6.5%;
}

.mainRow .mainFooter #footerAddress p a {
    color: #9d8c6c;
    text-decoration: none;
}

.mainRow .mainFooter #footerAddress p a:visited {
    color: #9d8c6c;
}

.mainRow .mainFooter #footerAddress p a:hover {
    color: #901317;
    text-decoration: none;
}

.mainRow .mainFooter #footerAddress #socialIcons {
    display: block;
    padding: 0 20px 20px 20px;
}

.mainRow .mainFooter #footerAddress #socialIcons > a {
    display: inline;
    margin: 0 5px 0 0;
}

.mainRow .mainFooter #footerAddress #socialIcons > a img {
    display: inline-block;
}

.mainRow .mainFooter #footerLocation {
    float: right;
    margin: 0 15px 0 0;
    max-width: 600px;
    text-align: center;
    width: 48%;
}

.mainRow .mainFooter #footerLocation img {
    display: inline-block;
    height: auto;
    max-width: 520px;
    width: 86.7%;
}

.mainRow .mainFooter #mainFooterBg {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.mainRow .mainFooter #mainFooterBg .dividingLine {
    background: #c6bdab;
    bottom: 0;
    height: 100%;
    left: 24.8%;
    position: absolute;
    top: 0;
    width: 1px;
}

.mainRow .mainFooter #mainFooterBg #dividingLine1 {
    left: 24.8%;
}

.mainRow .mainFooter #mainFooterBg #dividingLine2 {
    left: 49.6%;
}

/*
 * Footer
 */

#footerPartner a {
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
}

#footerPartner a img {
    display: block;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

#footerPartner a:hover img,
#footerPartner a img:hover {
    display: block;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

#footerNav a {
    color: #666666;
    text-decoration: none;
}

#footerNav a:visited {
    color: #666666;
}

#footerNav a:hover {
    color: #901317;
    text-decoration: none;
}

#footerNav a.footerNavAct {
    color: #901317;
}



/*
 * Quick Request
 */

#quickRequestContainer #quickRequestLeft {
    font-size: 2.4em;
    left: 0;
    max-width: 200px;
    margin: -15px 0 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 16%;
}

#quickRequestContainer #quickRequestRight {
    background: #C1A882;
    float: right;
    max-width: 1050px;
    min-height: 70px;
    width: 84%;
}

#quickRequestContainer #quickRequestRight > div {
    padding: 10px 0 20px 20px;
}

/*
 * Changes after Typo3 Installation
 */

/* Magnific Popup */
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

/* Offer List View */
.mainRow .offers .offerList .offer {
    border-top: 1px solid #BFA57F;
    padding: 20px 0 20px 0;
}

.mainRow .offers .offerList .offer:first-child {
    border: 0;
    padding: 0 0 20px 0;
}

.mainRow .offers .offerList .offer .offerImage {
    display: block;
    float: left;
    max-width: 600px;
    width: 48%;
}

.mainRow:nth-child(even) .offers .offerList .offer .offerImage {
    float: left;
}

.mainRow:nth-child(odd) .offers .offerList .offer .offerImage {
    float: right;
}

.mainRow.nth-child-even .offers .offerList .offer .offerImage { /* <IE9 Fallback */
    float: left;
}

.mainRow.nth-child-odd .offers .offerList .offer .offerImage { /* <IE9 Fallback */
    float: right;
}

.mainRow .offers .offerList .offer .offerImage img {
    display: none;
    height: auto;
    max-width: 600px;
    width: 100%;
}

.mainRow .offers .offerList .offer .offerImage img:first-child {
    display: block;
}

.mainRow .offers .offerList .offer .offerContent {
    display: block;
    float: right;
    max-width: 600px;
    position: relative;
    width: 48%;
}

.mainRow:nth-child(even) .offers .offerList .offer .offerContent {
    float: right;
}

.mainRow:nth-child(odd) .offers .offerList .offer .offerContent {
    float: left;
}

.mainRow.nth-child-even .offers .offerList .offer .offerContent { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .offers .offerList .offer .offerContent { /* <IE9 Fallback */
    float: left;
}

.mainRow .offers .offerList .offer .offerContent .offerTitle {
    display: block;
    width: 100%;
}

.mainRow .offers .offerList .offer .offerContent .offerTitle h2 {
    padding: 0 50px 0 0;
}

.mainRow .offers .offerList .offer .offerContent .offerText {
    display: block;
    width: 100%;
}

.mainRow .offers .offerList .offer .offerContent .offerText .offerPrice {
    color: #666666;
    font-size: 2.0em;
    font-weight: 300;
}

.mainRow .offers .offerList .offer .offerContent .offerOptions {
    display: block;
    padding: 20px 0 0 0;
    width: 100%;
}

.mainRow .offers .offerList .offer .offerContent .offerOptions .moreButton {
    float: left;
}

.mainRow .offers .offerList .offer .offerContent .offerOptions .requestLink {
    color: #9d8c6d;
    font-size: 2.0em;
    float: right;
    text-decoration: none;
    padding: 10px 0 0 0;
}

.mainRow .offers .offerList .offer .offerContent .offerOptions .requestLink:visited {
    color: #9d8c6d;
}

.mainRow .offers .offerList .offer .offerContent .offerOptions .requestLink:hover {
    color: #901317;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion {
    display: block;
    width: 100%;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .icon {
    background: #901317;
    border-radius: 50px;
    color: #ffffff;
    cursor: pointer;
    font-size: 2.8em;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .icon:hover {
    background: #9D8C6C;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .icon-pfeil_2 {
    display: block;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion.open .offerDetailsTrigger .icon-pfeil_2 {
    display: none;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .icon-schliessen {
    display: none;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion.open .offerDetailsTrigger .icon-schliessen {
    display: block;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .iconFallbackOldIE {
    color: #901317;
    cursor: pointer;
    display: none;
    font-size: 1.6em;
    text-align: right;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .iconFallbackOldIE:hover {
    color: #9D8C6C;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetails {
    display: none;
    font-size: 1.8em;
}

.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetails ul,
.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetails ol {
    font-size: 1.0em;
    margin: 0;
}

/* Mobile Main Nav */
#mobileMainNavWrapper {
    background-image: url('../img/layout/BG_mobileMainNav_50x50.png');
    background-repeat: repeat;
    cursor: pointer;
    display: none;
    height: 100%;
    left: -100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -ms-transition: opacity 0s;
}

#mobileMainNavWrapper.mobileMainNavOpen {
    left: 0;
    opacity: 1;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
}

#mobileMainNavWrapper #mobileMainNav {
    background: #262626;
    cursor: auto;
    height: 100%;
    left: -70%;
    position: fixed;
    top: 0;
    width: 70%;
    z-index: 1500;
    transition: left 0s;
    -webkit-transition: left 0s;
    -moz-transition: left 0s;
    -ms-transition: left 0s;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav {
    left: 0;
    transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    -ms-transition: left 1s;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul {
    color: #ffffff;
    font-family: 'Oxygen', Arial, sans-serif;
    font-weight: 400;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li a {
    color: #ffffff;
    display: block;
    text-decoration: none;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li a:visited {
    color: #ffffff;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li a:hover {
    color: #C1A882;
    text-decoration: none;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li.mobileMainNavAct > a,
#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li.mobileMainNavSubAct > a {
    color: #C1A882;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 {
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 100%;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 > li > a {
    background: #333333;
    font-size: 2.6em;
    padding: 6px 20px 7px 20px;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 > li div.mobileMainNavLevel2 > ul {
    margin: 8px 0 8px 0;
    padding: 0 0 0 20px;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 > li div.mobileMainNavLevel2 > ul > li > a {
    font-size: 2.0em;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 > li div.mobileMainNavLevel2 > ul > li > ul.mobileMainNavLevel3 {
    margin: 0;
    padding: 0 0 0 20px;
}

#mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul.mobileMainNavLevel1 > li div.mobileMainNavLevel2 > ul > li > ul.mobileMainNavLevel3 > li > a {
    font-size: 1.8em;
}

#mobileMainNavTrigger {
    background: #901317;
    cursor: pointer;
    display: none;
    height: 40px;
    left: 0;
    position: fixed;
    top: 0;
    text-align: center;
    width: 50px;
    z-index: 1500;
    transition: background 0s, left 0s;
    -webkit-transition: background 0s, left 0s;
    -moz-transition: background 0s, left 0s;
    -ms-transition: background 0s, left 0s;
}

#mobileMainNavTrigger.mobileMainNavOpen {
    background: #333333;
    left: 70%;
    transition: background 1s, left 1s;
    -webkit-transition: background 1s, left 1s;
    -moz-transition: background 1s, left 1s;
    -ms-transition: background 1s, left 1s;
}

#mobileMainNavTrigger span {
    background: #ffffff;
    display: block;
    font-size: 0px;
    height: 8%;
    left: 5px;
    position: absolute;
    top: 50%;
    width: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

#mobileMainNavTrigger span:before,
#mobileMainNavTrigger span:after {
    background: #ffffff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

#mobileMainNavTrigger span:before {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}

#mobileMainNavTrigger span:after {
    -webkit-transform: translateY(250%);
    transform: translateY(250%);
}

#mobileMainNavTrigger.mobileMainNavOpen span:before {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
}

#mobileMainNavTrigger.mobileMainNavOpen span:after {
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
}

/* iFrame Element */
.mainRow .iFrame .iFrameWrapper {
    height: 0;
    position: relative;
    overflow: hidden;
    margin: 20px 0 20px 0;
    padding: 15px 0 55% 0;
}

.mainRow .iFrame .iFrameWrapper iframe {
    position: absolute;
    height: 100%;
    left: 0;
    max-width: 1250px;
    top: 0;
    width: 100%;
}

/* Gallery */
.mainRow .gallery .galleryHeadline {
    padding: 0 0 10px 0;
}

.mainRow .gallery .galleryWrapper img {
    height: auto;
    max-width: 230px;
    width: 100%;
}

.mainRow .gallery .owl-theme .owl-controls .owl-page span {
    background: #BFA57F;
    opacity: 1;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

.mainRow .gallery .owl-theme .owl-controls .owl-page.active span,
.mainRow .gallery .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #901317;
}

/* Rooms */
.mainRow .rooms .room {
    border-top: 1px solid #BFA57F;
    display: block;
    padding: 40px 0 40px 0;
    width: 100%;
}

.mainRow .rooms .room:first-child {
    border-top: 0;
    padding: 0 0 40px 0;
}

.mainRow .rooms .room .roomHeadline {
    float: right;
    max-width: 700px;
    width: 56%;
}

.mainRow:nth-child(even) .rooms .room .roomHeadline {
    float: right;
}

.mainRow:nth-child(odd) .rooms .room .roomHeadline {
    float: left;
}

.mainRow.nth-child-even .rooms .room .roomHeadline { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .rooms .room .roomHeadline { /* <IE9 Fallback */
    float: left;
}

.mainRow .rooms.prices .room .roomHeadline h2 {
    padding: 0 0 10px 0;
}

.mainRow .rooms .room .roomImage {
    float: left;
    max-width: 500px;
    width: 40%;
}

.mainRow:nth-child(even) .rooms .room .roomImage {
    float: left;
}

.mainRow:nth-child(odd) .rooms .room .roomImage {
    float: right;
}

.mainRow.nth-child-even .rooms .room .roomImage { /* <IE9 Fallback */
    float: left;
}

.mainRow.nth-child-odd .rooms .room .roomImage { /* <IE9 Fallback */
    float: right;
}

.mainRow .rooms .room .roomImage img {
    display: none;
    height: auto;
    max-width: 500px;
    width: 100%;
}

.mainRow .rooms .room .roomImage img:first-child {
    display: block;
}

.mainRow .rooms .room .roomImage .roomOptions {
    display: block;
    padding: 10px 0 0 0;
}

.mainRow .rooms .room .roomImage .roomOptions a.roomRequest {
    float: left;
}

.mainRow .rooms .room .roomImage .roomOptions a.roomSketch {
    color: #901317;
    display: none; /* Ausgeblendet auf Wunsch von Erwin am 22.04.2014 */
    float: right;
    font-size: 2.0em;
    text-decoration: none;
}

.mainRow .rooms .room .roomImage .roomOptions a.roomSketch:visited {
    color: #901317;
}

.mainRow .rooms .room .roomImage .roomOptions a.roomSketch:hover {
    color: #9D8C6C;
    text-decoration: none;
}

.mainRow .rooms .room .roomDescription {
    float: right;
    max-width: 700px;
    width: 56%;
}

.mainRow:nth-child(even) .rooms .room .roomDescription {
    float: right;
}

.mainRow:nth-child(odd) .rooms .room .roomDescription {
    float: left;
}

.mainRow.nth-child-even .rooms .room .roomDescription { /* <IE9 Fallback */
    float: right;
}

.mainRow.nth-child-odd .rooms .room .roomDescription { /* <IE9 Fallback */
    float: left;
}

.mainRow .rooms .room .roomDescription .roomPrices {
    display: block;
    width: 100%;
}

.priceHide {
    display: none !important;
}

.mainRow .rooms.prices .room .roomDescription .roomPrices {
    padding: 10px 0 0 0;
}

.mainRow .rooms .room .roomDescription .roomPrices ul {
    border-bottom: 1px solid #ffffff;
    display: block;
    font-size: 1.0em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li {
    border-left: 1px solid #ffffff;
    float: left;
    max-width: 200px;
    text-align: center;
    width: 28.6%;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li:first-child {
    border-left: 0;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li a {
    display: block;
    background: #dfd2bf;
    color: #666666;
    font-size: 1.8em;
    padding: 10px 0 10px 0;
    text-decoration: none;
    transition: background 1s, color 1s;
    -webkit-transition: background 1s, color 1s;
    -moz-transition: background 1s, color 1s;
    -ms-transition: background 1s, color 1s;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li a:visited {
    color: #666666;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li a:hover {
    background: #bfa57f;
    color: #ffffff;
    text-decoration: none;
}

.mainRow .rooms .room .roomDescription .roomPrices ul li.active a {
    background: #bfa57f;
    color: #ffffff;
    text-decoration: none;
}

.mainRow .rooms .room .roomDescription .roomPrices div {
    display: block;
}

.mainRow .rooms .room .roomDescription .roomPrices div > div {
    display: none;
}

.mainRow .rooms .room .roomDescription .roomPrices div > div.active {
    display: block;
}

.mainRow .rooms .room .roomDescription .roomPrices div > div table {
    margin: 0;
    width: 100%;
}

/*.mainRow .rooms .room .roomDescription .roomPrices div > div table th,*/
/*.mainRow .rooms .room .roomDescription .roomPrices div > div table td {*/
/*    width: 33.3%;*/
/*}*/

/* Content IMG */
.mainRow .contentImages {
    display: block;
    width: 100%;
}

.mainRow .contentImages a > img {
    height: auto;
}

.mainRow .oneContentImage a > img {
    height: auto;
    max-width: 1250px;
    width: 100%;
}

.mainRow .twoContentImages a > img {
    float: right;
    height: auto;
    max-width: 605px;
    width: 48.4%;
}

.mainRow .twoContentImages > a:first-child img {
    float: left;
}

.mainRow .threeContentImages a > img {
    margin: 0 0 0 2%;
    float: left;
    height: auto;
    max-width: 400px;
    width: 32%;
}

.mainRow .threeContentImages > a:first-child img {
    margin: 0;
}

/* Sitemap */
.mainRow .sitemap .csc-sitemap {
    padding: 20px 0 20px 0;
}

.mainRow .sitemap .csc-sitemap a {
    font-size: 1.6em;
}

.mainRow .sitemap .csc-sitemap ul {
    font-size: 1.0em;
    line-height: 1.5em;
    padding: 10px 0 10px 20px;
}

.mainRow .sitemap .csc-sitemap ul li {
    padding: 5px 0 5px 0;
}

/* Trackingcodes */
.trackingCodes {
    display: none;
    visibility: hidden;
}

/* Viewswitcher */
#viewswitcher {
    clear: both;
    display: block;
    float: none;
    font-size: 1.3em;
    padding: 20px 0 0 0;
    text-align: right;
    width: 100%;
}

#viewswitcher #switchToMobileVersion {
    display: block;
}

#viewswitcher #switchToFullVersion {
    display: none;
    margin: 0 10px 0 0;
}

.mobileVersion #viewswitcher #switchToMobileVersion {
    display: none;
}

.mobileVersion #viewswitcher #switchToFullVersion {
    display: block;
}

/*
 * Changes after GoLive (marked with Date and Name)
 */

/* Hide Winterprices - 29.05.2014 | Robin Oberhollenzer
   li.winterPricesTrigger {
      display: none;
   }
*/
/* Offertransfer - 29.05.2014 | Robin Oberhollenzer */
#selectedOffer {
    border-bottom: 1px solid #E1E1E1;
    float: right;
    max-width: 570px;
    padding: 0 0 10px 0;
    position: relative;
    width: 45.6%;
}

#selectedOffer .removeOfferTrigger {
    cursor: pointer;
    font-size: 1.4em;
    line-height: 1.0;
    position: absolute;
    right: 0;
    text-decoration: underline;
    top: 0;
    z-index: 30;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

#selectedOffer .removeOfferTrigger:hover {
    color: #901317;
}

#selectedOffer .offer {
    border-top: 1px solid #E1E1E1;
    padding: 10px 0 0 0;
}

#selectedOffer .offerImage img {
    display: block;
    height: auto;
    width: 100%;
}

#selectedOffer .offerContent {
    position: relative;
}

#selectedOffer .offerDetails {
    display: none;
}

#selectedOffer .offerTitle h2 {
    padding: 0 50px 0 0;
}

#selectedOffer .offerPrice {
    color: #666666;
    font-size: 2.0em;
    font-weight: 300;
}

#selectedOffer .offerDetailsTrigger {
    position: absolute;
    right: 0;
    top: 14px;
    z-index: 30;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -ms-transition: top 1s;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .icon {
    background: #901317;
    border-radius: 50px;
    color: #ffffff;
    cursor: pointer;
    font-size: 2.8em;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .icon:hover {
    background: #9D8C6C;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .icon-pfeil_2 {
    display: block;
}

#selectedOffer .selectedOfferAccordion.open .offerDetailsTrigger .icon-pfeil_2 {
    display: none;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .icon-schliessen {
    display: none;
}

#selectedOffer .selectedOfferAccordion.open .offerDetailsTrigger .icon-schliessen {
    display: block;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE {
    color: #901317;
    cursor: pointer;
    display: none;
    font-size: 1.6em;
    text-align: right;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

#selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE:hover {
    color: #9D8C6C;
}

#selectedOffer .selectedOfferAccordion .offerDetails {
    font-size: 1.8em;
}

#selectedOffer .selectedOfferAccordion .offerDetails * {
    font-size: 1.0em;
}

#selectedOffer .selectedOfferAccordion .offerDetails ul {
    margin: 0;
}

#bn_normalRequest {
    float: left;
    max-width: 625px;
    width: 50%;
}

/* QR Code - 05.06.2014 | Robin Oberhollenzer */
.mainRow .mainFooter #footerAddress .qr {
    position: relative;
}

.mainRow .mainFooter #footerAddress .qr > p {
    padding-top: 0;
}

.mainRow .mainFooter #footerAddress .qr > p > span {
    background-image: url('../img/layout/ICON_qr_20x20.png');
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 25px;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
}

.mainRow .mainFooter #footerAddress .qr > div {
    border: 1px solid #C6BDAB;
    display: none;
    left: 6.5%;
    position: absolute;
    top: -155px;
    z-index: 15;
}

.mainRow .mainFooter #footerAddress .qr:hover > div {
    display: block;
}

/*
 * Browser specific Hacks
 */

/* <IE8: Hide Scrollbar */
html.lt-ie8 {
    overflow-x: hidden;
}

/* <IE8: Hide Font-Icons */
.lt-ie8 .icon {
    display: none !important;
}

.lt-ie8 .mainRow .offers .offersHeadline > a {
    display: none;
}

.lt-ie8 .mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .icon-pfeil_2 {
    display: none;
}

.lt-ie8 .mainRow.nth-child-even .offers .offersHeadline h4 {
    padding: 0;
}

.lt-ie8 .mainRow.nth-child-odd .offers .owl-theme .owl-controls {
    right: 0;
}

/* <IE8: ".mainNav" Fixes */
.lt-ie8 #mainNav > ul > li:hover .mainNavLevel2 {
    padding: 47px 0 0 0;
}

/* <IE8: "#headerSlider" Background */
.lt-ie8 #header #bottomHeader #headerSlider {
    background: #F0EDE9;
}

/* <IE8: ".knowledge" Fixes */
.lt-ie8 .mainRow .infos .knowledge > div .knowledgeItem > div {
    line-height: 1.3;
    padding: 12px 0 12px 0;
}

.lt-ie8 .mainRow .infos .knowledge > div .knowledgeItem > div .knowledgeDecoration {
    bottom: -18px;
}

/* <IE8: ".offerDetailsTrigger" Fixes */
.lt-ie8 .mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .iconFallbackOldIE {
    display: block;
}

/* <IE8: ".hintBoxDecoration" Fixes */
.lt-ie8 .mainRow .infos .hintBox .hintBoxLeft > div .hintBoxDecoration {
    display: none;
}

/* <IE8: Quick Request Fixes */
.lt-ie8 #quickRequestContainer #quickRequestRight {
    padding: 10px 0 0 0;
}

.lt-ie8 #quickRequestContainer #quickRequestRight > div {
    padding: 0 0 0 20px;
}

.lt-ie8 #bn_quickRequest #quickrequestform .childrenagesfields {
    bottom: 36px;
}

/* <IE8: ".noOffersInfo" Fixes */
.lt-ie8 .mainRow.nth-child-even .noOffersInfo p {
    padding: 20px 0 20px 0;
}

/* <IE9: "#mobileMainNav" Fixes */
.lt-ie9 #mobileMainNavWrapper #mobileMainNav {
    display: none;
}

.lt-ie9 #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav {
    display: block;
}

/* <IE10: "#mobileMainNavTrigger" Fixes */
.lt-ie10 #mobileMainNavTrigger {
    background-image: url('../img/layout/ICON_mobileMainNavButton_50x40.png');
    background-repeat: no-repeat;
}

.lt-ie10 #mobileMainNavTrigger span {
    display: none;
}

/* <IE8: "#selectedOffer" Fixes */
.lt-ie8 #selectedOffer .offerTitle h2 {
    padding: 0 150px 0 0;
}

.lt-ie8 #selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE {
    display: block;
}