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


/*
 * Basic
 */
/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fileadmin/web/fonts/google/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
    url('/fileadmin/web/fonts/google/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fileadmin/web/fonts/google/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('/fileadmin/web/fonts/google/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fileadmin/web/fonts/google/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('/fileadmin/web/fonts/google/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fileadmin/web/fonts/google/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
::-moz-selection {
    background-color: #807460;
    color: #ffffff;
}

::selection {
    background-color: #807460;
    color: #ffffff;
}

html {
    overflow-x: hidden;
}

html,
body {
    display: inline-block;
    height: 100%;
    width: 100%;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

iframe {
    width: 100%;
}


/*
 * Typography
 */
body {
    color: #6e6353;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 62.5%;
    font-weight: 300;
    line-height: 1.5;
}

a {
    color: #6e6353;
    text-decoration: underline;
}

.text a {
    color: #6e6353;
    text-decoration: underline !important;
}

.scrolling .control a {
    color: #6e6353;;
}

.scrolling .control > div .main_nav ul.lvl_1 > li .sub_nav > div {
    box-shadow: none !important;
}

.scrolling .control a:visited {
    color: #6e6353;
}

.control a {
    color: white;
}

.control a:visited {
    color: white;
}

a:visited {
    color: #6e6353;
}

a:hover {
    color: #a80442;
}

.btn,
.main a,
.footer .contact .address a {
    text-decoration: none;
}

.btn:hover,
.btn.active,
.main a:hover,
.footer .contact .address a:hover {
    color: #CCAE80;
    text-decoration: none;
}

.btn-close {
    border: none;
}

.btn-close:hover {
    color: #a80442;
    border: none;
}

.btn-wishlist:hover,
.btn-wishlist.active {
    color: #a80442;
}

.btn-back {
    font-size: 1.6em;
    float: left;
}

.icon-social {
    font-size: 3em;
    margin-right: 20px;
}
.membership-wrapper {
    display: flex;
    align-items: center;
}
.social {
    display: flex;
}
.social a {
    text-decoration: none;
}
.social a:hover .icon-facebook:before {
    color: #CCAE80;
}
.social a:hover .icon-instagram:before {
    color: #CCAE80;
}
b,
strong,
th {
    font-weight: 500;
}

h1,
h2,
h3,
p {
    margin: 0;
}

/*h1 {
    margin: 50px 0;
}*/

h1.ma_center {
    margin-top: 50px;
    margin-bottom: 50px;
}

h1,
h2,
h3.emphasis,
.h1 {
    font-size: 8.0em;
    font-weight: 100;
    line-height: 1.1;
    margin-left: -0.07em;
}

.toggle-container {
    display: none;
}

.toggle-btn {
    cursor: pointer;
}

.additional-category > .toggle-btn {
    display: table;
}

.additional-category > .toggle-btn > div {
    display: table-row;
}

.additional-category > .toggle-btn > div > div {
    display: table-cell;
    vertical-align: middle;
}

.additional-category > .toggle-btn .toggle-icon .icon {
    display: block;
    margin: 7px 0 0 10px;
}

.element-container .additional-category > .toggle-container {
    padding-top: 0;
}

.btn {
    cursor: pointer;
    display: block;
}

.btns {
    font-size: 1.6em;
    line-height: 25px;
    margin: 35px 0;
}

.btns .btn {
    float: left;
}

.btns .btn + .btn {
    margin-left: 40px;
}

.element-container .periods {
    font-size: 3.0em;
    margin-bottom: 10px;
}

h2.subheadline,
h3,
h4.emphasis {
    font-size: 3.0em;
    font-weight: 100;
}

.tx-contentdesigner-ajax .text h2,
.cc-element .element-container h2 {
    font-size: 4.4em;
    margin-bottom: 0
}

.offerlist .element-container .text h2 {
    line-height: 1.2em;
    margin-bottom: 10px;
}

.cc-element .element-container h2 + p {
    display: block;
    margin-top: 30px;
}

.cc-element .element-container .text h3 {
    display: block;
    font-size: 1.6em;
    font-weight: bolder;
    margin-bottom: 30px;
}

span.h1 {
    display: block;
}

h4 {
    font-size: 2.0em;
    font-weight: lighter;
    margin: 0;
}


/*
 * Datepicker
 */

#ui-datepicker-div {
    border: 1px solid #D7D6D5;
    border-radius: 0;
    color: #706352;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    -webkit-box-shadow: 0 0 5px 0 #D7D6D5;
    box-shadow: 0 0 5px 0 #D7D6D5;
    z-index: 50 !important;
}

#ui-datepicker-div th {
    font-weight: 700;
}

#ui-datepicker-div a {
    transition: background 0.5s, border 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
    -moz-transition: background 0.5s, border 0.5s, color 0.5s;
    -ms-transition: background 0.5s, border 0.5s, color 0.5s;
}

#ui-datepicker-div .ui-datepicker-header {
    background: #6E6353;
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #ffffff;
    font-weight: 400;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    border-color: #884917;
    cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    cursor: auto;
}

#ui-datepicker-div .ui-widget-header .ui-icon {
    background-image: url('../img/layout/SPRITE_datepicker_20x30.png');
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {
    background-position: 4px -14px;
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-position: 4px 0;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-hover .ui-icon {
    background-position: -9px -14px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-hover .ui-icon {
    background-position: -7px 2px;
}

#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-focus {
    background: none;
    border: 0 !important;
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default {
    background: #ead0af;
    border: 1px solid #ffffff;
    color: #7f715d;
}

#ui-datepicker-div table tr td a.ui-state-active {
    background: #a80442 !important;
    border-color: #a80442 !important;
    color: #ffffff !important;
}

#ui-datepicker-div table tr td a.ui-state-hover {
    background: #a80442 !important;
    border-color: #a80442 !important;
    color: #ffffff !important;
}

.tx-contentdesigner-ajax.additionals {
    margin: 20px 0 30px;
}

.additional {
    padding: 15px 0 20px;
}

.additional .head {
    display: table;
    width: 100%;
}

.additional .head > div {
    display: table-row;
}

.additional .head > div > div {
    display: table-cell;
    vertical-align: middle;
}

