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

/*
 * Basic
 */

::-moz-selection {
    background: #8c0000;
    color: #ffffff;
    text-shadow: none;
}
::selection {
    background: #8c0000;
    color: #ffffff;
    text-shadow: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
th,
td {
    padding: 0;
}

/*
 * Typography
 */

body {
    color: #666666;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    line-height: 1.3;
    background: #ffffff;
    overflow-x: hidden;
}
a {
    color: #666666;
    text-decoration: underline;
}
a:visited {
    color: #666666;
}
a:hover {
    color: #8c0000;
}
h1 {
    color: #721f19;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 4.0em;
    font-weight: 400;
    margin: 0;
}
h2, .h2 {
    color: #721f1f;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 4.0em;
    font-weight: 400;
    margin: 0;
}
h3, .h3 {
    color: #b6a38e;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 2.8em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px 0;
}
#main {
    padding-top: 40px;
}
#main .mainRow:nth-child(odd) h3 {
    color: #ffffff !important;
}
#main .mainRow:first-child h3 {
    color: #b6a38e !important;
}
#main .mainRow.layout12 h3 {
    color: #ffffff !important;
}
h4 {
    color: #74201b;
    font-size: 3.0em;
    font-weight: 400;
    margin: 0;
}
h5 {
    color: #e3d7c5;
    font-size: 2.8em;
    font-weight: 400;
    margin: 0;
}
h6 {
    color: #b6a38e;
    font-size: 2.5em;
    font-weight: 700;
    margin: 0;
}
p {
    color: #666666;
    font-family: Arial, sans-serif;
    /* font-size: 1.6em; /* original Setting according Screendesign */
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.5; /* after Changing Font-size to 1.8em */
    margin: 0;
    padding: 10px 0 10px 0;
}
ul, b{
    font-family: Arial, sans-serif;
}

#main .mainRow:nth-child(odd) p,
#main .mainRow:nth-child(odd) ul,
#main .mainRow:nth-child(odd) a {
    color: #ffffff;
}
#main .mainRow:first-child p,
#main .mainRow:first-child ul,
#main .mainRow:first-child a {
    color: #666666;
}
#main .mainRow.layout12 p,
#main .mainRow.layout12 ul,
#main .mainRow.layout12 a {
    color: #ffffff;
}
/*
ul {
    color: #666666;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.5;
    padding: 20px 0 20px 20px;
}
#main .mainRow:nth-child(odd) ul {
    color: #ffffff;
}
#main .mainRow:first-child ul {
    color: #666666;
}
#main .mainRow.layout12 ul {
    color: #ffffff;
}*/
table {
    color: #666666;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 1.8em;
    line-height: 1.5;
    margin: 20px 0;
}
    table tr {
        background: #e3d7c6;
        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: #b6a38e;
            color: #ffffff;
            font-weight: 700;
            padding: 10px 5px 10px 5px;
            text-align: center;
        }
        #main .mainRow.layout12 table tr th {
            background: #ffffff;
            color: #b6a38e;
        }
        table tr td {
            font-weight: 400;
            padding: 10px 5px 10px 5px;
            text-align: center;
        }

@media screen and (min-width: 1000px) and (min-height: 500px) and (min-aspect-ratio: 16/9) {

    html, body, header, .main-header-inner {
        height: 100%;
    }

    @media screen and (min-width: 1921px) {
        html, body, header, .main-header-inner {
            height: auto;
        }
    }
}

/* ==========================================================================
    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_perla_500x500.png');
    background-repeat: no-repeat;
    display: block;
}
.wrapper {
    height: auto;
    margin: 0 auto;
    max-width: 1250px;
    min-width: 280px;
}


#main:before,
#main:after,
.gallery:before,
.gallery:after,
.bottomshadow:before,
.bottomshadow:after {
    content: '';
    background-image: url('../img/layout/bottom_left_shadow.png');
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 375px;
    height: 33px;
    z-index: 1;
    bottom: -33px;
    max-width: 90%;
    left: 5px;
}
#main:after,
.gallery:after,
.bottomshadow:after {
    background-image: url('../img/layout/bottom_right_shadow.png');
    background-position: right;
    left: auto;
    right: 5px;
}
#main:before,
#main:after {
    bottom: auto;
    top: 0;
}

.layout12 .bottomshadow:before,
.layout12 .bottomshadow:after,
#main .mainRow:nth-child(odd) .gallery:before,
#main .mainRow:nth-child(odd) .bottomshadow:before,
#main .mainRow:nth-child(odd) .gallery:after,
#main .mainRow:nth-child(odd) .bottomshadow:after {
    background-image: url('../img/layout/bottom_left_shadow_dark.png');
}
.layout12 .bottomshadow:after,
#main .mainRow:nth-child(odd) .gallery:after,
#main .mainRow:nth-child(odd) .bottomshadow:after {
    background-image: url('../img/layout/bottom_right_shadow_dark.png');
}

.creditsNav ul {
    font-size: 2em;
}
.creditsNav a {
    text-decoration: none;
}
.creditsNav h1 {
    padding-bottom: 30px;
}

.gallery .galleryWrapper {
    z-index: 2;
}
.gallery {
    position: relative;
}
.gallery:before,
.gallery:after {
    bottom: 2px;
}
.gallery:before {
    left: 25px;
}
.gallery:after {
    right: 25px;
}
/*
 * Backbone
 */

.main-header-inner {
     position: relative;
     z-index: 3;
     overflow: hidden;
}

#header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 40;
}
    #header #topHeaderWrap {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 5px solid #e9dfd1;
        z-index: 101;
        background: #ffffff;
    }
    #header #topHeader {
        display: block;
        position: relative;
        width: 100%;
        z-index: 11;
        height: 110px;
    }
        #header #topHeader #headerOptions {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
        }
        #header #topHeader #mainLogo {
            display: block;
            max-width: 230px;
            width: 18.4%;
            position: absolute;
            z-index: 99;
            background: #ffffff;
            top: 0;
            left: 0;
            text-align: center;

            -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
            min-width: 150px;
        }
        #header #topHeader #mainNavWrap {
            bottom: -5px;
            display: block;
            float: right;
            max-width: 1250px;
            position: absolute;
            right: 0;
            z-index: 10;
        }
        #header #topHeader #mobileHeaderOptions {
            display: none;
        }
    #header #bottomHeader {
        display: block;
        margin: 0;
        width: 100%;
        height: calc(100% - 110px);
        position: relative;
        top: 0;
        margin-top: 110px;
        overflow: hidden;
    }
        #header #bottomHeader #headerSlider {
            max-width: 1920px;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        #breadcrumb {
            background: #e3d7c6;
            color: #666666;
            display: block;
            font-size: 1.2em;
            padding: 20px 0;
            position: relative;
            z-index: 2;
        }

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

.main-header-bottom-bar {
    position: relative;
}

/*#bottomHeader:before {
    content: '';
    background-image: url('../img/layout/header_shadow.png');
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 51px;
    z-index: 2;
}*/
    #main .mainRow {
        background: #ffffff;
        display: block;
        opacity: 1;
        padding: 40px 0 40px 0;
        position: relative;
        width: 100%;
    }
    #main .mainRow:nth-child(even),
    #main .mainRow.layout11 {
        background: #ffffff;
    }
    #main .mainRow:nth-child(odd),
    #main .mainRow.layout12 {
     background: #b6a38e;
    }
    #main .mainRow.nth-child-even {
        background: #ffffff;
    }
    #main .mainRow.nth-child-odd {
        background: #e3d7c6;
    }
    #main .mainRow:first-child {
        background: #e3d7c6;
    }
    #main .mainRow.layout11 {
        background: #ffffff;
    }
    #main .mainRow.layout12 {
        background: #b6a38e;
    }
    #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: 0;
    }
    #main.mainFx .mainRow:nth-child(odd) {
        left: 0;
    }
    #main.mainFx .mainRow.nth-child-even {
        right: 0;
    }
    #main.mainFx .mainRow.nth-child-odd {
        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 {
        right: 0;
    }
    #main.mainFx .mainRow.nth-child-odd.onScreen {
        left: 0;
    }
    */

.backbutton {
    color: #b6a38c;
    font-size: 16px;
    display: block;
    text-decoration: none;
    margin-top: 50px;
}

/* TABS */
    .additionalprice {
        width: 100%;
        display: block;
        margin-top: 20px;
        overflow-x: auto;
        min-height: 45px;
    }
    .additionalprice table {
        width: 100%;
        margin: 0;
        min-width: 450px;
    }
    .additionalprice table th {
        font-weight: normal;
        background: none;
    }
    .additionalprice table tr {
        border-top: 1px solid #b6a38e;
    }
    .additionalprice table thead tr:first-child {
        border-top: none!important;
    }
    .additionalprice table tr td,
    .additionalprice table tr th {
        text-align: right;
        padding: 15px 20px;
    }
    .additionalprice table tr th {
        padding: 8px 20px;
    }
    .additionalprice table tr td:first-child,
    .additionalprice table tr th:first-child {
        text-align: left;
    }

    .tabs {
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        font-size: 1em;
    }
    .tabs li {
        float: left;
        list-style-type: none;
        margin-right: 40px;
    }
    .tabs li a {
        background: #b6a38e;
        color: #ffffff;
        text-decoration: none;
        display: block;
        padding: 0 10px;
        font-size: 2.4em;
        height: 45px;
        line-height: 45px;
    }
    .tabs li + li a {
        background: #ffffff;
        color: #b6a38e;
    }

    .tabs li .text {
        padding: 0 25px 0 10px;
    }


    .tab-content .tab-pane {
        display: none;
        position: relative;
        margin-bottom: 35px;
    }
    .tab-content .tab-pane.active {
        display: block;
    }

    .tab-content table th {
        background: #b6a38e;
        color: #ffffff;
        font-family: 'PT Sans Narrow', Arial, sans-serif;
        font-size: 1.65em;
    }
    .tab-content table tr ~ tr th {
        font-size: 1.3em!important;
        padding-top: 0;
    }
    .tab-content table th a {
        display: inline-block;
        color: #ffffff;
    }
    .tab-content table + table th {
        background: #ffffff;
        color: #666666;
        font-family: Arial, sans-serif;
        font-size: 1em;
    }

    .tab-content table tr {
        color: #666666;
    }
    .tab-content table tr:nth-child(odd) {
        background: #e9dfd1;
    }
    .tab-content table tr:nth-child(even) {
        background: #f0e9df;
    }
    .tab-content table tr:hover {
        background: #d3c6b6;
    }
    .tabs .icon-close,
    .tabs .icon-open {
        width: 30px;
        text-align: center;
        display: inline-block;
        font-size: 0.6em;
    }

/* --------- */