.additional .head .info {
    width: 10%;
    font-size: 1.6em;
}

.additional .head .identity {
    width: 62%;
}

.additional .head .identity h4 {
    font-size: 1.6em;
    font-weight: bolder;
    line-height: 1.6em;
}

.additional .head .identity h5 {
    font-size: 1.6em;
    font-weight: 300;
    margin: 0;
    line-height: 1.6em;
}

.additional .head .btns {
    width: 28%;
    margin: 0;
    padding: 0 20px;
}

.additional .head .btns .btn {
    float: right;
}

.additional .head .btns .btn + .btn {
    margin-left: 0;
    /*margin-right: 40px;*/
}

.additional .head .btns a {
    text-decoration: none;
}

.additional .toggle-icon {
    text-align: right;
    font-size: 1.5em;
    padding: 5px 20px 0;
    width: 5%;
}

.element-container .additional .toggle-container {
    padding: 25px;
    background: #fdfbf7;
}

.additionals-container .divider {
    padding: 40px 0;
}

.additionals-container .toggle-btn .image {
    background: #6d6352;
}

.additionals-container .toggle-container .btn-to-wishlist {
    display: none;
    position: absolute;
    right: 300px;
    bottom: 20px;
    font-size: 1.6em;
    padding: 10px;
    background: #A80442;
    color: #FFF;
}

.additionals-container .toggle-container.active .btn-to-wishlist {
    display: block;
}

.additionals-container .frame > .toggle-container {
    padding-bottom: 60px;
}

p,
.main ul,
.main ol {
    font-size: 1.6em;
    margin: 20px 0 20px 0;
    font-weight: 200;
}

.main ul,
.main ol {
    padding: 0 0 0 20px;
}

.main ul {
    list-style-type: none;
}

.main ul li {
    position: relative;
}

.main ul li::before {
    content: ". ";
    vertical-align: 20%;
    position: absolute;
    top: -5px;
    left: -10px;
}

.main .table_responsive {
    margin: 40px 0 0 0;
    overflow: hidden;
}

.main .table_responsive table.content_table tr th {
    background-color: #e7e2da;
    font-size: 2.0em;
    font-weight: 100;
    text-align: left;
    padding: 10px 20px 10px 20px;
    color: #6d6352;
}

.main .table_responsive table.content_table tr td {
    background-color: #fdfbf7;
    border-bottom: 1px solid #e7e2da;
    font-size: 1.6em;
    padding: 5px 20px 5px 20px;
    color: #6d6352;
}


/*.main .table_responsive table.content_table tr:hover td {
        border-color: #a80442;
    }*/


/*  ==========================================================================
    Layout
    Hier das Layout der Seite programmieren. So gut es geht, wiederverwendbaren Code
    in modules.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/

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


/*
 * Backbone
 */

.content_push {
    height: 100%;
    position: relative;
    width: 100%;
}

.row {
    width: 100%;
}

.ma_center,
.sub-element-container .head {
    margin: 0 auto;
    max-width: 3072px;
    padding: 0 70px 0 70px;
}

.sub-element-container .additional {
    background: #ccae80;
}

.sub-element-container .additional:nth-child(2n) {
    background: #ead0af;
}

.sub-element-container .head .identity {
    padding-left: 0;
}

.sub-element-container .head .btns {
    padding-right: 0;
}

.element-container .sub-element-container .tx-contentdesigner-ajax.additionals {
    border-top: 1px solid #b4b0a9;
}

.element-container .sub-element-container .head {
    margin: 0;
    max-width: none;
    padding: 0;
}

.element-container .sub-element-container .additional {
    background: none;
    border-bottom: 1px solid #b4b0a9;
}


/*.element-container .sub-element-container .head .identity {
    padding-left: 20px;
}
.element-container .sub-element-container .head .btns {
    padding-right: 20px;
}*/

.waypoint {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    z-index: -100;
}

.header .ma_center {
    /*border-bottom: 1px solid #ffffff;*/
    height: 140px;
    position: relative;
}

.header.shadow .ma_center {
    border-color: #dcdcdc;
    border-color: rgba(220, 220, 220, 0.5);
    -webkit-box-shadow: 0 0 4px 2px rgba(220, 220, 220, 0.5);
    box-shadow: 0 0 4px 2px rgba(220, 220, 220, 0.5);
}

.waypoint_1 {
    bottom: 140px;
    left: 0;
    position: absolute;
}

.vista {
    /*margin-top: 140px;*/
    /*height: calc(100vh - 450px);
    height: -o-calc(100vh - 450px);
    height: -webkit-calc(100vh - 450px);
    height: -moz-calc(100vh - 450px);*/
    height: 100vh !important;
}

/*.vista.intense {
    height: calc(100vh - 140px);
    height: -o-calc(100vh - 140px);
    height: -webkit-calc(100vh - 140px);
    height: -moz-calc(100vh - 140px);
}*/

.vista.intense .slick-prev,
.vista.intense .slick-next {
    display: none !important;
}

/*
* menu mobile
*/
.menu-mobile {
    display: none;
}

.mobile-menu_head {
    display: none;
}
.icon-pfeil_nach_unten {
    display: none;
}

/*
 * Header
 */

.header {
    /*background-color: #ffffff;*/
    background-color: transparent;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    background: linear-gradient(rgba(0, 0, 0, 0.6), transparent);
}

.scrolling {
    background: none;
    background-color: #ffffff;
    height: 85px;
    box-shadow: 0px 2px 20px 0px #666;
}
.scrolling .control > div{
    height: 86px !important;
}
.scrolling .control > div .lang_nav{
    display: none;
}
.scrolling .control {
    padding-top: 8px;
}
.scrolling .sub_nav {
    padding: 41px 0 0 0 !important;
    /*border-right: 3px solid #CCAE80 !important;*/
}
.scrolling .lvl_2 {
    box-shadow: none !important;
}
.scrolling .logo {
    padding-bottom: 50px;
    max-width: 210px !important;
}

.btn-booking:hover,
.btn-request:hover {
    color: #a80442 !important;
}

.roomslist .slider.maxH .item {
    opacity: 1 !important;
}
.text .slider.maxH .item {
    opacity: 1 !important;
}

/*.header .control {
        min-width: 965px;
        float: right;
    }*/

.header .control > div {
    height: 139px;
    position: relative;
}

.header .control > div .lang_nav {
    float: right;
    margin-top: 60px;
    padding-right: 20px;
}

.header .control > div .lang_nav li {
    border-left: 1px solid white;
    float: left;
    font-size: 18px;
    line-height: 1.0;
    text-transform: uppercase;
}

.header .control > div .lang_nav li:first-child {
    border-left: 0;
}

.header .control > div .lang_nav li a {
    display: inline-block;
    margin: 0 5px 0 5px;
    text-decoration: none;
}

.header .control > div .lang_nav li:last-child a {
    margin-right: 0;
}

.header .control > div .lang_nav li.act a {
    font-weight: 500;
}

.header .control > div .main_nav {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
    padding-left: 300px
}

.header .control > div .main_nav > .icon {
    display: none;
}

.header .control > div .main_nav ul.lvl_1 > li {
    display: inline-block;
    float: right;
    height: 55px;
    line-height: 30px;
    margin-left: 128px;
    padding-bottom: 25px;
    position: relative;
    cursor: pointer;
}
.header .item_5 {
    padding-right: 20px;
}

.main_nav a {
    color: #fff;
    text-decoration: none;
}
.main_nav li {
    color: #fff;
}

.main_nav .header_mobile a {
    font-family: Roboto;
    font-size: 18px;
}

.sub_nav {
    display: none;
}

.header .control > div .main_nav ul.lvl_1 > li:last-child {
    margin-left: 0;
}

.header .control > div .main_nav ul.lvl_1 > li > a {
    font-size: 2em;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 2;
    position: relative;
}

.header .control > div .main_nav ul.lvl_1 > li.act > a {
    color: #ead0af;
}

.header .icon-menue {
    display: none;
}