#footer {
    display: block;
    padding: 0 0 160px 0;
    width: 100%;
}
    #footer #footerPartner {
        display: block;
        float: left;
        max-width: 825px;
        padding: 20px 0 0 0;
        width: 66%;
    }
    #footer #footerNav {
        color: #666666;
        font-size: 1.3em;
        display: block;
        float: right;
        line-height: 1.8;
        max-width: 425px;
        padding: 40px 0 0 0;
        text-align: right;
        width: 34%;
    }

    .quickrequest-wrapper.open{
        bottom: 0;
    }

/*
 * Header
 */

.langNav {
    position: absolute;
    top: 0px;
    left: 23%;
}
    .langNav ul {
        display: block;
        font-size: 1.0em;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
        .langNav ul li {
            font-family: Arial, sans-serif;
            font-size: 1.2em;
            line-height: 42px;
            font-weight: 700;
            display: block;
            float: left;
            padding: 0 0 0 10px;
            text-transform: uppercase;
        }
        .langNav ul li:first-child {
            padding: 0;
        }
            .langNav ul li a {
                color: #7f6c58;
                text-decoration: none;
            }
            .langNav ul li a:visited {
                color: #7f6c58;
            }
            .langNav ul li a:hover {
                color: #8c0000;
            }
            .langNav ul li a.langNavAct {
                color: #8c0000;
            }
#headerOptions #headerContact {
    float: right;
}
    #headerOptions #headerContact ul {
        font-family: Arial, sans-serif;
        background: #f2ece3;
        display: block;
        font-size: 1.0em;
        list-style-type: none;
        margin: 0 0 0 50px;
        padding: 0;
    }
        #headerOptions #headerContact .red {
            color: #8c0000;
            font-weight: bold;
        }
        #headerOptions #headerContact ul li {
            color: #7f6c58;
            display: block;
            float: left;
            font-size: 1.4em;
            padding: 0 15px;
            height: 42px;
            line-height: 42px;
        }
        #headerOptions #headerContact ul li.distance {
            background: #ffffff;
            width: 6px;
            padding: 0;
        }

        #headerOptions #headerContact ul li .icon {
            color: #8c0000;
            margin: 0 5px 0 0;
        }
        #headerOptions #headerContact ul li a:visited,
        #headerOptions #headerContact ul li a {
            color: #7f6c58;
            text-decoration: none;
        }
        #headerOptions #headerContact ul li a:hover {
            color: #8c0000;
        }

.headerBook {
    float: right;
    display: inline-block;
    margin: 0 0 0 20px;
}


.newbutton {
    font-family: Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    display: block;
    background: #8c0000;
    margin-left: 6px;
    float: left;
    width: 170px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;

    background: #9a1a1a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9a1a1a), color-stop(50%, #8e0000), color-stop(50%, #8e0000));
    background: linear-gradient(to bottom, #9a1a1a 50%,#8e0000 50%,#8e0000 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1a1a', endColorstr='#8e0000',GradientType=0 );

    box-shadow: inset 0px 0px 15px #650000;
    -webkit-box-shadow: inset 0px 0px 15px #650000;
    -moz-box-shadow: inset 0px 0px 15px #650000;
    -o-box-shadow: inset 0px 0px 15px #650000;

    transition: box-shadow 0.5s;
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
}
.newbutton .left {
    float: left;
    width: 20px;
    height: auto;
    line-height: 45px;
    font-size: 1em;
    opacity: 0.6;
    filter: alpha(opacity=60);
    color: #ffffff;
}
.newbutton .right {
    width: 112px;
    font-size: 16px;
    float: left;
    color: #ffffff;
}
.newbutton:hover {
    color: #ffffff;
    box-shadow: inset 0px 0px 20px #000000;
    -webkit-box-shadow: inset 0px 0px 20px #000000;
    -moz-box-shadow: inset 0px 0px 20px #000000;
    -o-box-shadow: inset 0px 0px 20px #000000;
}


.sommericon,
.wintericon {
    background: #e9dfd1;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    display: inline-block;
}
.sommericon:before,
.wintericon:before {
    content: '';
    background: url('../img/layout/icon_sprite.png') no-repeat -379px -32px;
    width: 15px;
    height: 23px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 1px;
}
.wintericon:before {
    background-position: -375px -107px;
    width: 19px;
    height: 23px;
    left: -1px;
}

#topHeader .newbutton {
    width: auto;
    height: auto;
    line-height: 14px;
    padding: 7px 10px;
    color: #ffffff;
}
#topHeader .newbutton .left {
    height: 28px;
    line-height: 28px;
    font-size: 1.3em;
}
#topHeader .newbutton .right {
    float: right;
    font-size: 11px;
}




.headerBook .perlaicon {
    color: #ffffff;
    opacity: 0.5;
}

#mainLogo a {
    display: inline-block;
}
    #mainLogo a img {
        display: block;
        height: auto;
        width: 150px;
        padding: 20px 0;
        transition: padding 1s, width 1s;
        -webkit-transition: padding 1s, width 1s;
        -moz-transition: padding 1s, width 1s;
        -ms-transition: padding 1s, width 1s;
    }
    #mainLogo a img.scrolled {
        padding: 0;
        width: 132px;
    }
#mainNav > ul {
    display: inline-block;
    font-size: 1.0em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    #mainNav > ul > li {
        display: block;
        float: left;
        padding: 0 25px;
        position: relative;
    }

    #mainNav > ul > li#mainNavItem1 {
        padding: 0;
    }
    #mainNav a {
        color: #7f6c58;
        font-size: 1.8em;
        text-decoration: none;
        font-family: 'PT Sans Narrow', Arial, sans-serif;
    }
    #mainNav .lvl1 > li > a {
        min-height: 40px;
        display: block;
    }
    #mainNav a:hover {
        color: #8c0000;
    }
    #mainNav .lvl2 a {
        font-size: 2.1em;
    }

            #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: #8c0000;
            }
            #mainNav > ul > li.mainNavAct > a > .icon {
                background: #8c0000;
            }
            #mainNav > ul > li .lvl2,
            #mainNav > ul > li .nav_offer {
                display: block;
                left: 0;
                max-height: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 300px;
                height: auto;

                -webkit-box-shadow: 0 0 10px 0px #000000;
                box-shadow: 0 5px 15px -5px #000, 10px 0 20px -10px #000000, -10px 0 10px -10px #000000;
            }
            #mainNav > ul > li .nav_offer {
                left: -190px;
                max-width: 190px;
                background: #ffffff;
            }


            #mainNav > ul > li:nth-last-child(2) .lvl2 {
                left: -100px;
            }
            #mainNav > ul > li:last-child .lvl2 {
                left: -150px;
            }
            #mainNav > ul > li:last-child .nav_offer,
            #mainNav > ul > li:nth-last-child(2) .nav_offer {
                left: -340px;
            }

            #mainNav > ul > li:last-child .lvl2 li.whitebg:before,
            #mainNav > ul > li:nth-last-child(2) .lvl2 li.whitebg:before {
                left: auto;
                right: 170px;
            }
            #mainNav > ul > li:last-child .lvl2 li.whitebg:before {
                right: 120px;
            }


            #mainNav > ul > li:hover .lvl2,
            #mainNav > ul > li:hover .nav_offer {
                max-height: none;
                padding: 20px 0;
                transition: max-height 1s;
                -webkit-transition: max-height 1s;
                -moz-transition: max-height 1s;
                -ms-transition: max-height 1s;
            }
            #mainNav > ul > li .nav_offer .red {
                padding: 15px;
                background: #8c0000;
            }
            #mainNav > ul > li .nav_offer .red .title {
                color: #e3d7c5;
                font-size: 2.1em;
                margin: 0 0 5px 0;
                max-height: 31px;
                overflow: hidden;
            }
            #mainNav > ul > li .nav_offer .more {
                position: absolute;
                right: 10px;
                bottom: 5px;
                font-size: 1.5em;
            }
            #mainNav > ul > li .nav_offer .more i {
                font-size: 2em;
            }
            #mainNav > ul > li .nav_offer img {
                width: 160px;
                height: auto;
            }
            #mainNav > ul > li .nav_offer .text {
                padding: 8px 15px 30px;
                display: block;
                font-family: Arial, sans-serif;
                font-size: 1.4em;
                position: relative;
                color: #666666;
            }
            #mainNav > ul > li:hover .lvl2 li {
                padding: 4px 25px 4px 53px;
                z-index: 6;
                position: relative;
            }

                #mainNav .lvl3 {
                    display: block;
                    font-size: 1.0em;
                    list-style-type: none;
                    margin: 0;
                    min-height: 21px;
                    padding: 0;
                    padding-top: 10px;
                }
                #mainNav .lvl3 a {
                    font-size: 1.8em;
                }

                            #mainNav > ul > li .lvl2 ul li a .icon {
                                color: #8c0000;
                                font-family: Arial, sans-serif;
                                font-weight: bold;
                                margin: 0 5px 0 0;
                            }
                            #mainNav > ul > li .lvl2 ul li a:hover .icon {
                                color: #b6a38e;
                            }
                            #mainNav > ul > li .lvl2 ul li.mainNavSubAct a .icon {
                                color: #b6a38e;
                            }

    #mainNav .lvl2 li:not(.whitebg):before {
        content: '>';
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        display: block;
        border-radius: 50%;
        background: #e9dfd1;
        color: #b5a087;
        position: absolute;
        top: 8px;
        left: 14px;
        font-size: 16px;
    }

    #mainNav .lvl2 li.whitebg {
        padding: 0!important;
        display: block;
        width: 100%;
        background: #ffffff;
        position: absolute!important;
        top: 0;
        bottom: 0;
        /*opacity: 0.7;*/
        z-index: 5;
    }
    #mainNav .lvl2 li.whitebg:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 6px 0 6px;
        border-color: #e9dfd1 transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 20px;
    }

    #mainNav .lvl3 li:not(.whitebg):before {
        content: '';
        width: 10px;
        height: 10px;
        top: 7px;
        left: 0;
    }
    #mainNav > ul > li:hover .lvl2 .lvl3 li {
        padding: 0 20px;
    }
    #mainNav > ul > li:hover .lvl2 .lvl3 li:hover a {
        color: #8c0000;
    }



/* TOPOFFER */
.topoffer .newbutton {
    color: #ffffff;
    float: right;
}

/* -------- */

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


/* Slogan */
    #headerSlider .headerSlogan {
        display: block;
        position: absolute;
        right: 0;
        z-index: 10;
        opacity: 0.9;
        bottom: 8%;
    }
    #headerSlider .headerSlogan span {
        display: inline-block;
        text-align: right;
        float: right;
    }
    #headerSlider .headerSlogan1 {
        background: #ffffff;
        color: #b6a38e;
        font-size: 4.0em;
        line-height: 1.4;
        padding: 0 20px 0 10px;
        margin-bottom: 10px;
    }
    #headerSlider .headerSlogan2 {
        background: #b6a38e;
        color: #ffffff;
        font-size: 3.0em;
        line-height: 1.5;
        padding: 0 20px 0 10px;
    }

/* Headeroffer */
    .headeroffer {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #ffffff;
        z-index: 15;
    }
    .headeroffer .top {
        position: relative;
        z-index: 17;
    }
    .headeroffer .top > span {
        float: left;
    }
    .headeroffer .top .left {
        font-size: 22px;
        padding: 0 15px;
        background: #8e0000;
        height: 55px;
        line-height: 55px;
        position: relative;
        top: 14.5px;
    }
    .headeroffer .bottom {
        display: none;
        padding: 10px 20px;
        color: #666666;
        background: #e9dfd1;
        max-width: 226px;
        position: relative;
        z-index: 16;
        top: -15px;
        line-height: 1.1em;
        overflow: hidden;
    }






#headerSlider .rslides_nav {
    position: absolute;
    top: 50%;
    text-decoration: none;
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #e9dfd1;
    color: #a58c70;
    font-size: 2.5em;
    z-index: 5;
    border-radius: 50%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#headerSlider .rslides_nav,
.owl-buttons > div {
    -webkit-box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px -3px rgba(5px, 45px, 25px, 0.75);
}

#headerSlider .rslides_nav > i {
    position: relative;
    top: 3px;
}
#headerSlider .rslides_nav:hover {
  color: #5E484A;
  opacity: 1;
}

#headerSlider .rslides_nav.prev {
    left: 50px;
}
#headerSlider .rslides_nav.next {
    right: 50px;
}

.scrolldownbutton {
    z-index: 2;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    max-height: 80px;
    overflow: hidden;
}
.scrolldownbutton .perlaicon-pfeil1 {
    background: #e3d7c6;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: inline-block;
    cursor: pointer;
}
.scrolldownbutton .perlaicon-pfeil1:before {
    position: relative;
    top: 40px;
    font-size: 3em;
    color: #a58c70;
}
.scrolldownbutton .perlaicon-pfeil1:hover:before {
    color: #721F19;
}


#breadcrumb a {
    color: #666666;
    text-decoration: none;
}
#breadcrumb a:visited {
    color: #666666;
}
#breadcrumb a:hover {
    color: #8c0000;
    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,
#main .mainRow.layout11 .content .contentHeadline {
    float: right;
}
.mainRow:nth-child(odd) .content .contentHeadline,
#main .mainRow.layout12 .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,
#main .mainRow.layout11 .content .contentImage {
    float: left;
}
.mainRow:nth-child(odd) .content .contentImage,
#main .mainRow.layout12 .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%;
        position: relative;
        margin-bottom: 35px;
    }
    .mainRow .content .contentImage a ~ a img {
        margin-top: 10px;
    }
        .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 .read_more {
    cursor: pointer;
    color: #B6A48F;
    font-size: 16px;
}
.mainRow .content .contentText.contentTextNoImage {
    float: left !important;
    max-width: 1250px;
    width: 100%;
}
.mainRow:nth-child(even) .content .contentText,
#main .mainRow.layout11 .content .contentText {
    float: right;
}
.mainRow:nth-child(odd) .content .contentText,
#main .mainRow.layout12 .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: #e3d7c6;
        }
        .mainRow:nth-child(even) .content .contentText table tr,
        #main .mainRow.layout11 .content .contentText table tr {
            background: #ffffff;
            border-top: 1px solid #e3d7c6;
        }
        .mainRow:nth-child(odd) .content .contentText table tr,
        #main .mainRow.layout12 .content .contentText table tr {
            background: #e3d7c6;
            border-top: 1px solid #ffffff;
        }
        .mainRow.nth-child-even .content .contentText table tr { /* <IE9 Fallback */
            background: #ffffff;
            border-top: 1px solid #e3d7c6;
        }
        .mainRow.nth-child-odd .content .contentText table tr { /* <IE9 Fallback */
            background: #e3d7c6;
            border-top: 1px solid #ffffff;
        }
        .mainRow .content .contentText table tr:hover {
            background: #dfd2bf;
        }
.mainRow .content .moreLink {
    float: right;
}
.content ul {
    font-size: 1.6em;
    font-family: Arial, sans-serif;
}

.mainRow .offers .offersHeadline {
    display: block;
    padding: 0 0 10px 0;
    position: relative;
    width: 100%;
}
    .mainRow .offers .offersHeadline > a {
        border: 1px solid #8c0000;
        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 #b6a38e;
    }
    .mainRow:nth-child(even) .offers .offersHeadline > a,
    #main .mainRow.layout11 .offerst .offersHeadline > a {
            left: 1.6%;
            right: auto;
    }
    .mainRow:nth-child(odd) .offers .offersHeadline > a,
    #main .mainRow.layout12 .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: #8c0000;
            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: #b6a38e;
        }
    .mainRow .offers .offersHeadline h4 {
        transition: padding 1s;
        -webkit-transition: padding 1s;
        -moz-transition: padding 1s;
        -ms-transition: padding 1s;
    }
    .mainRow:nth-child(odd) .offers .offersHeadline h4,
    #main .mainRow.layout12 .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,
    #main .mainRow.layout11 .offers .offerSlider .offer .offerImage {
        float: left;
    }
    .mainRow:nth-child(odd) .offers .offerSlider .offer .offerImage,
    #main .mainRow.layout12 .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,
    #main .mainRow.layout11 .offers .offerSlider .offer .offerContent {
        float: right;
    }
    .mainRow:nth-child(odd) .offers .offerSlider .offer .offerContent,
    #main .mainRow.layout12 .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 {
                font-family: Arial, sans-serif;
                color: #b6a38e;
                font-size: 2em;
                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: right;
            }
            .mainRow .offers .offerSlider .offer .offerContent .offerOptions .requestLink {
                color: #72201f;
                font-size: 2.4em;
                text-decoration: none;
                padding: 10px 0 0 0;
                display: inline-block;
            }
            .mainRow .offers .offerSlider .offer .offerContent .offerOptions .requestLink:hover {
                color: #C16F6C;
            }


    .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,
    #main .mainRow.layout11 .offers .owl-theme .owl-controls {
        right: 0;
    }
    .mainRow:nth-child(odd) .offers .owl-theme .owl-controls,
    #main .mainRow.layout12 .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: #ad9780;
            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: #8c0000;
        }
.mainRow .noOffersInfo {
    display: block;
}
    .mainRow .noOffersInfo p {
        color: #8c0000;
        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,
    #main .mainRow.layout11 .noOffersInfo p {
        padding: 20px 0 20px 12.8%;
    }
    .mainRow:nth-child(odd) .noOffersInfo p,
    #main .mainRow.layout12 .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;
    }
    .offerList .offer .offerText {
        font-size: 1.6em;
        font-family: Arial, sans-serif;
        color: #666666!important;
    }
    .offerList .offer h2 {
        height: 65px;
    }
    .offerList .offer .offerText p {
        font-size: 1em;
        color: #666666!important;
    }
    .offerList .offer .offerText .offerPrice {
        font-size: 1.4em!important;
    }
    /*
    .offerList .offer ul,
    .offerList .offer b {
        margin: 5px 0;
    }
    .offerList .offer p b {
        font-size: 1em;
    }*/
/* Fallback - Start (if owlCarousel is deactivated) */
.mainRow .shortLinks {
    display: table;
    position: relative;
    border: 1px solid #b6a38e;
    background: #e9dfd1;
}
    .mainRow .shortLinks > .shortLinkBox {
        display: table-cell;
        text-decoration: none;
        width: 25%;
    }
        .mainRow .shortLinks > .shortLinkBox > div {
            display: block;
        }
            .mainRow .shortLinks > .shortLinkBox > div p {
                color: #ffffff;
                display: block;
                padding: 0 0 20px 0;
                text-align: center;
            }
            .mainRow .shortLinks > .shortLinkBox:hover > div p {
                color: #8c0000;
            }
            .mainRow .shortLinks > .shortLinkBox > div .shortLinkImage {
                display: block;
                padding: 15px 0 0 0;
                text-align: center;
            }
                .mainRow .shortLinks > .shortLinkBox > div .shortLinkImage > div {
                    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 > div .shortLinkImage > div img {
                        max-width: 185px;
                        width: 100%;
                    }
            .mainRow .shortLinks > .shortLinkBox > div .shortLinkText {
                display: block;
                padding: 0 30px 0 30px;
                text-align: center;
                color: #ffffff;
            }
            .mainRow .shortLinks > .shortLinkBox > div .shortLinkText p {
                color: #ffffff;
            }
                .mainRow .shortLinks > .shortLinkBox > div .shortLinkText .shortLinkMore {
                    color: #9D8C6D;
                    display: none;
                    font-weight: 700;
                }
                .mainRow .shortLinks > .shortLinkBox:hover > div .shortLinkText .shortLinkMore {
                    color: #8c0000;
                }
                .mainRow .shortLinks > .shortLinkBox > div .shortLinkText .icon {
                    color: #9D8C6D;
                    font-weight: 700;
                }
                .mainRow .shortLinks > .shortLinkBox:hover > div .shortLinkText .icon {
                    color: #8c0000;
                }
/* Fallback - End (if owlCarousel is deactivated) */
.mainRow .shortLinks.owl-carousel {
    display: block;
}
    .mainRow .shortLinks.owl-carousel .owl-wrapper-outer {
        display: block;
        width: 99%!important;
    }
        .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item {
            display: block;
            height: auto;
            text-decoration: none;
            width: 25%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            *behavior: url("http://www.perla.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;
                padding-top: 20px;
                padding-bottom: 20px;
                display: block;
            }
                .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div p {
                    color: #8c0000;
                    font-weight: 300;
                    display: block;
                    padding: 15px 0;
                    text-align: center;
                    padding-top: 30px;
                }

                #main .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkIconOuter + p {
                    padding-top: 0;
                    color: #8c0000;

                }
                #main .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox .shortLinkText p {
                    color: #b6a38e;
                    text-align: left;
                }
                .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage {
                    display: block;
                    padding: 0;
                    text-align: center;
                }
                .shortLinkImage img {
                    max-width: 100%;
                    height: auto;
                }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage > div {
                        display: inline-block;
                        max-width: 265px;
                        position: relative;
                    }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText {
                    display: block;
                    padding: 5px 25px;
                    text-align: center;
                }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .shortLinkMore {
                        color: #9D8C6D;
                        display: none;
                        font-weight: 700;
                    }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkText .shortLinkMore {
                        color: #8c0000;
                    }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .icon {
                        color: #9D8C6D;
                        font-weight: 400;
                    }
                    .mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkText .icon {
                        color: #8c0000!important;
                    }

                .shortLinkBox .shortLinkText,
                .shortLinkBox .shortLinkText p {
                    color: #b6a38e;
                    text-align: left;
                    height: auto;
                }