.header .control > div .main_nav ul.lvl_1 > li > a:after {
    background-color: #ffffff;
    content: '';
    display: none;
    height: 20px;
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 46px;
    width: 20px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header .control > div .main_nav ul.lvl_1 > li:hover > a:after {

}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav {
    display: none;
    padding: 35px 0 0 0;
    position: absolute;
    top: 5px;
    width: 280px;
    z-index: 5;
    right: -20px;
    /*border-right: 5px solid #CCAE80;*/
    z-index: 1;
}

.header .control > div .main_nav ul.lvl_1 > li:first-child .sub_nav {
    left: auto;
    right: 0;
}

.header .control > div .main_nav ul.lvl_1 > li:hover .sub_nav {
    display: block;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div {
    box-shadow: 0px 3px 6px #6E6353;
}

.header .sub_nav li {
    height: 41px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
    background-color: #fff;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div a {
    color: #6E6353;
    display: block;
    height: auto;
    line-height: 1.1;
    text-decoration: none;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div > ul > li + li {
    margin-top: 2px;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div a:visited {
    color: #6E6353;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div a:hover {
    color: #ccae80;
    text-decoration: underline;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div ul.lvl_2 > li > a {
    font-size: 2.0em;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div ul.lvl_2 > li.act > a {
    text-decoration: underline;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div ul.lvl_2 > li ul.lvl_3 > li > a {
    font-size: 1.5em;
    padding: 0 0 0 25px;
}

.header .control > div .main_nav ul.lvl_1 > li .sub_nav > div ul.lvl_2 > li ul.lvl_3 > li.act > a {
    text-decoration: underline;
}

.header .logo {
    /*left: 160px;*/
    max-width: 280px;
    position: absolute;
    top: 70px;
    z-index: 5;
    width: 100%;
    zoom: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.header .logo img {
    width: 100%;
    height: auto;
}

.scrolling img{
    filter: invert(1);
}

.text a:hover {
    color: #a80442;
}
/*
    offer
*/
.bn-offers {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.bn-offers_item {
    margin-right: 20px;
    position: relative;
    width: 33%;
    /*height: 0;
    padding-bottom: calc(100% / 3);*/
}

.bn-offerlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -20px;
}

.bn-offerlist__item{
    display: block;
    width: calc(100% / 3 - 13px);
    height: 0;
    padding-bottom: 30%;
    position: relative;
    margin-right: 19.1px;
    margin-bottom: 20px;
}
.bn-offerlist_home .bn-offerlist__item:nth-child(3),
.bn-offerlist_home .bn-offerlist__item:nth-child(2),
.bn-offerlist_home .bn-offerlist__item:nth-child(1) {
    display: block;
}
.bn-offerlist_home .bn-offerlist__item {
    display: none;
}
.bn-offerlist__item:nth-child(3n+0){
    margin-right: 0;
}
.bn-offerlist__item:nth-child(2n+0){
    background-color: #A1BEDC;
}
.bn-offerlist__item:nth-child(odd){
    background-color: #CCAE80;
}
.bn-offerlist__item:nth-child(4n+0){
    background-color: #6E6353;
}

.bn-offers_content {
    position: absolute;
    bottom: 50px;
    left: 10%;
}

.bn-offerlist__content h2 {
    font-size: 3em;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bn-offerlist__content .btns {
    /* removed margin for accurate click hit box. Instead, set margin on .btn-href-wrapper */
    margin: 0;
}
.bn-offerlist__content .btns .btn-details::after{
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    margin: 0;
}
.bn-offerlist__content .btn-href-wrapper {
    margin: 35px 0;
    display: inline-block;
}
.bn-offerlist__content .btn-href-wrapper a {
    display: inline-block;
}
.bn-offerlist__content .btn-href-wrapper .btn-details {
    color: #FFFFFF;
}
.bn-offerlist__content .btn-href-wrapper .btn-details::after {
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.bn-offerlist__content .periods {
    font-size: 2.5em;
    color: #fff;
    font-weight: 500;
    padding-top: 10px;
}
.bn-offerlist__content .price {
     font-size: 2em;
     padding-top: 15px;
 }
.bn-offerlist__content .price .price_output{
    font-size: 1.4em;
}
.bn-offerlist__content {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 9%;
    padding-right: 9%;
}
.bn-offerlist__item:hover .slider.maxH .item  {
    opacity: 0.5;
}
.bn-offerlist__item .slider.maxH .item {
    opacity: 0;
}
.bn-offerlist .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bn-offerlist .btns {
    border: 1px solid #fff;
    padding: 8px;
    width: 175px;
    cursor: pointer;
    padding-right: 35px;
    position: relative;
}

.bn-offerlist .btns a{
    color: #fff;
}
.bn-offerlist .btns:hover {
    border: 1px solid rgba(110, 99, 83, 0.1);
    background-color: rgba(110, 99, 83, 0.5);
}
.bn-offerlist .btns a:hover{
    border: 0;
}
.bn-offerlist .btns a:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.bn-offers .item {
    background-color: #6E6353;
}

.bn-offers_button {
    border: 1px solid #fff;
    padding: 8px;
    width: 180px;
    cursor: pointer;
    padding-right: 35px;
    position: relative;
}

.bn-offers_button:hover {
    background-color: rgba(204, 174, 128, 0.5);
}

.bn-offers_link {
    cursor: pointer;
    color: #fff;
    font-family: Roboto, Sans serif;
    text-transform: uppercase;
    font-size: 1.5em;
}

.bn-offers_link:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.bn-offers_link:visited {
    color: #fff;
}

.bn-offers_link:hover {
    color: #fff !important;
}

.bn-offers_headline {
    color: white;
    font-size: 3.5em;
    text-transform: lowercase;
    font-family: Roboto, SansSerif;
    padding-bottom: 40px;
}

.bn-offers_item:nth-child(3){
    margin-right: 0;
}

.bn-offers a {
    border-bottom: 0 !important;
}

.bn-offers img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    pointer-events: none;
}
.bn-offers_item:hover img {
    opacity: 0.2;
}

.bn-offerlist-slider .icon-pfeil_nach_unten,
.bn-offerlist-slider .icon-pfeil_nach_unten {
    position: absolute;
    top: 43%;
    color: white;
    font-size: 2em;
}
.bn-offerlist-slider .bn-offerlist__arrow-next .icon-pfeil_nach_unten {
    transform: rotate(-90deg);
    right: 2%;
}
.bn-offerlist-slider .bn-offerlist__arrow-prev .icon-pfeil_nach_unten {
    transform: rotate(90deg);
    left: 2%;
}
/*
footer
*/



/*
 * Vista
 */
body .vista-intense

.vista {
    overflow: hidden;
    /*margin-top: 140px;*/
    position: relative;
    width: 100%;
    z-index: 15;
}


.vista .slider {
    background-color: #000000;
    z-index: 5;
}

.vista .slider * {
    z-index: 5;
}

.scroll_down {
    background-color: #6e6353;
    background-color: rgba(110, 99, 83, 0.6);
    position: fixed;
    bottom: 0;
    right: 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 50px;
    text-align: center;
    width: 50px;
    z-index: 50;
}

.scroll_down.it_follows {
    bottom: 60px;
}

.scroll_down:hover {
    background-color: #6e6353;
}

.scroll_down .icon {
    line-height: 50px;
}

.vista .slogan .contents {
    font-size: 15em;
}
.bn-slogan_button {
    border: 1px solid #fff;
    padding: 8px;
    width: 180px;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    bottom: 30%;
    left: 100px;
}
.bn-slogan_button:hover {
    background-color: rgba(204, 174, 128, 0.5);
}

.bn-slogan_button {
    cursor: pointer;
    color: #fff;
    font-family: Roboto, Sans serif;
    text-transform: uppercase;
    font-size: 1.5em;
}
.element-container .has-gallery .frame .image {
    background-color: #6E6353;
}
.main .image .slider {
    opacity: 0.7;
}
.bn-slogan_button:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.bn-slogan_button:visited {
    color: #fff;
}

.bn-slogan_button:hover {
    color: #fff !important;
}

.element-container .image .slogan .toggle-text {
    font-size: 0.2em;
    display: block;
}

.element-container .toggle-container {
    padding-top: 80px;
}

.topoffers .element-container .text h2 {
    font-size: 8.0em;
    line-height: 1.2;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: lighter;
}

.topoffers .element-container .text .periods {
    margin: 0;
    font-size: 4.4em;
    font-weight: lighter;
}

.element-container .text .price {
    font-size: 3.0em;
    font-weight: lighter;
    margin: 30px 0;
}


/*
 * Main
 */

.bc_nav {
    font-size: 12px;
    padding: 60px 0 15px 0;
}

.bc_nav a {
    text-decoration: none;
    border: 0;
}

.bc_nav a:hover {
    color: #a80442;
    border: 0;
}

.vista.intense + .main .bc_nav {
    display: none;
}

.main {
    position: relative;
    z-index: 10;
}

.main .content {
    position: relative;
}

.vista.intense ~ .main .content {
    padding-top: 0px;
}

.quick_request {
    display: flex;
    justify-content: space-evenly;
}

.main .fixed_bar {
    /*display: none;*/
    background-color: #6e6353;
    height: 60px;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 1600;
}
.main .fixed-bar-scrolling {
    display: block;
}

.main .fixed_bar a {
    border-bottom: 2px solid #796c5b;
    color: #e5d6bf;
    display: inline-block;
    font-size: 2em;
    line-height: 28px;
    margin: 15px 0 0 0;
    text-decoration: none;
    float: left;
}

.main .fixed_bar a:visited {
    color: #fff;
}

.main .fixed_bar a:hover {
    border-color: #ffffff;
    color: #fff;
}

.main .fixed_bar a {
    margin-right: 40px;
}

.main .fixed_bar a.btn-to-wishlist {
    display: none;
}

.main .fixed_bar a.btn-to-wishlist.active {
    display: inline-block;
}

.main .fixed_bar a.cal {
    float: right;
    margin-right: 0;
    border: 0;
    cursor: default;
}

.mobile .main .fixed_bar a.cal {
    border: 1px solid #796c5b;
    cursor: pointer;
}

.mobile .main .fixed_bar a.cal:hover {
    border-color: #ffffff;
}

.fixed_bar_mobile .fixed_bar-shadow {
    box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.3);
}

.fixed_bar_mobile {
    display: none;
    height: 60px;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 1600;
    align-items: center;
    width: 100%;
}
.main .fixed_bar_mobile a {
    width: 35%;
    margin-right: 0 !important;
    text-align: center;
    margin-left: 5px !important;
    background-color: #6E6353 !important;
    color: #fff !important;
    border: none !important;
}
.main .fixed_bar_mobile a:hover {
    border: none !important;
}
.main .fixed_bar_mobile a:nth-child(even) {
    background-color: #A1BEDC !important;
}
.bn-icon-fixed_bar {
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-phone {
    font-size: 2em;
}
.bn-icon_wrapper {
    width: 15%;
    height: 38px;
    background-color: #6E6353;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bn-icon_wrapper:nth-child(2){
    margin-right: 0;
    padding-bottom: 10px;
}
/*
 * Footer
 */

.footer {
    padding: 55px 0 140px 0;
    position: relative;
    z-index: 5;
}

.footer .contact {
    text-align: center;
}

.footer .contact .h1 {
    margin: 0 auto;
    max-width: 700px;
    text-align: left;
    font-size: 3.5em;
    font-weight: 300;
    text-decoration: none;
}

.contact-content {
    align-items: flex-end;
}

.footer .email {
    font-weight: 500;
    margin: 10px 0;
    font-size: 1.2em;
}

.footer .contact .h1 a {
    text-decoration: none;
}
.footer .ma_center {
    display: flex;
    justify-content: space-between;
}

.footer .contact .h1 a:hover {
    text-decoration: none;
    color: #6E6353;
    border-bottom: 1px solid #796C5B;
}

.footer .contact .image {
    display: inline-block;
    max-width: 450px;
    width: 100%;
    position: absolute;
    right: 4%;
    top: 35%;
}

.footer .contact .image img {
    width: 100%;
    height: auto;
    zoom: 1;
}

.footer .contact .address {
    font-size: 2.0em;
    font-style: normal;
    margin: 30px auto 0 auto;
    max-width: 700px;
    text-align: left;
}
.contact-tel {
    font-size: 1.3em;
}

.footer .contact .address a.cal {
    border: 0;
    cursor: default;
}

.mobile .footer .contact .address a.cal {
    cursor: pointer;
}

.footer .closing_credits {

}

.footer .closing_credits .table {
    width: 100%;
    display: table;
}

.footer .closing_credits .table_row {
}

.footer .closing_credits .table_cell {
    display: table-cell;
}

.footer .closing_credits .membership a{
    padding-right: 20px;
}

.footer .closing_credits .membership a {
    margin: auto;
}

.footer .closing_credits .membership img {
    max-height: 100px;
}

.footer .closing_credits .legal,
.footer .closing_credits .producer {
    font-size: 12px;
    font-weight: 300;
}
.powered-by {
    position: absolute;
    right: 4%;
    bottom: 140px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: black;
    cursor: pointer;
    text-decoration: none;
}
.powered-by:hover {
    color: black;
}
.powered-by:visited {
    color: black;
}
.powered-by .icon-bn_favicon {
    font-size: 20px;
    color: black;
    margin-left: 7px;
}
.footer .closing_credits .legal {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
}

.footer .closing_credits .legal .position {
    margin: 0 auto;
    max-width: 900px;
}

.footer .closing_credits .legal a {
    text-decoration: none;
}

.footer .closing_credits .legal .sup {
    margin: 0 5px;
}

.footer .closing_credits .legal a.act {
    color: #a80442;
}

.footer .closing_credits .producer {
    text-align: right;
    min-width: 140px;
}

.footer .closing_credits .producer img {
    display: inline-block;
    margin: 0 0 0 15px;
    max-width: 16px;
}

.footer .scroll_top {
    background-color: #6e6353;
    background-color: rgba(110, 99, 83, 0.6);
    bottom: 60px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
    z-index: 10;
}

.footer .scroll_top:hover {
    background-color: #6e6353;
}

.footer .scroll_top .icon {
    line-height: 50px;
}


/*
 * Misc
 */


/* Magnific Popup */

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

.mfp-zoom-out-cur .mfp-title {
    font-size: 12px;
}

.mfp-bottom-bar .mfp-counter {
    display: none !important;
}


/* Vista Slick Slider */

.vista .slick-prev,
.vista .slick-next {
    background: transparent;
    border: 0;
    color: #ffffff;
    font-size: 35px;
    height: 40px !important;
    margin: -20px 0 0 0;
    position: absolute !important;
    text-shadow: 1px 1px 1px #dcdcdc;
    top: 50%;
    width: 40px !important;
    z-index: 5 !important;
}

.vista .slick-prev:hover,
.vista .slick-next:hover {
    color: #a80442;
}

.vista .slick-prev {
    left: 25px;
}

.vista .slick-next {
    right: 25px;
}

.vista .slick-prev .icon,
.vista .slick-next .icon {
    line-height: 40px;
}


/*
 * hogast
 */

.element-container #hogast-wi-form .h-wi-content .h-wi-row {
    background: #EAD0AF;
}

.element-container #hogast-wi-form .h-wi-content .h-wi-row.h-wi-bold-row {
    background: #CCAE80;
}

.element-container #hogast-wi-form .h-wi-header .h-wi-title {
    color: #6E6353;
}

.element-container #hogast-wi-form .h-wi-button {
    background: #A80542;
}

.element-container #hogast-wi-form .h-wi-button:hover {
    background: #F70860;
}

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


/*  ==========================================================================
    Spezifische Overrides
    Immer dazuschreiben, welche Änderungen vorgenommen werden
    ========================================================================== */


/*
 * Page specific Changes (marked with description)
 */


/*
 * Browser specific Hacks (marked with description)
 */


/*
 * FG Änderungen
 */


/* Blauer Rand beim Button on click entfernen */

button {
    border: none;
    outline: none;
}


/* Inklusivleistungen Details kann ist ein weisser Hintergrund */

#uid118 .element-container.row {
    background: #e5d6bf;
}


/* Habe die Globale Var ausgeblendet dass kein header sein soll und dafür den Header über CSS gemacht wegen js fehler */

#uid51 .vista {
    visibility: hidden;
    height: 0px!important;
}

#uid51 .fullW .text {
    padding-bottom: 10px;
}


/* Details Angebote  Inklusivleistungen */

#uid118 .slider.maxW .item {
    background: #fff;
}


/* Mountainstory */

#uid31 .cc-element .element-container .text h3 {
    margin-bottom: 20px;
    margin-top: 10px;
}


/* Zimmer */

#uid28 .tx-contentdesigner-ajax .text h2,
.cc-element .element-container h2 {
    margin-bottom: 10px;
}


/* Anfrage und Buchen Border entfernen */

#uid58 .bn--request .bn__block {
    border: none;
}


/* Abstand Mitarbeiter */

#uid27 .cc-slider .item {
    margin: 0 0 0 10px;
}

#uid27 .cc-slider .slider {
    margin: 0 0 0 -10px;
}


/* Slogan in element-container */

.element-container .slogan .contents h3 {
    margin-top: 30px;
}


/* Beauty Pakete */

.additional .head .identity h5 {
    padding-right: 40px;
}

.additional .head .info {
    width: 9%;
}

.additional .head .btns {
    width: 32%;
    text-align: right;
}

.additional .head .btns .btn:first-of-type {
    margin-left: 30px;
}


/* BENUTZERREGISTRIERUNG */

#tx-srfeuserregister-pi1-sector-0 {
    display: none;
}

label[for=tx-srfeuserregister-pi1-sector-0] {
    display: none;
}

.cond-title {
    display: none;
}

.cond-company {
    display: none;
}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes {
    margin: auto!important;
    padding: 0!important;
    line-height: 1;
}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li:before {
    content: "";
    vertical-align: 0;
}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label {
    font-size: 0.6em;
}