.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: #b6a38e;
                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: #b6a38e;
                    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;
        }

        .galleryWrapper .owl-item {
            text-align: center;
        }
        .galleryWrapper .owl-item a {
            display: inline-block;
            margin: 0 auto;
        }
            .owl-buttons {
                width: 100%;
            }
            .owl-buttons > div {
                position: absolute!important;
                top: 45%!important;
                top: calc(50% - 30px)!important;
                background: #e3d7c6;
                background: #e3d7c6!important;
                border-radius: 50%!important;
                width: 30px!important;
                height: 30px!important;
                line-height: 30px!important;
                display: inline-block!important;
                padding: 0!important;
                margin: 0!important;
                float: none!important;
                opacity: 0.7!important;
            }
            .owl-theme .owl-controls .owl-buttons div:hover {
                opacity: 1!important;
            }
            .owl-buttons .owl-prev {
                left: -40px;
            }
            .owl-buttons .owl-next {
                right: -40px;
            }

            .roomimagewrap .owl-buttons > div {
                width: 50px!important;
                height: 50px!important;
                line-height: 50px!important;
                font-size: 20px!important;
                text-align: center;
                top: 40%!important;
            }
            .roomimagewrap .owl-buttons .owl-prev {
                left: 10px;
            }
            .roomimagewrap .owl-buttons .owl-next {
                right: 10px;
            }

            /*
            .mainRow .infos .knowledge .owl-controls .owl-buttons div {
                background: #ffffff;
                border-radius: 50px;
                color: #b6a38e;
                font-size: 2.5em;
                font-weight: 300;
                opacity: 1;
                margin: 0;
                padding: 3px 14px 3px 14px;
            }
            .mainRow .infos .knowledge .owl-controls .owl-buttons div:hover {
                color: #8c0000;
            }
            .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;
        position: relative;
        text-align: left;
        width: 33%;
    }
        .mainRow .mainFooter #footerNewsletter label,
        .mainRow .mainFooter #weather p,
        .mainRow .mainFooter #footerNewsletter p {
            font-family: 'PT Sans Narrow', Arial, sans-serif;
            font-style: normal;
            font-size: 1.7em;
            color: #666666;
        }
        .mainRow .mainFooter #weather p,
        .mainRow .mainFooter #footerNewsletter p {
            padding: 20px 6.5% 20px 6.5%;
        }
        .mainRow .mainFooter #weather p:first-child,
        .mainRow .mainFooter #footerNewsletter p:first-child {
            font-size: 2.8em;
            color: #7f6c58;
            padding-top: 0;
        }
        .mainRow .mainFooter #footerNewsletter > div {
            padding: 0 6.5% 0 6.5%;
        }
    .mainRow .mainFooter #footerAddress {
        float: left;
        width: 30%;
    }
    .mainRow .mainFooter #footerAddress p {
        font-family: 'PT Sans Narrow', Arial, sans-serif;
        font-style: normal;
        padding: 0;
        font-size: 1.7em;
        color: #666666;
    }
    .mainRow .mainFooter #footerAddress p.title {
        color: #721f19!important;
    }
    .mainRow .mainFooter #footerAddress .sociallinks {
        padding-top: 10px;
        display: flex;
        align-items: center;
    }
    .mainRow .mainFooter #footerAddress .sociallinks a {
        text-decoration: none;
        padding-right: 15px;
        display: flex;
        align-items: center;
    }
    .mainRow .mainFooter #footerAddress .sociallinks a i {
        font-size: 2em;
        padding-right: 5px;
        position: relative;
        top: 2px;
        color: #8c0000 !important;
    }
    .mainRow .mainFooter #weather {
        float: right;
        text-align: center;
        width: 30%;
    }
        .mainRow .mainFooter #weather img {
            display: inline-block;
            height: auto;
            max-width: 520px;
            width: 86.7%;
        }
        .mainRow .mainFooter #weather #bn_daywiew th {
            padding: 3px 5px;
        }

        .mainRow .mainFooter #weather #bn_daywiew th,
        .mainRow .mainFooter #weather #bn_daywiew td {
            border: none!important;
        }

    .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%;
        }

    /* odd row */
    .mainRow:nth-child(odd) .mainFooter select,
    #main .mainRow.layout12 .mainFooter select,
    .mainRow:nth-child(odd) .mainFooter input,
    #main .mainRow.layout12 .mainFooter input,
    .mainRow:nth-child(odd) .mainFooter label,
    #main .mainRow.layout12 .mainFooter label,
    .mainRow:nth-child(odd) .mainFooter p,
    #main .mainRow.layout12 .mainFooter p,
    .mainRow:nth-child(odd) .mainFooter a,
    #main .mainRow.layout12 .mainFooter a,
    .mainRow:nth-child(odd) .mainFooter th,
    #main .mainRow.layout12 .mainFooter th,
    .mainRow:nth-child(odd) .mainFooter td,
    #main .mainRow.layout12 .mainFooter td,
    .mainRow:nth-child(odd) .mainFooter div,
    #main .mainRow.layout12 .mainFooter div,
    .mainRow:nth-child(odd) .mainFooter .weatherplugin .icons .weather-symbol,
    #main .mainRow.layout12 .mainFooter .weatherplugin .icons .weather-symbol,
    .mainRow:nth-child(odd) .shortLinkBox .shortLinkText,
    #main .mainRow.layout12 .shortLinkBox .shortLinkText,
    .mainRow:nth-child(odd) .shortLinkBox .shortLinkText p ,
    #main .mainRow.layout12 .shortLinkBox .shortLinkText p {
        color: #ffffff!important;
    }
    .mainRow:nth-child(odd) #bn_newsletterRegistration #newsletterform select,
    #main .mainRow.layout12 #bn_newsletterRegistration #newsletterform select,
    .mainRow:nth-child(odd) #bn_newsletterRegistration #newsletterform input ,
    #main .mainRow.layout12 #bn_newsletterRegistration #newsletterform input {
        border-bottom: 1px solid #ffffff!important;
    }
    #main #bn_newsletterRegistration #newsletterform input.notvalid,
    #main #bn_newsletterRegistration #newsletterform select.notvalid
    {
        border: 1px solid #901317!important;
    }
    .mainRow:nth-child(odd) select option ,
    #main .mainRow.layout12 select option {
        background: #b6a38e!important;
    }
    .mainRow:nth-child(odd) .mainFooter a:hover ,
    #main .mainRow.layout12 .mainFooter a:hover {
        color: #8c0000!important;
    }

    /* even row */
    .mainRow:nth-child(even) .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .icon,
    #main .mainRow.layout11 .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkText .icon {
        color: #b6a38e;
    }

/*
 * Footer
 */

#footerPartner a {
    max-height: 40px;
}
#footerPartner a img {
    display: inline;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 55px;
}
#footerNav a {
    color: #666666;
    text-decoration: none;
}
#footerNav a:visited {
    color: #666666;
}
#footerNav a:hover {
    color: #8c0000;
    text-decoration: none;
}
#footerNav a.footerNavAct {
    color: #8c0000;
}

/*
 * 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: #b6a38e;
    float: right;
    max-width: 1050px;
    min-height: 70px;
    width: 84%;
    height: 100px;
}
    #quickRequestContainer #quickRequestRight > div {
        padding: 10px 0 20px 20px;
    }

/* HGV Widget */
#hgv_widget {
    min-width: 0;
    max-width: 1250px;
    margin: 0 auto;
}
#hgv_widget_container {
    padding: 50px 0;
}

/* DOWNLOADBOX */
.downloadbox {
    background: #a48c72;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px;
}
.downloadbox a {
    color: #ffffff;
    text-decoration: none;
}
.downloadbox .text {
    float: left;
    max-width: 80%;
}
.downloadbox .symbol {
    float: right;
    max-width: 15%;
    font-size: 26px;
     -webkit-transition: all 1s ease;
     transition: all 1s ease;
}
.downloadbox:hover .symbol {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

/* ----- */


/*
 * 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 .offerpadding {
    padding: 10px 20px;
}
.mainRow .offers .offerList .offer .offerTitle {
    padding-bottom: 10px;
}
.mainRow .offers .offerList .offer h2 {
    color: #a48c72;
    padding: 0;
    font-size: 2.8em;
    line-height: 1.1em;
    min-height: 60px;
}
.mainRow .offers .offerList .offer .offerOptions {
    background: #8d0000;
    text-align: center;
}
.mainRow .offers .offerList .offer .offerOptions a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 1em;
    padding: 15px 0;
    text-transform: uppercase;
    display: block;
}

.offerList {
}

    .mainRow .offers .offerList .offer .offerImage {
        display: block;
    }
        .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 {
        border: 1px solid #b6a38e;
        min-height: 450px;
        position: relative;
        display: flex;
        flex-direction: column;
/*        justify-content: space-between;*/
        padding-bottom: 46px;
    }

        .mainRow .offers .offerList .offer .offerContent .offerTitle {
            display: block;
            width: 100%;
        }
        .mainRow .offers .offerList .offer .offerContent .offerText {
            display: block;
            width: 100%;
        }
            .mainRow .offers .offerList .offer .offerContent .offerText .offerPrice {
                 color: #a48c72;
                 font-size: 2.8em;
                 font-weight: 300;
                 padding: 10px 0 20px;
                 display: block;
                 position: absolute;
                 left: 0;
                 right: 0;
                 margin: 0 auto;
                 bottom: 50px;
             }
        .mainRow .offers .offerList .offer .offerContent .offerOptions {
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0px;
            left: 0;
        }
            .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: #8c0000;
            }
        .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: #8c0000;
                    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: #b6a38e;
                }
                .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: #8c0000;
                    cursor: pointer;
                    display: none;
                    font-size: 1.6em;
                    text-align: right;
                }
                .mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger .iconFallbackOldIE:hover {
                    color: #b6a38e;
                }
            .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;
                }

.offerdetail .offerContent,
.offerdetail .offerImage {
    width: 45%;
    float: left;
}
.offerdetail .offerImage {
    float: right;
    position: relative;
    z-index: 5;
    margin-top: 10px;
}
.offerdetail .offerImage .marginbottom {
    margin-bottom: 35px;
}
.offerdetail .offerImage a {
    display: block;
    position: relative;
}
.offerdetail .offerImage img {
    max-width: 100%;
}

/* Image Hover effect */
    .imagehover {
        opacity: 0;
        position: absolute;
        bottom: 0;
        color: #ffffff;
        padding: 20px 0;
        font-size: 18px;
        line-height: 18px;
        width: 100%;

        transition: opacity 1s;
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
    }
    .imagehover span {
        padding: 0 20px;
        display: block;
        z-index: 7;
        position: relative;
    }
    .imagehover .background {
        background: #000000;
        opacity: 0.7;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: 6;
    }

    .mainRow .content .contentImage a:hover .imagehover,
    .offerImage a:hover .imagehover {
        opacity: 1;
    }