#uid169 .tx-srfeuserregister-pi1 legend {
    padding: 0;
}

#uid169 .main ul,
.main ol {
    padding: 0;
}

#uid169 p,
.main ul,
.main ol {
    margin: 0;
}

#uid169 .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li {
    font-size: 0.6em;
    width: 100%;
}

#uid169 h4 {
    font-size: 4.0em;
    font-weight: 100;
}

#uid169 .tx-srfeuserregister-pi1 h4 {
    padding-left: 0;
}

#uid169 .tx-felogin-pi1 > div,
.tx-felogin-pi1 form,
.tx-srfeuserregister-pi1 form,
.tx-srfeuserregister-pi1 > p {
    font-size: 1.8em;
    font-family: 'Roboto', Arial, sans-serif;
    margin: 20px 0 20px 0!important;
}

#uid167 .tx-felogin-pi1,
#uid167 .tx-srfeuserregister-pi1 {
    margin: 0 auto;
    max-width: 3072px;
    padding: 100px 300px 10px 160px;
    margin-bottom: 50px;
    background: #ead0af;
}

.bn__row.childages select {
    width: 95px;
}

#requestform_newslettercheck {
    margin-right: 3px;
}

.manda {
    text-align: right;
}


/* Beauty Pakete */

#uid39 .element-container .additional .toggle-container {
    background: none;
}

#uid39 .additionals-container .image .slogan .contents .toggle-text {
    line-height: 20px;
}


/* JOBS */

#uid53 .element-container .text p {
    display: block;
}

#uid53 p {
    font-size: 1.6em;
    margin: 20px 0 0px 0;
}

.bn__row.bn__row--hideOffer {
    display: none;
}


/* Cookiebeschreibungen */

.tx-tracking-tools .cookie_list {
    font-size: 1.6em;
}


/* Sitemap */

.csc-sitemap {
    margin: 50px 20px;
}

.main .csc-sitemap ul {
    font-size: 1.0em;
}

.csc-sitemap ul li::before {
    content: " ";
}

.csc-sitemap > ul > li > a {
    font-size: 4.0em;
}

.csc-sitemap > ul > li > ul > li > a {
    font-size: 3.0em;
}

.csc-sitemap > ul > li > ul > li > ul > li > a {
    font-size: 2.0em;
}

.csc-sitemap > ul > li > ul > li > ul > li > ul > li a {
    font-size: 1.6em;
}


/*
 * Login
 */

.tx-felogin-pi1,
.tx-srfeuserregister-pi1 {
    max-width: 500px;
    margin-bottom: 50px;
}

.tx-srfeuserregister-pi1 p {
    font-size: 1em;
}

.tx-felogin-pi1 > div,
.tx-felogin-pi1 form,
.tx-srfeuserregister-pi1 form,
.tx-srfeuserregister-pi1 > p {
    color: #6e6353;
    font-size: 1.6em;
    position: relative;
}

.tx-felogin-pi1 form fieldset:before,
.tx-felogin-pi1 form fieldset:after {
    content: " ";
    display: table;
}

.tx-felogin-pi1 form fieldset > div {
    width: 50%;
    float: left;
}

.tx-felogin-pi1 form fieldset > div:nth-child(2n) {
    padding-right: 5px;
}

.tx-felogin-pi1 form fieldset > div:nth-child(2n-1) {
    padding-left: 5px;
}

.tx-felogin-pi1 label {
    font-weight: bolder;
}

.tx-srfeuserregister-pi1 input[type="text"],
.tx-srfeuserregister-pi1 input[type="password"],
.tx-srfeuserregister-pi1 select,
.tx-srfeuserregister-pi1 textarea,
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
    padding: 6px;
    margin: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #E1E1E1;
    outline: none;
}

.tx-srfeuserregister-pi1 dt,
.tx-srfeuserregister-pi1 dd {
    width: 50%;
    text-align: left;
}

.tx-felogin-pi1 input[type="submit"],
.tx-srfeuserregister-pi1 input[type="submit"] {
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    background-color: #A80442;
    border: 0;
    color: #FFF;
    font-size: 13px;
    margin: 10px 0;
    text-decoration: none;
}

.login .field {
    width: 50%;
    padding-top: 0;
}

.login .user {
    padding-left: 0;
}

.login .password {
    padding-right: 0;
}

.bn--newsletter input,
.bn--newsletter select {
    font-size: 1.6em;
    height: 33px;
    min-width: 60px;
}

.bn--newsletter label,
.bn--newsletter input,
.bn--newsletter select,
.bn--newsletter textarea {
    font-size: 1.6em;
    height: 33px;
    color: #6e6353;
}

.bn--newsletter input[type=checkbox] {
    width: auto;
    border: 0;
    background: transparent;
    padding: 0;
    height: auto;
    min-width: inherit;
}

.bn--newsletter input[type=checkbox].notvalid {
    outline: 1px solid #640000;
}

.bn--newsletter .submit button {
    background-color: #a80442;
    text-decoration: none;
    border: 0;
    padding: 7px 10px;
    color: #FFF;
    font-size: 13px;
    margin: 10px 0;
}

.bn--newsletter label.privacy {
    padding-left: 15px;
    font-size: 11px;
}

.bn--newsletter .nl.text {
    padding-bottom: 50px;
}


/*
* FEDERICO PAGINATION 01.04.16
*/

.list-pagination.btns {
    text-align: center;
}

.list-pagination .btn {
    cursor: default;
    visibility: hidden;
}

.list-pagination .btn.active {
    cursor: pointer;
    visibility: visible;
}

.list-pagination.btns .btn {
    float: none;
    display: inline;
}

.list-pagination .btn:hover {
    border-bottom: 1px solid #6e6353;
}

.list-pagination .btn.active:hover {
    border-bottom: 1px solid #a80442;
}

/*
Request Container
*/
.request_container {
    display: flex;
    justify-content: center;
}


/* PH Header Banner */

.header-banner {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999;
    width: 300px;
    background-color: #ead0af;
    padding: 15px;
}
.header-banner:empty {
    display: none;
}

.header-banner * {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 999px) {
    .header-banner {
        position: static;
        transform: none;
        width: 100%;
        text-align: center;
    }
}

/* Quickrequest Adjustments by JM - 07.08.17 */
.main .fixed_bar a {
    margin: 10px 25px;
    padding: 5px 30px;
    border: 1px solid #FFFFFF;
    color: #ffffff;

    background-color: transparent;
}
.main .fixed_bar a:visited {
    color: #fff;
}
.main .fixed_bar a:hover {
    background-color: rgba(255, 255, 255, 0.30);
    border: 1px solid rgba(255, 255, 255, 0.30);
}
.main .fixed_bar > div > a:first-child {
    margin: 10px 25px 10px 0;
}
.main .fixed_bar a.cal {
    float: initial;
    margin: 10px 25px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
}
.main .fixed_bar a.cal:hover {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.30);
}
.bn-scroll-down {
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    top: 77%;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bn-scroll-down .icon-pfeil_nach_unten {
    display: block;
    font-size: 1.5em;
    color: #fff;
}
@media only screen and (max-width: 599px) {
    .main .fixed_bar > div > a:first-child {
        margin: 20px 0 0;
    }
}
/* END -- Quickrequest Adjustments by JM - 07.08.17 */


/*
* dynform_request - MME: 31.01.2018
*/

#dsgvo_request .bn__form-grid {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', Arial, sans-serif;
    line-height: 1.5;
    font-size: 1.6em;
    background: inherit;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block {
    border: 0;
}
#dsgvo_request .bn__form-grid .bn__form-grid__text-button {
    color: #6e6353;
    text-decoration: none;
    border-bottom: 1px solid #6e6353;
}
#dsgvo_request .bn__form-grid .bn__form-grid__text-button:hover {
    color: #6e6353;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block .bn__form-grid__room-container {
    background: rgba(243, 243, 243, 0.2);
}
#dsgvo_request .bn__form-grid .bn__form-grid__column .bn__form-grid__column__item {
    border: 0;
}
#dsgvo_request .bn__form-grid #dynform_request_privacy {
    position: absolute;
    left: 150px;
    top: 8px;
}
#dsgvo_request .bn__form-grid #dynform_request_infomaterial {
    position: absolute;
    left: 150px;
    top: 8px;
}
#dsgvo_request .privacy a, #dsgvo_request .privacy a:visited {
    color: #6e6353;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block .bn__form-grid__icon--calendar {
    color: #a80442;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block .bn__form-grid__js--submit {
    background-color: #a80442;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    border: 0;
    font-size: 13px;
    margin: 10px 0;
}

#dsgvo_request .bn__form-grid__column__room-preview--title, #dsgvo_request .bn__form-grid__row__offer-transfer--title {
    font-size: 25px;
    font-weight: 400;
}

/*CUSTOM-COLOR*/
#dsgvo_request .bn__custom-color__font {
    color: #009688; /*color1*/
}
#dsgvo_request input,
#dsgvo_request select {
    border-bottom: 1px solid #6e6353!important; /*color1*/
}
#dsgvo_request textarea:focus {
    border: 1px solid #6e6353; /*color1*/
}
#dsgvo_request .bn__form-grid .bn__form-grid__column.consent input.bn__form-grid__column__item {
    border: 1px solid;
}
#dsgvo_request .bn__form-grid__button {
    background-color: #a80442; /*color2*/
    border-radius: 0;
}
#dsgvo_request .bn__custom-color__background {
    background-color: #6e6353;
    height: 0!important;
}
#dsgvo_request label.required {
    font-weight: normal;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block {
    background-color: #ead0af;
    box-shadow: none;
}
textarea#dsgvo_request_comment {
    background-color: #caa97f;
}
#dsgvo_request .consent_text {
    color: #6e6353;
}
#dsgvo_request .consent_text a {
    color: #a80442;
}
#dsgvo_request .bn__custom-color__font {
    color: #a80442;
}
#dsgvo_request .bn__form-grid .bn__form-grid__block .bn__form-grid__block__overlay--outside-top .bn__form-grid__button {
    color: #6e6353;
}
/*
* dynform newsletter - MME: 31.01.2018
 */


#dsgvo_newsletter .bn__form-grid {
    padding: 0;
    margin: 0;
    max-width: 350px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.6em;
}
#dsgvo_newsletter .bn__form-grid .bn__form-grid__block {
    border: 0;
}
#dsgvo_newsletter .bn__form-grid .bn__form-grid__block .bn__form-grid__column {
    width: 100%;
}
#dsgvo_newsletter .bn__form-grid .bn__form-grid__block .bn__form-grid__js--submit {
    background-color: #a80442;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    color: #FFF;
    font-size: 13px;
    margin: 10px 0;
    width: auto;
    padding: 15px 20px;
}
/*CUSTOM-COLOR*/
#dsgvo_newsletter .bn__custom-color__background_button {
    background-color: rgb(168, 4, 66); /*color1*/
}
#dsgvo_newsletter .bn__form-grid {
    color: #6e6353; /*color2*/
}
#dsgvo_newsletter input,
#dsgvo_newsletter select {
    border-bottom: 1px solid #6e6353; /*color2*/
}
#dsgvo_newsletter label.required {
    font-weight: normal;
}