/* ------------ */


.offerdetail .offerDetails {
    font-size: 2em;
    line-height: 1.2em;
    padding: 20px 0;
    font-weight: 400;
    font-family: Arial, sans-serif;
    color: #666666;
}
.offerdetail .offerDetails ul {
    list-style-image: url('/fileadmin/web/img/layout/list-style-icon.png');
    padding-left: 25px;
}

.offerprices {
    float: left;
    width: 100%;
}

.offerpricetitletable {
    width: 100%;
    margin-bottom: 0;
}
.offerpricetitletable td {
    background: #b6a38e;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 1.2em;
}

.offerpricetable {
    width: 100%;
    margin-top: 0;
}
.offerpricetable th,
.offerpricetable td {
    width: 22%;
    color: #666666;
    padding: 5px 10px;
    text-align: right;
}
.offerpricetable th:first-child,
.offerpricetable td:first-child {
    width: 34%;
    text-align: left;
    font-weight: bold;
}
.offerpricetable tr td {
    background: #f0e9df;
}
.offerpricetable tr:nth-child(even) td {
    background: #e9dfd1;
}
.offerpricetable tr.white td {
    background: #ffffff;
}



.flright {
    float: right;
}

/* Mobile Main Nav */
#mobileMainNav br {
    display: none!important;
}
#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;
}
#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: -66%;
        position: fixed;
        top: 0;
        width: 66%;
        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: 'PT Sans Narrow', 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: #8c0000;
    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: 66%;
    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%);
        -ms-transform: translateY(-250%);
        transform: translateY(-250%);
    }
    #mobileMainNavTrigger span:after {
        -webkit-transform: translateY(250%);
        -ms-transform: translateY(250%);
        transform: translateY(250%);
    }
    #mobileMainNavTrigger.mobileMainNavOpen span:before {
        -webkit-transform: translateY(-300%);
        -ms-transform: translateY(-300%);
        transform: translateY(-300%);
    }
    #mobileMainNavTrigger.mobileMainNavOpen span:after {
        -webkit-transform: translateY(300%);
        -ms-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: #b6a38e;
    opacity: 1;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
}

#main .mainRow:nth-child(odd) .gallery .owl-theme .owl-controls .owl-page span,
#main .mainRow.layout12 .gallery .owl-theme .owl-controls .owl-page span {
    background: #ffffff;
}

.mainRow .gallery .owl-theme .owl-controls .owl-page.active span,
.mainRow .gallery .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #8c0000!important;
}
/* Rooms */
.mainRow .rooms .room {
    display: block;
    padding: 40px 0 40px 0;
    width: 100%;
}
.mainRow .rooms .room:first-child {
    border-top: 0;
    padding: 0 0 40px 0;
}
        .mainRow .rooms.prices .room .roomHeadline h2 {
            padding: 0 0 10px 0;
        }
        .mainRow .rooms .room .roomImage img {
            display: none;
            height: auto;
            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 {
            }
            .mainRow .rooms .room .roomImage .roomOptions a.roomSketch {
                color: #8c0000;
                display: none; /* Ausgeblendet auf Wunsch von Erwin am 22.04.2014 */
                font-size: 2.0em;
                text-decoration: none;
            }
            .mainRow .rooms .room .roomImage .roomOptions a.roomSketch:visited {
                color: #8c0000;
            }
            .mainRow .rooms .room .roomImage .roomOptions a.roomSketch:hover {
                color: #b6a38e;
                text-decoration: none;
            }

    .mainRow:nth-child(even) .rooms .room .roomDescription,
    #main .mainRow.layout11 .rooms .room .roomDescription {
        float: right;
    }
    .mainRow:nth-child(odd) .rooms .room .roomDescription,
    #main .mainRow.layout12 .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;
                    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: #b6a38e;
                        color: #ffffff;
                        text-decoration: none;
                    }
                    .mainRow .rooms .room .roomDescription .roomPrices ul li.active a {
                        background: #b6a38e;
                        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%;
                        }

.roomDescription {
    margin-bottom: 20px;
}
.roomimagewrap {
    position: relative;
}
.roomimagewrap .roomOptions {
    position: absolute;
    bottom: -65px;
    right: 0;
}


/*
.roomimagewrap .roomOptions a {
    width: 200px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center;
    float: left;
    border: none!important;
    margin: none!important;
    margin-left: 13px!important;
    text-decoration: none;
    display: block;
    background: #8C0000;
    margin-left: 6px;
    float: left;
    background: #9A1A1A;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9a1a1a 50%, #8e0000 50%, #8e0000 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#9A1A1A), color-stop(50%,#8E0000), color-stop(50%,#8E0000));
    background: -webkit-linear-gradient(top, #9A1A1A 50%,#8E0000 50%,#8E0000 50%);
    background: -o-linear-gradient(top, #9a1a1a 50%,#8e0000 50%,#8e0000 50%);
    background: -ms-linear-gradient(top, #9a1a1a 50%,#8e0000 50%,#8e0000 50%);
    background: linear-gradient(to bottom, #9A1A1A 50%,#8E0000 50%,#8E0000 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1a1a', endColorstr='#8e0000',GradientType=0 );
    box-shadow: inset 0px 0px 15px #650000;
    -webkit-box-shadow: inset 0px 0px 15px #650000;
    -moz-box-shadow: inset 0px 0px 15px #650000;
    -o-box-shadow: inset 0px 0px 15px #650000;
}

.roomimagewrap .roomOptions a span {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}
/*

/* ROOMLIST */
    .roomlist img {
        max-width: 100%;
        height: auto;
    }
    .roomlist a {
        display: block;
        position: relative;
    }
    .background {
        background: #000000;
        opacity: 0.5;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 2;
    }
    .oneroom .foreground,
    .roomInfo .foreground {
        z-index: 3;
        position: absolute;
        left: 5%;
        bottom: 25px;
        font-size: 22px;
        line-height: 22px;
        overflow: hidden;
    }
    .roomlist .oneroom {
        width: 48%;
        display: inline-block;
        float: left;
        position: relative;
        margin-bottom: 45px;
    }
    .roomlist .oneroom:nth-child(odd) {
        margin-right: 1%;
    }
    .roomlist .oneroom:nth-child(even) {
        margin-left: 1%;
    }

    .roomlist .roomfillbox ~ .oneroom:nth-child(odd) {
        margin-left: 0;
        margin-right: 1%;
    }
    .roomlist .roomfillbox ~ .oneroom:nth-child(even) {
        margin-left: 1%;
        margin-right: 0;
    }

    .roomlist .oneroom .more,
    .roomInfo {
        position: absolute;
        width: 100%;
        color: #ffffff;
    }
    .roomlist .roomInfo {
        color: #666666;
        bottom: 10px;
        top: auto;
        margin: 0 10px;
        width: calc(100% - 20px);
        height: 33%;
    }
    .roomlist .roomInfo .foreground {
        bottom: 50%;
        transform: translateY(50%);
    }
    .roomlist .roomInfo .background {
        background: #fff;
        opacity: .75;
    }
    .roomlist .oneroom .more {
        text-transform: uppercase;
        top: 10px;
        height: calc(65% - 20px);
        width: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;

        transition: opacity 1s;
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
    }
    .roomlist .oneroom .more .foreground {
        color: #666666;
    }
    .roomlist .oneroom .more .background {
        background: #fff;
        opacity: .75;
    }
    .roomlist .oneroom a:hover .more {
        opacity: 1;
    }
    .roomInfo {
        top: 73%;
        bottom: 0;
    }
    .roomlist .oneroom .moreButton {
        border: 0!important;
    }


    .roomfillbox {
        background: #b6a38e;
    }
    .roomfillbox .title,
    .roomfillbox .subtitle {
        position: absolute;
        top: 28%;
        left: 40px;
        color: #e9dfd1;
        font-size: 5em;
        line-height: 1.2em;
        font-weight: bold;
    }
    .roomfillbox .subtitle {
        color: #a48c72;
        top: 52%;
    }


/* Content IMG */
.mainRow .contentImages {
    display: block;
    width: 100%;
    position: relative;
}
    .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 */
.sitemap {
    font-size: 2em;
}
.sitemap a {
    text-decoration: none;
}
.sitemap > li {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* 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 {
    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;
    }
    #selectedOffer .removeOfferTrigger:hover {
        color: #8c0000;
    }
    #selectedOffer .offer {
        padding: 10px 0 0 0;
    }
    #selectedOffer .offerImage img {
        display: block;
        height: auto;
        width: 100%;
    }
     #selectedOffer .offerContent {
        position: relative;
         border-bottom: 1px solid #E1E1E1;
         border-left: 1px solid #E1E1E1;
         border-right: 1px solid #E1E1E1;
         padding: 5px;
    }
    #selectedOffer .offerDetails {
        display: none;
        color: #666666;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    #selectedOffer .offerDetails p{
        color: #666666;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    #selectedOffer .offerTitle h2 {
        padding: 0 50px 10px 0;
    }
    #selectedOffer .offerPrice {
        color: #666666;
        font-weight: 300;
        font-family: Arial, sans-serif;
        font-size: 1.8em;
    }
    #selectedOffer .offerDetailsTrigger {
        position: absolute;
        right: 5px;
        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: #8c0000;
            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: #b6a38e;
        }
        #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;
            margin-right: 5px;
        }
        #selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE {
            color: #8c0000;
            cursor: pointer;
            display: none;
            font-size: 1.6em;
            text-align: right;
        }
        #selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE:hover {
            color: #b6a38e;
        }
        #selectedOffer .selectedOfferAccordion .offerDetails b {
            font-size: 1em;
        }
        #selectedOffer .offerText.clearfix{
            padding-top: 25px;
        }
#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;
        }
    .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;
        }

.weatherplugin table,
.weatherplugin tr,
.weatherplugin td,
.weatherplugin th,
.weatherplugin div {
    background: none!important;
    color: #666666!important;
    font-family: 'PT Sans Narrow', Arial, sans-serif!important;
    font-weight: normal;
}
.weatherplugin span {
    background: none!important;
}
.weatherplugin table {
    margin: 20px auto;
}
.weatherplugin th {
  padding: 3px 10px;
}
.weatherplugin .icons .weather-symbol {
    color: #b6a38e!important;
}

.mainRow .mainFooter #footerNewsletter p:first-child,
#bn_newsletterRegistration {
    max-width: 300px;
    margin: 0 auto;
}

table tr td,
table tr th {
    text-align: left;
}

.klappboxtabelle table tr th:last-child {
    background: url('../img/layout/openclosesprite.png') no-repeat right -45px #b6a38e;
}
.klappboxtabelle table.closed tr th:last-child {
    background-position: right 15px;
}
.klappboxtabelle table tr td,
.klappboxtabelle table tr th {
    width: 20%;
    text-align: left;
}
.klappboxtabelle table tr td:last-child,
.klappboxtabelle table tr th:last-child {
    width: 60%;
}