input.bn__form-grid__invalid, select.bn__form-grid__invalid {
    border: 1px solid #a21824!important;
    outline: 1px solid #a21824!important;
}

/*FG ADDITIONAL*/
#dsgvo_request_additional .bn__form-grid {
    margin: 0;
}
#dsgvo_request_additional .bn__form-grid {
    color: #6d6252;
}
#dsgvo_request_additional .bn__custom-color__background {
    background-color: #6d6252;
}
#dsgvo_request_additional .bn__form-grid__button {
    background-color: #a80442;
    border-radius: 0!important;
}
#dsgvo_request_additional .bn__custom-color__font {
    color: #a80442;
}
#dsgvo_request_additional .bn__form-grid .bn__form-grid__block {
    box-shadow: none;
    background-color: #ead0af;
}
#dsgvo_request_additional input, #dsgvo_request_additional select {
    border-bottom: 1px solid #6d6252;
    margin-top: 0!important;
}
#dsgvo_request_additional label.required {
    font-weight: normal;
}
#dsgvo_request_additional .bn__custom-color__font {
    color: #6d6252;
}
#dsgvo_request_additional .bn_additional .amount {
    margin: 0;
    margin-left: 20px;
    width: auto;
    display: inline-block;
}
#dsgvo_request_additional .bn__form-grid .bn__form-grid__block .bn__form-grid__block__overlay--outside-top {
    float: right;
}
#dsgvo_request_additional .bn_plus.bn__custom-color__background, .bn_minus.bn__custom-color__background {
    float: none;
    display: inline-block;
}
#dsgvo_request_additional .bn_additional .amount div {
    width: 22px;
    height: 22px;
    font-size: 23px;
    line-height: 22px;
}
#dsgvo_catalogue_request .bn__custom-color__background {
    background-color: #ead0af;
}
#dsgvo_catalogue_request .bn__form-grid.bn__form-grid--horizontal .bn__form-grid__column .bn__form-grid__column__item {
    color: #716657;
}
#dsgvo_catalogue_request label.required {
    font-weight: normal!important;
}
#dsgvo_catalogue_request .bn__custom-color__background_button {
    background-color: #a80442!important;
    border-radius: 0!important;
    color: #fff!important;
    width: 200px!important;
    float: right;
}
#dsgvo_catalogue_request .consent:hover .consent_text {
    border: 1px solid;
    color: #6d6252;
    background: #fff;
    left: 0;
    bottom: 40px;
}
#dsgvo_catalogue_request .catalogs {
    padding: 20px 10px;
    color: #6d6252;
    font-size: 14px;
    line-height: 1.5;
}
#dsgvo_catalogue_request .catalogs label {
    padding: 10px;
}
#dsgvo_catalogue_request .catalogs>label{
    font-size: 20px;
    padding: 20px 0;
    display: inline-block;
}
#dsgvo_catalogue_request input, #dsgvo_catalogue_request select {
    border-color: #716657;
}
#dsgvo_catalogue_request .bn__form-grid.bn__form-grid--horizontal .required_field {
    color: #716657;
}

#dsgvo_contact .preferences>div {
    display: inline-block;
    width: 25%;
}
#dsgvo_contact .bn__custom-color__background {
    background-color: #ead0af;
    color: #6d6252!important;
}
#dsgvo_contact input, #dsgvo_contact select {
    border-color: #6d6252;
}
#dsgvo_contact .additional.bn__form-grid__column--xs-12 label,
#dsgvo_contact .additional.bn__form-grid__column--xs-12 input,
#dsgvo_contact .additional.bn__form-grid__column--xs-12 label {
    width: 45%!important;
    display: inline-block;
    padding: 10px 0;
}
#dsgvo_contact label.headline {
    display: block!important;
    font-size: 17px;
    margin: 20px 0;
}
#dsgvo_contact .additional.preferences.bn__form-grid__column--xs-12>div>input {
    width: auto!important;
}
#dsgvo_contact .bn_qr_dynform.bn__form-grid.bn__form-grid--horizontal .bn__form-grid__column__item.bn__form-grid__button {
    padding: 0;
    background-color: #a80442;
    text-decoration: none;
    border-radius: 0;
    width: 200px;
    float: right;
}
#dsgvo_contact .consent_wrapper .consent_text {
    left: 0;
    bottom: 45px;
    border: 1px solid;
    border-radius: 0;
    background: #fff;
}
#dsgvo_newsletter {
    display: flex;
    justify-content: center;
}

/*
Reservation
*/

.dna-reservation {
    background-color: #ccb79c;
}
.dna-reservation .dna-reservation__text {
    text-align: center;
    color: #fff;
    font-size: 1.5em;
}
#dsgvo_reservation_new {
    width: 100%;
    background-color: #ccb79c;
    margin-bottom: -120px;
    z-index: 100;
    position: relative;
}
#dsgvo_reservation_new .bn__form-grid--vertical {
    max-width: 400px;
    background-color: #ccb79c !important;
    padding: 20px;
}
#dsgvo_reservation_new .bn__form-grid {
    /*color: #6e6353;*/
}
#dsgvo_reservation_new .bn__form-grid .bn__form-grid__column__item.bn__form-grid__button {
    border-radius: 0px;
    border: 2px solid #fff;
}
#dsgvo_reservation_new .bn__custom-color__background_button {
    background-color: transparent;
}
#dsgvo_reservation_new .bn__form-grid--vertical.bn__form-grid .bn__form-grid__column .bn__form-grid__column__item {
    font-size: 15px;
}
#dsgvo_reservation_new .bn__custom-color__background {
    background-color: #867e74;
}
#dsgvo_reservation_new .bn__form-grid .bn__form-grid__column textarea.bn__form-grid__column__item {
    line-height: 20px;
}