/*
.klappboxtabelle table {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.klappboxtabelle table.closed  {
    display: inline-block;
    height: 48px;
}
*/

/* Bewertungen */
.bewertungen_wrapper {
    width: 1000px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}
.bewertungen_wrapper > div {
    float: left;
    display: inline-block;
    margin: 10px;
}


/* Youtube Box */
    .youtubebox iframe {
        max-width: 100%;
    }
    .youtubebox iframe {
        width: 600px;
        height: 250px;
    }
    .youtubebox .contenttext {
        max-width: 59%;
        float: left;
    }
    .youtubebox.notext .contenttext {
        display: none;
    }
    .youtubebox .youtubevideo {
        max-width: 39%;
        float: right;
        position: relative;
    }
    .youtubebox.notext .youtubevideo {
        max-width: none;
        float: none;
    }
    .youtubebox.notext iframe {
        width: 1250px;
        height: 625px;
    }
    .youtubevideo.bottomshadow:after,
    .youtubevideo.bottomshadow:before {
        bottom: -30px;
    }

/* ----- */




/*
 * 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 .lvl2 {
    padding: 47px 0 0 0;
}
/* <IE8: "#headerSlider" Background */
.lt-ie8 #header #bottomHeader #headerSlider {
    background: #e3d7c6;
}
/* <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 10px 0;
}
.lt-ie8 #selectedOffer .selectedOfferAccordion .offerDetailsTrigger .iconFallbackOldIE {
    display: block;
}
.mainRow:nth-child(odd) .shortLinkBox .shortLinkText p {
     color: #666 !important;
}


.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox > div .shortLinkImage > div:before {
     content: '';
     position: absolute;
     z-index: 1000;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     -webkit-box-shadow: inset 0px 0px 40px #000;
     box-shadow: inset 0px 0px 40px #000;
     -webkit-transition: -webkit-box-shadow 0.5s;
     transition: box-shadow 0.5s;
}
.mainRow .shortLinks.owl-carousel .owl-wrapper > .owl-item .shortLinkBox:hover > div .shortLinkImage > div::before {
     content: '';
     -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
     box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.shortLinkIconOuter {
    background: #fff;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    position: relative;
    margin: 0 auto;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}

.shortLinkIcon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* QUICKLINKBOX */
    .onequicklinkbox {
        max-width: 23%;
        margin: 10px 1%;
        display: block;
        float: left;
        position: relative;
    }
    .onequicklinkbox img {
        max-width: 100%;
        height: auto;
    }
    .roomInfo .foreground {
        width: 90%;
        left: 5%;
        bottom: 0;
    }
    .onequicklinkbox .roomInfo {
        top: 70%;
        font-size: 2em;
    }
    .onequicklinkbox .caption-icon {
        float: right;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }
    .onequicklinkbox:hover .caption-icon {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }
/* ----- */


.mainRow .offers .offerList .offer {
     margin: 20px 0.5% 0;
     padding: 0;
     width: 24%;
     float: left;
     display: inline-block;
     background: #ffffff;
     text-align: center;
}

/**
 * cookie banner (implemented on 2015-07-07)
 */

.cookie_list table {
    width: 100%;
}

#cookiebanner .clr {
    display: none;
}

#cookiebanner {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none;
    visibility: hidden;

}




@media (max-width: 767px) {

    #cookiebanner .infotext {
        text-align: right;
    }

    #cookiebanner .infotext .text {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }

}

[class*="png-sprite-"] {
    background-image: url('/fileadmin/web/img/layout/icon_sprite.png');
    background-repeat: no-repeat;
}

.png-sprite-kamera {
    background-position: -31px -31px;
    width: 26px;
    height: 25px;
}

.png-sprite-sessel {
    background-position: -136px -31px;
    width: 32px;
    height: 25px;
}

.png-sprite-blume {
    background-position: -227px -31px;
    width: 19px;
    height: 25px;
}

.png-sprite-herz {
    background-position: -293px -31px;
    width: 29px;
    height: 25px;
}

.png-sprite-wandern {
    background-position: -32px -101px;
    width: 24px;
    height: 36px;
}

.png-sprite-ski {
    background-position: -136px -101px;
    width: 32px;
    height: 37px;
}

.png-sprite-dokument {
    background-position: -224px -104px;
    width: 25px;
    height: 30px;
}

.png-sprite-stift {
    background-position: -293px -106px;
    width: 29px;
    height: 26px;
}


#uid110 .content-table td:first-child {
    width: 50%;
}

/* weißer Streifen Weg - 25.09.2015 */
#main {
    padding-top: 0;
}

/**
 * 2015-09-29: sentres map
 */

.interactive-map-outer {
    text-align: center;
    margin: 4em auto;
}

.interactive-map-inner {
    display: block;
    margin: 0 auto;
    max-width: 1250px;
    text-align: left;
}

.sentres-fullscreen #header #topHeaderWrap,
.sentres-fullscreen #quickRequest {
    z-index: 40;
}

.sentres-fullscreen.sentres-fullscreen {
    overflow-y: scroll;
}

[id^='sentres-map-'] {
    width: 100% !important;
}

/* override sentres styles to work well with the page */

body #sentres-resources-control {
    z-index: 70;
}

/*Chat*/
.zopim {
    right: 0px!important;
}

/* Webcam */
/*.bn__webcam #main .mainRow {
  background: #e3d7c6;
}*/

/*.bn__webcam #main .mainRow:last-child {
  background: #fff;
}*/

.bn__webcam #main h2 {
  font-size: 3em;
  color: #7f6c58;;
  margin-bottom: 20px;
}

.bn__webcam #main {
  background: #e3d7c6;
}

.bn__webcam #main .mainRow {
  clear: both;
}

.bn__webcam .webcam__container {
  float: left;
  width: 48%;
}

.bn__webcam .webcam__container:last-child {
  padding-bottom: 50px;
}

.bn__webcam .webcam__container:nth-child(even) {
  float: right;
}

.bn__webcam .webcam__container:nth-child(odd) {
  clear: left;
}

.webcam__container--small .webcam--link {
  width: 67%;
  height: 223px;
  border: none;
  background-color: #000;
  background-image: url('../img/layout/play-button.jpg');
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}

.webcam__container--small .logoswrapper {
  display: table;
  width: 33%;
  float: right;
}

.webcam__container--small .logoscontainer {
  background-color: #f2f2f2;
  color: #999;
  display: table-cell;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 120%;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  height: 223px;
}

.webcam__container--small .logoscontainer img {
  margin-top: 10px;
  width: 82px;
  height: auto;
}

.webcam__logo {
  display: none;
}

@media screen and (min-width: 911px) and (max-width: 1055px) {
  .bn__webcam .webcam__container {
    min-height: 386px;
  }
  .webcam__container--small .webcam--link {
    width: 100%;
  }
  .webcam__container--small .logoswrapper {
    display: table;
    width: 100%;
  }
  .webcam__container--small .logoscontainer {
    height: 74px;
    display: table;
    font-size: 15px;
    width: 100%;
  }
  .webcam__container--small .disposition {
    display: table-cell;
    padding: 10px 5% 10px 0;
    text-align: right;
    vertical-align: middle;
    width: 40%;
  }
  .webcam__container--small .logos {
    display: table-cell;
    padding: 10px 0 10px 5%;
    text-align: center;
    vertical-align: middle;
    width: 50%;
  }
}

@media screen and (max-width: 910px) {
  .bn__webcam .webcam__container {
    width: 100%;
  }
}

/* Bs-BookingWidget */

[id="Bs-BookingWidget"] {
    font-size: 1.8em;
    margin: 3em 0;
}


/*Dolomiti Superski Widget*/
.superski_big .superski {
    margin: auto;
    width: 700px;
}
.superski_small .superski {
    margin: auto;
    width: 300px;
}
.superski_small {
    display: none!important;
}

.fullscreen-popup-image {
    width: 100%;
    height: auto;
}

.fullscreen-popup {
    position: relative;
    color: #b1a091;
    text-transform: uppercase;
    font-size: 3.3em;
    line-height: 1.1;
    max-width: 896px;
    margin: 0 auto;
}

.fullscreen-popup-close-button.fullscreen-popup-close-button {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 0;
    color: inherit;
    font-size: 20px;
    padding: 5px;
    opacity: 1;
    line-height: 33px;
}

.fullscreen-popup-close-button.fullscreen-popup-close-button:active {
    top: 32px;
}

.fullscreen-popup-text {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 5%;
    max-width: 95%;
    padding: 0.9em;
    box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.5);
}


.Bs-BookingWidget * {
    font-size: 1em;
}

.tx-bn-news{
    padding: 100px 170px;
    background: #fff;
}

.tx-bn-news img{
    height: 100%;
    width: auto;
}

.tx-bn-news .image {
    max-width: 50%;
    overflow: hidden;
}

.tx-bn-news .icon_forward{
    height: 18px;
    padding-left: 1px;
}

.tx-bn-news .icon_backward{
    height: 18px;
    padding-right: 1px;
}

.tx-bn-news .newsitem{
    display: flex;
}

.tx-bn-news .textbox{
    background-color: #B6A38E;
    margin-left: 20px;
    padding: 50px 70px 0 70px;
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    position: relative;
    flex: 1;
}

.tx-bn-news .headerWrapper{
    display: flex;
    justify-content: space-between;
}

.tx-bn-news .date{
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
    line-height: 2;
}

.tx-bn-news .header{
    text-transform: uppercase;
    font-size: 31px;
}

.tx-bn-news p{
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    color: #fff;
    padding: 0;
    font-size: 16px;
}

.tx-bn-news .bodytext{
    padding: 10px 0;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    color: #fff;
    font-size: 16px;
}

.tx-bn-news .button-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.tx-bn-news .button{
    width: 225px;
    height: 50px;
    background-color: #742220;
    text-decoration: none;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tx-bn-news .button .readMore{
    text-decoration: none;
    color: #fff;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 20px;
}

.tx-bn-news .readMore:hover{
    color: #fff;
}

.tx-bn-news .readMoreText{
    font-size: 20px;
}

.tx-bn-news .owl-buttons{
    top: -28px;
    position: absolute;
}

.tx-bn-news .owl-prev{
    left: unset;
    right: 50px;
}

.tx-bn-news .owl-next{
    right: 0;
}

.tx-bn-news .owl-next,
.tx-bn-news .owl-prev
{
    -webkit-box-shadow: none;
    box-shadow:none;
}

.tx-bn-news .newsHeader{
    color: #666666;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    padding-bottom: 32px;
}

.tx-bn-news .owl-theme .owl-controls{
     margin-top: 0;
}

.tx-bn-news .owl-buttons > div{
    width: 40px !important;
    height: 40px !important;
}

.tx-bn-news .owl-buttons > div > i{
    font-size: 20px;
    color: #866C58;
    display: block;
    padding-top: 10px;
    text-align: center;
}

.icon-lp-bn-powered_by{
    font-size: 16px;
    vertical-align: text-top;
}

.offer-dates {
    color: #b6a38e;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 2.3em;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px 0;
}

.video-wrapper {
    display: flex;
    justify-content: center;
    height: calc(100vh - 110px);
    position: relative;
}

.video-wrapper .headervideo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
}

/*
    New Roomdetail
 */
.roomlist {

}
.roomlist .new_room {

}
.roomlist .new_room .image_info_wrap {
    display: flex;
}
.roomlist .new_room .image_info_wrap .imagewrap {
    width: 48%;
}
.roomlist .new_room .image_info_wrap .imagewrap .roomImage {
    position: relative;
}
.roomlist .new_room .image_info_wrap .imagewrap .roomImage .search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgba(255,255,255,0.85);
}
.roomlist .new_room .image_info_wrap .imagewrap .roomImage:hover .search {
    background: rgba(255,255,255,1);
}
.roomlist .new_room .image_info_wrap .imagewrap .roomImage .search .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    font-size: 35px;
    color: #A58D74;
}
.roomlist .new_room .image_info_wrap .imagewrap .roomImage {

}
.roomlist .new_room .roominfo {
    margin-left: 50px;
    margin-bottom: 10px;
    position: relative;
    width: 52%;
}
.roomlist .new_room .roominfo .roomHeadline {
    display: flex;
    align-items: baseline;
}
.roomlist .new_room .roominfo .roomHeadline .h2 {
    font-size: 3em;
    color: #666666;
    font-weight: 700;
}
.roomlist .new_room .roominfo .roomHeadline .h3 {
    font-size: 2em;
    margin-left: 45px;
    color: #666666;
}
.roomlist .new_room .roominfo .roomDescription * {
    font-size: 1.6em;
    color: #666666;
    line-height: 2em;
}
.roomlist .new_room .roominfo .roomOptions {
    position: absolute;
    bottom: 18px;
    left: 0;
    display: flex;
}
.roomlist .new_room .roominfo .roomOptions .new_button {
    width: 190px;
    border: 1px solid #742220;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
    color: #742220!important;
    background-color: transparent;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}
.roomlist .new_room .roominfo .roomOptions .new_button:hover {
    color: #fff!important;
    background-color: #742220;
}
.roomlist .new_room .roominfo .roomOptions .new_button.buchenbutton {
    background-color: #742220;
    color: #fff!important;
}
.roomlist .new_room .roominfo .roomOptions .new_button.buchenbutton:hover {
    background-color: transparent;
    color: #742220!important;
}
.roomlist .new_room .image_info_wrap .imagewrap a {
    width: 100%;
}
.roomlist .new_room .image_info_wrap .imagewrap img {
    width: 100%;
}
.roomlist .new_room .image_info_wrap .imagewrap .slider-counter {
    font-size: 16px;
    margin-top: 5px;
}
.roomlist .new_room .image_info_wrap .imagewrap .slick-arrow {
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-size: 18px!important;
    top: 50%!important;
    background: #A58D74!important;
    transform: translateY(-50%);
    opacity: 1!important;
    text-align: center;
    box-shadow: none;
    left: 20px!important;
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
}
.roomlist .new_room .image_info_wrap .imagewrap .slick-arrow.next {
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-size: 18px!important;
    top: 50%!important;
    background: #A58D74!important;
    transform: translateY(-50%);
    opacity: 1!important;
    box-shadow: none;
    left: auto!important;
    right: 20px!important;
}
.roomlist .new_room .static_text {
    margin-top: 25px;
    font-size: 16px;
}
.roomlist .new_room .static_text a {
    display: inline-block;
}
.roomlist .new_room .additionalprice .choose_date {
    font-size: 20px;
    margin-bottom: 5px;
}
.roomlist .new_room .additionalprice .pricewrap {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding-right: 45px;
}
.roomlist .new_room .additionalprice .pricewrap .first_column {
    width: calc(20% - 20px);
}
.roomlist .new_room .additionalprice .pricewrap .first_column .filter {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.8em;
    background-color: #B6A48F;
    margin-bottom: 7px;
    height: 50px;
    padding: 0 35px;
    width: 100%;
}
.roomlist .new_room .additionalprice .pricewrap .first_column .days {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2em;
    background-color: #B6A48F;
    margin-bottom: 1px;
    height: 50px;
}
.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap {
    width: calc(80% - 50px);
}
.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap .pricetable_new_slider {

}
.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap .pricetable_new_slider .price_item {

}
.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap .pricetable_new_slider .price_item .column {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2em;
    background-color: #B6A48F;
    margin-bottom: 1px;
    margin-left: 2px;
    margin-right: 9px;
    height: 50px;
}
.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap .pricetable_new_slider .price_item .column:first-child {
    margin-bottom: 7px;
}
.roomlist .new_room .additionalprice .pricewrap .slick-arrow {
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-size: 18px!important;
    top: 5px!important;
    background: #A58D74!important;
    transform: none;
    opacity: 1!important;
    box-shadow: none;
    left: -48px!important;
    right: auto!important;
    color: #fff;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
}
.roomlist .new_room .additionalprice .pricewrap .slick-arrow.next {
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-size: 18px!important;
    top: 5px!important;
    background: #A58D74!important;
    transform: none;
    opacity: 1!important;
    box-shadow: none;
    left: auto!important;
    right: -43px!important;
}
.roomlist .new_room .bottom_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 53px;
    margin-top: 15px;
    padding-bottom: 50px;
}
.roomlist .new_room .bottom_row .price_categories {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.roomlist .new_room .bottom_row .price_categories .lbl {
    font-size: 20px;
    color: #666666;
    position: relative;
    padding-left: 30px;
    margin-right: 30px;
}
.roomlist .new_room .bottom_row .price_categories .lbl:before {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #A58D74;
}
.roomlist .new_room .bottom_row .price_categories .lbl.winter:before {
    background: #742220;
}
.roomlist .new_room .bottom_row .offer_buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.roomlist .new_room .bottom_row .offer_buttons .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 45px;
    background: #A58D74;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    color: #fff!important;
    border: 1px solid #A58D74;
}
.roomlist .new_room .bottom_row .offer_buttons .btn:hover {
    background: transparent!important;
    color: #A58D74!important;
}
.roomlist .new_room .bottom_row .offer_buttons .btn.winter_offers {
    background: #742220;
    border: 1px solid #742220;
    margin-left: 7px;
}
.roomlist .new_room .bottom_row .offer_buttons .btn.winter_offers:hover {
    background: transparent!important;
    color: #742220!important;
}
body#uid172 #main {
    padding-top: 250px;
    background: #F2EDE4;
}
/*body#uid168 #header #bottomHeader {*/
    /*display: none;*/
/*}*/

/*
    NEW HEADER:
    remove uid when finished
*/
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li .icon {
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 .mobileMainNavLevel3 {
    padding-left: 20px;
    margin: 0;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 .mobileMainNavLevel3 > ul > li > a {
    font-size: 1.8em;
}
body #mobileMainNavTrigger .new_menu_trigger {
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .langNav {
    display: none;
}
body #header .new_header #bottomHeader .new_headerBook {
    display: none;
}
body #mobileMainNavWrapper #mobileMainNav .menu_image {
    display: none;
}


body#uid172 #main:before,
body#uid172 #main:after {
    display: none;
}
body#uid172 #main > .mainRow:first-child {
    background: #F2EDE4;
    padding: 0;
}
body#uid172 #main > .mainRow:nth-child(2) {
    background: #F2EDE4;
    padding: 0;
}
body#uid172 #main > .mainRow:first-child h1 {
    font-weight: 700;

}
body#uid172 #header #bottomHeader {
    display: none;
}

body #mobileMainNavWrapper #mobileMainNav {
    width: 100%;
    background: rgba(255,255,255,0.54);
    left: -100%;
    overflow: hidden;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav {
    left: 0;
}
body #mobileMainNavTrigger.mobileMainNavOpen {
    left: calc(100% - 42px);
    transform: translateX(-100%);
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav ul li {
    position: relative;
    display: block;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 {
    background: rgba(255,255,255,0.54);
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 ul li a {
    padding: 5px 0;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li.closed > div > ul,
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li.closed > ul{
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 {
    padding-top: 65px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li {
    position: relative;
    margin: 0;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li .mobileMainNavLevel2 > ul {
    padding: 0;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 .mobileMainNavLevel3 > ul {
    margin-bottom: 20px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 .mobileMainNavLevel3 {
    padding-left: 65px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li .icon {
    font-size: 20px;
    position: absolute;
    right: 25px;
    top: 0;
    padding: 9px;
    cursor: pointer;
    color: #742220;
    font-weight: 700;
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li > .icon.closed {
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li > .icon.opened {
    display: block;
    font-size: 14px;
    padding: 12px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li.closed > .icon.closed {
    display: block;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 li.closed > .icon.opened {
    display: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 li .icon {
    right: 0;
    padding: 5px 9px 5px 5px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li:last-child {
    padding-bottom: 110px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 a {
    color: #742220;
    font-size: 16px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 a:visited {
    color: #742220;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li {
    padding: 0 25px 0 30px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li.closed > a {
    border-bottom: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li > a {
    font-size: 20px;
    background: transparent;
    border-top: 1px solid #742220;
    border-bottom: 1px solid #742220;
    padding: 5px 0;
    font-weight: 700;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li > a:visited {
    color: #742220;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 > li:last-child > a {
    border-bottom: 1px solid #742220;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 ul > li > a {
    border-bottom: none;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .mobileMainNavLevel1 .mobileMainNavLevel2 ul > li.opened > a {
    border-bottom: 1px solid #742220;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .langNav {
    display: block;
    right: auto;
    left: 30px;
    top: 40px!important;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .langNav li {
    padding-right: 5px;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .langNav li a {
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #666666;
}
body #mobileMainNavWrapper.mobileMainNavOpen #mobileMainNav .langNav li a.langNavAct {
    color: #742220;
}
body #mobileMainNavTrigger {
    background: transparent;
}
body #mobileMainNavTrigger span {
    width: 35px;
}
body #mobileMainNavTrigger .new_menu_trigger {
    display: block;
}
body #mobileMainNavTrigger.mobileMainNavOpen .new_menu_trigger {
    padding: 0;
}
body #mobileMainNavTrigger .new_menu_trigger .new_menu {
    display: block;
}
body #mobileMainNavTrigger .new_menu_trigger .new_close {
    display: none;
}
body #mobileMainNavTrigger.mobileMainNavOpen .new_menu_trigger .new_menu {
    display: none;
}
body #mobileMainNavTrigger.mobileMainNavOpen .new_menu_trigger .new_close {
    display: block;
}
body #mobileMainNavTrigger.mobileMainNavOpen {
    top: 22px;
    width: auto;
    height: auto;
    background: transparent;
}
body #mobileMainNavTrigger.mobileMainNavOpen > div {
    position: relative;
    width: auto;
    height: auto;
    transform: none;
    top: auto;
    left: auto;
}
body #mobileMainNavTrigger.mobileMainNavOpen span {
    display: none;
}
body #mobileMainNavTrigger.mobileMainNavOpen .new_menu_trigger .new_close {
    font-size: 14px;
    color: #742220;
    font-weight: 700;
    text-transform: uppercase;
}
body #mobileMainNavTrigger.mobileMainNavOpen .new_menu_trigger .new_close .icon {
    display: block;
    margin-bottom: 2px;
    font-weight: 700;
}
body #mobileMainNavTrigger {
    top: 0;
    width: 80px;
    height: 85px;
    background: #fff;
    left: 0;
}
body #mobileMainNavTrigger > div {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: auto;
    top: calc(50% - 10px);
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
}
body #mobileMainNavTrigger span {
    background: #742220;
    left: 5px;
    width: 30px;
}
body #mobileMainNavTrigger span:before,
body #mobileMainNavTrigger span:after {
    background: #742220;
    width: 40px;
    left: -5px;
}
body #mobileMainNavTrigger span:before {
    transform: translateY(-350%);
}
body #mobileMainNavTrigger span:after {
    transform: translateY(350%);
}
body #mobileMainNavTrigger .new_menu_trigger {
    color: #742220;
    padding-top: 38px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
body #header .new_header #topHeader .headerBook {
    display: flex;
}
body #header .new_header #topHeader .headerBook .newbutton {
    width: 50%;
    margin: 0;
    box-shadow: none;
    border: 1px solid #742220;
    background: transparent;
    line-height: 14px;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
body #header .new_header #topHeader .headerBook .newbutton:hover {
    background: #742220;
}
body #header .new_header #topHeader .headerBook .newbutton:hover .right {
    color: #fff;
}
body #header .new_header #topHeader .headerBook .newbutton.ga_anfragen:hover {
    background: #fff;
}
body #header .new_header #topHeader .headerBook .newbutton.ga_anfragen:hover .right {
    color: #742220;
}
body #header .new_header #topHeader .headerBook .newbutton.ga_anfragen {
    background: #742220;
    margin-left: 10px;
}
body #header .new_header #topHeader .headerBook .newbutton .right {
    color: #742220;
    font-size: 12px;
}
body #header .new_header #topHeader .headerBook .newbutton.ga_anfragen .right {
    color: #fff;
}
body #header .new_header #topHeader .headerBook .newbutton .left {
    display: none;
}

body #header .new_header #topHeader .headerBook .newbutton .left {
    display: none;
}
body #headerSlider .headerSlider_counter {
    display: none;
}


body .shortLinks.new_version > .shortLinkBox {
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
body .shortLinks.new_version > .shortLinkBox > div p {
    padding-top: 0;
    color: #8c0000!important;
}
body .shortLinks.new_version .shortLinkBox > div .shortLinkImage {
    display: block;
    padding: 0;
    text-align: center;
}
body .shortLinks.new_version .shortLinkBox > div .shortLinkImage > div {
    display: inline-block;
    max-width: 265px;
    position: relative;
    padding: 0;
    width: auto;
}
body .shortLinks.new_version .shortLinkBox > div .shortLinkImage > div img {
    max-width: none;
}
body .shortLinks.new_version .shortLinkBox > div .shortLinkText {
    display: block;
    padding: 5px 25px;
    text-align: center;
}
body .shortLinks.new_version .shortLinkBox .shortLinkText p {
    color: #666;
    text-align: left;
}
body .shortLinks.new_version .shortLinkBox > div p {
    color: #8c0000;
    font-weight: 300;
    display: block;
    padding: 30px 0 15px 0;
    text-align: center;
}

@media only screen and (max-width: 820px) {
    body #mobileMainNavWrapper #mobileMainNav .menu_image {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
    }
    body #mobileMainNavWrapper #mobileMainNav .menu_image img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%)translateY(-50%);
        width: auto;
        height: 100%;
    }
    body.no_scroll {
        overflow-y: hidden;
    }
    body #main > .mainRow:first-child {
        padding-top: 40px;
    }
    body #header .new_header #topHeaderWrap #topHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    body#uid172 #main {
        padding-top: 50px;
    }

    body #header .new_header #topHeaderWrap .langNav,
    body #header .new_header #topHeaderWrap #headerOptions {
        display: none;
    }

    body #header .new_header #topHeaderWrap #mainLogo {
        display: inline-block;
        width: auto;
        min-width: 0;
        margin: 0 0 0 18%;
    }

    body #header .new_header #topHeaderWrap #mainLogo img {
        width: 110px;
        padding: 0 0 5px 0;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions {
        display: inline-block;
        width: auto;
        background: transparent;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div {
        width: auto;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul {
        display: flex;
        justify-content: flex-end;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li {
        border: none;
        width: auto;
        padding: 0;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li a {
        color: #742220;
        padding: 0 15px;
    }
    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li a .icon {
        font-size: 27px;
        font-weight: 700;
        margin: 0;
    }

    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li span {
        display: none;
    }

    body #header .new_header #bottomHeader .new_headerBook {
        display: flex;
    }
    body #header .new_header #bottomHeader .new_headerBook .newbutton {
        width: 50%;
        margin: 0;
        box-shadow: none;
        border: 1px solid #742220;
        background: transparent;
        line-height: 14px;
        text-align: center;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    body #header .new_header #bottomHeader .new_headerBook.docked .newbutton {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 0;
        z-index: 10;
    }
    body #header .new_header #bottomHeader .new_headerBook.docked .newbutton.ga_anfragen {
        left: 50%;
    }
    body .zopim.docked {
        bottom: 47px!important;
    }
    body #header .new_header #bottomHeader .new_headerBook .newbutton.ga_anfragen {
        background: #742220;
    }
    body #header .new_header #bottomHeader .new_headerBook .newbutton .right {
        color: #742220;
    }
    body #header .new_header #bottomHeader .new_headerBook .newbutton.ga_anfragen .right {
        color: #fff;
    }
    body #header .new_header #bottomHeader .new_headerBook .newbutton .left {
        display: none;
    }
    body #headerSlider .rslides_nav {
        background: #A58D74;
        color: #fff;
        box-shadow: none;
    }
    body #headerSlider .headerSlider_counter {
        position: absolute;
        top: -20px;
        display: block;
        right: 15px;
        color: #666666;
        font-size: 14px;
    }
    body .main-header-inner,
    body .main-header-inner #bottomHeader,
    body .main-header-inner #bottomHeader #headerSlider {
        overflow: visible;
    }

    body .shortLinks.new_version {
        border: none;
        background: transparent;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body .shortLinks.new_version:before,
    body .shortLinks.new_version:after {
        display: none;
    }
    body .shortLinks.new_version  > .shortLinkBox {
        display: flex;
        text-decoration: none;
        width: calc(50% - 5px);
        justify-content: center;
        align-items: center;
        background: #e9dfd1;
        margin-bottom: 10px;
    }
    body .shortLinks.new_version  > .shortLinkBox > div {
        display: block;
        padding: 25px;
    }
    body .shortLinks.new_version  > .shortLinkBox > div .shortLinkIconOuter {
        width: 64px;
        height: 64px;
    }
    body .shortLinks.new_version  > .shortLinkBox > div p {
        padding: 0;
        font-size: 14px;
        color: #742220;
    }
    body .shortLinks.new_version  > .shortLinkBox > div .shortLinkImage {
        display: none;
    }
    body .shortLinks.new_version  > .shortLinkBox > div .shortLinkText {
        display: none;
    }

    body .content .contentText.closed {
        height: 145px;
        overflow: hidden;
        position: relative;
    }

    .tx-bn-news .newsHeader {
        border-bottom: 1px solid #A58D74!important;
        padding-bottom: 5px!important;
        color: #A58D74!important;
        text-align: left!important;
    }
    .tx-bn-news .news_slider.new_version .newsitem .headerWrapper {
        margin-bottom: 20px;
    }
    .tx-bn-news .news_slider.new_version .newsitem .headerWrapper .header {
        font-size: 22px;
        color: #666;
        margin-right: 20px;
    }
    .tx-bn-news .news_slider.new_version .newsitem .headerWrapper .date {
        font-size: 13px;
        color: #666;
        display: flex;
        align-items: flex-end;
    }
    .tx-bn-news .news_slider.new_version .newsitem .textbox {
        padding: 0;
        background: transparent;
    }
    .tx-bn-news .news_slider.new_version .newsitem .textbox .bodytext {
        color: #666666;
        padding-bottom: 0;
    }
    .tx-bn-news .news_slider.new_version .newsitem .textbox .bodytext p {
        color: #666666;
    }
    .tx-bn-news .news_slider.new_version .newsitem .textbox .button-wrapper .button {
        width: auto;
        background: transparent;
        margin: 0;
        justify-content: flex-start;
    }
    .tx-bn-news .news_slider.new_version .newsitem .textbox .button-wrapper .button a {
        margin: 0;
        color: #B6A48F;
    }
    .tx-bn-news .news_slider .owl-buttons > div {
        top: calc(50% - 25px)!important;
        background: #A58D74!important;
        color: #fff!important;
    }
    .tx-bn-news .news_slider .owl-buttons > div > i{
        color: #fff!important;
    }
    .tx-bn-news .news_slider .owl-buttons .owl-prev {
        left: auto;
    }
    .mainRow .mainFooter #footerAddress .sociallinks {
        justify-content: center;
    }
}


@media only screen and (max-width: 450px) {
    body #header .new_header #topHeaderWrap #mainLogo {
        margin: 0 0 0 24%;
    }
}
@media only screen and (max-width: 375px) {
    body #header .new_header #topHeaderWrap #topHeader {
        justify-content: flex-start;
    }
    body #header .new_header #topHeaderWrap #mainLogo {
        width: 120px;
        min-width: 120px;
    }
    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li a {
        padding: 0 7px;
    }
    body #header .new_header #topHeaderWrap #mobileHeaderOptions > div > ul > li a .icon {
        font-size: 21px;
    }
}

/*
 * DIGI ACESS WIDGET
 */

@media (max-width: 1399px){
    .da-opener-position-bottom {
        top: calc(100% - 170px)!important;
    }
}

@media (max-width: 1250px){
    .da-opener-position-bottom {
        top: calc(100% - 210px)!important;
    }
}

@media (max-width: 850px){
    .da-opener-position-bottom {
        top: calc(100% - 120px)!important;
    }
}