@charset "UTF-8";@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-regular-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-regular-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-regular-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-regular-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-italic-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-italic-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-italic-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-italic-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-italic-webfont.svg#montserratitalic') format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-thin-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-thin-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-thin-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-thin-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-thin-webfont.svg#montserratthin') format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-thinitalic-webfont.svg#montserratthin_italic') format('svg');
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-light-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-light-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-light-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-light-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-lightitalic-webfont.svg#montserratlight_italic') format('svg');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-semibold-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-semibold-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-semibold-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-semibolditalic-webfont.svg#montserratsemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-bold-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-bold-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-bold-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-bold-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.eot');
    src: url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.woff2') format('woff2'),url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.woff') format('woff'),url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.ttf') format('truetype'),url('/bw/v6/font/montserrat/montserrat-bolditalic-webfont.svg#montserratbold_italic') format('svg');
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/bw/v6/font/noto-sans-v32-latin-regular.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/bw/v6/font/noto-sans-v32-latin-italic.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/bw/v6/font/noto-sans-v32-latin-500.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 500;
    src: url('/bw/v6/font/noto-sans-v32-latin-500italic.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/bw/v6/font/noto-sans-v32-latin-600.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/bw/v6/font/noto-sans-v32-latin-600italic.woff2') format('woff2')
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: disc;
    margin-left: 1.2em
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

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

sup {
    display: inline-block;
    vertical-align: super;
    margin-top: -5px;
    font-size: smaller
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased
}

body {
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.5rem;
    color: #646363;
    background-color: #ffffff;
    letter-spacing: -0.02rem
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

#screensize-indicator {
    display: none
}

@font-face {
    font-family: 'bw-icons';
    src: url('../font/bw-icons.eot?13817840');
    src: url('../font/bw-icons.eot?13817840#iefix') format('embedded-opentype'),url('../font/bw-icons.woff2') format('woff2'),url('../font/bw-icons.woff') format('woff'),url('../font/bw-icons.ttf') format('truetype'),url('../font/bw-icons.svg?13817840#bw-icons') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    font-family: "bw-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-up-dir:before {
    content: '\e800'
}

.icon-left-dir:before {
    content: '\e801'
}

.icon-right-dir:before {
    content: '\e802'
}

.icon-down-dir:before {
    content: '\e803'
}

.icon-down-open:before {
    content: '\e804'
}

.icon-left-open:before {
    content: '\e805'
}

.icon-right-open:before {
    content: '\e806'
}

.icon-up-open:before {
    content: '\e807'
}

.icon-angle-left:before {
    content: '\e808'
}

.icon-angle-right:before {
    content: '\e809'
}

.icon-angle-up:before {
    content: '\e80a'
}

.icon-angle-down:before {
    content: '\e80b'
}

.icon-angle-circled-left:before {
    content: '\e80c'
}

.icon-angle-circled-right:before {
    content: '\e80d'
}

.icon-angle-circled-up:before {
    content: '\e80e'
}

.icon-angle-circled-down:before {
    content: '\e80f'
}

.icon-down-big:before {
    content: '\e810'
}

.icon-left-big:before {
    content: '\e811'
}

.icon-right-big:before {
    content: '\e812'
}

.icon-up-big:before {
    content: '\e813'
}

.icon-left-circled:before {
    content: '\e814'
}

.icon-right-circled:before {
    content: '\e815'
}

.icon-up-circled:before {
    content: '\e816'
}

.icon-down-circled:before {
    content: '\e817'
}

.icon-basket:before {
    content: '\e818'
}

.icon-star:before {
    content: '\e819'
}

.icon-star-empty:before {
    content: '\e81a'
}

.icon-star-half:before {
    content: '\e81b'
}

.icon-star-half-alt:before {
    content: '\e81c'
}

.icon-search:before {
    content: '\e81d'
}

.icon-mail:before {
    content: '\e81e'
}

.icon-mail-alt:before {
    content: '\e81f'
}

.icon-ok:before {
    content: '\e820'
}

.icon-cancel:before {
    content: '\e821'
}

.icon-cancel-circled:before {
    content: '\e822'
}

.icon-plus-circled:before {
    content: '\e823'
}

.icon-plus-squared:before {
    content: '\e824'
}

.icon-plus-squared-alt:before {
    content: '\e825'
}

.icon-plus:before {
    content: '\e826'
}

.icon-minus:before {
    content: '\e827'
}

.icon-minus-circled:before {
    content: '\e828'
}

.icon-minus-squared:before {
    content: '\e829'
}

.icon-minus-squared-alt:before {
    content: '\e82a'
}

.icon-help-circled:before {
    content: '\e82b'
}

.icon-info-circled:before {
    content: '\e82c'
}

.icon-info:before {
    content: '\e82d'
}

.icon-quote-left:before {
    content: '\e82e'
}

.icon-quote-right:before {
    content: '\e82f'
}

.icon-print:before {
    content: '\e830'
}

.icon-attention-alt:before {
    content: '\e831'
}

.icon-attention:before {
    content: '\e832'
}

.icon-attention-circled:before {
    content: '\e833'
}

.icon-trash-empty:before {
    content: '\e834'
}

.icon-phone:before {
    content: '\e835'
}

.icon-phone-squared:before {
    content: '\e836'
}

.icon-menu:before {
    content: '\e837'
}

.icon-cog:before {
    content: '\e838'
}

.icon-calendar:before {
    content: '\e839'
}

.icon-calendar-empty:before {
    content: '\e83a'
}

.icon-to-end:before {
    content: '\e83b'
}

.icon-to-end-alt:before {
    content: '\e83c'
}

.icon-to-start:before {
    content: '\e83d'
}

.icon-to-start-alt:before {
    content: '\e83e'
}

.icon-fast-fw:before {
    content: '\e83f'
}

.icon-fast-bw:before {
    content: '\e840'
}

.icon-pause:before {
    content: '\e841'
}

.icon-stop:before {
    content: '\e842'
}

.icon-wheelchair:before {
    content: '\e843'
}

.icon-facebook-squared:before {
    content: '\e844'
}

.icon-xing-squared:before {
    content: '\e845'
}

.icon-pinterest-squared:before {
    content: '\e846'
}

.icon-youtube:before {
    content: '\e847'
}

.icon-youtube-squared:before {
    content: '\e848'
}

.icon-twitter-squared:before {
    content: '\e849'
}

.icon-twitter:before {
    content: '\e84a'
}

.icon-facebook:before {
    content: '\e84b'
}

.icon-youtube-play:before {
    content: '\e84c'
}

.icon-gift:before {
    content: '\e84d'
}

.icon-newspaper:before {
    content: '\e84e'
}

.icon-clock:before {
    content: '\e84f'
}

.icon-clock-1:before {
    content: '\e850'
}

.icon-dot:before {
    content: '\e851'
}

.icon-login:before {
    content: '\e852'
}

.icon-expand:before {
    content: '\e853'
}

.icon-collapse:before {
    content: '\e854'
}

.icon-expand-right:before {
    content: '\e855'
}

.icon-collapse-left:before {
    content: '\e856'
}

.icon-home:before {
    content: '\e857'
}

.icon-rss:before {
    content: '\e858'
}

.icon-rss-squared:before {
    content: '\e859'
}

.icon-camera:before {
    content: '\e85a'
}

.icon-camera-1:before {
    content: '\e85b'
}

.icon-file-pdf:before {
    content: '\e85c'
}

.icon-file-word:before {
    content: '\e85d'
}

.icon-file-excel:before {
    content: '\e85e'
}

.icon-file-powerpoint:before {
    content: '\e85f'
}

.icon-file-image:before {
    content: '\e860'
}

.icon-file-archive:before {
    content: '\e861'
}

.icon-file-audio:before {
    content: '\e862'
}

.icon-file-video:before {
    content: '\e863'
}

.icon-doc-text-inv:before {
    content: '\e864'
}

.icon-doc-text:before {
    content: '\e865'
}

.icon-zoom-in:before {
    content: '\e866'
}

.icon-zoom-out:before {
    content: '\e867'
}

.icon-cloud:before {
    content: '\e868'
}

.icon-flight:before {
    content: '\e869'
}

.icon-wifi:before {
    content: '\e86a'
}

.icon-signal:before {
    content: '\e86b'
}

.icon-coffee:before {
    content: '\e86c'
}

.icon-golf:before {
    content: '\e86d'
}

.icon-breakfast1:before {
    content: '\e86e'
}

.icon-breakfast_excl:before {
    content: '\e86f'
}

.icon-green:before {
    content: '\e870'
}

.icon-gym:before {
    content: '\e871'
}

.icon-internet:before {
    content: '\e872'
}

.icon-nosmoking:before {
    content: '\e873'
}

.icon-parking:before {
    content: '\e874'
}

.icon-pool:before {
    content: '\e875'
}

.icon-food:before {
    content: '\e876'
}

.icon-roomservice:before {
    content: '\e877'
}

.icon-sauna:before {
    content: '\e878'
}

.icon-tagung:before {
    content: '\e879'
}

.icon-animals:before {
    content: '\e87a'
}

.icon-freewlan:before {
    content: '\e87b'
}

.icon-center:before {
    content: '\e87c'
}

.icon-rewards:before {
    content: '\e87d'
}

.icon-crown:before {
    content: '\e87e'
}

.icon-bew10:before {
    content: '\e87f'
}

.icon-bew9:before {
    content: '\e880'
}

.icon-bew8:before {
    content: '\e881'
}

.icon-bew1:before {
    content: '\e882'
}

.icon-bew2:before {
    content: '\e883'
}

.icon-bew3:before {
    content: '\e884'
}

.icon-bew5:before {
    content: '\e885'
}

.icon-bew4:before {
    content: '\e886'
}

.icon-bew7:before {
    content: '\e887'
}

.icon-bew6:before {
    content: '\e888'
}

.icon-nosmoking_100perc:before {
    content: '\e889'
}

.icon-lock-filled:before {
    content: '\e88a'
}

.icon-lock-open-filled:before {
    content: '\e88b'
}

.icon-sort:before {
    content: '\e88c'
}

.icon-sort-down:before {
    content: '\e88d'
}

.icon-sort-up:before {
    content: '\e88e'
}

.icon-sort-alt-up:before {
    content: '\e88f'
}

.icon-sort-alt-down:before {
    content: '\e890'
}

.icon-user:before {
    content: '\e891'
}

.icon-person:before {
    content: '\e892'
}

.icon-adult:before {
    content: '\e893'
}

.icon-male:before {
    content: '\e894'
}

.icon-female:before {
    content: '\e895'
}

.icon-child:before {
    content: '\e896'
}

.icon-lodging:before {
    content: '\e897'
}

.icon-ok-circled:before {
    content: '\e898'
}

.icon-block:before {
    content: '\e899'
}

.icon-pencil-alt:before {
    content: '\e89a'
}

.icon-parlament:before {
    content: '\e89b'
}

.icon-u_form:before {
    content: '\e89c'
}

.icon-reihen:before {
    content: '\e89d'
}

.icon-snow:before {
    content: '\e89e'
}

.icon-sun:before {
    content: '\e89f'
}

.icon-sun-inv:before {
    content: '\e8a0'
}

.icon-eclipse:before {
    content: '\e8a1'
}

.icon-play-circled:before {
    content: '\e8a2'
}

.icon-play-circled2:before {
    content: '\e8a3'
}

.icon-emo-happy:before {
    content: '\e8a4'
}

.icon-dot-2:before {
    content: '\e8a5'
}

.icon-dot-3:before {
    content: '\e8a6'
}

.icon-fax:before {
    content: '\e8a7'
}

.icon-mobile:before {
    content: '\e8a8'
}

.icon-gplus:before {
    content: '\e8a9'
}

.icon-instagramm:before {
    content: '\e8aa'
}

.icon-instagram:before {
    content: '\e8ab'
}

.icon-googleplus-rect:before {
    content: '\e8ac'
}

.icon-gplus-squared:before {
    content: '\e8ad'
}

.icon-no-animals:before {
    content: '\e8af'
}

.icon-no-animals-old:before {
    content: '\e8b0'
}

.icon-blank:before {
    content: '\f0c8'
}

.icon-whatsapp:before {
    content: '\f232'
}

.icon-linkedin-squared:before {
    content: '\f30c'
}

.icon-facebook-circled:before {
    content: '\f30d'
}

body {
    -webkit-backface-visibility: hidden
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }

    70% {
        -moz-transform: scale(.9)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }

    70% {
        -o-transform: scale(.9)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }

    80% {
        -moz-transform: translateY(10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }

    80% {
        -o-transform: translateY(10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }

    80% {
        -moz-transform: translateX(-10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }

    80% {
        -o-transform: translateX(-10px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }

    80% {
        -moz-transform: translateX(10px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }

    80% {
        -o-transform: translateX(10px)
    }

    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    100% {
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    20%,60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    20%,60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

.delay-1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.delay-2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.delay-3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s
}

.delay-4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s
}

.delay-6s {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    animation-delay: 6s
}

.page-content {
    font-size: .9375rem
}

b,strong {
    font-weight: bold
}

em {
    font-style: italic
}

i {
    font-style: italic;
    font-weight: 400
}

.bwblue {
    color: #003c7e !important
}

h1,h2,h3,h5 {
    overflow: hidden;
    font-weight: normal
}

h1 {
    line-height: 1.6875rem
}

h1,h2 {
    margin-bottom: 1rem
}

img+h2,picture+h2 {
    margin-top: 12px
}

h3 {
    margin-bottom: 0px
}

h5 {
    margin-top: -1em;
    margin-bottom: .3em
}

@media (min-width: 320px) {
    h1 {
        font-size:1.25rem;
        margin-bottom: 1.0625rem
    }

    h2 {
        font-size: 1.15rem;
        margin-bottom: .9em
    }

    h3 {
        font-size: .75rem
    }

    h5 {
        margin-top: -1em;
        margin-bottom: .3em;
        font-size: .8rem
    }
}

@media (min-width: 480px) {
    h1 {
        font-size:1.375rem
    }

    h2 {
        font-size: 1.3rem
    }

    h3 {
        font-size: 1.1rem
    }

    h5 {
        margin-top: -1em;
        margin-bottom: .3em;
        font-size: .8rem
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    h1 {
        font-size:1.5rem
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.1rem
    }

    h5 {
        margin-top: -1em;
        margin-bottom: .3em;
        font-size: .6rem
    }
}

@media (min-width: 768px) {
    h1 {
        font-size:1.1875rem;
        margin-bottom: 1.5625rem
    }

    h2 {
        font-size: 1.05rem;
        margin-bottom: 25px
    }

    h3 {
        font-size: .9rem
    }

    h5 {
        margin-top: -18px;
        font-size: .8rem;
        line-height: 1.1rem
    }
}

@media (min-width: 845px) {
    h1 {
        font-size:1.375rem
    }

    h2 {
        font-size: 1.2rem
    }

    h3 {
        font-size: 1rem
    }
}

@media (min-width: 920px) {
    h3 {
        font-size:1.1rem
    }
}

h2.noMargin {
    margin-bottom: 0
}

div.teaser span.icon {
    font-size: 4rem
}

div.teaser a.arrw:before {
    font-weight: bold;
    font-size: 1.2rem
}

div.teaser a.btn {
    font-weight: 600;
    font-size: .9rem;
    text-transform: uppercase
}

p,li,div.teaser p,div.teaser li,a.more {
    font-size: .9375rem;
    line-height: 1.4em
}

div.teaser div.html-wrap,div.content-box div.html-wrap {
    line-height: 1.5rem;
    font-size: .8rem
}

div.teaser div.html-wrap h2,div.content-box div.html-wrap h2 {
    font-size: 1.25rem
}

div.teaser div.html-wrap h5,div.content-box div.html-wrap h5 {
    font-size: .75rem
}

.pagebottom div.teaser div.html-wrap,.pagebottom div.content-box div.html-wrap {
    font-size: .7rem
}

table th,table td {
    line-height: 1.5rem;
    font-size: .8rem
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    p,div.teaser p,a.more {
        font-size:.7rem
    }

    div.teaser div.html-wrap,div.content-box div.html-wrap {
        font-size: .7rem
    }
}

div.icon-teaser p {
    line-height: 1.5rem;
    font-size: .8rem
}

div.text-im-bild h1,div.text-im-bild h2,div.text-im-bild h3,div.text-im-bild h4,div.text-im-bild h5,div.text-im-bild h6,div.text-im-bild .sublineOverlay {
    line-height: 1.8em
}

@media (min-width: 768px) {
    div.teaser div.html-wrap,div.content-box div.html-wrap {
        font-size:.8rem
    }

    div.teaser div.html-wrap h2,div.content-box div.html-wrap h2 {
        font-size: 1.25rem
    }

    div.teaser div.html-wrap h5,div.content-box div.html-wrap h5 {
        font-size: .75
    }

    table th,table td {
        font-size: .8rem
    }

    div.teaser a.btn {
        font-weight: 600;
        font-size: .75rem
    }

    div.teaser span.icon {
        font-size: 400%
    }

    .contentelement p {
        font-size: .8rem
    }
}

@media (min-width: 992px) {
    div.teaser span.icon {
        font-size:5rem
    }
}

.contentelement p {
    line-height: 1.5rem;
    font-size: .8rem
}

.panel-body {
    font-size: .8rem
}

.panel-body ul li,.panel-body table th,.panel-body table td,.panel-body label,.panel-body .form-control,.panel-body a.btn {
    font-size: .8rem
}

.panel-body div.content-box div.html-wrap {
    font-size: .8rem
}

.panel-title {
    font-size: .9rem
}

.panel-title>a.accordion-toggle:after {
    font-size: 1.08rem
}

.panel-tableholder table td.delete_address a.icon-trash-empty {
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .panel-body {
        font-size:.8rem
    }

    .panel-tableholder table thead th,.panel-tableholder table.table-super-responsive thead th {
        font-size: .8rem !important
    }

    .panel-tableholder table td.delete_address a.icon-trash-empty,.panel-tableholder table.table-super-responsive td.delete_address a.icon-trash-empty {
        font-size: 1.1rem
    }
}

.panel-body a.btn,.panel-body div.teaser a.btn {
    font-size: .9rem
}

.additionalServicesHead a.noAdditionalServices {
    text-decoration: underline;
    font-style: italic;
    font-size: .8rem
}

.form-inline .addServiceComment p {
    font-size: .8rem
}

.additionalServiceChoose .addLabel {
    text-transform: uppercase;
    font-size: .8rem
}

.additionalServiceItem .additionalServiceChoose .addServiceDescr {
    font-size: .85rem
}

#availability_calendarselector table.availability td a.icon-angle-circled-left,#availability_calendarselector table.availability td a.icon-angle-circled-right {
    font-size: 1.5rem
}

#availability_calendarselector table.availability table.availabiltyCalendar th {
    font-size: .875rem;
    text-transform: uppercase
}

#availability_calendarselector table.availability table.availabiltyCalendar td .day {
    font-size: 1.125rem;
    font-weight: bold
}

#availability_calendarselector table.availability table.availabiltyCalendar td .month {
    font-size: .6875rem
}

#availability_calendarselector table.availability table.availabiltyCalendar td .rate {
    font-size: .6875rem
}

#availability_calendarselector table.availability table.availabiltyCalendar td.notfree:before {
    font-size: 1.5rem
}

#availability_calendarselector table.availability table.availabiltyCalendar td.notfree.range-end:before {
    font-size: 1.75rem
}

#availability_calendarselector table.availability table.availabiltyCalendar td.range-start:before {
    font-size: 1.5em
}

#availability_calendarselector table.availability table.availabiltyCalendar td.range-end:before {
    font-size: 1.5em !important
}

@media (min-width: 768px) {
    #availability_calendarselector table.availability td a.icon-angle-circled-left,#availability_calendarselector table.availability td a.icon-angle-circled-right {
        font-size:1.5rem
    }

    #availability_calendarselector table.availability td p {
        font-size: .8rem
    }

    #availability_calendarselector table.availability td .day {
        font-size: 1.25rem
    }

    #availability_calendarselector table.availability td .month {
        font-size: .6875rem
    }

    #availability_calendarselector table.availability td .rate {
        font-size: .875rem
    }

    #availability_calendarselector table.availability td.notfree:before {
        font-size: 3em
    }
}

@media (min-width: 600px) {
    .android44 #availability_calendarselector table.availability td a.icon-angle-circled-left,.android44 #availability_calendarselector table.availability td a.icon-angle-circled-right {
        font-size:2em
    }
}

.bookingBreadcrumbWrap a,.bookingBreadcrumbWrap p {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.875rem
}

.bookingBreadcrumbWrap a span,.bookingBreadcrumbWrap p span {
    font-size: .6875rem
}

@media (max-width: 768px) {
    .bookingBreadcrumbWrap a#confirm-order span,.bookingBreadcrumbWrap p#confirm-order span {
        font-size:0px
    }

    .bookingBreadcrumbWrap a#confirm-order span i:before,.bookingBreadcrumbWrap p#confirm-order span i:before {
        font-size: 1.125rem
    }
}

.bookingBreadcrumbWrap a.someok i.booking-info:before,.bookingBreadcrumbWrap p.someok i.booking-info:before {
    font-size: .875rem
}

#SD3CBWV5BookingRoomSelectComponent .image-gallery a .text-overlay span {
    font-size: 250%
}

.errormessg {
    font-size: .8rem
}

#zusammenfassung .hotelItem .marketingmessg p {
    font-size: .7rem;
    line-height: .8rem
}

#zusammenfassung .hotelItem .panelTarif {
    font-size: .7rem
}

#zusammenfassung .hotelItem .panelTarif h6 {
    font-weight: bold
}

#zusammenfassung .hotelItem .BookingCartItemTotalAmount {
    font-size: 1.2rem
}

#zusammenfassung .hotelItem .BookingCartItemTotalAmount a {
    font-size: 1.2rem
}

#zusammenfassung .hotelItem p.room-type a.icon-info-circled {
    font-size: 1.5rem
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell a {
    font-size: 1.3rem
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li span {
    line-height: .8rem
}

#zusammenfassung .totalsumBottom small {
    font-size: .8rem
}

.bookingNumber span {
    font-size: 12px
}

.searchhead .totalsum small {
    font-size: .8rem
}

#bookingform #sonderrichtlinienHinweis,#booking_form #sonderrichtlinienHinweis {
    font-size: .75rem
}

#bookingform .creditcardInfo small,#booking_form .creditcardInfo small {
    font-size: .8rem
}

#bookingform .totalsumBottom span strong,#booking_form .totalsumBottom span strong {
    font-size: 1.5rem
}

@media (max-width: 830px) {
    .vacationMarketingSelected {
        line-height:1.875rem
    }
}

@media (min-width: 768px) {
    #zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell a {
        font-size:1rem
    }

    #zusammenfassung .hotelItem .BookingCartItemTotalAmount a {
        font-size: 1.2rem
    }

    #zusammenfassung .totalsumBottom small {
        font-size: .7rem
    }

    #zusammenfassung .totalsumBottom strong {
        font-size: 1.1rem
    }
}

#bottom-menu ul li {
    font-size: .9rem
}

#copyright {
    font-size: .66rem;
    line-height: 1.3em
}

@media (min-width: 768px) {
    #bottom-menu ul li {
        font-size:.75rem
    }
}

.breadcrumb {
    font-size: .8rem
}

#sectionHeaderBG {
    font-size: 1.1875rem;
    font-weight: bold;
    text-transform: uppercase
}

.btn {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.42857143em
}

.btn-lg {
    font-size: 1rem;
    line-height: 1.33
}

.btn-sm {
    font-size: .75rem;
    line-height: 1.3rem
}

.btn-xs {
    padding: 1px 5px;
    font-size: .8rem;
    line-height: 1.3rem;
    border-radius: 4px
}

a.btn-lg.icon-right-dir:before,a.btn-lg.icon-left-dir:before {
    font-size: 1.35rem;
    vertical-align: -3px !important
}

.ie9 a.btn-lg.icon-right-dir,.ie9 a.btn-lg.icon-left-dir,.ie10 a.btn-lg.icon-right-dir,.ie10 a.btn-lg.icon-left-dir,.ie11 a.btn-lg.icon-right-dir,.ie11 a.btn-lg.icon-left-dir {
    font-size: .9375rem !important
}

.ie9 a.btn-lg.icon-right-dir:before,.ie9 a.btn-lg.icon-left-dir:before,.ie10 a.btn-lg.icon-right-dir:before,.ie10 a.btn-lg.icon-left-dir:before,.ie11 a.btn-lg.icon-right-dir:before,.ie11 a.btn-lg.icon-left-dir:before {
    font-size: .375rem !important
}

a.btn.icon-right-dir:before,a.btn.icon-left-dir:before {
    font-size: 1.35rem;
    vertical-align: -2px
}

a.btn-sm.icon-right-dir:before,a.btn-sm.icon-left-dir:before {
    font-size: 1.125rem;
    vertical-align: -2px
}

.welcomeMitgliedskarteTable .welcomeMitgliedskarteRow.punktetotal span {
    line-height: 3em
}

.welcomeMitgliedskarteTable .welcomeMitgliedskarteRow span {
    font-size: .8125rem
}

.nextLevel {
    font-size: .8125rem;
    font-weight: bold
}

#div_bwr_loginpanel .bwr_login {
    font-size: .8rem
}

.html-wrap #div_bwr_loginpanel .bwr_login {
    font-size: .8rem
}

.BWRewards_Mitgliedsbereich h1.bwrewards {
    font-size: 1.5625rem;
    text-transform: uppercase;
    line-height: 1.2em
}

.BWRewards_Mitgliedsbereich .bwr_card,.BWRewards_Mitgliedsbereich .bwr_card_diamond,.BWRewards_Mitgliedsbereich .bwr_card_platinum,.BWRewards_Mitgliedsbereich .bwr_card_gcci,.BWRewards_Mitgliedsbereich .bwr_card_diamondselect,.BWRewards_Mitgliedsbereich .bwr_card_gold,.BWRewards_Mitgliedsbereich .bwr_card_platinum {
    font-size: .8rem;
    line-height: 1rem
}

.BWRewards_Mitgliedsbereich .bwr_memberdata {
    font-size: .8125rem
}

.BWRewards_Mitgliedsbereich .bwr_memberdata p {
    font-size: .8125rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item {
    font-size: .8rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .header a {
    font-size: 1.1875rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box a.edit:after {
    font-size: 1.1875rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box td {
    font-size: .8rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box form label {
    font-size: .8rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box form .form-control {
    font-size: .8rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box form small {
    font-size: .7rem;
    line-height: .8rem
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box .onoffswitch .onoffswitch-label .onoffswitch-inner:before {
    font-size: 10px;
    line-height: 18px
}

.BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
    font-size: 10px;
    line-height: 18px
}

.BWRewards_Mitgliedsbereich .bwr_editprofile .panel-title>a:after {
    font-size: 1.1rem
}

@media (min-width: 768px) {
    .BWRewards_Mitgliedsbereich h1.bwrewards {
        line-height:.8em
    }

    .BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .header a {
        font-size: 1.1rem
    }

    .BWRewards_Mitgliedsbereich .bwr_profile .bwr_profile_item .profile-data-box a.edit:after {
        font-size: 1.1rem
    }
}

form[name=AccountStatement] #pdwait {
    font-size: .75rem
}

.captcha-formgroup a.captchaReload {
    font-size: .8rem;
    font-style: italic
}

.uSlider-slides li {
    font-size: 1rem
}

.uSlider .uSlider-prev-nav,.uSlider .uSlider-next-nav {
    font-size: 6rem
}

.slide-content .teaser-box h1,.slide-content .teaser-box h2,.slide-content .teaser-box em {
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 2rem;
    text-transform: uppercase
}

.slide-content .teaser-box p {
    font-size: 1.1875rem;
    line-height: 1.1em
}

@media (min-width: 768px) {
    .uSlider .uSlider-prev-nav,.uSlider .uSlider-next-nav {
        font-size:6rem
    }

    .slide-content .teaser-box h1,.slide-content .teaser-box h2,.slide-content .teaser-box em {
        font-size: 2.1875rem;
        font-weight: 600;
        line-height: 2.5rem
    }

    .slide-content .teaser-box p {
        font-size: 1.1875rem;
        line-height: 1.1em
    }
}

@media (min-width: 992px) {
    .slide-content .teaser-box h1,.slide-content .teaser-box h2,.slide-content .teaser-box em {
        font-size:4rem;
        font-weight: 600;
        line-height: 5rem
    }

    .slide-content .teaser-box p {
        font-size: 1.5rem;
        line-height: 1.1em
    }
}

.rating .c100 {
    font-size: 7.5rem
}

.rating .c100.big {
    font-size: 15rem
}

.rating .c100.small {
    font-size: 4.5rem
}

.rating .c100.xs {
    font-size: 3rem
}

.rating .c100.xs>span {
    line-height: 2.1em;
    font-size: 1.4375rem
}

.rating .c100>span {
    line-height: 2.4em;
    font-size: 1.875rem
}

.cc_container {
    font-size: .875rem !important
}

@media screen and (max-width: 768px) {
    .cc_container .cc_btn {
        font-size:.9em !important
    }

    .cc_container .cc_message {
        font-size: .9em !important
    }
}

.cc-revoke,.cc-window {
    font-size: 1rem;
    line-height: 1.5em
}

.cc-header {
    font-size: 1.125rem;
    font-weight: 700
}

.cc-btn {
    font-size: .9rem;
    font-weight: 700
}

.cc-close {
    font-size: 1.6rem;
    line-height: .75
}

.sumCouponsBottom .couponCodeForm span.error {
    font-size: .8rem
}

.sumCouponsBottom .col-lg-5 small {
    font-size: .8rem
}

.errorCoupon {
    font-size: .8rem
}

.successCoupon {
    font-size: .8rem
}

.BookingCartItemTotalAmount small.originalPrice {
    font-size: .75rem
}

.BookingCartItemTotalAmount small.couponCode {
    font-size: .75rem
}

.roomcount .bookingCodeOverview {
    font-size: .8rem
}

.roomcount .originalPriceOverview {
    font-size: .8rem
}

.dropdown-menu {
    font-size: .875rem
}

.dropdown-menu>li>a {
    line-height: 1.42857143
}

legend {
    font-size: .8rem;
    font-weight: bold;
    line-height: 1.2em;
    line-height: inherit
}

label {
    font-size: .8rem
}

.easyform span.error {
    font-size: .8rem
}

input[type="file"] {
    font-size: .8rem
}

output {
    font-size: 16px;
    line-height: 1.5rem
}

.form-control {
    font-size: .8rem;
    line-height: 1.5rem
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        line-height:34px
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm {
        line-height: 7rem
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg {
        line-height: 24rem
    }
}

.checkbox span,.radio span {
    font-size: .8rem
}

.input-sm,.form-group-sm .form-control {
    height: 7rem;
    padding: 2px 10px;
    font-size: .8rem;
    line-height: 1.3rem;
    border-radius: 4px
}

select.input-sm,select.form-group-sm .form-control {
    height: 7rem;
    line-height: 7rem
}

textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control {
    height: auto
}

.input-lg,.form-group-lg .form-control {
    height: 24rem;
    padding: 10px 16px;
    font-size: 1.25rem;
    line-height: 1.33;
    border-radius: 8px
}

select.input-lg,select.form-group-lg .form-control {
    height: 24rem;
    line-height: 24rem
}

textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control {
    height: auto
}

.form-control-feedback {
    line-height: 34px
}

.input-lg+.form-control-feedback {
    line-height: 24rem
}

.input-sm+.form-control-feedback {
    line-height: 7rem
}

@media (min-width: 768px) {
    .form-inline .control-label {
        font-size:.8rem
    }
}

div.v3InfoWindow {
    font-size: .75rem
}

.v3InfoWindow a.hl,.v3InfoWindow a:visited.hl,.v3InfoWindow a.hl span,.v3InfoWindow a.star3,.v3InfoWindow a:visited.star3,.v3InfoWindow a.star3 span,.v3InfoWindow a.star4,.v3InfoWindow a:visited.star4,.v3InfoWindow a.star4 span,.v3InfoWindow a.nostar,.v3InfoWindow a:visited.nostar .v3InfoWindow a.nostar span {
    font-weight: 400
}

.v3InfoWindow p.adresse {
    font-size: .75rem
}

#hotelmap_gm3 h5.hiw_header,#hotelmap_gm3 h5.hiw_header a,#hotelmap_gm3 h5.hiw_header span {
    font-size: .875rem
}

#hotelmap_gm3 .btn {
    font-size: .75rem;
    line-height: 1.42857143em;
    text-transform: uppercase
}

.availabilityCalendarLink {
    font-size: 1.2rem !important
}

.hitlist-item h2 {
    font-size: 1.15rem;
    text-transform: none !important;
    line-height: 1.2em
}

.hitlist-item h5 {
    font-size: .8rem
}

.hitlist-item a.hotel-details {
    font-size: .8rem
}

.hitlist-item a.linkToHotelwebsite {
    font-size: .8rem
}

.hitlist-item .more a {
    font-size: .8rem
}

.hitlist-item .hitlist-icons span {
    font-size: 16px
}

.hitlist-item .book .price {
    font-size: 1.3rem
}

.hitlist-item .book .price small {
    font-size: .6875rem
}

.hitlist-item .book .btn {
    font-size: 1.4rem
}

.hotelsuperior {
    font-size: .8rem
}

.hitlist-item .panel-collapse-arrangements h4 {
    font-size: .8rem
}

.rating small {
    font-size: .75rem
}

.trustyousource,.trustyousource .table {
    font-size: .8rem
}

.trustyousource .table td .table td {
    font-size: .8rem
}

.trustyousource .rating small {
    font-size: .8rem
}

#exchangeableHotelList #arrangementFilter {
    font-size: .75rem;
    line-height: 2rem
}

#exchangeableHotelList #arrangementFilter .form-control {
    font-size: .75rem
}

#exchangeableHotelList #arrangementFilter label {
    font-size: .75rem;
    font-weight: normal
}

div.suchhinweis {
    font-size: .75rem
}

@media (min-width: 480px) {
    .hitlist-item h2 {
        font-size:1.3rem
    }

    .hitlist-item .book .btn {
        font-size: 1rem
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    .hitlist-item h2 {
        font-size:1.5rem
    }

    .hitlist-item h5 {
        font-size: .6rem
    }

    .hitlist-item .hitlist-specialinfo a {
        font-size: .6rem
    }

    .hitlist-item ul,.hitlist-item ul.additionalinfo,.hitlist-item .marketingmessg {
        font-size: .75rem
    }
}

@media (min-width: 768px) {
    .hitlist-item h5 {
        font-size:.8rem
    }

    .hitlist-item .hitlist-icons span {
        font-size: 1.8rem
    }
}

@media (min-width: 845px) {
    .hitlist-item h2 {
        font-size:1rem
    }
}

.visual-wrap+#searchOptionsStyle .page-content .row .reisedaten .hitlist-arrangements-panel .login {
    font-size: .8rem;
    text-transform: uppercase
}

.hotelview #navbar ul li.all-hotels a {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: bold
}

.hotelview #navbar ul li.all-hotels a:before {
    font-size: 1.5rem
}

.hotelview #navbar ul li.hotel-name span {
    font-size: 1.5rem
}

.hotelview #navbar ul li.hotel-name h3 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.hotelview .content-box h5 {
    font-size: .9rem
}

.hotelview .ratingHotelview {
    font-size: .8rem
}

.hotelview .addthisHotelview p {
    font-size: .9rem !important
}

@media (min-width: 768px) {
    .hotelview #navbar ul li.all-hotels a {
        line-height:1.5rem;
        font-weight: normal
    }
}

@media (min-width: 768px) and (max-width:810px) {
    .hotelview #navbar ul li a {
        font-size:.6875rem
    }

    .hotelview #navbar ul li.all-hotels a {
        font-size: .6875rem
    }
}

@media (min-width: 811px) and (max-width:905px) {
    .hotelview #navbar ul li a {
        font-size:.75rem
    }

    .hotelview #navbar ul li.all-hotels a {
        font-size: .75rem
    }
}

@media (min-width: 906px) {
    .hotelview #navbar ul li a {
        font-size:.8125rem
    }

    .hotelview #navbar ul li.all-hotels a {
        font-size: .8125rem
    }
}

.hotelview-icons span {
    font-size: 1rem
}

@media (min-width: 768px) {
    .hotelview-icons span {
        font-size:1.8rem
    }
}

.arrangementsHotelview h6,.arrangementsHotelview .subline {
    font-size: .9rem;
    text-transform: uppercase
}

.hotelviewArrangementBookOnline h3 {
    font-size: 135%
}

.hotelviewArrangementPackage .imgholder .overlay {
    font-size: 180%
}

.hotelviewArrangementPackage .imgholder .overlay strong {
    line-height: 1em
}

.hotelviewArrangementPackage h3,.hotelviewArrangementPackage .subline {
    font-size: 135%
}

h1.packageFilterHeadline,h2.packageFilterHeadline {
    font-size: 1.5rem
}

ul.packageFilterList li a {
    font-size: 16px
}

ul.packageFilterList li:first-child a:after {
    font-size: 1.5em
}

@media (min-width: 992px) {
    ul.packageFilterList li:first-child a span {
        line-height:18px
    }
}

.contactFormHotelview .checkbox label {
    font-weight: normal;
    font-size: .7rem
}

.contactFormHotelview .form-group .btn {
    font-size: 1.2rem
}

.contactFormHotelview .form-group small {
    font-size: .7rem;
    font-style: italic
}

section.hotelview-gallery .row .viewport ul li a.icon-play-circled,section.hotelview-gallery .row .viewport ul li span.icon-play-circled {
    font-size: 1500%;
    line-height: 150%
}

section.hotelview-gallery .row .caption {
    font-size: 13px
}

section.hotelview-gallery .row .gallerynav .nav a {
    font-size: 80%;
    line-height: 48px
}

section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a.icon-play-circled:before {
    font-size: 250%;
    line-height: 150%
}

section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a em {
    font-size: 15px;
    font-style: normal
}

.hitlist-popup section.hotelview-gallery .row .viewport .popupCaption {
    font-size: 13px
}

.single-image-popup section.hotelview-gallery .row .viewport .popupCaption {
    font-size: 13px
}

#hvgOverlay .lightboxGallery .viewport ul li span.icon-play-circled {
    font-size: 1500%;
    line-height: 150%
}

#hvgOverlay .lightboxGallery .viewport .lightboxCaption {
    font-size: 13px
}

#hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li a.icon-play-circled:before {
    font-size: 250%;
    line-height: 150%
}

#hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li a em {
    font-size: 15px;
    font-style: normal
}

#hotelviewGallery .imgGallery .viewport ul li a.icon-play-circled,#hotelviewGallery .imgGallery .viewport ul li span.icon-play-circled {
    font-size: 1500%;
    line-height: 150%
}

@media (min-width: 768px) {
    #hotelviewGallery .imgGallery .viewport ul li a.icon-play-circled,#hotelviewGallery .imgGallery .viewport ul li span.icon-play-circled {
        font-size:1500%;
        line-height: 230%
    }

    #hotelviewGallery .imgGallery #gallerynav .nav a {
        font-size: 80%
    }

    #hotelviewGallery .imgGallery #gallerynav .nav #threesixty .infoPopUp ul li a {
        font-size: 12px
    }

    #hotelviewGallery .thumbnailGallery .viewport ul li a.icon-play-circled:before {
        font-size: 250%;
        line-height: 150%
    }

    #hotelviewGallery .thumbnailGallery .scroll a {
        font-size: 80%
    }
}

@media (min-width: 992px) {
    #hotelviewGallery .thumbnailGallery .scroll a {
        font-size:80%
    }
}

.hotelview-icons span {
    font-size: 1rem
}

.hotelview .content-box h5 {
    font-size: .9rem
}

@media (min-width: 768px) {
    .hotelview-icons span {
        font-size:1.8rem
    }
}

.arrangementsHotelview h6,.arrangementsHotelview .subline {
    font-size: .9rem;
    text-transform: uppercase
}

.individualArrangements .lbArrangement h4 {
    font-size: .9rem
}

.individualArrangements .responsebox .content-box strong {
    font-size: .75rem
}

.image-gallery a .text-overlay span {
    font-size: 2rem
}

.touch-gallery .title-box span {
    font-size: .75rem
}

.touch-gallery .title-box span.title {
    font-weight: bold;
    font-size: .75rem
}

.pb-img-gallery a.icon-left-dir,.pb-img-gallery a.icon-right-dir {
    font-size: 3rem
}

ul.pagebox-imagegallery li a.zoom span {
    font-size: 2rem
}

ul.pagebox-imagegallery li div.gallery-text {
    font-size: .8rem
}

ul.pagebox-imagegallery li div.gallery-text p {
    font-size: .8rem
}

@media (max-width: 860px) {
    ul.pagebox-imagegallery li div.gallery-text {
        font-size:.72rem
    }
}

@media (max-width: 768px) {
    ul.pagebox-imagegallery li div.gallery-text {
        font-size:.64rem
    }
}

@media (max-width: 640px) {
    .gallery-wrap span {
        font-size:2.4rem
    }

    .col-xs-12 ul.pagebox-imagegallery li a.zoom span {
        font-size: 2.4rem
    }
}

.input-group-addon {
    font-size: 16px;
    font-weight: normal;
    line-height: 1
}

.input-group-addon.input-sm {
    font-size: .8rem
}

.input-group-addon.input-lg {
    font-size: 1.25rem
}

.input-group-btn {
    font-size: 0
}

.loginformBw .btn,.loginformCompany .btn {
    font-size: .8rem
}

#mbBottom.mbMobile {
    line-height: 1.5rem;
    font-size: 1rem
}

#mbMedia {
    line-height: 1.5rem;
    font-size: 16px
}

#mbBottom {
    line-height: 1.3em;
    font-size: 80%
}

#mbNumber {
    font-size: .8em
}

#mbCaption {
    line-height: 1.6em;
    font-size: .8em
}

#mbPrevLink {
    font-size: 200%
}

#mbNextLink {
    font-size: 200%
}

#mbCloseLink {
    font-size: 200%
}

@media (min-width: 768px) {
    #mbCloseLink {
        font-size:120%
    }
}

#mbError {
    line-height: 1.25rem;
    font-size: .75rem
}

#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active {
    font-weight: bold
}

@media (min-width: 480px) {
    #mbPrevLink,#mbNextLink {
        font-size:200%
    }
}

@media (min-width: 768px) {
    #mbBottom {
        line-height:1.3em;
        font-size: .8rem
    }
}

#mbCenter.gallery-close #mbCloseLink {
    font-size: 0
}

#mbCenter.single-gallery-close #mbCloseLink {
    font-size: 0
}

#mbCenter.single-gallery-close .popupCaption {
    font-size: .8125rem
}

#navbar ul li {
    font-size: 1rem
}

#navbar ul li.collapsed .toggle-submenu:before {
    font-size: 1.5rem
}

#navbar ul li a {
    line-height: 1rem
}

#navbar ul li>ul li,#navbar ul li.active>ul li {
    font-size: .9rem
}

#navbar #home-button {
    font-size: 1rem
}

#navbar #home-button:before {
    font-size: 1.5625rem
}

@media (min-width: 768px) {
    #navbar ul li {
        font-size:.8rem
    }

    #navbar ul li>ul {
        font-size: .84rem
    }

    #navbar ul li>ul li,#navbar ul li.active>ul li {
        font-size: .672rem
    }

    #navbar ul li>ul li:before {
        font-size: .9rem
    }

    #navbar #home-button:before {
        font-size: 1.5625rem
    }
}

.paging p {
    font-size: .8rem
}

.paging ul li {
    font-size: .8rem
}

.pnlm-title-box {
    font-size: .875rem
}

.pnlm-author-box {
    font-size: .75rem
}

.pnlm-load-box {
    font-size: 1.25rem
}

.pnlm-load-button {
    font-size: 1.25rem
}

.pnlm-info-box {
    font-size: .9375rem
}

.pnlm-about-msg {
    font-size: .6875rem;
    line-height: .6875rem
}

.pnlm-lmsg {
    font-size: .75rem
}

.pnlm-title-box {
    font-size: .875rem
}

.pnlm-author-box {
    font-size: .75rem
}

.pnlm-load-box {
    font-size: 1.25rem
}

.pnlm-load-button {
    font-size: 1.25rem
}

.pnlm-info-box {
    font-size: .9375rem
}

.pnlm-about-msg {
    font-size: .6875rem;
    line-height: .6875rem
}

.pnlm-lmsg {
    font-size: .75rem
}

.passwordProtected .protectedPageAuthform h1 {
    font-size: 1.25rem
}

.passwordProtected .protectedPageAuthform form label {
    font-size: .8rem
}

.passwordProtected .protectedPageAuthform form .error {
    font-size: .75rem
}

.popover-title {
    font-size: .75rem;
    font-weight: normal;
    line-height: 1.4em;
    text-transform: uppercase
}

.popover-content {
    font-size: .75rem;
    line-height: 1.2em
}

.popover-content div,.popover-content p,.popover-content b,.popover-content strong {
    line-height: 1.42857143em
}

#SD3CBWV5BookingRoomSelectComponent .popover-content {
    font-size: .8rem
}

h1.press {
    text-transform: uppercase
}

#Press h1 {
    font-size: 1.2rem
}

.rssbtn {
    font-size: .8rem
}

.rssbtn:before {
    font-size: 1.2rem
}

#pressReleaseList li span {
    line-height: 1.5rem
}

.pressMedia .text-overlay .icon-search:before {
    font-size: 1.5rem
}

@media (max-width: 860px) {
    #pressReleaseList .downloads a {
        font-size:0px
    }
}

@media (max-width: 600px) {
    #pressReleaseList li span {
        font-size:16px;
        line-height: 1.5rem
    }
}

.ratelist-item {
    font-size: .8rem
}

.ratelist-item h2.room-type.visible-xs-block {
    font-size: 1.25rem
}

.ratelist-item .max-occupancy span:before {
    font-size: 1.1rem
}

.ratelist-item .rate-list li .rewards-btn-wrap .login-btn {
    text-transform: none
}

.ratelist-item .rate-list li .rewards-btn-wrap+.bwr-register {
    line-height: 1.3em
}

.ratelist-item .rate-list h3.rate-name {
    font-size: .88rem;
    font-weight: bold;
    text-transform: none;
    line-height: .9375rem
}

.ratelist-item .rate-list h3.rate-name a.rate-info:before,.ratelist-item .rate-list h3.rate-name button.rate-info:before {
    font-size: .88rem
}

.ratelist-item .rate-list h4.rate-tariff {
    font-size: .88rem;
    font-weight: bold
}

.ratelist-item .rate-list .btn,.ratelist-item .rate-list button {
    font-size: .88rem
}

@media (min-width: 768px) {
    .ratelist-item label {
        font-weight:normal
    }

    .ratelist-item .rate-list li .rewards-btn-wrap .login-btn {
        font-size: .88rem
    }

    .ratelist-item .rate-list li .btn,.ratelist-item .rate-list li button {
        font-size: .88rem
    }

    .ratelist-item .rate-list li h4.rate-tariff .ratechangehint {
        font-size: .66rem;
        line-height: 1.4em
    }

    .ratelist-item .room-rates h2 {
        font-size: 1.2rem
    }
}

@media (width: 768px) {
    .ratelist-item .rate-list li .btn {
        font-size:.76rem
    }

    .ratelist-item .rate-list li .rewards-btn-wrap .login-btn {
        font-size: .76rem
    }
}

#screensize-indicator {
    font-size: 16px
}

.searchhead .row .hotelsearchSelection,.bookingbreadcrumb .row .hotelsearchSelection {
    font-size: .8rem
}

.searchhead .row .sort span,.bookingbreadcrumb .row .sort span {
    font-size: .8rem
}

.searchhead h2,.bookingbreadcrumb h2 {
    font-size: 1.2rem
}

.searchhead p.city-region,.bookingbreadcrumb p.city-region {
    font-size: 1rem
}

.searchhead form#updateform input[type="submit"],.bookingbreadcrumb form#updateform input[type="submit"] {
    font-size: 1rem;
    text-transform: uppercase
}

.searchhead form#updateform input[type="submit"]:before,.bookingbreadcrumb form#updateform input[type="submit"]:before {
    font-size: 1.5rem
}

.searchhead .stars:before,.bookingbreadcrumb .stars:before {
    font-size: .84rem
}

@media (min-width: 815px) {
    .searchhead #search-options form#updateform input[type="submit"] {
        font-size:1rem;
        text-transform: uppercase
    }

    .searchhead #search-options form#updateform input[type="submit"]:before {
        font-size: 1.5rem
    }
}

@media (min-width: 845px) {
    .searchhead h2 {
        font-size:1.2rem
    }
}

#searchpanel {
    line-height: 1.3125rem
}

#searchpanel .nav-tabs {
    font-size: .6875rem
}

#searchpanel .nav-tabs a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: .6875rem
}

#searchpanel .tab-pane,#searchpanel .hitlist-arrangements-panel {
    font-size: .9rem
}

#searchpanel label {
    font-size: .95rem;
    font-weight: normal;
    text-transform: uppercase
}

#searchpanel input[type=submit] {
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase
}

#searchpanel .overTxtLabel {
    font-size: 100%;
    text-transform: none
}

#searchpanel a.login {
    font-size: 1.1rem;
    text-transform: uppercase
}

#searchpanel a.icon-login:before {
    font-size: 1.2rem
}

#hotelsearch-wrap a#searchToggle {
    font-size: 130%;
    line-height: 2.4em
}

#hotelsearch-wrap a#searchToggle:after {
    font-size: 150%
}

#namepanel h1,#namepanel h2 {
    font-size: 1rem;
    line-height: 1.1rem
}

#namepanel h1 b,#namepanel h2 b {
    font-weight: normal;
    text-transform: none
}

@media (min-width: 768px) {
    #searchpanel .nav-tabs {
        font-size:.9rem
    }

    #searchpanel .nav-tabs a {
        text-transform: uppercase
    }

    #searchpanel .tab-pane,#searchpanel .hitlist-arrangements-panel {
        font-size: .8rem
    }

    #searchpanel label {
        font-size: .75rem;
        text-transform: uppercase
    }

    #searchpanel input[type=submit] {
        font-size: .8rem;
        text-transform: uppercase
    }

    #searchpanel .overTxtLabel {
        font-size: 100%;
        text-transform: none
    }

    #searchpanel a.login {
        font-size: .8rem;
        text-transform: uppercase
    }

    #searchpanel a.icon-login:before {
        font-size: .9375rem
    }

    #mapsearch a.open-lightbox {
        font-size: .625rem
    }
}

#mapOpener .legend {
    font-size: .6875rem
}

.android40 #searchpanel #ss_ort,.android42 #searchpanel #ss_ort,.android43 #searchpanel #ss_ort {
    font-size: 100%;
    line-height: 10px
}

.sidebar_nav li ul li {
    font-size: .75rem
}

#hoteltitle {
    font-size: 1rem
}

#top-menu li {
    font-size: .75rem
}

#top-menu li a.icon-login:before,#top-menu li a.icon-basket:before {
    font-size: 1rem
}

#top-menu li a.icon-login {
    font-size: 0px
}

@media (min-width: 768px) {
    #top-menu li a.icon-login {
        font-size:.75rem
    }
}

#top-menu li {
    font-size: .75rem
}

#top-menu li a.icon-login:before,#top-menu li a.icon-basket:before {
    font-size: 1rem
}

#top-menu li a.icon-login {
    font-size: 0px
}

@media (min-width: 768px) {
    #top-menu li a.icon-login {
        font-size:.75rem
    }

    #top-menu li a.icon-login:before {
        font-size: 0px
    }
}

#siteinfo {
    line-height: 1.7em;
    font-size: .8rem
}

#siteinfo h3 {
    font-size: .77rem;
    font-weight: 600;
    text-transform: uppercase
}

#siteinfo h3.accordion-toggle:after {
    font-size: .84rem;
    font-weight: bold
}

#siteinfo h3.accordion-toggle.open:after {
    font-size: .84rem;
    font-weight: bold
}

#siteinfo p {
    font-size: .7rem;
    line-height: 2em
}

#siteinfo p a:before {
    font-size: .7rem
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    #siteinfo {
        line-height:1.7em;
        font-size: .5rem
    }

    #siteinfo h3.accordion-toggle:after {
        font-size: 1rem;
        font-weight: bold
    }

    #siteinfo h3.accordion-toggle.open:after {
        font-size: 1rem;
        font-weight: bold
    }

    #siteinfo p a:before {
        font-size: 1rem
    }
}

@media (min-width: 600px) {
    #siteinfo {
        font-size:.7rem
    }

    #siteinfo p {
        font-size: .7rem;
        line-height: 1.8em
    }
}

@media (min-width: 768px) {
    #siteinfo {
        font-size:.7rem
    }

    #siteinfo p {
        font-size: .7rem;
        line-height: 1.8em
    }
}

#socialmedia a {
    font-size: 2rem
}

#socialmedia a.icon-whatsapp:before {
    font-size: 1.4rem;
    line-height: 1.6rem
}

#conferenceRoomsPopup .table .icon-parlament {
    font-size: 1.7rem
}

#conferenceRoomsPopup .table .icon-u_form {
    font-size: 1.7rem
}

#conferenceRoomsPopup .table .icon-reihen {
    font-size: 1.7rem
}

#conferenceRoomsPopup .table .icon-snow {
    font-size: 1.7rem
}

#conferenceRoomsPopup .table .icon-sun-inv {
    font-size: 1.7rem
}

#conferenceRoomsPopup .table .icon-eclipse {
    font-size: 1.7rem
}

.specialhotelsearchAdditionalLinks a {
    font-size: .8rem
}

.sportstable td .icon-camera {
    font-size: 1.92rem
}

.price-sportslist small {
    font-size: .8rem
}

div.DefaultStickyWin {
    font-size: .6875rem
}

div.DefaultStickyWin h1.caption {
    font-weight: bold;
    font-size: .875rem !important
}

table>thead>tr>th,.table>thead>tr>th,table>tbody>tr>th,.table>tbody>tr>th,table>tfoot>tr>th,.table>tfoot>tr>th,table>thead>tr>td,.table>thead>tr>td,table>tbody>tr>td,.table>tbody>tr>td,table>tfoot>tr>td,.table>tfoot>tr>td {
    font-size: .8rem;
    line-height: 1.3em
}

.table-sortable {
    font-size: .8rem
}

@media (min-width: 768px) {
    .table-tagungsraeume th,.table-tagungsraeume td,.table-super-responsive th,.table-super-responsive td {
        font-size:.7rem !important;
        line-height: 1rem !important
    }

    .table-tagungsraeume thead th.icon span,.table-super-responsive thead th.icon span {
        font-size: 2.2rem
    }
}

.tooltip-inner {
    font-size: 80%
}

.infoPopUpContent h6 {
    font-size: .875rem;
    font-style: italic;
    font-weight: bold
}

.touristicHitlist .searchhead .filterRow strong,.touristicHitlist .searchhead .sortRow strong {
    font-size: .8rem
}

.touristicHitlist .hitlist-item .arrangementList .arrangementTitle {
    font-size: .8rem
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .price {
    font-size: .92rem
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .price span {
    font-size: 1.196rem
}

.touristicHitlistLightbox h2 small {
    font-size: .84rem
}

section.umkreissuche #umkreis #umkreisform {
    font-size: .8rem
}

ul.arrow_blue li.active a {
    font-size: .9375rem
}

.ajaxloader {
    font-size: .8rem
}

h1,h2,h3,h4,h5,h6 {
    text-transform: none
}

small {
    font-size: .75rem;
    line-height: 1.2em;
    -webkit-text-size-adjust: none
}

a.mail {
    background: url('/bw/v6/img/ico/mail.png') no-repeat left;
    text-decoration: none;
    display: block;
    padding-left: 25px;
    background-size: 20px;
    font-size: .85rem;
    margin-top: .5rem;
    font-size: 13px
}

@media (min-width: 769px) {
    a.mail {
        font-size:14px;
        line-height: 1.2em
    }
}

a.arrow {
    font-size: 16px;
    text-decoration: none;
    background: url('/bw/v6/img/ico/arrow.svg') no-repeat left;
    padding-left: 10px;
    background-size: 5px
}

@media (min-width: 576px) {
    a.arrow {
        font-size:.8rem
    }
}

a.arrow:hover {
    color: #003c7e
}

a.rate-info,button.rate-info {
    color: #003c7e
}

.btn {
    text-transform: none;
    font-weight: 400
}

p.small {
    font-size: .8rem
}

a {
    color: #003c7e;
    text-decoration: underline
}

a:hover,a:focus {
    color: #689a39;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a.content-block,a:hover.content-block {
    color: #003c7e;
    text-decoration: none
}

a:hover {
    color: #689a39;
    text-decoration: underline
}

a.arrw {
    font-weight: 600
}

a.more {
    text-transform: uppercase
}

a:hover.arrw {
    color: #689a39;
    text-decoration: none
}

a.arrw:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e809';
    padding-right: .3em;
    text-decoration: none
}

a.download,a.downloadlink {
    background: url('/bw/v6/img/ico/download.png') no-repeat;
    color: #003c7e;
    padding-left: 15px
}

a.download:hover,a.downloadlink:hover {
    background: url('/bw/v6/img/ico/download_hover.png') no-repeat;
    color: #689a39
}

a.downloadpdf,a.downloadrtf {
    display: inline-block;
    padding: 1px 20px;
    color: #003c7e
}

a.downloadpdf:hover,a.downloadrtf:hover {
    color: #689a39
}

a.downloadpdf,a:hover.downloadpdf {
    background: transparent url('/bw/v6/img/ico/pdf.gif') no-repeat 0 0
}

a.downloadrtf,a:hover.downloadrtf {
    background: transparent url('/bw/v6/img/ico/rtf.gif') no-repeat 0 0
}

a.w3w {
    text-decoration: none
}

#siteinfo {
    margin-top: 1em
}

#siteinfo h3 {
    cursor: pointer;
    padding: .7em 1em .7em 0;
    margin-bottom: .5em
}

#siteinfo h3.accordion-toggle {
    border-top: 1px solid #c7c5cb
}

#siteinfo h3.accordion-toggle::after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e80b';
    margin-left: .5em
}

#siteinfo p {
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0 1em
}

@media (max-width: 768px) {
    #siteinfo p {
        padding:0
    }
}

#siteinfo p a {
    display: block;
    text-decoration: none;
    color: #4a4a4a
}

#siteinfo p.phoneNumber strong {
    display: inline-block
}

#siteinfo #service-beratung p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1em
}

#siteinfo .col-xs-12,.pagebottom .col-xs-12 {
    margin-top: 0
}

#socialmedia {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: 2.5em
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    #siteinfo {
        margin-top:1em
    }

    #siteinfo h3.accordion-toggle:after {
        margin-left: .5em
    }
}

@media (min-width: 600px) {
    #siteinfo {
        margin-top:2.5em
    }

    #siteinfo h3 {
        cursor: default;
        background: #fff;
        padding: 0 0 0 0;
        margin: .8em 0 .8em 0
    }

    #siteinfo .content-box h3:first-child {
        cursor: default;
        background: #fff;
        padding: 0 0 0 0;
        margin: 0 0 .8em 0
    }

    #siteinfo h3.accordion-toggle {
        border-top: none
    }

    #siteinfo p {
        margin-top: 0;
        margin-bottom: 1.3em;
        padding: 0 0 0 0
    }

    #siteinfo p a {
        display: block;
        text-decoration: none
    }

    #siteinfo h3.accordion-toggle:after,#siteinfo h3.accordion-toggle.open:after,#siteinfo p a:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }

    #service-beratung {
        margin-bottom: 1em
    }

    #socialmedia {
        margin-top: 2.5em
    }
}

@media (min-width: 768px) {
    #siteinfo {
        margin-top:2.5em;
        margin-bottom: 2.5em
    }

    #siteinfo h3,#siteinfo .content-box h3:first-child {
        cursor: default;
        background: #fff;
        padding: 0 0 0 0;
        margin: 0 0 0 0
    }

    #siteinfo h3.accordion-toggle {
        border-top: none
    }

    #siteinfo p {
        margin-top: 0;
        margin-bottom: 1.3em;
        padding: 0 0 0 0
    }

    #siteinfo p a {
        display: block;
        text-decoration: none
    }

    #siteinfo h3.accordion-toggle:after,#siteinfo h3.accordion-toggle.open:after,#siteinfo p a:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }

    #service-beratung {
        margin-bottom: 0
    }
}

#socialmedia .facebook:hover {
    fill: #1877f2 !important
}

#socialmedia .instagram:hover {
    fill: #d6249f !important
}

#socialmedia .pinterest:hover {
    fill: #CA2028 !important
}

#socialmedia .linkedin:hover {
    fill: #6599C8 !important
}

#socialmedia .xing:hover {
    fill: #046064 !important
}

#socialmedia .blog:hover {
    fill: #1A3F78 !important
}

#socialmedia a {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-decoration: none;
    color: #a4a4a4;
    padding: 0 0 0 0;
    margin-top: .5rem;
    margin-right: .5rem
}

@media (max-width: 375px) {
}

#socialmedia a.icon-facebook-circled {
    margin-left: 0;
    font-size: 1.9rem
}

@media (max-width: 375px) {
    #socialmedia a.icon-youtube-play {
        margin-left:-0.15em
    }
}

#socialmedia a.icon-whatsapp {
    margin-left: 0
}

#socialmedia a.icon-whatsapp:before {
    color: #ffffff;
    position: absolute;
    top: -0.04em;
    left: .12em;
    z-index: 10;
    margin-left: 0
}

#socialmedia a.icon-whatsapp:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\f0c8';
    position: relative;
    z-index: 1
}

#socialmedia a:hover {
    color: #fd1d1d
}

#socialmedia a:hover.icon-twitter-squared {
    color: #00aeee
}

#socialmedia a:hover.icon-facebook-circled {
    color: #1877f2
}

#socialmedia a:hover.icon-pinterest-squared {
    color: #ce321e
}

#socialmedia a:hover.icon-youtube-squared {
    color: #c22100
}

#socialmedia a:hover.icon-xing-squared {
    color: #005757
}

#socialmedia .icon-instagramm:hover:before {
    background: -webkit-gradient(linear, right top, left bottom, from(#fd1d1d), to(#ffdc80));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#socialmedia a:hover.icon-linkedin-squared {
    color: #0077b5
}

#bottom-menu ul li {
    display: block;
    margin: 0 0 1em 0
}

#bottom-menu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #4a4a4a
}

#bottom-menu ul li a:hover {
    text-decoration: underline
}

#copyright {
    margin-bottom: 1em
}

@media (min-width: 600px) {
    #bottom-menu ul li {
        width:50%;
        float: left
    }

    #bottom-menu ul li:nth-child(even) {
        padding-left: 2%
    }
}

@media (min-width: 768px) {
    #bottom-menu,#copyright {
        margin-top:2.5em
    }

    #bottom-menu ul li {
        display: inline-block;
        width: auto;
        float: left;
        margin: 0 1.5em 0 0
    }

    #bottom-menu ul li:nth-child(even) {
        padding-left: 0
    }
}

.row {
    width: 100%;
    margin: 0
}

.row:before,.row:after {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 2%
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%;
    margin-top: 2.5em
}

.layoutdummy .col-xs-12 {
    margin-top: 2.5em
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.col-lg-8 .col-lg-12 {
    padding: 0
}

.col-lg-8 .row:first-child div:first-child,.col-lg-8 .row:first-child div:nth-child(2).col-lg-6,.col-lg-8 .row:first-child div:nth-child(2).col-lg-4,.col-lg-8 .row:first-child div:nth-child(3).col-lg-4,.col-lg-8 .row:first-child div:nth-child(2).col-lg-8 {
    margin-top: 0
}

.col-lg-8 .col-lg-4:first-child,.col-lg-8 .col-lg-6:first-child,.col-lg-8 .col-lg-8:first-child {
    padding-left: 0
}

.col-lg-8 .col-lg-6:first-child .teaser.img-teaser {
    padding-right: 4%
}

.col-lg-8 .col-lg-4:nth-child(3),.col-lg-8 .col-lg-8:nth-child(2),.col-lg-8 .col-lg-6:nth-child(2),.col-lg-8 .col-lg-4:last-child {
    padding-right: 0
}

.col-lg-8 .form-group .col-lg-6:first-child {
    padding-right: 2%
}

@media (max-width: 768px) {
    .col-lg-8 .col-lg-6:nth-child(2),.col-lg-8 .col-lg-4:nth-child(2),.col-lg-8 .col-lg-4:nth-child(3),.col-lg-8 .col-lg-8:nth-child(2) {
        padding-left:0
    }

    .col-lg-8 .row:first-child div:nth-child(2).col-lg-6,.col-lg-8 .row:first-child div:nth-child(2).col-lg-4,.col-lg-8 .row:first-child div:nth-child(3).col-lg-4,.col-lg-8 .row:first-child div:nth-child(2).col-lg-8 {
        margin-top: 2.5em
    }
}

.col-lg-2pt4,.col-md-2pt4,.col-sm-2pt4,.col-xs-2pt4 {
    position: relative;
    min-height: 1px
}

.col-lg-2pt4,.col-md-2pt4,.col-xs-2pt4 {
    width: 100%
}

@media (min-width: 600px) {
    .col-sm-2pt4 {
        width:50%;
        padding-left: 2%;
        padding-right: 2%
    }

    #siteinfo .col-sm-2pt4:first-child {
        width: 100%
    }

    #siteinfo .col-sm-2pt4:nth-child(2),#siteinfo .col-sm-2pt4:nth-child(3) {
        float: left
    }

    #siteinfo .col-sm-2pt4:nth-child(4),#siteinfo .col-sm-2pt4:nth-child(5) {
        float: right
    }

    .mini-tablet-col {
        width: 50%;
        float: left;
        padding-left: 2%;
        padding-right: 0;
        margin-top: 0
    }

    .mini-tablet-col-first,.mini-tablet-col:first-child {
        padding-left: 0;
        padding-right: 2%
    }
}

@media (min-width: 768px) {
    #siteinfo .col-sm-2pt4:first-child,.col-sm-2pt4 {
        width:20%;
        float: left
    }

    .mini-tablet-col,.mini-tablet-col:first-child {
        width: 100%;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px 6px 12px;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus,.btn.focus {
    color: #ffffff;
    text-decoration: none
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) 10px 5px 0 #000
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none 10px 5px 0 #000;
    -moz-box-shadow: none 10px 5px 0 #000;
    -webkit-box-shadow: none 10px 5px 0 #000
}

a.btn {
    color: #ffffff !important;
    text-decoration: none;
    height: 32px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    cursor: pointer
}

input.btn.btn-blue {
    color: #ffffff !important
}

.btn.icon-right-dir {
    padding: 6px 12px 6px 6px
}

.btn-default {
    color: #ffffff;
    background-color: #525252;
    border-color: #525252
}

.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #525252;
    background-color: #6c6c6c;
    border-color: #525252
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #525252;
    border-color: #525252
}

.btn-default .badge {
    color: #525252;
    background-color: #ffffff
}

.btn-primary {
    color: #ffffff;
    background-color: #f26531;
    border-color: #f26531
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #f26531;
    background-color: #f58961;
    border-color: #f26531
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #f26531;
    border-color: #f26531
}

.btn-primary .badge {
    color: #f26531;
    background-color: #ffffff
}

.btn-orange {
    color: #ffffff;
    background-color: #f26531;
    border-color: #f26531
}

.btn-orange:hover,.btn-orange:focus,.btn-orange.focus,.btn-orange:active,.btn-orange.active,.open>.dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #f26531;
    background-color: #f58961;
    border-color: #f26531
}

.btn-orange:active,.btn-orange.active,.open>.dropdown-toggle.btn-orange {
    background-image: none
}

.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled.focus,.btn-orange[disabled].focus,fieldset[disabled] .btn-orange.focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active {
    background-color: #f26531;
    border-color: #f26531
}

.btn-orange .badge {
    color: #f26531;
    background-color: #ffffff
}

.btn-yellow {
    color: #ffffff;
    background-color: #fbac14;
    border-color: #fbac14
}

.btn-yellow:hover,.btn-yellow:focus,.btn-yellow.focus,.btn-yellow:active,.btn-yellow.active,.open>.dropdown-toggle.btn-yellow {
    color: #ffffff;
    background-color: #fbac14;
    background-color: #fcbe46;
    border-color: #fbac14
}

.btn-yellow:active,.btn-yellow.active,.open>.dropdown-toggle.btn-yellow {
    background-image: none
}

.btn-yellow.disabled,.btn-yellow[disabled],fieldset[disabled] .btn-yellow,.btn-yellow.disabled:hover,.btn-yellow[disabled]:hover,fieldset[disabled] .btn-yellow:hover,.btn-yellow.disabled:focus,.btn-yellow[disabled]:focus,fieldset[disabled] .btn-yellow:focus,.btn-yellow.disabled.focus,.btn-yellow[disabled].focus,fieldset[disabled] .btn-yellow.focus,.btn-yellow.disabled:active,.btn-yellow[disabled]:active,fieldset[disabled] .btn-yellow:active,.btn-yellow.disabled.active,.btn-yellow[disabled].active,fieldset[disabled] .btn-yellow.active {
    background-color: #fbac14;
    border-color: #fbac14
}

.btn-yellow .badge {
    color: #fbac14;
    background-color: #ffffff
}

.btn-burgundy,.btn-red {
    color: #ffffff;
    background-color: #943d5a;
    border-color: #943d5a
}

.btn-burgundy:hover,.btn-red:hover,.btn-burgundy:focus,.btn-red:focus,.btn-burgundy.focus,.btn-red.focus,.btn-burgundy:active,.btn-red:active,.btn-burgundy.active,.btn-red.active,.open>.dropdown-toggle.btn-burgundy,.open>.dropdown-toggle.btn-red {
    color: #ffffff;
    background-color: #943d5a;
    background-color: #b64e71;
    border-color: #943d5a
}

.btn-burgundy:active,.btn-red:active,.btn-burgundy.active,.btn-red.active,.open>.dropdown-toggle.btn-burgundy,.open>.dropdown-toggle.btn-red {
    background-image: none
}

.btn-burgundy.disabled,.btn-red.disabled,.btn-burgundy[disabled],.btn-red[disabled],fieldset[disabled] .btn-burgundy,fieldset[disabled] .btn-red,.btn-burgundy.disabled:hover,.btn-red.disabled:hover,.btn-burgundy[disabled]:hover,.btn-red[disabled]:hover,fieldset[disabled] .btn-burgundy:hover,fieldset[disabled] .btn-red:hover,.btn-burgundy.disabled:focus,.btn-red.disabled:focus,.btn-burgundy[disabled]:focus,.btn-red[disabled]:focus,fieldset[disabled] .btn-burgundy:focus,fieldset[disabled] .btn-red:focus,.btn-burgundy.disabled.focus,.btn-red.disabled.focus,.btn-burgundy[disabled].focus,.btn-red[disabled].focus,fieldset[disabled] .btn-burgundy.focus,fieldset[disabled] .btn-red.focus,.btn-burgundy.disabled:active,.btn-red.disabled:active,.btn-burgundy[disabled]:active,.btn-red[disabled]:active,fieldset[disabled] .btn-burgundy:active,fieldset[disabled] .btn-red:active,.btn-burgundy.disabled.active,.btn-red.disabled.active,.btn-burgundy[disabled].active,.btn-red[disabled].active,fieldset[disabled] .btn-burgundy.active,fieldset[disabled] .btn-red.active {
    background-color: #943d5a;
    border-color: #943d5a
}

.btn-burgundy .badge,.btn-red .badge {
    color: #943d5a;
    background-color: #ffffff
}

.btn-gray {
    color: #ffffff;
    background-color: #525252;
    border-color: #525252
}

.btn-gray:hover,.btn-gray:focus,.btn-gray.focus,.btn-gray:active,.btn-gray.active,.open>.dropdown-toggle.btn-gray {
    color: #ffffff;
    background-color: #525252;
    background-color: #6c6c6c;
    border-color: #525252
}

.btn-gray:active,.btn-gray.active,.open>.dropdown-toggle.btn-gray {
    background-image: none
}

.btn-gray.disabled,.btn-gray[disabled],fieldset[disabled] .btn-gray,.btn-gray.disabled:hover,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray:hover,.btn-gray.disabled:focus,.btn-gray[disabled]:focus,fieldset[disabled] .btn-gray:focus,.btn-gray.disabled.focus,.btn-gray[disabled].focus,fieldset[disabled] .btn-gray.focus,.btn-gray.disabled:active,.btn-gray[disabled]:active,fieldset[disabled] .btn-gray:active,.btn-gray.disabled.active,.btn-gray[disabled].active,fieldset[disabled] .btn-gray.active {
    background-color: #525252;
    border-color: #525252
}

.btn-gray .badge {
    color: #525252;
    background-color: #ffffff
}

.btn-blue {
    color: #003c7e;
    background-color: #003c7e;
    border-color: #003c7e
}

.btn-blue:hover,.btn-blue:focus,.btn-blue.focus,.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue {
    color: #003c7e;
    background-color: #003c7e;
    background-color: #0054b1;
    border-color: #003c7e
}

.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue {
    background-image: none
}

.btn-blue.disabled,.btn-blue[disabled],fieldset[disabled] .btn-blue,.btn-blue.disabled:hover,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,fieldset[disabled] .btn-blue:focus,.btn-blue.disabled.focus,.btn-blue[disabled].focus,fieldset[disabled] .btn-blue.focus,.btn-blue.disabled:active,.btn-blue[disabled]:active,fieldset[disabled] .btn-blue:active,.btn-blue.disabled.active,.btn-blue[disabled].active,fieldset[disabled] .btn-blue.active {
    background-color: #003c7e;
    border-color: #003c7e
}

.btn-blue .badge {
    color: #003c7e;
    background-color: #003c7e
}

.btn-blue:hover {
    background-color: #003c7e
}

.btn-blue-rounded {
    border-radius: 8px;
    text-transform: inherit;
    font-weight: 600
}

.covid-btn {
    color: #003c7e;
    background-color: #003c7e;
    border-color: #003c7e;
    padding: 6px 12px
}

.covid-btn:hover,.covid-btn:focus,.covid-btn.focus,.covid-btn:active,.covid-btn.active,.open>.dropdown-toggle.covid-btn {
    color: #003c7e;
    background-color: #003c7e;
    background-color: #0054b1;
    border-color: #003c7e
}

.covid-btn:active,.covid-btn.active,.open>.dropdown-toggle.covid-btn {
    background-image: none
}

.covid-btn.disabled,.covid-btn[disabled],fieldset[disabled] .covid-btn,.covid-btn.disabled:hover,.covid-btn[disabled]:hover,fieldset[disabled] .covid-btn:hover,.covid-btn.disabled:focus,.covid-btn[disabled]:focus,fieldset[disabled] .covid-btn:focus,.covid-btn.disabled.focus,.covid-btn[disabled].focus,fieldset[disabled] .covid-btn.focus,.covid-btn.disabled:active,.covid-btn[disabled]:active,fieldset[disabled] .covid-btn:active,.covid-btn.disabled.active,.covid-btn[disabled].active,fieldset[disabled] .covid-btn.active {
    background-color: #003c7e;
    border-color: #003c7e
}

.covid-btn .badge {
    color: #003c7e;
    background-color: #003c7e
}

.covid-btn:hover {
    background-color: #003c7e
}

.covid-btn:before {
    content: '';
    border: none;
    margin: 0
}

.btn-download,.btn-border,.btn.btn-border,.btn.btn-download,a.btn-download,.multipageform-button {
    color: #003c7e;
    background-color: #ffffff;
    border-color: #003c7e;
    color: #003c7e !important;
    border: 1px solid #003c7e;
    padding-left: 2rem;
    padding-right: 2rem
}

.btn-download:hover,.btn-border:hover,.btn.btn-border:hover,.btn.btn-download:hover,a.btn-download:hover,.multipageform-button:hover,.btn-download:focus,.btn-border:focus,.btn.btn-border:focus,.btn.btn-download:focus,a.btn-download:focus,.multipageform-button:focus,.btn-download.focus,.btn-border.focus,.btn.btn-border.focus,.btn.btn-download.focus,a.btn-download.focus,.multipageform-button.focus,.btn-download:active,.btn-border:active,.btn.btn-border:active,.btn.btn-download:active,a.btn-download:active,.multipageform-button:active,.btn-download.active,.btn-border.active,.btn.btn-border.active,.btn.btn-download.active,a.btn-download.active,.multipageform-button.active,.open>.dropdown-toggle.btn-download,.open>.dropdown-toggle.btn-border,.open>.dropdown-toggle.btn.btn-border,.open>.dropdown-toggle.btn.btn-download,.open>.dropdown-togglea.btn-download,.open>.dropdown-toggle.multipageform-button {
    color: #003c7e;
    background-color: #ffffff;
    background-color: #fff;
    border-color: #003c7e
}

.btn-download:active,.btn-border:active,.btn.btn-border:active,.btn.btn-download:active,a.btn-download:active,.multipageform-button:active,.btn-download.active,.btn-border.active,.btn.btn-border.active,.btn.btn-download.active,a.btn-download.active,.multipageform-button.active,.open>.dropdown-toggle.btn-download,.open>.dropdown-toggle.btn-border,.open>.dropdown-toggle.btn.btn-border,.open>.dropdown-toggle.btn.btn-download,.open>.dropdown-togglea.btn-download,.open>.dropdown-toggle.multipageform-button {
    background-image: none
}

.btn-download.disabled,.btn-border.disabled,.btn.btn-border.disabled,.btn.btn-download.disabled,a.btn-download.disabled,.multipageform-button.disabled,.btn-download[disabled],.btn-border[disabled],.btn.btn-border[disabled],.btn.btn-download[disabled],a.btn-download[disabled],.multipageform-button[disabled],fieldset[disabled] .btn-download,fieldset[disabled] .btn-border,fieldset[disabled] .btn.btn-border,fieldset[disabled] .btn.btn-download,fieldset[disabled] a.btn-download,fieldset[disabled] .multipageform-button,.btn-download.disabled:hover,.btn-border.disabled:hover,.btn.btn-border.disabled:hover,.btn.btn-download.disabled:hover,a.btn-download.disabled:hover,.multipageform-button.disabled:hover,.btn-download[disabled]:hover,.btn-border[disabled]:hover,.btn.btn-border[disabled]:hover,.btn.btn-download[disabled]:hover,a.btn-download[disabled]:hover,.multipageform-button[disabled]:hover,fieldset[disabled] .btn-download:hover,fieldset[disabled] .btn-border:hover,fieldset[disabled] .btn.btn-border:hover,fieldset[disabled] .btn.btn-download:hover,fieldset[disabled] a.btn-download:hover,fieldset[disabled] .multipageform-button:hover,.btn-download.disabled:focus,.btn-border.disabled:focus,.btn.btn-border.disabled:focus,.btn.btn-download.disabled:focus,a.btn-download.disabled:focus,.multipageform-button.disabled:focus,.btn-download[disabled]:focus,.btn-border[disabled]:focus,.btn.btn-border[disabled]:focus,.btn.btn-download[disabled]:focus,a.btn-download[disabled]:focus,.multipageform-button[disabled]:focus,fieldset[disabled] .btn-download:focus,fieldset[disabled] .btn-border:focus,fieldset[disabled] .btn.btn-border:focus,fieldset[disabled] .btn.btn-download:focus,fieldset[disabled] a.btn-download:focus,fieldset[disabled] .multipageform-button:focus,.btn-download.disabled.focus,.btn-border.disabled.focus,.btn.btn-border.disabled.focus,.btn.btn-download.disabled.focus,a.btn-download.disabled.focus,.multipageform-button.disabled.focus,.btn-download[disabled].focus,.btn-border[disabled].focus,.btn.btn-border[disabled].focus,.btn.btn-download[disabled].focus,a.btn-download[disabled].focus,.multipageform-button[disabled].focus,fieldset[disabled] .btn-download.focus,fieldset[disabled] .btn-border.focus,fieldset[disabled] .btn.btn-border.focus,fieldset[disabled] .btn.btn-download.focus,fieldset[disabled] a.btn-download.focus,fieldset[disabled] .multipageform-button.focus,.btn-download.disabled:active,.btn-border.disabled:active,.btn.btn-border.disabled:active,.btn.btn-download.disabled:active,a.btn-download.disabled:active,.multipageform-button.disabled:active,.btn-download[disabled]:active,.btn-border[disabled]:active,.btn.btn-border[disabled]:active,.btn.btn-download[disabled]:active,a.btn-download[disabled]:active,.multipageform-button[disabled]:active,fieldset[disabled] .btn-download:active,fieldset[disabled] .btn-border:active,fieldset[disabled] .btn.btn-border:active,fieldset[disabled] .btn.btn-download:active,fieldset[disabled] a.btn-download:active,fieldset[disabled] .multipageform-button:active,.btn-download.disabled.active,.btn-border.disabled.active,.btn.btn-border.disabled.active,.btn.btn-download.disabled.active,a.btn-download.disabled.active,.multipageform-button.disabled.active,.btn-download[disabled].active,.btn-border[disabled].active,.btn.btn-border[disabled].active,.btn.btn-download[disabled].active,a.btn-download[disabled].active,.multipageform-button[disabled].active,fieldset[disabled] .btn-download.active,fieldset[disabled] .btn-border.active,fieldset[disabled] .btn.btn-border.active,fieldset[disabled] .btn.btn-download.active,fieldset[disabled] a.btn-download.active,fieldset[disabled] .multipageform-button.active {
    background-color: #ffffff;
    border-color: #003c7e
}

.btn-download .badge,.btn-border .badge,.btn.btn-border .badge,.btn.btn-download .badge,a.btn-download .badge,.multipageform-button .badge {
    color: #ffffff;
    background-color: #003c7e
}

.btn-download:hover,.btn-border:hover,.btn.btn-border:hover,.btn.btn-download:hover,a.btn-download:hover,.multipageform-button:hover {
    text-decoration: none !important
}

.btn-download:hover span,.btn-border:hover span,.btn.btn-border:hover span,.btn.btn-download:hover span,a.btn-download:hover span,.multipageform-button:hover span {
    text-decoration: none
}

.btn-download span:before,.btn-border span:before,.btn.btn-border span:before,.btn.btn-download span:before,a.btn-download span:before,.multipageform-button span:before {
    content: url(/bw/v6/img/ico/download.svg);
    display: inline-block;
    width: 9px;
    height: auto;
    margin-right: 6px
}

.btn-download.w100,.btn-border.w100,.btn.btn-border.w100,.btn.btn-download.w100,a.btn-download.w100,.multipageform-button.w100 {
    width: 100%
}

.btn-border,.btn.btn-border {
    padding: 6px 12px 6px 12px
}

.btn-border.icon-right-dir {
    padding: 6px 11px 6px 6px
}

.btn-border-grey,.btn.btn-border-grey {
    color: #595660;
    background-color: #ffffff;
    border-color: #595660;
    color: #595660 !important;
    border: 1px solid #595660
}

.btn-border-grey:hover,.btn.btn-border-grey:hover,.btn-border-grey:focus,.btn.btn-border-grey:focus,.btn-border-grey.focus,.btn.btn-border-grey.focus,.btn-border-grey:active,.btn.btn-border-grey:active,.btn-border-grey.active,.btn.btn-border-grey.active,.open>.dropdown-toggle.btn-border-grey,.open>.dropdown-toggle.btn.btn-border-grey {
    color: #595660;
    background-color: #ffffff;
    background-color: #fff;
    border-color: #595660
}

.btn-border-grey:active,.btn.btn-border-grey:active,.btn-border-grey.active,.btn.btn-border-grey.active,.open>.dropdown-toggle.btn-border-grey,.open>.dropdown-toggle.btn.btn-border-grey {
    background-image: none
}

.btn-border-grey.disabled,.btn.btn-border-grey.disabled,.btn-border-grey[disabled],.btn.btn-border-grey[disabled],fieldset[disabled] .btn-border-grey,fieldset[disabled] .btn.btn-border-grey,.btn-border-grey.disabled:hover,.btn.btn-border-grey.disabled:hover,.btn-border-grey[disabled]:hover,.btn.btn-border-grey[disabled]:hover,fieldset[disabled] .btn-border-grey:hover,fieldset[disabled] .btn.btn-border-grey:hover,.btn-border-grey.disabled:focus,.btn.btn-border-grey.disabled:focus,.btn-border-grey[disabled]:focus,.btn.btn-border-grey[disabled]:focus,fieldset[disabled] .btn-border-grey:focus,fieldset[disabled] .btn.btn-border-grey:focus,.btn-border-grey.disabled.focus,.btn.btn-border-grey.disabled.focus,.btn-border-grey[disabled].focus,.btn.btn-border-grey[disabled].focus,fieldset[disabled] .btn-border-grey.focus,fieldset[disabled] .btn.btn-border-grey.focus,.btn-border-grey.disabled:active,.btn.btn-border-grey.disabled:active,.btn-border-grey[disabled]:active,.btn.btn-border-grey[disabled]:active,fieldset[disabled] .btn-border-grey:active,fieldset[disabled] .btn.btn-border-grey:active,.btn-border-grey.disabled.active,.btn.btn-border-grey.disabled.active,.btn-border-grey[disabled].active,.btn.btn-border-grey[disabled].active,fieldset[disabled] .btn-border-grey.active,fieldset[disabled] .btn.btn-border-grey.active {
    background-color: #ffffff;
    border-color: #595660
}

.btn-border-grey .badge,.btn.btn-border-grey .badge {
    color: #ffffff;
    background-color: #595660
}

.btn-border-grey:hover,.btn.btn-border-grey:hover {
    text-decoration: none !important
}

.btn-border-grey:hover span,.btn.btn-border-grey:hover span {
    text-decoration: none
}

.multipageform-button {
    text-align: center;
    width: 160px !important;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    height: 32px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    cursor: pointer
}

.btn-green {
    color: #ffffff;
    background-color: #759114;
    border-color: #759114
}

.btn-green:hover,.btn-green:focus,.btn-green.focus,.btn-green:active,.btn-green.active,.open>.dropdown-toggle.btn-green {
    color: #ffffff;
    background-color: #759114;
    background-color: #99be1a;
    border-color: #759114
}

.btn-green:active,.btn-green.active,.open>.dropdown-toggle.btn-green {
    background-image: none
}

.btn-green.disabled,.btn-green[disabled],fieldset[disabled] .btn-green,.btn-green.disabled:hover,.btn-green[disabled]:hover,fieldset[disabled] .btn-green:hover,.btn-green.disabled:focus,.btn-green[disabled]:focus,fieldset[disabled] .btn-green:focus,.btn-green.disabled.focus,.btn-green[disabled].focus,fieldset[disabled] .btn-green.focus,.btn-green.disabled:active,.btn-green[disabled]:active,fieldset[disabled] .btn-green:active,.btn-green.disabled.active,.btn-green[disabled].active,fieldset[disabled] .btn-green.active {
    background-color: #759114;
    border-color: #759114
}

.btn-green .badge {
    color: #759114;
    background-color: #ffffff
}

.btn-bordered-blue {
    border-color: #003c7e !important;
    color: #003c7e !important
}

.btn-hide {
    display: none
}

.btn-link {
    color: #003c7e;
    font-weight: normal;
    border-radius: 0
}

.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none 10px 5px 0 #000;
    -moz-box-shadow: none 10px 5px 0 #000;
    -webkit-box-shadow: none 10px 5px 0 #000
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent
}

.btn-link:hover,.btn-link:focus {
    color: #689a39;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
    color: #a4a4a4;
    text-decoration: none
}

.btn-lg {
    padding: 8px 16px 8px 6px
}

.btn-sm {
    padding: 2px 10px 2px 10px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.btn-point-right:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #ffffff;
    float: left;
    margin: 8px 6px 0 0
}

.btn-gold-rounded {
    background-color: #AB913E;
    color: #ffffff;
    border-radius: 4px;
    padding: 9px 20px 7px 20px;
    font-size: .75rem !important
}

.btn.btn-gold-rounded-outline {
    border: 1px solid #AB913E !important;
    background-color: #ffffff;
    color: #AB913E !important;
    font-size: .75rem !important
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    display: block;
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0 0 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.selected>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.selected>a:hover,.nav-tabs>li.active>a:focus,.nav-tabs>li.selected>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: auto;
    padding: 0 1em;
    margin-bottom: 0;
    font-weight: bold;
    color: #4a4a4a;
    border: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

.form-label {
    display: block
}

span.label-text,legend.form-label {
    padding-left: 0 !important
}

.accessibilityLabelCheckbox,.accessibilityLabelRadio {
    font-weight: normal !important
}

.label-date {
    display: block
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.dateInput {
    display: flex;
    align-items: end;
    gap: 5px
}

.dateInput .sd-di_dayfield,.dateInput .sd-di_monthfield,.dateInput .sd-di_yearfield {
    height: 34px;
    padding: 6px 12px;
    color: #555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="checkbox"].form-control,input[type="radio"].form-control {
    display: inline-block;
    width: auto;
    padding: 0;
    height: auto
}

.checkbox input[type="checkbox"].form-control {
    height: 34px
}

.easyform .checkbox input[type="checkbox"].form-control {
    height: auto
}

.easyform span.error {
    color: #990000;
    display: block;
    margin-top: -10px
}

.easyform .headline {
    font-size: 1.2rem
}

.easyform .headline h1,.easyform .headline h2,.easyform .headline h3,.easyform .headline h4,.easyform .headline h5,.easyform .headline h6 {
    font-size: 1.1rem;
    margin-bottom: 0;
    line-height: inherit
}

input[type="radio"] {
    margin: 2px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block;
    font-weight: bold
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

select optgroup {
    font-style: italic !important;
    border-bottom: 1px solid #999;
    margin: 10px 20px;
    padding: 0 0 10px 0
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 10px 5px 0 #000
}

.form-control::-moz-placeholder {
    color: #dadada;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #dadada
}

.form-control::-webkit-input-placeholder {
    color: #dadada
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

.form-group {
    margin-bottom: 15px
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,.checkbox label {
    min-height: 1.3em;
    margin-bottom: 0;
    font-weight: bold;
    cursor: pointer
}

.checkbox-padded label {
    padding-left: 20px !important
}

.checkbox label,.radio label {
    width: 100%;
    padding-left: 0px
}

.checkbox span,.radio span {
    display: block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px
}

.radio-inline,.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 40px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 24rem;
    height: 24rem
}

.input-sm+.form-control-feedback {
    width: 7rem;
    height: 7rem
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #1a49a6
}

.has-success .form-control {
    border-color: #1a49a6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000
}

.has-success .form-control:focus {
    border-color: #13367a;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4479e2 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4479e2 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4479e2 10px 5px 0 #000
}

.has-success .input-group-addon {
    color: #1a49a6;
    border-color: #1a49a6;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #1a49a6
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #E8990F
}

.has-warning .form-control {
    border-color: #E8990F;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000
}

.has-warning .form-control:focus {
    border-color: #b8790c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f5c268 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f5c268 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f5c268 10px 5px 0 #000
}

.has-warning .input-group-addon {
    color: #E8990F;
    border-color: #E8990F;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #E8990F
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) 10px 5px 0 #000
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483 10px 5px 0 #000;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483 10px 5px 0 #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483 10px 5px 0 #000
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-error img.warning {
    position: absolute
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a4a3a3
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 8.3em
}

.form-horizontal .form-group {
    margin-left: -1%;
    margin-right: -1%
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 1%
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:14.3px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:3px
    }
}

select.selectButton {
    float: right;
    width: 90px;
    margin: 5px 10px 0 0
}

.android40 select,.android41 select,.android42 select,.android43 select {
    -webkit-appearance: listbox;
    background: #fff url(/bw/v6/img/ico/select.png) no-repeat right;
    height: 33px;
    width: 100%;
    padding-left: 6px;
    border: 1px solid #c7c5cb;
    border-radius: 0;
    color: #888
}

.android40 select {
    height: 22px;
    min-width: 40px;
    padding-left: 6px
}

.has-error .error-icon {
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 15px
}

.has-error .error-warning {
    color: #990000;
    display: inline-block;
    padding: 2px 0 0 24px;
    vertical-align: middle;
    word-break: normal !important;
    position: relative
}

.formerror {
    border: 1px solid #990000
}

.form-control.formerror+img {
    width: auto
}

.buttonsCenter {
    text-align: center
}

.styledSelect {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border: 1px solid #bdbdbd;
    width: 100%;
    font-size: .725rem;
    padding: 5px 5px 3px 5px;
    background: url(/bw/v6/img/ico/arrow-down-grey.svg) no-repeat right;
    background-size: 5px 10px;
    background-position: right 5px bottom 10px
}

.styledSelect::-ms-expand {
    display: none
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    margin: 5px 0;
    padding: 0 0 0 14px;
    line-height: .8rem;
    font-size: .7rem
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 3px;
    padding: 0
}

.checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none
}

.checkbox:hover input~.checkmark {
    background-color: #003c7e;
    opacity: .1
}

.checkbox:hover input:checked~.checkmark {
    opacity: 1
}

.checkbox input:checked~.checkmark {
    background-color: #003c7e
}

.checkbox input:checked~.checkmark:after {
    display: block
}

.radiobutton {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px
}

.radiobutton input {
    position: absolute;
    left: 4px;
    top: 2px;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.radiobutton .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 50%
}

.radiobutton .checkmark::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #033878;
    opacity: .25
}

.radiobutton:hover input~.checkmark {
    background-color: #eee
}

.radiobutton input:checked~.checkmark {
    background-color: #ffffff
}

.radiobutton input:checked~.checkmark:after {
    display: block
}

.radiobutton input:checked~.checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #003c7e;
    opacity: 1
}

.radiobutton input:disabled~.checkmark {
    background-color: #ffffff;
    opacity: .2
}

.radiobutton input:disabled~.checkmark:after {
    display: block
}

.radiobutton input:disabled~.checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #999;
    opacity: 1
}

.confirmagb .checkbox input {
    position: static;
    opacity: 1;
    height: auto;
    width: auto
}

.easyform .checkbox {
    padding: 0;
    margin: 0 0 15px
}

.easyform .checkbox input {
    margin-right: 5px;
    position: relative;
    opacity: 1;
    cursor: pointer;
    height: auto;
    width: auto
}

.easyform .checkbox input[type="checkbox"].form-control {
    height: auto
}

.easyform span.error {
    color: #990000;
    display: block;
    margin-top: -10px
}

.easyform input[type="submit"] {
    background-color: #003c7e;
    font-size: 1rem;
    line-height: 1em;
    color: #ffffff;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    padding: 6px 12px 6px 12px;
    -webkit-appearance: none;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #003c7e;
    cursor: pointer
}

.easyform input[type="submit"].btn-red {
    background-color: #943d5a;
    border-color: #943d5a
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) {
        select {
            -webkit-appearance:none;
            padding: 5px 15px 3px 5px;
            background: #fff url(/bw/v6/img/ico/arrow-down-grey.svg) no-repeat right;
            background-size: 6px 10px;
            background-position: right 5px bottom 9px;
            border: 1px solid #ccc;
            border-radius: 0;
            height: 34px;
            font-size: .875rem
        }

        select.styledSelect {
            background-size: 6px 10px;
            background-position: right 5px bottom 9px;
            border: 1px solid #ccc
        }
    }
}

.text-center.type-button {
    text-align: center
}

.formPage .checkbox {
    padding: 0;
    margin: 0 0 15px
}

.formPage .checkbox input {
    margin-right: 5px;
    position: relative;
    opacity: 1;
    cursor: pointer;
    height: auto;
    width: auto
}

.formPage .checkbox input[type="checkbox"].form-control {
    height: auto
}

.formPage .checkbox span {
    font-weight: 400;
    margin-bottom: .5rem
}

.formPage .radio span {
    font-weight: 400
}

.formPage .error {
    color: #990000;
    font-weight: bold;
    font-size: .8rem
}

.from-group-rounded label {
    color: #888;
    font-weight: normal;
    margin-bottom: 0
}

.from-group-rounded .form-control {
    border-radius: 4px
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.infoPopUp {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 220px;
    border: 1px solid #c7c5cb;
    background-color: #f9f9f9;
    z-index: 12000000;
    display: none
}

.infoPopUp .infoPopUpContent {
    margin: 1px;
    border: 6px solid #fff;
    padding: 6px;
    color: #646363;
    text-align: left
}

.infoPopUp .infoPopUpContent h6 {
    padding: 0;
    margin: 0
}

.infoPopUp .infoPopUpContent .boxLine {
    border-bottom: 1px solid #c7c5cb;
    margin: 4px 0
}

.infoPopUp .infoPopUpContent a.hv_togglePopUp {
    display: block !important;
    height: 18px;
    padding: 0 18px 0 0 !important;
    text-align: right;
    background: transparent url(/bw/v6/img/ico/btn-close.gif) no-repeat right 0;
    margin: -4px 0 0 0 !important
}

.infoPopUp .infoPopUpContent ul {
    margin: 0 0 0 15px
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}

.open>.dropdown-menu {
    display: block
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    color: #333;
    white-space: nowrap
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.accordion .headline {
    font-size: 1.2rem
}

.accordion .headline h1,.accordion .headline h2,.accordion .headline h3,.accordion .headline h4,.accordion .headline h5,.accordion .headline h6 {
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: inherit
}

.accordion .subline {
    font-size: 1rem;
    margin-bottom: .2rem
}

.accordion .subline h1,.accordion .subline h2,.accordion .subline h3,.accordion .subline h4,.accordion .subline h5,.accordion .subline h6 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: inherit
}

.panel-body,.panel-body .form-control,.panel-body a.btn,.panel-body label,.panel-body table td,.panel-body table th,.panel-body ul li,.panel-title {
    font-size: .9375rem
}

.panel-title h1,.panel-title h2,.panel-title h3,.panel-title h4,.panel-title h5,.panel-title h6 {
    font-size: .9375rem;
    margin: 0;
    line-height: inherit
}

.panel {
    margin-bottom: 20px;
    background-color: #fff
}

.panel-body {
    padding: 1em
}

.panel-body hr {
    border-top: 1px solid #eee;
    border-bottom: 0;
    border-left: 0
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    .panel-body {
        padding:1em
    }
}

.panel-heading {
    padding: 0 0 0 0;
    cursor: pointer
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit
}

.panel-title>a.accordion-toggle {
    color: inherit;
    cursor: pointer;
    display: block;
    padding: 10px 40px 10px 15px;
    text-decoration: none;
    position: relative;
    min-height: 44px
}

.panel-title>a.accordion-toggle:focus {
    outline: none
}

.panel-title>a.accordion-toggle:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    content: '\e823';
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px
}

.panel-title>a.accordion-toggle.active:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e828';
    text-decoration: none
}

.panel-group {
    margin-bottom: 20px
}

.panel-group:empty {
    display: none
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden
}

.panel-group .panel {
    margin-top: 5px
}

.panel-group div:first-child .panel {
    margin-top: 0
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5
}

.panel-default:first-child>.panel-heading,.panel-default:nth-child(23)>.panel-heading {
    background-color: #e7f1f4
}

.panel-default:first-child>.panel-heading:hover,.panel-default:nth-child(23)>.panel-heading:hover {
    background-color: #d6e6ec
}

.panel-default:nth-child(2)>.panel-heading,.panel-default:nth-child(22)>.panel-heading {
    background-color: #ddeaef
}

.panel-default:nth-child(2)>.panel-heading:hover,.panel-default:nth-child(22)>.panel-heading:hover {
    background-color: #cbe0e7
}

.panel-default:nth-child(3)>.panel-heading,.panel-default:nth-child(21)>.panel-heading {
    background-color: #d2e4ea
}

.panel-default:nth-child(3)>.panel-heading:hover,.panel-default:nth-child(21)>.panel-heading:hover {
    background-color: #c1d9e2
}

.panel-default:nth-child(4)>.panel-heading,.panel-default:nth-child(20)>.panel-heading {
    background-color: #c8dee6
}

.panel-default:nth-child(4)>.panel-heading:hover,.panel-default:nth-child(20)>.panel-heading:hover {
    background-color: #b6d3de
}

.panel-default:nth-child(5)>.panel-heading,.panel-default:nth-child(19)>.panel-heading {
    background-color: #bdd7e1
}

.panel-default:nth-child(5)>.panel-heading:hover,.panel-default:nth-child(19)>.panel-heading:hover {
    background-color: #accdd9
}

.panel-default:nth-child(6)>.panel-heading,.panel-default:nth-child(18)>.panel-heading {
    background-color: #b3d1dc
}

.panel-default:nth-child(6)>.panel-heading:hover,.panel-default:nth-child(18)>.panel-heading:hover {
    background-color: #a2c6d4
}

.panel-default:nth-child(7)>.panel-heading,.panel-default:nth-child(17)>.panel-heading {
    background-color: #a9cbd7
}

.panel-default:nth-child(7)>.panel-heading:hover,.panel-default:nth-child(17)>.panel-heading:hover {
    background-color: #97c0cf
}

.panel-default:nth-child(8)>.panel-heading,.panel-default:nth-child(16)>.panel-heading {
    background-color: #9ec4d2
}

.panel-default:nth-child(8)>.panel-heading:hover,.panel-default:nth-child(16)>.panel-heading:hover {
    background-color: #8dbaca
}

.panel-default:nth-child(9)>.panel-heading,.panel-default:nth-child(15)>.panel-heading {
    background-color: #94bece
}

.panel-default:nth-child(9)>.panel-heading:hover,.panel-default:nth-child(15)>.panel-heading:hover {
    background-color: #82b3c5
}

.panel-default:nth-child(10)>.panel-heading,.panel-default:nth-child(14)>.panel-heading {
    background-color: #89b8c9
}

.panel-default:nth-child(10)>.panel-heading:hover,.panel-default:nth-child(14)>.panel-heading:hover {
    background-color: #78adc1
}

.panel-default:nth-child(11)>.panel-heading,.panel-default:nth-child(13)>.panel-heading {
    background-color: #7fb1c4
}

.panel-default:nth-child(11)>.panel-heading:hover,.panel-default:nth-child(13)>.panel-heading:hover {
    background-color: #6da7bc
}

.panel-default:nth-child(12)>.panel-heading {
    background-color: #74abbf
}

.panel-default:nth-child(12)>.panel-heading:hover {
    background-color: #63a0b7
}

.panel-tableholder {
    padding: 1em 0
}

.panel-tableholder table td {
    border: none !important
}

.panel-tableholder table td:before {
    padding: 0 0 1px 1px
}

.panel-tableholder table td .radio {
    margin: 0 0 0 0
}

.panel-tableholder table td .radio input {
    position: static;
    margin-left: 0
}

.panel-tableholder table td.delete_address {
    width: 100%;
    text-align: right
}

.panel-tableholder table td.delete_address:before {
    float: none !important
}

.panel-tableholder table td.delete_address a.icon-trash-empty {
    display: inline-block;
    margin-top: .5em;
    color: #646363
}

.panel-tableholder table td.delete_address a.icon-trash-empty:hover {
    color: #689a39
}

@media (min-width: 768px) {
    .panel-tableholder table thead th,.panel-tableholder table.table-super-responsive thead th {
        text-align:left;
        padding-left: .8em
    }

    .panel-tableholder table td,.panel-tableholder table.table-super-responsive td {
        border: none !important
    }

    .panel-tableholder table td:before,.panel-tableholder table.table-super-responsive td:before {
        padding: 0;
        float: left
    }

    .panel-tableholder table td .radio,.panel-tableholder table.table-super-responsive td .radio {
        margin: 10px 0
    }

    .panel-tableholder table td.delete_address,.panel-tableholder table.table-super-responsive td.delete_address {
        width: 1%;
        text-align: center
    }

    .panel-tableholder table td.delete_address a.icon-trash-empty,.panel-tableholder table.table-super-responsive td.delete_address a.icon-trash-empty {
        display: inline-block;
        margin-top: .5em;
        color: #646363
    }

    .panel-tableholder table td.delete_address a.icon-trash-empty:hover,.panel-tableholder table.table-super-responsive td.delete_address a.icon-trash-empty:hover {
        color: #689a39
    }

    .panel-tableholder table td.email,.panel-tableholder table.table-super-responsive td.email {
        width: 15%
    }

    .panel-tableholder table td.durchwahl,.panel-tableholder table.table-super-responsive td.durchwahl {
        width: 3%
    }
}

.panel-body a.btn,.panel-body div.teaser a.btn {
    display: inline-block
}

.panel-body p+a.btn {
    margin-top: 10px
}

.panel-group .panel .col-lg-6 {
    margin-top: 0
}

.panel-body .row .col-xs-1,.panel-body .row .col-sm-1,.panel-body .row .col-md-1,.panel-body .row .col-lg-1,.panel-body .row .col-xs-2,.panel-body .row .col-sm-2,.panel-body .row .col-md-2,.panel-body .row .col-lg-2,.panel-body .row .col-xs-3,.panel-body .row .col-sm-3,.panel-body .row .col-md-3,.panel-body .row .col-lg-3,.panel-body .row .col-xs-4,.panel-body .row .col-sm-4,.panel-body .row .col-md-4,.panel-body .row .col-lg-4,.panel-body .row .col-xs-5,.panel-body .row .col-sm-5,.panel-body .row .col-md-5,.panel-body .row .col-lg-5,.panel-body .row .col-xs-6,.panel-body .row .col-sm-6,.panel-body .row .col-md-6,.panel-body .row .col-lg-6,.panel-body .row .col-xs-7,.panel-body .row .col-sm-7,.panel-body .row .col-md-7,.panel-body .row .col-lg-7,.panel-body .row .col-xs-8,.panel-body .row .col-sm-8,.panel-body .row .col-md-8,.panel-body .row .col-lg-8,.panel-body .row .col-xs-9,.panel-body .row .col-sm-9,.panel-body .row .col-md-9,.panel-body .row .col-lg-9,.panel-body .row .col-xs-10,.panel-body .row .col-sm-10,.panel-body .row .col-md-10,.panel-body .row .col-lg-10,.panel-body .row .col-xs-11,.panel-body .row .col-sm-11,.panel-body .row .col-md-11,.panel-body .row .col-lg-11,.panel-body .row .col-xs-12,.panel-body .row .col-sm-12,.panel-body .row .col-md-12,.panel-body .row .col-lg-12 {
    margin: 0 0 0 0
}

.panel-body .row .col-xs-1:first-child,.panel-body .row .col-sm-1:first-child,.panel-body .row .col-md-1:first-child,.panel-body .row .col-lg-1:first-child,.panel-body .row .col-xs-2:first-child,.panel-body .row .col-sm-2:first-child,.panel-body .row .col-md-2:first-child,.panel-body .row .col-lg-2:first-child,.panel-body .row .col-xs-3:first-child,.panel-body .row .col-sm-3:first-child,.panel-body .row .col-md-3:first-child,.panel-body .row .col-lg-3:first-child,.panel-body .row .col-xs-4:first-child,.panel-body .row .col-sm-4:first-child,.panel-body .row .col-md-4:first-child,.panel-body .row .col-lg-4:first-child,.panel-body .row .col-xs-5:first-child,.panel-body .row .col-sm-5:first-child,.panel-body .row .col-md-5:first-child,.panel-body .row .col-lg-5:first-child,.panel-body .row .col-xs-6:first-child,.panel-body .row .col-sm-6:first-child,.panel-body .row .col-md-6:first-child,.panel-body .row .col-lg-6:first-child,.panel-body .row .col-xs-7:first-child,.panel-body .row .col-sm-7:first-child,.panel-body .row .col-md-7:first-child,.panel-body .row .col-lg-7:first-child,.panel-body .row .col-xs-8:first-child,.panel-body .row .col-sm-8:first-child,.panel-body .row .col-md-8:first-child,.panel-body .row .col-lg-8:first-child,.panel-body .row .col-xs-9:first-child,.panel-body .row .col-sm-9:first-child,.panel-body .row .col-md-9:first-child,.panel-body .row .col-lg-9:first-child,.panel-body .row .col-xs-10:first-child,.panel-body .row .col-sm-10:first-child,.panel-body .row .col-md-10:first-child,.panel-body .row .col-lg-10:first-child,.panel-body .row .col-xs-11:first-child,.panel-body .row .col-sm-11:first-child,.panel-body .row .col-md-11:first-child,.panel-body .row .col-lg-11:first-child,.panel-body .row .col-xs-12:first-child,.panel-body .row .col-sm-12:first-child,.panel-body .row .col-md-12:first-child,.panel-body .row .col-lg-12:first-child {
    padding-left: 0
}

.panel-body .row .col-xs-1:last-child,.panel-body .row .col-sm-1:last-child,.panel-body .row .col-md-1:last-child,.panel-body .row .col-lg-1:last-child,.panel-body .row .col-xs-2:last-child,.panel-body .row .col-sm-2:last-child,.panel-body .row .col-md-2:last-child,.panel-body .row .col-lg-2:last-child,.panel-body .row .col-xs-3:last-child,.panel-body .row .col-sm-3:last-child,.panel-body .row .col-md-3:last-child,.panel-body .row .col-lg-3:last-child,.panel-body .row .col-xs-4:last-child,.panel-body .row .col-sm-4:last-child,.panel-body .row .col-md-4:last-child,.panel-body .row .col-lg-4:last-child,.panel-body .row .col-xs-5:last-child,.panel-body .row .col-sm-5:last-child,.panel-body .row .col-md-5:last-child,.panel-body .row .col-lg-5:last-child,.panel-body .row .col-xs-6:last-child,.panel-body .row .col-sm-6:last-child,.panel-body .row .col-md-6:last-child,.panel-body .row .col-lg-6:last-child,.panel-body .row .col-xs-7:last-child,.panel-body .row .col-sm-7:last-child,.panel-body .row .col-md-7:last-child,.panel-body .row .col-lg-7:last-child,.panel-body .row .col-xs-8:last-child,.panel-body .row .col-sm-8:last-child,.panel-body .row .col-md-8:last-child,.panel-body .row .col-lg-8:last-child,.panel-body .row .col-xs-9:last-child,.panel-body .row .col-sm-9:last-child,.panel-body .row .col-md-9:last-child,.panel-body .row .col-lg-9:last-child,.panel-body .row .col-xs-10:last-child,.panel-body .row .col-sm-10:last-child,.panel-body .row .col-md-10:last-child,.panel-body .row .col-lg-10:last-child,.panel-body .row .col-xs-11:last-child,.panel-body .row .col-sm-11:last-child,.panel-body .row .col-md-11:last-child,.panel-body .row .col-lg-11:last-child,.panel-body .row .col-xs-12:last-child,.panel-body .row .col-sm-12:last-child,.panel-body .row .col-md-12:last-child,.panel-body .row .col-lg-12:last-child {
    padding-right: 0
}

span.link {
    cursor: pointer
}

.clamped-text {
    font-size: .9375rem;
    line-height: var(--lh);
    --min-lines: 1;
    display: -webkit-box;
    overflow: hidden;
    --max-lines-mobile: 10;
    max-height: calc(var(--lh) * var(--max-lines-mobile));
    min-height: calc(var(--lh) * var(--min-lines));
    -webkit-line-clamp: var(--max-lines-mobile);
    -webkit-box-orient: vertical
}

@media (min-width: 576px) {
    .clamped-text {
        --max-lines:7;
        max-height: calc(var(--lh) * var(--max-lines) + .2rem);
        min-height: calc(var(--lh) * var(--min-lines) + .2rem);
        -webkit-line-clamp: var(--max-lines)
    }
}

.clamped-text.open {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

.clamped-text.truncateByChars,.clamped-text.truncateByWords {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

a.toggle-text-length {
    display: inline-block;
    margin-top: 1rem
}

div.content-box img,div.teaser img,div.img-teaser img,div.text-im-bild img {
    position: static;
    width: 100%;
    max-width: 100%;
    margin-top: 0px
}

@-moz-document url-prefix() {
    td img {
        width: 100%
    }
}

div.teaser span.icon {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #a4a4a4;
    vertical-align: baseline
}

div.teaser {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden
}

div.teaser+div.content-box {
    margin: 10px 0 0 0
}

div.teaser+a.btn {
    margin-top: 1px
}

div.teaser+a.btn+div {
    clear: both
}

div.teaser a,.shorten-long-text a {
    display: inline-block;
    position: relative;
    text-decoration: none
}

div.teaser a.more:last-child,.shorten-long-text a.more:last-child {
    display: inline-block;
    margin-top: .6em
}

div.teaser a:hover span.icon {
    color: #689a39
}

div.teaser a.btn {
    display: inline-block
}

div.text-im-bild a.btn,div.img-teaser a.btn {
    float: right;
    color: #fff;
    margin: 1px 0 0 0
}

div.img-teaser .text+a.btn,div.img-teaser .html-wrap+a.btn {
    margin: 10px 0 0 0
}

div.teaser div.html-wrap p,div.content-box div.html-wrap p,div.teaser div.html-wrap li,div.content-box div.html-wrap li,div.teaser div.html-wrap div.teaser p,div.content-box div.html-wrap div.teaser p,div.teaser div.html-wrap div.teaser li,div.content-box div.html-wrap div.teaser li,div.teaser div.html-wrap a.more,div.content-box div.html-wrap a.more,div.teaser div.html-wrap table th,div.content-box div.html-wrap table th,div.teaser div.html-wrap table td,div.content-box div.html-wrap table td,div.teaser div.html-wrap label,div.content-box div.html-wrap label,div.teaser div.html-wrap p,div.content-box div.html-wrap p {
    margin-bottom: .6em
}

div.teaser div.html-wrap ol,div.content-box div.html-wrap ol {
    list-style-type: decimal
}

table th,table td {
    padding: 6px 6px 6px 6px
}

.col-xs-12 .teaser:nth-child(2) {
    clear: both;
    padding-top: 1em
}

div.icon-teaser p {
    width: 65%
}

p+p {
    margin-top: .6em
}

.text-overlay {
    background-color: #fff \9;
    background: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 3em;
    padding: .5em 1em 1em
}

.text-im-bild .text-overlay {
    background: none;
    padding-left: 8px;
    max-width: 90%
}

div.text-im-bild h1,div.text-im-bild h2,div.text-im-bild h3,div.text-im-bild h4,div.text-im-bild h5,div.text-im-bild h6,div.text-im-bild .sublineOverlay {
    text-wrap: wrap;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: inline
}

div.text-im-bild h1,div.text-im-bild h2,div.text-im-bild h3,div.text-im-bild h4,div.text-im-bild h5,div.text-im-bild h6,div.text-im-bild .sublineOverlay {
    padding: 0;
    margin: 0;
    font-size: 1.1rem
}

div.text-im-bild h1 span,div.text-im-bild h2 span,div.text-im-bild h3 span,div.text-im-bild h4 span,div.text-im-bild h5 span,div.text-im-bild h6 span,div.text-im-bild .sublineOverlay span {
    display: inline;
    padding: .2em 0 .2em 0;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone
}

div.text-im-bild h1 span.light-bg,div.text-im-bild h2 span.light-bg,div.text-im-bild h3 span.light-bg,div.text-im-bild h4 span.light-bg,div.text-im-bild h5 span.light-bg,div.text-im-bild h6 span.light-bg,div.text-im-bild .sublineOverlay span.light-bg {
    background-color: #fff \9;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 8px 0 0 rgba(255,255,255,0.8),-8px 0 0 rgba(255,255,255,0.8);
    color: #4a4a4a
}

div.text-im-bild h1 span.dark-bg,div.text-im-bild h2 span.dark-bg,div.text-im-bild h3 span.dark-bg,div.text-im-bild h4 span.dark-bg,div.text-im-bild h5 span.dark-bg,div.text-im-bild h6 span.dark-bg,div.text-im-bild .sublineOverlay span.dark-bg {
    background-color: #000 \9;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 8px 0 0 rgba(0,0,0,0.6),-8px 0 0 rgba(0,0,0,0.6);
    color: #fff
}

.text-im-bild a * {
    color: #4a4a4a
}

.text-im-bild a .text-overlay {
    opacity: .8
}

.text-im-bild a:hover .text-overlay {
    opacity: 1
}

div.teaser div.text+img,div.teaser div.text+picture {
    display: block;
    margin-top: 12px
}

div.teaser .css2col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

@media (min-width: 768px) {
    table th,table td {
        padding:6px 6px 6px 6px
    }

    .col-xs-12 div.icon-teaser {
        margin-top: 0px
    }

    div.teaser a.btn {
        display: inline-block;
        text-transform: uppercase
    }

    div.img-teaser a.btn {
        color: #fff;
        width: auto;
        height: auto;
        overflow: hidden
    }

    div.teaser span.icon-newspaper {
        margin-bottom: 0
    }

    div.teaser .css2col {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.contentelement p+p {
    margin-top: .6em
}

.contentelement picture+p {
    margin-top: .6em
}

.imagewrap img {
    max-width: 100%;
    width: 100%
}

.contentelement p+ul.arrowlist {
    margin-top: .6em
}

.contentelement img {
    max-width: 100%
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 24rem;
    padding: 10px 16px;
    font-size: 1.25rem;
    line-height: 1.33;
    border-radius: 8px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 24rem;
    line-height: 24rem
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 7rem;
    padding: 2px 10px;
    font-size: .8rem;
    line-height: 1.3rem;
    border-radius: 4px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 7rem;
    line-height: 7rem
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0
}

.input-group-addon.input-sm {
    padding: 2px 10px;
    border-radius: 4px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    border-radius: 8px
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

@-ms-viewport {
    width: device-width
}

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none !important
    }
}

@media (max-width: 767px) {
    .v5-visible-sm {
        display:block !important
    }

    table.v5-visible-sm {
        display: table
    }

    tr.v5-visible-sm {
        display: table-row !important
    }

    th.v5-visible-sm,td.v5-visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) {
    .v5-visible-sm {
        display:none !important
    }
}

@media (max-width: 767px) {
    .v5-visible-lg {
        display:none !important
    }
}

@media (min-width: 768px) {
    .v5-visible-lg {
        display:block !important
    }

    table.v5-visible-lg {
        display: table
    }

    tr.v5-visible-lg {
        display: table-row !important
    }

    th.v5-visible-lg,td.v5-visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 768px) {
    .float-right-lg {
        float:right
    }
}

table {
    background-color: #ffffff
}

caption {
    padding-top: 6px 6px 6px 6px;
    padding-bottom: 6px 6px 6px 6px;
    color: #a4a4a4;
    text-align: left
}

th {
    text-align: left
}

table,.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.3em
}

table>thead>tr>th,.table>thead>tr>th,table>tbody>tr>th,.table>tbody>tr>th,table>tfoot>tr>th,.table>tfoot>tr>th,table>thead>tr>td,.table>thead>tr>td,table>tbody>tr>td,.table>tbody>tr>td,table>tfoot>tr>td,.table>tfoot>tr>td {
    padding: 6px 6px 6px 6px;
    line-height: 1.3em;
    vertical-align: top;
    border-top: 1px solid #c7c5cb;
    word-wrap: break-word
}

table>thead>tr>th,.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #999999 !important;
    font-weight: bold
}

table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>th,table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>th,table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>td,table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

table>tbody+tbody,.table>tbody+tbody {
    border-top: 1px solid #c7c5cb
}

table table,.table table,table .table,.table .table {
    background-color: #ffffff
}

table.noWordBreak>thead>tr>th,table.noWordBreak>tbody>tr>th,table.noWordBreak>tfoot>tr>th,table.noWordBreak>thead>tr>td,table.noWordBreak>tbody>tr>td,table.noWordBreak>tfoot>tr>td {
    word-break: inherit
}

.table-bordered {
    border: 1px solid #c7c5cb
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 1px solid #c7c5cb
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 1px;
    background: #f9f9f9
}

.table-bordered>thead>tr>th {
    border-bottom: 1px solid #999999 !important
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f2f7f9
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
    background-color: #f2f7f9
}

.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
    background-color: #e0ecf1
}

.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: .975em;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #c7c5cb
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

.table-sortable thead th.sortierbar {
    position: relative;
    padding-right: 10px;
    background: #eee;
    cursor: pointer
}

.table-sortable thead th.sortierbar:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e88c';
    position: absolute;
    right: 1px;
    bottom: 0px;
    color: #fff
}

.table-sortable thead th.table-th-sort:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e88e';
    color: #000
}

.table-sortable thead th.table-th-sort-rev:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e88d';
    color: #000
}

.table-sortable tbody td {
    vertical-align: top;
    text-align: center;
    width: 8%
}

.table-sortable tbody tr td:first-child {
    text-align: left;
    font-weight: bold
}

th.align-center,td.align-center {
    text-align: center
}

.hitlist-item {
    padding-bottom: 1.5em
}

.hitlist-item:first-child {
    margin-top: 28px
}

.hitlist-item:nth-child(even) {
    background: #f4f4f4
}

.hitlist-item:nth-child(even) .c100:after {
    background: #f4f4f4
}

.hitlist-item .col-xs-12 {
    margin-top: .5em
}

.addTemplateHitlist {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    margin-bottom: 1.5em
}

.hitlist-item h2 {
    margin-bottom: .9em;
    white-space: normal;
    text-transform: none !important
}

.hitlist-item h5 {
    margin-top: -1.3em;
    margin-bottom: .3em;
    text-transform: none !important
}

.hitlist-item h2 a {
    color: #003c7e
}

.hitlist-item a.hotel-details {
    float: left;
    width: auto
}

.hitlist-item .panel-hitlist {
    overflow: hidden
}

.hitlist-item .more {
    display: block;
    margin: .5em 0
}

.hitlist-item .more a {
    float: left;
    display: inline-block;
    margin-right: 2em;
    cursor: pointer
}

.hitlist-item ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0 0 .5em 0
}

.hitlist-item ul.additionalinfo {
    color: #003c7e
}

.hitlist-item .logo-rating {
    width: 150px;
    float: right;
    margin-bottom: 10px
}

.hitlist-item .logo-rating .logo-wrap {
    float: left;
    width: 102px
}

.hitlist-item .logo-rating .logo-wrap img {
    width: 90px
}

.hitlist-item .logo-rating .rating {
    width: 48px;
    margin-top: 0;
    text-align: right
}

.hitlist-item .logo-rating .rating .c100.xs {
    float: right
}

.hitlist-item .logo-rating .rating.visible-sm-block span:first-child {
    display: none
}

.hitlist-item .logo-rating .rating.visible-sm-block div span:first-child {
    display: block
}

.hitlist-item .marketingmessg {
    color: #003c7e
}

.hitlist-item .hitlist-icons {
    margin: 1em 0;
    overflow: hidden
}

.hitlist-item .hitlist-icons span {
    color: #fff;
    display: block;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px
}

.hitlist-item .hitlist-icons span.withBackground {
    background: #D0CED4;
    padding: 5px 3px
}

.hitlist-item .book {
    float: none;
    width: 100%;
    padding-top: .5em;
    overflow: hidden
}

@media (max-width: 768px) {
    .hitlist-item .book {
        margin-top:1rem !important
    }
}

.hitlist-item .book .price {
    text-align: right;
    display: block;
    float: left
}

.hitlist-item .book .price small {
    display: block
}

.hitlist-item .book .btn {
    float: right
}

.hitlist-item .hitlist-gallery img {
    margin-top: 5px;
    max-width: 100%;
    position: static;
    width: 100%
}

.hitlist-item .touch-gallery img {
    width: auto;
    max-width: auto !important
}

.hitlist-item .hitlist-gallery a {
    display: block;
    position: relative;
    text-decoration: none
}

.hitlist-item address {
    margin: .2em 0 0 1.4em
}

.hitlist-item address a {
    margin-top: 0 !important
}

.hitlist-item .hitlist-specialinfo a {
    margin-top: 1em
}

.stars {
    margin-right: 30px;
    display: inline-block
}

.stars:before {
    width: auto !important
}

.hitlist-item .panel-collapse-arrangements {
    margin: 1em 0;
    background: #f5f5f5;
    padding: 1em 1em 1em 1em
}

.hitlist-item .panel-collapse-arrangements h4 {
    color: #003c7e;
    margin: 1em 0 .5em 0
}

.hitlist-item .panel-collapse-arrangements ul {
    margin: 0
}

.individualArrangements {
    clear: both;
    margin: 1em 0
}

.individualArrangements #lbArrangement .form-group,.individualArrangements .lbArrangement .form-group {
    margin-left: -1%;
    margin-right: -1%;
    overflow: hidden;
    margin-top: -1px
}

.individualArrangements #lbArrangement .control-label,.individualArrangements .lbArrangement .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px
}

.rating {
    margin-top: 0;
    border-bottom: none;
    padding-bottom: 0;
    float: right
}

.rating small {
    display: block;
    float: left;
    margin-top: 2px
}

.rating a {
    float: left;
    display: block;
    margin: 0 0 0 0
}

.trustyousource,.trustyousource .table {
    margin-bottom: 0;
    width: auto
}

.trustyousource .table.pd-small {
    border: none
}

.trustyousource .table.pd-small td {
    padding: 3px
}

.trustyousource .rating {
    margin-top: 0;
    width: 100%
}

.trustyousource .ratingbar {
    margin: 0 .5em
}

.trustyousource .rating small {
    margin: 0 5px
}

.trustyousource img.hotelnavigator {
    margin-bottom: 1em
}

.panel-collapse-xs {
    width: 100%;
    overflow: hidden
}

#exchangeableHotelList .searchhead {
    position: relative
}

#exchangeableHotelList #arrangementFilter {
    margin-top: 2em;
    padding-bottom: 12px;
    padding-left: 2%;
    padding-right: 2%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

#exchangeableHotelList #arrangementFilter .flexItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1 0 14%;
    -moz-box-flex: 1 0 14%;
    -webkit-flex: 1 0 14%;
    -ms-flex: 1 0 14%;
    flex: 1 0 14%;
    width: auto;
    max-width: 300px;
    margin-right: 2%
}

#exchangeableHotelList #arrangementFilter .item1 {
    max-width: 200px
}

#exchangeableHotelList #arrangementFilter select {
    display: inline-block;
    margin: 7px 7px 0 7px
}

#exchangeableHotelList #arrangementFilter .form-control {
    margin: 0 0 0 0
}

#exchangeableHotelList #arrangementFilter label {
    padding-right: 6px;
    font-weight: normal;
    float: left
}

#exchangeableHotelList #arrangementFilter strong {
    display: inline-block;
    padding-right: 12px;
    text-transform: uppercase;
    white-space: nowrap
}

@media all and (max-width: 910px) {
    #exchangeableHotelList #arrangementFilter .flexItem {
        max-width:23%;
        -webkit-box-flex: 1 0 23%;
        -moz-box-flex: 1 0 23%;
        -webkit-flex: 1 0 23%;
        -ms-flex: 1 0 23%;
        flex: 1 0 23%
    }

    #exchangeableHotelList #arrangementFilter .item1 {
        -webkit-box-flex: 1 0 100%;
        -moz-box-flex: 1 0 100%;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width: 100%
    }
}

@media all and (max-width: 600px) {
    #exchangeableHotelList #arrangementFilter {
        display:block;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    #exchangeableHotelList #arrangementFilter .flexItem {
        width: 100%;
        max-width: 100%;
        padding: .3em 2%
    }

    #exchangeableHotelList #arrangementFilter .flexItem label {
        width: 15%
    }

    .iphone #exchangeableHotelList #arrangementFilter {
        display: block
    }
}

div.suchhinweis {
    text-align: center;
    padding: 35px 0 0 0;
    background: transparent url(/bw/v6/img/ajax-loader.gif) no-repeat center 5px
}

div.suchhinweis img {
    display: none
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:landscape) {
    .hitlist-item h5 {
        text-transform:none !important
    }

    .hitlist-item .hitlist-specialinfo a:nth-child(2) {
        margin-top: -10px
    }

    .hitlist-item .book .btn {
        float: left
    }

    #exchangeableHotelList .searchhead {
        position: relative
    }
}

@media (min-width: 768px) {
    .hitlist-item h2 {
        margin-bottom:25px;
        white-space: normal;
        text-transform: none !important
    }

    .hitlist-item h5 {
        margin-top: -22px;
        text-transform: none !important
    }

    .hitlist-item .col-xs-12 {
        margin-top: 1.5em
    }

    .hitlist-item .book {
        float: right;
        width: auto
    }

    .hitlist-item .hitlist-gallery .hotel-title {
        display: block;
        position: absolute ;
        left: 106%;
        width: 188%;
        z-index: 10
    }

    .hitlist-item .hitlist-gallery .hotel-title h2 {
        color: #003c7e
    }

    .hitlist-item .hitlist-gallery .hotel-title h5 {
        color: #4a4a4a
    }

    .hitlist-item h2 a {
        text-decoration: none
    }

    .rating {
        float: left;
        margin-top: .5em
    }

    .hitlist-item .book .btn {
        margin-left: 1em
    }

    #exchangeableHotelList .searchhead {
        width: 100%
    }
}

.visual-wrap+#searchOptionsStyle .page-content .row .reisedaten .hitlist-arrangements-panel .login {
    border: 1px solid #fafafa;
    color: #002674;
    display: inline-block;
    float: left;
    padding: 5px 25px 3px 15px;
    text-decoration: none;
    margin-top: 28px;
    height: 36px
}

.emptyHotelList .col-xs-12.col-sm-12.col-md-12.col-lg-12 .no-result-message {
    display: none
}

.emptyHotelList .col-xs-12.col-sm-12.col-md-12.col-lg-12>p {
    display: none
}

.emptyHotelList .col-xs-12.col-sm-12.col-md-12.col-lg-12 .row:nth-last-child(2) .col-xs-12.col-sm-12.col-md-12.col-lg-12 {
    margin-top: 0
}

.emptyHotelList .no-search-result {
    min-height: 35px;
    background: #D70000;
    color: #fff;
    font-weight: bold;
    margin-left: -2%;
    margin-right: -2%;
    padding: .6em;
    text-align: center
}

.rowLogin {
    background: #eee
}

.rowLogin .radio-inline {
    padding-left: 0
}

.rowLogin div {
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center
}

.rowLogin div:first-child {
    background: #003c7e;
    color: #fff
}

.rowLogin div:nth-child(2) {
    background: #4C679D;
    color: #fff
}

.loginformBw #bw-recaptcha,.loginformCompany #bw-recaptcha {
    margin-bottom: 12px
}

.loginformBw h2,.loginformCompany h2 {
    margin-bottom: 10px
}

.loginformRewards h2 {
    margin-bottom: 10px
}

.loginformRewards .bwr_login,.loginformRewards #div_bwr_loginpanel .bwr_login form {
    margin-top: 0 !important
}

#div_bwr_loginpanel .bwr_login #pdwait img {
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    margin: auto
}

#div_bwr_loginpanel img {
    width: auto;
    height: auto;
    margin: auto
}

@media (max-width: 500px) {
    .rowLogin .col-xs-4 {
        width:100%
    }
}

.android .loginformRewards #div_bwr_loginpanel div.password-request {
    margin-top: 20px
}

.reisedaten h2 {
    margin-bottom: 10px
}

.reisedaten .col-xs-12 {
    margin-top: 0
}

.reisedaten input.calendar {
    padding-left: 5px;
    max-width: 100px;
    border-width: 1px
}

.reisedaten .form-group {
    margin-bottom: 5px
}

.reisedaten .ezdz .col {
    float: left;
    padding-right: 3.5%
}

.reisedaten .ezdz .col input {
    max-width: 90px
}

.reisedaten .ezdz .col:last-child {
    padding-right: 0
}

.reisedaten .arrivalDate,.reisedaten .departureDate,.reisedaten .nightsPopup {
    float: left;
    padding-right: 3.5%
}

.reisedaten .hitlistArrangementsItem {
    margin-right: 1em;
    margin-bottom: 1em
}

.reisedaten .hitlistArrangementsItem .ipSmall {
    width: 60px
}

.reisedaten .hitlistArrangementsItem .ipLarge {
    width: 250px
}

.reisedaten .hitlistArrangementsItem.login {
    border: 1px solid #fafafa;
    color: #002674;
    display: inline-block;
    float: left;
    padding: 5px 25px 3px 15px;
    text-decoration: none;
    height: 36px;
    text-transform: inherit !important
}

@media (min-width: 768px) {
    .reisedaten .hitlistArrangementsItem.login {
        margin-top:28px
    }
}

@media (max-width: 768px) {
    .reisedaten .hitlistArrangementsItem.login {
        margin-top:29px
    }
}

.reisedaten #specialSearchSubmit {
    margin-top: 29px;
    height: 34px;
    padding-top: 8px
}

@media (min-width: 768px) {
    .visual-wrap .reisedaten .hitlistArrangementsItem.login {
        line-height:30px;
        clear: both;
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .visual-wrap .reisedaten .hitlistArrangementsItem.login {
        clear:both;
        margin-top: 0
    }
}

#conferenceSearchSeating {
    clear: both;
    margin-top: 2.5em
}

#conferenceSearchSeating .col-xs-12,.moreSearchoptions .col-xs-12 {
    margin-top: 0
}

#conferenceSearchSeating div.hideCheckBox input {
    visibility: hidden
}

#conferenceSearchSeating div.ts_seating {
    opacity: .6;
    cursor: pointer;
    border: 1px solid #ffffff;
    text-align: center;
    min-height: 110px
}

#conferenceSearchSeating div.ts_seating.selected {
    opacity: 1
}

#conferenceSearchSeating div.ts_seating label {
    display: block
}

.conferencehotelsearch hr {
    border-top: 1px solid #eee;
    border-bottom: 0;
    border-right: 0;
    border-left: 0
}

#conferenceSearchSeating div.ts_seating.selected {
    border: 1px solid #689a39;
    background: #f4f4f4
}

.specialhotelsearchAdditionalLinks {
    margin-bottom: 1em
}

.specialhotelsearchAdditionalLinks a {
    display: block
}

#conferenceSearchOptions {
    margin-top: 2.5em
}

.conferenceGuests {
    float: left
}

.conferenceGuests input {
    max-width: 90px
}

.visual-wrap .reisedaten h2 {
    padding: 20px 10px 10px;
    margin-bottom: 0
}

.visual-wrap #specialhotelsearch .col-lg-6 {
    width: 100%
}

.visual-wrap #specialhotelsearch .arrivalDate {
    margin-right: 1.5em
}

.visual-wrap #specialhotelsearch .btn {
    margin-top: 0 !important;
    margin-right: 11px
}

@media (max-width: 576px) {
    .visual-wrap #specialhotelsearch .btn {
        margin-right:0
    }
}

@media (min-width: 768px) {
    .visual-wrap #searchpanel #specialhotelsearch .row:first-child .hitlistArrangementsItem:nth-child(2) label {
        display:block;
        height: 10px
    }

    .visual-wrap #searchpanel #specialhotelsearch .row:first-child .hitlistArrangementsItem:nth-child(2) label[for=anreise_dp] {
        display: inline-block;
        height: auto
    }
}

.buchen.conferenceSearchList {
    clear: both
}

.buchen.conferenceSearchList a.btn:first-child {
    float: right;
    margin-bottom: 1em
}

.buchen.conferenceSearchList .panel-collapse-conferenceSearchList {
    clear: both;
    margin: 1em 0;
    background: #f5f5f5;
    padding: 1em 1em 1em 1em
}

.buchen.conferenceSearchList .panel-collapse-conferenceSearchList h2 {
    margin-bottom: 10px
}

@media all and (max-width: 480px) and (min-width:320px) {
    #conferenceSearchSeating .col-xs-12:first-child {
        margin-bottom:1em
    }

    .conferencehotelsearch .col-xs-12 {
        margin-top: .5em
    }

    #conferenceSearchSeating div.ts_seating:last-child.selected {
        margin-bottom: 2em
    }
}

.searchhead,.bookingbreadcrumb {
    background: #eee
}

.searchhead .noHotelsFoundHeadline,.bookingbreadcrumb .noHotelsFoundHeadline {
    margin: 0;
    font-size: 1.2rem
}

.searchhead .col-xs-12,.bookingbreadcrumb .col-xs-12 {
    margin: 0
}

.searchhead .row,.bookingbreadcrumb .row {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 1em 0
}

.searchhead .row .hotelsearchSelection,.bookingbreadcrumb .row .hotelsearchSelection {
    margin-bottom: 1em
}

.searchhead .row .sort,.bookingbreadcrumb .row .sort {
    float: none;
    margin-top: 1em
}

.searchhead h2,.bookingbreadcrumb h2 {
    margin: 0;
    float: none;
    width: 100%
}

.searchhead h1.city-region,.bookingbreadcrumb h1.city-region {
    margin-bottom: 12px
}

.searchhead p.city-region,.bookingbreadcrumb p.city-region {
    background-color: #ffcc33;
    color: #000;
    padding: 0 12px
}

@media (max-width: 479px) {
    .searchhead p.city-region,.bookingbreadcrumb p.city-region {
        text-align:center
    }
}

.searchhead #search-options,.bookingbreadcrumb #search-options {
    width: 100%;
    height: auto;
    padding-bottom: 12px;
    background: #555
}

.searchhead .form-wrap,.bookingbreadcrumb .form-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.searchhead form#updateform,.bookingbreadcrumb form#updateform {
    padding: 10px 2% 0;
    position: relative;
    text-align: center
}

.searchhead form#updateform .form-group,.bookingbreadcrumb form#updateform .form-group {
    display: block;
    width: 100%;
    text-align: left
}

.searchhead form#updateform .form-group select,.bookingbreadcrumb form#updateform .form-group select {
    height: 24px;
    margin-left: 1.5em;
    padding-top: 0;
    padding-bottom: 0
}

.searchhead form#updateform .form-group .form-control,.bookingbreadcrumb form#updateform .form-group .form-control {
    display: inline-block;
    width: auto
}

.searchhead form#updateform .form-group .form-control.badDate,.bookingbreadcrumb form#updateform .form-group .form-control.badDate {
    color: #990000;
    text-decoration: line-through
}

.searchhead form#updateform .form-group .form-control.hilighted,.bookingbreadcrumb form#updateform .form-group .form-control.hilighted {
    color: #689a39;
    border: 2px solid #689a39
}

.searchhead form#updateform .sub-group,.bookingbreadcrumb form#updateform .sub-group {
    width: 270px;
    margin: 0 auto
}

.searchhead form#updateform .second-group .sub-group label,.bookingbreadcrumb form#updateform .second-group .sub-group label {
    width: 80px
}

.searchhead form#updateform .second-group .sub-group .popover-wrap label,.bookingbreadcrumb form#updateform .second-group .sub-group .popover-wrap label {
    width: 78px;
    text-align: right
}

.searchhead form#updateform input,.bookingbreadcrumb form#updateform input {
    border-color: #fff;
    height: 24px;
    max-width: 30px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center
}

.searchhead form#updateform input.calendar,.bookingbreadcrumb form#updateform input.calendar {
    max-width: 90px;
    text-align: left
}

.searchhead form#updateform input.calendar.badDate,.bookingbreadcrumb form#updateform input.calendar.badDate {
    color: #990000;
    text-decoration: line-through
}

.searchhead form#updateform input[type="submit"],.bookingbreadcrumb form#updateform input[type="submit"] {
    width: auto;
    max-width: 300px;
    height: 28px;
    float: none;
    padding: 0 20px 0 12px;
    margin-top: 5px;
    border-color: #759114
}

.searchhead form#updateform input[type="submit"]:before,.bookingbreadcrumb form#updateform input[type="submit"]:before {
    margin: 0 .3em 0 0;
    vertical-align: bottom
}

.searchhead form#updateform label,.bookingbreadcrumb form#updateform label {
    color: #fff;
    margin-left: .3em
}

.searchhead .price-options,.bookingbreadcrumb .price-options {
    width: 170px;
    margin: 10px auto 0;
    text-align: right
}

.searchhead .price-options label,.bookingbreadcrumb .price-options label {
    float: right
}

.searchhead h2.price-options-headline,.bookingbreadcrumb h2.price-options-headline {
    text-align: center
}

.searchhead .popover-wrap,.bookingbreadcrumb .popover-wrap {
    display: inline;
    position: relative
}

.searchhead .popover,.bookingbreadcrumb .popover {
    width: 180px;
    max-width: 180px;
    margin-top: 30px
}

.searchhead #maxKinderHinweis,.bookingbreadcrumb #maxKinderHinweis {
    margin-left: -20px
}

.searchhead #anzZimmerHinweis,.bookingbreadcrumb #anzZimmerHinweis {
    margin-left: -112px
}

.searchhead .stars:before,.bookingbreadcrumb .stars:before {
    vertical-align: top
}

.ff .searchhead form#updateform .form-group select.hilighted {
    padding-top: 0
}

.bookingbreadcrumb {
    padding-top: 0;
    background: #f9f9f9;
    border-bottom: 2px solid #f2f2f2
}

.android40 .searchhead form#updateform .form-group select,.android41 .searchhead form#updateform .form-group select,.android42 .searchhead form#updateform .form-group select,.android43 .searchhead form#updateform .form-group select {
    width: auto
}

.hotelview .searchhead form#updateform .sub-group {
    width: 310px
}

@media (max-width: 599px) {
    .searchhead #ss_nights {
        margin:1em 0 1em 30% !important
    }
}

.android41 .searchhead #updateform #ss_nights {
    margin-left: 0;
    width: 50%
}

@media (min-width: 480px) {
    .searchhead h2.price-options-headline {
        float:left;
        width: auto;
        text-align: left
    }

    .searchhead .price-options {
        float: right;
        width: auto;
        margin: 0
    }

    .searchhead .popover {
        width: 200px;
        max-width: 200px
    }

    .searchhead #maxKinderHinweis {
        margin-left: 0
    }

    .searchhead #anzZimmerHinweis {
        margin-left: -122px
    }
}

@media (min-width: 600px) {
    .searchhead form#updateform .form-group {
        display:inline-block;
        width: auto;
        max-width: 60%
    }

    .searchhead form#updateform .form-group:first-child {
        width: auto;
        max-width: 40%;
        padding-right: .5em
    }

    .searchhead form#updateform .form-group .form-control {
        display: inline-block;
        width: auto
    }

    .searchhead form#updateform .second-group label {
        width: auto;
        text-align: left
    }

    .searchhead form#updateform input {
        height: 24px;
        max-width: 30px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center
    }

    .searchhead form#updateform input.calendar {
        max-width: 90px;
        text-align: left
    }

    .searchhead form#updateform label.visible-xs-inline-block {
        display: none !important
    }

    .searchhead form#updateform .sub-group {
        display: inline;
        width: auto;
        margin: 0
    }

    .searchhead form#updateform .second-group .sub-group label:first-child {
        width: auto
    }

    .searchhead #maxKinderHinweis {
        margin-left: -39px
    }

    .searchhead #anzZimmerHinweis {
        margin-left: -120px
    }
}

@media (min-width: 815px) {
    .searchhead {
        padding-top:1.5em
    }

    .searchhead h2,.searchhead h1.noHotelsFoundHeadline {
        float: left;
        width: 75%
    }

    .searchhead .sort {
        float: right;
        margin-top: 0
    }

    .searchhead #search-options {
        width: 100%;
        height: 3em;
        z-index: 100;
        position: relative
    }

    .searchhead #search-options .btn {
        padding: 2px 12px 1px 6px
    }

    .hotelview .searchhead {
        padding-top: 0
    }

    .hotelview .searchhead #search-options .btn {
        float: right
    }

    .searchhead #search-options form#updateform {
        text-align: left
    }

    .searchhead #search-options form#updateform .form-group {
        display: inline;
        width: auto;
        padding-right: .5em
    }

    .searchhead #search-options form#updateform input {
        height: 24px;
        max-width: 30px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center
    }

    .searchhead #search-options form#updateform input.calendar {
        max-width: 94px;
        text-align: left
    }

    .searchhead #search-options form#updateform input[type="submit"] {
        width: auto;
        max-width: 300px !important;
        height: 28px;
        float: right;
        padding: 0 14px 0 6px;
        margin-top: -4px;
        border-color: #759114
    }

    .searchhead #search-options form#updateform input[type="submit"]:before {
        margin: 0 .3em 0 0;
        vertical-align: bottom
    }

    .searchhead #search-options form#updateform label {
        color: #fff;
        margin-left: .5em
    }

    .searchhead .popover {
        width: 260px;
        max-width: 260px
    }

    .searchhead #maxKinderHinweis {
        margin-left: -63px
    }

    .searchhead #anzZimmerHinweis {
        margin-left: -150px
    }
}

@media (min-width: 845px) {
    .searchhead form#updateform input {
        max-width:35px;
        padding-left: 6px;
        padding-right: 6px
    }

    .searchhead form#updateform input.calendar {
        max-width: 100px
    }

    .searchhead form#updateform input[type="submit"] {
        padding: 0 20px 0 12px
    }

    .searchhead form#updateform label {
        margin-left: 1em
    }
}

@media (min-width: 965px) {
    .hotelview .searchhead #search-options form#updateform input {
        max-width:40px
    }

    .hotelview .searchhead #search-options form#updateform input.calendar {
        max-width: 100px
    }

    .hotelview .searchhead #search-options form#updateform .sub-group {
        display: inline-block;
        margin: 0 1em;
        width: auto;
        margin-top: 3px
    }

    .hotelview .searchhead #search-options form#updateform .sub-group:first-child {
        margin-left: 0;
        margin-top: 3px
    }
}

@media (max-width: 768px) {
    .en.hotelview .searchhead #search-options form#updateform input.calendar {
        max-width:94px;
        text-align: left
    }

    .en.hotelview .searchhead #search-options form#updateform .sub-group {
        width: 330px
    }
}

.sidebar_nav {
    margin-bottom: 1.5em;
    margin-left: 0
}

.sidebar_nav li {
    border-bottom: 1px solid #c7c5cb;
    padding: .5em 0 .5em .5em;
    list-style-type: none
}

.sidebar_nav li:last-child {
    border: 0
}

.sidebar_nav li.active {
    font-weight: bold;
    background: #888
}

.sidebar_nav li.active a {
    color: #fff
}

.sidebar_nav li.active ul li {
    background: #fff
}

.sidebar_nav li.active .down,.sidebar_nav li.active .right {
    color: #fff
}

.sidebar_nav li a {
    color: #888;
    text-decoration: none
}

.sidebar_nav li a:hover {
    text-decoration: none
}

.sidebar_nav li span.down,.sidebar_nav li span.right {
    display: inline-block;
    float: right;
    width: 11px;
    height: 11px;
    cursor: pointer;
    margin: 0;
    color: #888
}

.sidebar_nav li span.down:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e82a'
}

.sidebar_nav li span.right:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e825'
}

.sidebar_nav li ul {
    list-style-type: none;
    margin-left: 0;
    margin-top: .8em;
    margin-right: .5em
}

.sidebar_nav li.active li.active {
    font-weight: normal
}

.sidebar_nav li.active li a,.sidebar_nav li.active li.active li a {
    color: #888;
    text-decoration: none
}

.sidebar_nav li.active li.active a,.sidebar_nav li.active li.active li.active a {
    color: black;
    text-decoration: none
}

.bookingHint .row {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 1em 0
}

.bookingHint .row .col-xs-12 {
    margin-top: 0
}

.vacationMarketingSelected {
    background: #759114;
    color: #fff;
    padding: 10px
}

.bookingarrivedepart #bookingUpdateBtn {
    margin-top: 0 !important
}

.error label,.error a {
    color: #990000
}

.error input,.error select,.error textarea {
    border: 1px solid #990000
}

.errormessg {
    background: #990000;
    color: #fff;
    text-align: center;
    padding: 1em;
    margin-bottom: 1em;
    margin-right: 2%
}

#zusammenfassung .hotelItem {
    position: relative;
    border-bottom: 1px dotted #a4a4a4;
    margin-bottom: 1em
}

#zusammenfassung .hotelItem h2 {
    float: none;
    width: 82%;
    position: relative
}

#zusammenfassung .hotelItem h2 strong {
    float: right
}

#zusammenfassung .hotelItem .col-xs-12 {
    padding-left: 0
}

#zusammenfassung .hotelItem .marketingmessg {
    margin-bottom: .5em
}

#zusammenfassung .hotelItem .BookingCartItemTotalAmount {
    margin-top: 1em
}

#zusammenfassung .hotelItem .BookingCartItemTotalAmount a {
    float: right;
    color: #646363
}

#zusammenfassung .hotelItem .BookingCartItemTotalAmount a:hover {
    color: #689a39
}

#zusammenfassung .hotelItem p.room-type {
    margin-top: 1em;
    position: relative;
    padding-right: 12px
}

#zusammenfassung .hotelItem p.room-type a.icon-info-circled {
    position: absolute;
    right: 0;
    top: 0;
    color: #646363
}

#zusammenfassung .hotelItem p.room-type a.icon-info-circled:hover {
    color: #689a39
}

#zusammenfassung .hotelItem p.room-type a.icon-info-circled:before {
    margin-right: -3px
}

#zusammenfassung .hotelItem .panelTarif {
    background: #fff;
    padding: 1em;
    border: 1px solid #999999
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow {
    margin-bottom: .5em;
    border-bottom: 1px dotted #999999
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell {
    padding-left: .75em
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell:first-child {
    padding-left: 0
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell a {
    float: right;
    color: #646363
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell a:hover {
    color: #689a39
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell b {
    white-space: nowrap
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list {
    float: left;
    width: 100%;
    margin: 4px 0 10px 7px
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li {
    padding: .5em 0;
    clear: both
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li span {
    display: inline-block
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li span.service-name {
    width: 100%;
    text-indent: -3px
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li span.service-count {
    float: left;
    text-indent: -3px;
    font-style: italic
}

#zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list li span.service-price {
    float: right
}

#zusammenfassung .totalsumBottom small {
    display: block
}

#zusammenfassung .totalsumBottom strong {
    float: right;
    border-bottom: 3px double #999999;
    text-align: right
}

#zusammenfassung .totalsumBottom strong strong {
    border-bottom: none
}

#zusammenfassung .totalsumBottom strong .bwr-points strong {
    float: none
}

.bookingNumber {
    background: #d2e4ea;
    padding: 1em
}

.bookingNumber span {
    display: inline-block;
    margin-left: 1.5em
}

.searchhead .totalsum {
    clear: both;
    text-align: right
}

.searchhead .totalsum span {
    color: #003c7e
}

@media (min-width: 992px) {
    #bookingform #customerform_rewardsAccountCreationAgreed,#booking_form #customerform_rewardsAccountCreationAgreed {
        display:flex;
        gap: 4px;
        align-items: flex-start;
        justify-content: flex-start
    }
}

#bookingform .rewardsRateButNotLoggedIn .form-group:first-child input[type="checkbox"],#booking_form .rewardsRateButNotLoggedIn .form-group:first-child input[type="checkbox"] {
    float: left;
    margin-right: 5px
}

#bookingform .rewardsRateButNotLoggedIn .form-group:first-child label,#booking_form .rewardsRateButNotLoggedIn .form-group:first-child label {
    width: 90%
}

#bookingform .rewardsRateButNotLoggedIn p,#booking_form .rewardsRateButNotLoggedIn p {
    font-size: .875rem
}

#bookingform .rewardsRateButNotLoggedIn strong,#booking_form .rewardsRateButNotLoggedIn strong {
    color: #b58f35;
    display: block;
    margin-bottom: .5rem
}

#bookingform .rewardsRateButNotLoggedIn .btn-gold,#booking_form .rewardsRateButNotLoggedIn .btn-gold {
    background-color: #b58f35;
    margin-top: .5rem
}

#bookingform h3,#booking_form h3 {
    margin-bottom: 1em
}

#bookingform h3.toggle a,#booking_form h3.toggle a {
    text-decoration: none;
    color: #4a4a4a;
    cursor: pointer
}

#bookingform .form-group,#booking_form .form-group {
    overflow: hidden
}

#bookingform hr,#booking_form hr {
    border-top: 1px solid #eee;
    border-bottom: 0;
    border-left: 0;
    clear: both
}

#bookingform #sonderrichtlinienHinweis,#booking_form #sonderrichtlinienHinweis {
    margin-top: .5em;
    margin-bottom: 1rem;
    background: #eee;
    padding: 1em
}

#bookingform #sonderrichtlinienHinweis h6,#booking_form #sonderrichtlinienHinweis h6 {
    font-weight: bold;
    margin-top: .5em
}

#bookingform #sonderrichtlinienHinweis #sonderrichtlinienHinweis,#booking_form #sonderrichtlinienHinweis #sonderrichtlinienHinweis {
    color: #555
}

#bookingform #sonderrichtlinienHinweis #sonderrichtlinienHinweis.hidden,#booking_form #sonderrichtlinienHinweis #sonderrichtlinienHinweis.hidden {
    max-height: 0;
    overflow: hidden;
    transition: opacity .5s ease,max-height .5s ease
}

#bookingform #sonderrichtlinienHinweis #sonderrichtlinienHinweis.visible,#booking_form #sonderrichtlinienHinweis #sonderrichtlinienHinweis.visible {
    max-height: 150px;
    transition: opacity .5s ease,max-height .5s ease
}

#bookingform .creditcardInfo,#booking_form .creditcardInfo {
    margin-top: 1em
}

#bookingform .creditcardInfo small,#booking_form .creditcardInfo small {
    margin-top: 5px;
    display: block
}

#bookingform .col-lg-6:nth-child(2),#booking_form .col-lg-6:nth-child(2) {
    padding-right: 2%
}

#bookingform .col-xs-12 .col-xs-12,#booking_form .col-xs-12 .col-xs-12 {
    margin-top: 0
}

#bookingform .totalsumBottom,#booking_form .totalsumBottom {
    text-align: right;
    overflow: hidden;
    margin-bottom: 3.5em;
    background: #eee;
    padding: 1em
}

#bookingform .totalsumBottom span,#booking_form .totalsumBottom span {
    float: right;
    margin-right: 1em
}

#bookingform .totalsumBottom span strong,#booking_form .totalsumBottom span strong {
    display: block;
    margin-top: 3px
}

#bookingform .totalsumBottom .btn,#booking_form .totalsumBottom .btn {
    float: right;
    margin-top: 8px
}

#bookingform .totalsumBottom .confirmagb,#booking_form .totalsumBottom .confirmagb {
    float: left;
    text-align: left
}

#bookingform #customerdata #login-wrap,#booking_form #customerdata #login-wrap,#bookingform #bookingform-login-wrap,#booking_form #bookingform-login-wrap {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0
}

#bookingform #customerdata #login-wrap .form-group,#booking_form #customerdata #login-wrap .form-group,#bookingform #bookingform-login-wrap .form-group,#booking_form #bookingform-login-wrap .form-group {
    overflow: auto !important;
    padding-left: 25px
}

#bookingform #customerdata input.btn-sm,#booking_form #customerdata input.btn-sm {
    padding: 2px 10px 2px 10px
}

@media (min-width: 768px) {
    #zusammenfassung .hotelsearchSelection {
        overflow:hidden;
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    #zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow {
        display: table-row;
        border-bottom: 1px dotted #c7c5cb
    }

    #zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell {
        display: table-cell
    }

    #zusammenfassung .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell ul.additional-services-list {
        margin: 0 0 0 1em;
        width: 96%
    }

    #zusammenfassung .hotelItem {
        position: relative
    }

    #zusammenfassung .hotelItem .row {
        position: relative
    }

    #zusammenfassung .hotelItem .BookingCartItemTotalAmount {
        position: absolute;
        right: 0;
        top: -20px;
        z-index: 13;
        margin-top: 0
    }

    #zusammenfassung .hotelItem .BookingCartItemTotalAmount a {
        float: none
    }

    #zusammenfassung .hotelItem p.room-type {
        margin-top: 0
    }

    #zusammenfassung .totalsumBottom {
        float: right
    }

    #zusammenfassung .totalsumBottom strong {
        display: inline-block;
        margin-left: .6em
    }

    #zusammenfassung .totalsumBottom strong strong {
        display: inline;
        margin: 0;
        padding: 0 0 0 .1em
    }

    .reservations .cancelPrintView .col-xs-12 {
        margin-top: 1em
    }

    .reservations .cancelPrintView+.row .col-xs-12 {
        margin-top: 1em;
        margin-bottom: 2.5em
    }
}

.loginBookingformSidebar {
    margin-top: 15px
}

.loginBookingformSidebar .form-group {
    padding-left: 0 !important
}

.BookingCartItemRepetition {
    border-bottom: 1px dotted #a4a4a4;
    margin-bottom: 2rem;
    padding-bottom: .9em
}

.fullpageWrapper #searchpanel #active-search {
    display: none
}

.fullpageWrapper .footer {
    text-align: center;
    margin-bottom: 1rem;
    font-size: .66rem
}

.fullpageWrapper .footer a {
    text-decoration: none;
    font-size: .66rem;
    color: #4a4a4a
}

.fullpageWrapper .footer a:hover {
    text-decoration: underline;
    color: #689a39
}

@media (max-width: 768px) {
    .fullpageWrapper .lightpick {
        margin-left:5vw !important
    }
}

.fullpageWrapper .onePagingSection {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}

.fullpageWrapper .onePagingSection#availabilityCalendar {
    flex-direction: column
}

.fullpageWrapper .onePagingSection#availabilityCalendar .availabilityCalendarHeader {
    text-align: center
}

.fullpageWrapper .onePagingSection .text-center {
    text-align: center
}

.fullpageWrapper .onePagingSection .btn-bordered-blue {
    text-decoration: none;
    text-align: center;
    font-size: .875rem;
    border: 1px solid #003c7e;
    border-radius: 4px;
    padding: 8px 20px 5px 20px;
    margin-top: 1.5rem !important;
    display: inline-block !important;
    background-color: #ffffff
}

.fullpageWrapper .onePagingSection .page {
    background: #F7F6F6;
    margin: 0 auto;
    padding: 2rem;
    position: relative;
    padding-top: 60px
}

@media (min-width: 1200px) {
    .fullpageWrapper .onePagingSection .page {
        width:1140px
    }
}

@media (max-width: 1200px) {
    .fullpageWrapper .onePagingSection .page {
        width:97%;
        padding: 60px 1rem 1rem 1rem
    }
}

@media (width: 768px) {
    .fullpageWrapper .onePagingSection .page {
        width:100%
    }
}

.fullpageWrapper .onePagingSection .page::before {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #7FD88E;
    color: #7FD88E;
    line-height: 29px;
    border-radius: 30px
}

.fullpageWrapper .onePagingSection .page .text-center {
    text-align: center
}

.fullpageWrapper .onePagingSection .page .text-center h1 {
    font-weight: 600;
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .fullpageWrapper .homeMobile {
        display:none
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .homeMobile {
        background:#003c7e;
        width: 100%;
        padding: .2rem .5rem .1rem 1.5rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000
    }

    .fullpageWrapper .homeMobile a {
        color: #ffffff;
        text-decoration: none
    }

    .fullpageWrapper .homeMobile a::before {
        font-family: 'bw-icons';
        font-size: .9rem;
        content: '\e857'
    }
}

.fullpageWrapper .pageHead {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
    background: #ffffff
}

@media (min-width: 768px) and (max-width:1030px) {
    .fullpageWrapper .pageHead {
        padding:1rem .2rem
    }
}

@media (max-width: 767px) {
    .fullpageWrapper .pageHead {
        height:90px;
        padding: 5px;
        line-height: .9rem
    }
}

.fullpageWrapper .pageHead .breadcrumb {
    width: 50vw
}

@media (max-width: 767px) {
    .fullpageWrapper .pageHead .breadcrumb {
        width:100vw
    }
}

@media (width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb {
        margin-left:20px;
        line-height: 18px;
        margin-top: 30px
    }
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    width: 100%
}

@media (max-width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar {
        margin-left:0
    }
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li {
    position: relative;
    width: 18.66%;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #555
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a p,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li p {
    font-size: .8rem;
    display: inline-block
}

@media (max-width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a p,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li p {
        font-size:.6rem
    }
}

@media (min-width: 768px) and (max-width:1030px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a p,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li p {
        font-size:.7rem
    }
}

@media (width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a p,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li p {
        font-size:.65rem
    }
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ffffff;
    border: 2px solid #C3C3C3;
    top: -36px;
    border-radius: 100px;
    left: 50%;
    margin-left: -15px;
    z-index: 500;
    color: #C3C3C3;
    line-height: 30px;
    font-weight: bold;
    font-size: .9rem
}

@media (width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li::before {
        top:-30px;
        line-height: 25px
    }
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a::after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li::after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    left: -50%;
    background: #C3C3C3;
    top: -21px
}

@media (width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a::after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li::after {
        top:-16px
    }
}

@media (min-width: 768px) {
    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:first-child p,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:first-child p {
        position:relative
    }

    .fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:first-child p::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:first-child p::before {
        content: '\e811';
        font-family: 'bw-icons';
        left: -15px;
        position: absolute;
        top: -1px
    }
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:first-child::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:first-child::before {
    content: '1'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:first-child::after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:first-child::after {
    width: 50%;
    right: 0;
    left: auto
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:nth-of-type(2)::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:nth-of-type(2)::before {
    content: '2'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:nth-of-type(3)::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:nth-of-type(3)::before {
    content: '3'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:nth-of-type(4)::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:nth-of-type(4)::before {
    content: '4'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:nth-of-type(5)::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:nth-of-type(5)::before {
    content: '5'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:last-child::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:last-child::before {
    content: '\e820';
    font-family: 'bw-icons'
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a:last-child.done::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li:last-child.done::before {
    background: #7FD88E;
    color: #ffffff
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.active::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.active::before {
    background: #7FD88E;
    color: #ffffff;
    border-color: #7FD88E
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.active::after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.active::after {
    background: #7FD88E
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.done,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.done {
    color: #7FD88E
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.done::before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.done::before {
    border-color: #7FD88E;
    color: #7FD88E
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.done::after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.done::after {
    background: #7FD88E
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.disabled,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.disabled {
    cursor: inherit;
    color: #555
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.disabled:before,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.disabled:before {
    background: #C3C3C3;
    color: #ffffff !important;
    border-color: #C3C3C3 !important
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar a.disabled:after,.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar li.disabled:after {
    background: #C3C3C3
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar-done a {
    cursor: default
}

.fullpageWrapper .pageHead .breadcrumb .steps-progress-bar-done a:first-child {
    cursor: pointer
}

.fullpageWrapper .pageHead .logo {
    width: 195px
}

@media (max-width: 767px) {
    .fullpageWrapper .pageHead .logo {
        display:none
    }
}

@media (width: 768px) {
    .fullpageWrapper .pageHead .logo {
        width:180px
    }
}

.fullpageWrapper .pageHead .logoCurrentBookingDesign {
    height: 58px
}

@media (max-width: 768px) {
    .fullpageWrapper .pageHead .logoCurrentBookingDesign {
        display:none
    }
}

.fullpageWrapper .hotelslideimage,.fullpageWrapper #hotelheader {
    height: 400px;
    position: relative;
    z-index: 500;
    margin-top: 89px
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage,.fullpageWrapper #hotelheader {
        margin-bottom:4rem
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .hotelslideimage,.fullpageWrapper #hotelheader {
        height:300px
    }
}

.fullpageWrapper .hotelslideimage h1,.fullpageWrapper #hotelheader h1 {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.7);
    text-align: center;
    padding: .8rem;
    color: #333;
    font-weight: 600
}

@media (max-width: 768px) {
    .fullpageWrapper .hotelslideimage h1,.fullpageWrapper #hotelheader h1 {
        font-size:.9rem;
        line-height: 20px
    }
}

.fullpageWrapper .hotelslideimage h1 small,.fullpageWrapper #hotelheader h1 small {
    font-weight: 400
}

.fullpageWrapper .hotelslideimage .traveldata,.fullpageWrapper #hotelheader .traveldata {
    background: rgba(255,255,255,0.9);
    text-align: center;
    padding: 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #333;
    transform: translate(-50%);
    min-width: 40vw;
    border-radius: 4px
}

@media (min-width: 2000px) {
    .fullpageWrapper .hotelslideimage .traveldata,.fullpageWrapper #hotelheader .traveldata {
        min-width:30vw
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata,.fullpageWrapper #hotelheader .traveldata {
        width:90vw;
        padding: 1rem 2px;
        top: 30%
    }

    .fullpageWrapper .hotelslideimage .traveldata p,.fullpageWrapper #hotelheader .traveldata p {
        font-size: .8rem
    }
}

.fullpageWrapper .hotelslideimage .traveldata h2,.fullpageWrapper #hotelheader .traveldata h2 {
    font-weight: 600;
    margin-bottom: .5rem
}

.fullpageWrapper .hotelslideimage .traveldata a,.fullpageWrapper #hotelheader .traveldata a {
    text-decoration: none;
    margin-top: .3rem;
    display: block;
    font-size: .875rem;
    color: #333
}

.fullpageWrapper .hotelslideimage .traveldata.bookingDone,.fullpageWrapper #hotelheader .traveldata.bookingDone {
    top: 20%;
    padding: 2rem
}

.fullpageWrapper .hotelslideimage .traveldata.bookingDone strong,.fullpageWrapper #hotelheader .traveldata.bookingDone strong {
    display: inline-block;
    font-weight: 400
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata.bookingDone strong,.fullpageWrapper #hotelheader .traveldata.bookingDone strong {
        max-width:25vw
    }
}

.fullpageWrapper .hotelslideimage .traveldata.bookingDone h2,.fullpageWrapper #hotelheader .traveldata.bookingDone h2 {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata.bookingDone h2,.fullpageWrapper #hotelheader .traveldata.bookingDone h2 {
        font-size:1.5rem
    }
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap {
    position: static
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel {
    width: auto;
    margin-left: auto;
    background: transparent;
    border: none;
    position: static
}

@media (max-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel {
        min-height:100px;
        padding: 0 .5rem
    }
}

@media (min-width: 576px) {
    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel {
        height:70px
    }
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #rooms-persons #combined-rooms-persons,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #rooms-persons #combined-rooms-persons {
    background-image: none
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group {
    text-align: left
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group {
        width:40%;
        margin-right: 1rem
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group {
        width:100%
    }

    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group #combined-arrive-depart,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group #combined-arrive-depart {
        margin-bottom: .5rem
    }

    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group.submit,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group.submit {
        width: 100%;
        margin-bottom: 0
    }
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group input,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group input {
    border-radius: 4px
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group label,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche .form-group label {
    padding-left: 0
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche #rooms-persons,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche #rooms-persons {
        width:380px
    }
}

.fullpageWrapper .hotelslideimage .traveldata #hotelsearch-wrap #searchpanel #schnellsuche,.fullpageWrapper #hotelheader .traveldata #hotelsearch-wrap #searchpanel #schnellsuche {
    padding: 0
}

.fullpageWrapper .hotelslideimage img,.fullpageWrapper #hotelheader img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .fullpageWrapper .hotelslideimage img,.fullpageWrapper #hotelheader img {
        height:400px
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoom {
        overflow:hidden
    }
}

.fullpageWrapper .chooseRoom .page::before {
    content: '2'
}

.fullpageWrapper .chooseRoom .page .text-center a {
    text-decoration: none;
    margin-top: .3rem;
    display: block;
    font-size: .875rem;
    color: #333
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoom .page .room-items {
        display:flex !important;
        flex-wrap: wrap;
        gap: 1%;
        justify-content: flex-start
    }
}

.fullpageWrapper .chooseRoom .page .room-item {
    background: #ffffff;
    border-radius: 6px;
    border: 3px solid #eee;
    margin-top: 1rem;
    position: relative
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoom .page .room-item {
        flex:0 0 32.6%;
        margin-bottom: 0 !important
    }
}

.fullpageWrapper .chooseRoom .page .room-item .imagegallery {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    position: relative
}

.fullpageWrapper .chooseRoom .page .room-item .imagegallery a {
    display: block;
    height: 200px;
    position: relative
}

.fullpageWrapper .chooseRoom .page .room-item .imagegallery img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.fullpageWrapper .chooseRoom .page .room-item .imagegallery .price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    text-align: right;
    padding: .5rem .5rem .4rem .5rem
}

.fullpageWrapper .chooseRoom .page .room-item .imagegallery .price .icon-search {
    float: left
}

.fullpageWrapper .chooseRoom .page .room-item .content {
    padding: 1rem 1rem 5rem 1rem;
    overflow: hidden
}

.fullpageWrapper .chooseRoom .page .room-item .content h3 {
    color: #003c7e;
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1rem;
    word-break: break-word
}

.fullpageWrapper .chooseRoom .page .room-item .content .max-occupancy {
    font-size: .8rem
}

.fullpageWrapper .chooseRoom .page .room-item .content p {
    margin-top: .5rem;
    font-size: .8rem;
    word-break: break-word
}

.fullpageWrapper .chooseRoom .page .room-item .content .btn {
    color: #ffffff;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    border-radius: 4px;
    padding: 6px 20px 6px 20px;
    margin-top: 1rem;
    font-size: .875rem
}

.fullpageWrapper .chooseRoom .page .room-item.room-item-preselected {
    border-color: #003c7e
}

.fullpageWrapper .chooseRoom .page .room-item.room-item-selected {
    border-color: #7FD88E
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoom .page .room-item.hidden {
        display:block !important;
        visibility: visible !important
    }
}

.fullpageWrapper .chooseRoom .warning p {
    text-align: center;
    color: #003c7e;
    font-weight: bold
}

.fullpageWrapper .chooseRoomRate {
    width: 100%
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate {
        overflow:hidden
    }
}

.fullpageWrapper .chooseRoomRate .page::before {
    content: '3'
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .row .col-xs-12 {
        margin-top:1rem
    }
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseRoomRate .page .row .col-xs-12:first-child {
        padding-left:0
    }
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .rateButtons {
        display:flex
    }
}

@media (min-width: 768px) and (max-width:1100px) {
    .fullpageWrapper .chooseRoomRate .page .rateButtons {
        flex-wrap:wrap
    }
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div {
    background-color: #ffffff;
    border-radius: 30px;
    border: 1px solid #003c7e;
    margin-right: .8rem
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .rateButtons div {
        float:left;
        margin-bottom: .5rem;
        margin-right: .4rem
    }
}

@media (min-width: 768px) and (max-width:1100px) {
    .fullpageWrapper .chooseRoomRate .page .rateButtons div {
        flex:0 0 45%;
        margin-bottom: .5rem
    }
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div label {
    border-radius: 30px;
    display: block;
    font-weight: normal;
    margin: 0;
    overflow: hidden
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div label a {
    text-decoration: none
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div label span {
    text-align: center;
    padding: 3px 15px 2px 15px;
    display: block;
    color: #003c7e;
    cursor: pointer
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div label input {
    position: absolute;
    display: none;
    color: #fff !important
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div label input {
    color: #fff
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div input:checked+span {
    color: #ffffff
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div input:checked+span {
    background-color: #003c7e
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div.rewardsRate {
    border-color: #B58F35
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div.rewardsRate label span {
    color: #B58F35
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div.rewardsRate input:checked+span {
    color: #ffffff
}

.fullpageWrapper .chooseRoomRate .page .rateButtons div.rewardsRate input:checked+span {
    background-color: #B58F35
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line {
    position: relative;
    text-align: left;
    padding-left: 40px
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line {
        padding-left:50px;
        margin-bottom: 1rem
    }
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line label {
    display: block
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line label small {
    font-weight: normal;
    display: block;
    color: #555
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #6F6E74;
    border: 1px solid #6F6E74;
    box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.3);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line .checkmark::after {
    display: inline-block;
    content: " ";
    position: absolute;
    top: -1px;
    left: 14px;
    height: 15px;
    width: 15px;
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #a4a4a4;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #a4a4a4;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line .checkmark {
        scale:1.4
    }
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line input:checked~.checkmark {
    background: #ffffff;
    border-color: #a4a4a4;
    box-shadow: none
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line input:checked~.checkmark::after {
    background-color: #88BC24;
    box-shadow: none
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line:first-child {
    color: #003c7e
}

.fullpageWrapper .chooseRoomRate .page .rateCheckboxes .cbox-line.rewards {
    color: #B58F35
}

.fullpageWrapper .chooseRoomRate .page .roomRateList {
    text-align: left
}

.fullpageWrapper .chooseRoomRate .page .roomRateList h3 {
    font-weight: 600;
    margin-bottom: .2rem;
    font-size: 1rem;
    margin-top: 2rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList p {
    font-size: .875rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container {
    margin-top: .5rem;
    border-radius: 5px
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container {
        border:3px solid #eee;
        background: #ffffff
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container h4 {
    font-weight: 600;
    color: #003c7e
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container h4 {
        width:27%
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container h4 {
        font-size:.975rem
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container h4 a {
    color: #003c7e
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container h4 strong {
    color: #555;
    font-style: italic;
    font-size: .8rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item {
    padding: 1rem 1rem .5rem 1rem
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item {
        overflow:hidden;
        background: #ffffff;
        border-radius: 6px;
        border: 2px solid #eee
    }
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item {
        display:flex;
        border-bottom: 1px solid #eee
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno {
    font-size: .9rem;
    font-weight: bold
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno {
        margin-left:2rem
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno {
        margin-right:1rem;
        line-height: 18px;
        min-height: 40px
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno i {
    display: block;
    font-weight: normal
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno i {
        font-size:.7rem
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .infoStorno.freeStorno {
    color: #24913E
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price {
    margin-left: auto;
    margin-right: 1rem;
    text-align: right
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price {
        margin-top:1rem
    }
}

@media (width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price {
        margin-bottom:1rem
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price .originalPrice {
    color: #003c7e;
    font-size: 1rem;
    line-height: 1.1rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price .rewardsPrice {
    color: #B58F35;
    font-size: .8rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price .insteadOfPrice {
    color: #003c7e;
    font-size: .8rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price small {
    font-style: italic;
    color: #a4a4a4;
    font-size: .7rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .price small a {
    color: #a4a4a4
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .btn-blue {
    color: #ffffff;
    height: 40px;
    border-radius: 5px;
    padding: 10px 20px 6px 20px;
    font-size: .875rem
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item .btn-blue {
        float:right;
        height: 32px;
        padding: 7px 20px 6px 20px;
        margin-top: .5rem
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item:last-child {
    border-bottom: none
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item:last-child .freeStorno {
        margin-bottom:10px
    }
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.hiddenRate {
        display:block !important
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.selected {
    border: 3px solid #7FD88E;
    border-radius: 6px
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage {
    padding: 0
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .imageHolder {
        max-height:150px;
        position: relative
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage img {
    padding: 10px
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage img {
        width:17vw;
        max-width: 300px
    }
}

@media (max-width: 992px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage img {
        width:100%;
        object-fit: cover;
        height: 150px
    }
}

@media (width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage img {
        width:15vw;
        height: 100px;
        object-fit: cover
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage h4 {
    padding: 1rem 1rem .5rem 1rem;
    width: auto
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .price {
    padding-top: 1rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage button,.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .btn-blue {
    margin: 1rem 1rem 0 0
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage button,.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .btn-blue {
        margin-bottom:1rem
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .infoStorno {
    margin-left: 1rem;
    margin-bottom: 1rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .infoStorno i {
    display: inline
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .holder_w25 {
        width:40%
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .inclusive {
    margin-left: 1rem;
    font-size: .875rem;
    margin-bottom: 2rem
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage .inclusive ul li {
    font-size: .875rem;
    position: relative
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseRoomRate .page .roomRateList .container .item.holidayPackage.hiddenHolidayRate {
        display:block !important
    }
}

.fullpageWrapper .chooseRoomRate .page .roomRateList .btn-bordered-blue {
    margin-top: -30px !important;
    position: relative;
    z-index: 500
}

.fullpageWrapper .basket .page {
    border: 2px solid #003c7e;
    border-radius: 4px;
    background: #fff;
    padding: 60px 0 0 0
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .page {
        padding:20px 0 0 0
    }
}

.fullpageWrapper .basket .summary {
    margin-top: 2rem;
    padding: 0 2rem
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .summary {
        padding:1rem
    }
}

.fullpageWrapper .basket .summary .blue {
    color: #003c7e;
    display: block;
    margin-bottom: 5px
}

.fullpageWrapper .basket .summary .blue i {
    font-weight: bold
}

.fullpageWrapper .basket .summary .item {
    margin-bottom: 2rem
}

.fullpageWrapper .basket .summary .rooms {
    margin-top: 1rem
}

.fullpageWrapper .basket .summary .rooms .head {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    width: 95%;
    overflow: hidden
}

.fullpageWrapper .basket .summary .rooms .head span:last-child {
    float: right
}

.fullpageWrapper .basket .summary .rooms .roomDetails {
    margin-top: .5rem;
    display: flex;
    margin-bottom: 2rem
}

.fullpageWrapper .basket .summary .rooms .roomDetails .image {
    width: 15%;
    margin-right: 1rem
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .summary .rooms .roomDetails .image {
        display:none
    }
}

.fullpageWrapper .basket .summary .rooms .roomDetails .image img {
    width: 100%;
    border: 1px solid #888
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent {
    width: 100%
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent .headlineExtras {
    font-size: .75rem
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent .rightcontentItem {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent .rightcontentItem .blue {
    color: #003c7e
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent .addExtras {
    float: right;
    text-decoration: none;
    font-weight: bold;
    font-size: .8rem;
    margin-right: 2%
}

.fullpageWrapper .basket .summary .rooms .roomDetails .rightcontent .addExtras::before {
    content: '+';
    font-family: Arial;
    width: 10px;
    display: inline-block
}

.fullpageWrapper .basket .summary .rooms .roomDetails .description {
    margin-right: auto;
    font-size: .8rem;
    line-height: 1.2rem
}

.fullpageWrapper .basket .summary .rooms .roomDetails .description .rate-info {
    color: #003c7e;
    font-size: .9rem
}

.fullpageWrapper .basket .summary .rooms .roomDetails .description span {
    font-size: 1rem;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .summary .rooms .roomDetails .description span {
        font-size:.9rem
    }
}

.fullpageWrapper .basket .summary .rooms .roomDetails .description strong {
    display: block
}

.fullpageWrapper .basket .summary .rooms .roomDetails .extras {
    align-items: center
}

.fullpageWrapper .basket .summary .rooms .roomDetails .sum {
    font-weight: bold;
    margin-right: 2.5%
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .summary .rooms .roomDetails .sum {
        width:35%
    }
}

.fullpageWrapper .basket .summary .rooms .roomDetails .icon-trash-empty {
    font-weight: bold;
    font-size: 1.2rem;
    width: 2%
}

.fullpageWrapper .basket .bottom {
    background: #F7F6F6;
    padding: 1rem 2rem;
    margin-top: 2rem
}

.fullpageWrapper .basket .bottom .coupon {
    overflow: hidden
}

.fullpageWrapper .basket .bottom .coupon form {
    display: flex
}

@media (min-width: 768px) {
    .fullpageWrapper .basket .bottom .coupon form {
        float:right
    }
}

.fullpageWrapper .basket .bottom .coupon form input {
    border-radius: 4px
}

.fullpageWrapper .basket .bottom .coupon form input:first-child {
    margin-right: 3px
}

.fullpageWrapper .basket .bottom .coupon form input:nth-of-type(2) {
    font-size: 2.5rem;
    webkit-appearance: none;
    padding: 2px 10px;
    line-height: inherit
}

@media (min-width: 768px) and (max-width:1030px) {
    .fullpageWrapper .basket .bottom .coupon form input:nth-of-type(2) {
        font-size:1rem
    }
}

.fullpageWrapper .basket .bottom .coupon .couponCodesAdded {
    font-weight: bold;
    color: #003c7e;
    padding-top: .5rem;
    clear: both
}

.fullpageWrapper .basket .bottom .coupon .errorCoupon {
    clear: both
}

.fullpageWrapper .basket .bottom .totalSum {
    margin-top: 2rem;
    text-align: right;
    color: #003c7e
}

@media (max-width: 768px) {
    .fullpageWrapper .basket .bottom .totalSum {
        margin-bottom:1rem
    }
}

.fullpageWrapper .basket .bottom .totalSum strong {
    display: block;
    font-size: 1.2rem
}

.fullpageWrapper .chooseBookingExtras {
    margin: 0 auto;
    padding: 2rem
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseBookingExtras {
        width:1140px;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseBookingExtras {
        text-align:center
    }
}

.fullpageWrapper .chooseBookingExtras a {
    margin: 0 1rem;
    padding: 8px 25px 6px 25px;
    display: inline-block;
    height: auto
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseBookingExtras a {
        display:block;
        margin: 1rem 0
    }
}

.fullpageWrapper .chooseExtras {
    width: 100%
}

.fullpageWrapper .chooseExtras .page::before {
    content: '4'
}

.fullpageWrapper .chooseExtras .page ul {
    list-style-type: none;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseExtras .page ul {
        display:flex
    }
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseExtras .page ul {
        margin:1rem 0 0 0;
        overflow: hidden
    }
}

.fullpageWrapper .chooseExtras .page ul li {
    margin-right: .5rem
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseExtras .page ul li {
        float:left;
        margin-bottom: .5rem
    }
}

.fullpageWrapper .chooseExtras .page ul li a {
    text-decoration: none;
    border-radius: 20px;
    border: 2px solid #003c7e;
    padding: .5rem 1rem .4rem 1rem;
    display: block;
    text-align: center;
    font-size: .875rem
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page ul li a {
        padding:.2rem .5rem
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page ul li a {
        display:inline-block
    }
}

.fullpageWrapper .chooseExtras .page ul li a:hover {
    background: #003c7e;
    color: #ffffff
}

.fullpageWrapper .chooseExtras .page ul li.active a {
    background: #003c7e;
    color: #ffffff
}

.fullpageWrapper .chooseExtras .page .container {
    border: 3px solid #eee;
    background: #ffffff;
    margin-top: .5rem;
    border-radius: 5px;
    margin-top: 2rem
}

.fullpageWrapper .chooseExtras .page .container .item {
    border-bottom: 1px solid #eee;
    padding-left: 8px
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item {
        display:flex
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item {
        overflow:hidden
    }
}

.fullpageWrapper .chooseExtras .page .container .item .image {
    width: 11.5%;
    position: relative;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
    height: 100px;
    margin: 8px 0 8px 0px
}

@media (max-width: 767px) {
    .fullpageWrapper .chooseExtras .page .container .item .image {
        width:98%;
        margin-bottom: -8px
    }
}

.fullpageWrapper .chooseExtras .page .container .item .image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.fullpageWrapper .chooseExtras .page .container .item .noimage {
    width: 11.5%
}

.fullpageWrapper .chooseExtras .page .container .item .description {
    color: #003c7e;
    font-weight: bold;
    margin-left: 2rem;
    margin-top: 1rem
}

@media (max-width: 1006px) {
    .fullpageWrapper .chooseExtras .page .container .item .description {
        margin-left:0rem;
        overflow: hidden;
        width: 55vw;
        float: left
    }
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseExtras .page .container .item .description {
        width:80%;
        padding-left: 35px
    }
}

.fullpageWrapper .chooseExtras .page .container .item .description a.check {
    text-decoration: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #003c7e;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    margin-right: .5rem;
    font-family: Arial
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item .description a.check {
        float:left
    }
}

@media (min-width: 992px) {
    .fullpageWrapper .chooseExtras .page .container .item .description a.check {
        margin-left:-35px
    }
}

.fullpageWrapper .chooseExtras .page .container .item .description a.check.checked {
    line-height: 22px
}

.fullpageWrapper .chooseExtras .page .container .item .description a.check:hover {
    color: #ffffff;
    background: #003c7e
}

.fullpageWrapper .chooseExtras .page .container .item .description span {
    color: #a4a4a4;
    font-weight: normal
}

@media (max-width: 1006px) {
    .fullpageWrapper .chooseExtras .page .container .item .description span {
        font-size:.8rem;
        display: block;
        margin-left: 2rem
    }
}

.fullpageWrapper .chooseExtras .page .container .item .description a.rate-info,.fullpageWrapper .chooseExtras .page .container .item .description button.rate-info {
    color: #003c7e !important;
    margin-left: .3rem
}

.fullpageWrapper .chooseExtras .page .container .item .description .checked {
    background: #003c7e;
    color: #ffffff
}

.fullpageWrapper .chooseExtras .page .container .item select {
    width: 50px;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 5px 3px 10px;
    background-color: white;
    background-image: url(/bw/v6/img/ico/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 5px bottom 10px;
    border-radius: 4px;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item select {
        float:right;
        margin-right: .5rem
    }
}

.fullpageWrapper .chooseExtras .page .container .item .price {
    font-weight: bold;
    color: #003c7e;
    margin-top: 1.4rem;
    margin-right: 1rem;
    margin-left: 2rem;
    text-align: right
}

@media (min-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item .price {
        width:5vw
    }
}

@media (width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item .price {
        width:8vw
    }
}

@media (max-width: 768px) {
    .fullpageWrapper .chooseExtras .page .container .item .price {
        clear:both
    }
}

.fullpageWrapper .chooseExtras .page .btn-blue {
    margin-top: 2rem;
    padding: 6px 25px 6px 25px
}

.fullpageWrapper .address {
    width: 100%
}

@media (min-width: 768px) and (max-width:892px) {
    .fullpageWrapper .address .repeatEmailAddress {
        font-size:11px
    }
}

.fullpageWrapper .address .creditCardExpiry .field-error::after,.fullpageWrapper .address .creditCardExpiry .field-ok::after {
    top: 50%;
    right: 14px
}

.fullpageWrapper .address .creditCardExpiry .field-error.no-right-pad::after,.fullpageWrapper .address .creditCardExpiry .field-ok.no-right-pad::after {
    right: 7px
}

.fullpageWrapper .address .error label {
    color: #646363
}

.fullpageWrapper .address .page::before {
    content: '5'
}

.fullpageWrapper .address .page h3 {
    font-weight: bold;
    font-size: .9rem
}

@media (max-width: 767px) {
    .fullpageWrapper .address .mt-3 {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .fullpageWrapper .address .mt-mobile-0 {
        margin-top:0
    }
}

.fullpageWrapper .address .form-group .form-control {
    border-radius: 5px;
    border-color: #DAD9D9
}

.fullpageWrapper .address .form-group label {
    margin-bottom: 0
}

.fullpageWrapper .address .addressBottom {
    padding: 2rem;
    margin: 0 auto
}

@media (min-width: 1200px) {
    .fullpageWrapper .address .addressBottom {
        width:1140px
    }
}

.fullpageWrapper .address .addressBottom .form-group {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .fullpageWrapper .address .addressBottom .form-group input {
        float:left;
        margin-right: 5px
    }

    .fullpageWrapper .address .addressBottom .form-group label {
        width: 90%
    }
}

.fullpageWrapper .address .addressBottom small {
    color: #a4a4a4;
    line-height: 18px;
    display: block;
    margin-top: 2rem
}

.fullpageWrapper .address .addressBottom .totalSum {
    margin-top: 2rem;
    text-align: right
}

.fullpageWrapper .address .addressBottom .totalSum p {
    font-size: 1.625rem
}

@media (max-width: 768px) {
    .fullpageWrapper .address .addressBottom .totalSum p {
        font-size:1.2rem
    }
}

.fullpageWrapper .address .addressBottom .totalSum p strong {
    text-decoration: underline
}

.fullpageWrapper .address .addressBottom .bookingBtn {
    overflow: hidden;
    margin-top: 1rem
}

.fullpageWrapper .address .addressBottom .bookingBtn .btn {
    float: right;
    height: 32px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    cursor: pointer
}

.fullpageWrapper .address .addressBottom #customerDataErrorMessages .errormessg {
    display: block !important;
    background: transparent;
    color: #900;
    text-align: right;
    font-weight: bold;
    padding: 0
}

.fullpageWrapper .address .addressBottom #customerDataErrorMessages .errormessg:first-child {
    margin-top: 2rem
}

.fullpageWrapper .address .addressBottom .field-error::after {
    display: none !important
}

.fullpageWrapper .splide__slide[class*="-active"] img {
    transform: scale(1) !important
}

.bookingRewards {
    text-align: center
}

.bookingRewards img {
    width: 200px
}

.bookingRewards h1 {
    margin-top: 1rem;
    color: #B58F35
}

.bookingRewards .row {
    text-align: left
}

.bookingRewards .row .row .col-xs-12 {
    margin-top: 0
}

.bookingRewards .row .row .col-xs-12:first-child {
    padding-left: 0
}

@media (max-width: 768px) {
    .bookingRewards #bw-recaptcha {
        margin-top:170px !important
    }
}

.sixtImage {
    margin: 0 auto;
    margin-bottom: 2rem
}

@media (min-width: 992px) {
    .sixtImage {
        width:1140px
    }
}

.sixtImage img {
    width: 100%
}

.bookingSummary {
    background: #ffffff;
    margin: 0 auto;
    margin-bottom: 2rem;
    position: relative;
    border-radius: 10px;
    border: 10px solid #F7F6F6
}

@media (min-width: 992px) {
    .bookingSummary {
        width:1140px
    }
}

@media (max-width: 768px) {
    .bookingSummary .col-lg-3 {
        margin-top:0
    }
}

.bookingSummary .col-lg-3 .btn {
    font-size: .875rem
}

.bookingSummary .col-lg-3 .btn span {
    font-size: .8rem;
    padding-right: .5rem
}

@media (max-width: 768px) {
    .bookingSummary .col-lg-9 {
        margin-top:1rem
    }
}

.bookingSummary .col-lg-3 {
    padding-right: 0
}

.bookingSummary h1 {
    margin-bottom: 1rem
}

.bookingSummary h2 {
    color: #003c7e;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: .5rem
}

.bookingSummary p.small {
    font-size: .875rem
}

.bookingSummary p.small a {
    text-decoration: none
}

.bookingSummary a.w3w img {
    margin-right: 5px
}

.bookingSummary a.directions {
    background: url('/bw/v6/img/mail/pdf7.png') no-repeat left;
    background-size: 22px;
    padding-left: 25px;
    margin: 3px 0;
    display: block;
    text-decoration: none;
    font-size: .875rem
}

.bookingSummary a.printConfirmation {
    background: url('/bw/v6/img/print.svg') no-repeat left;
    background-size: 18px 18px;
    padding-left: 25px;
    display: block;
    text-decoration: none;
    font-size: .875rem
}

.bookingSummary .marketingmessg {
    margin-top: 1rem
}

.bookingSummary .image img {
    width: 100%
}

@media (max-width: 768px) {
    .bookingSummary .image img {
        margin-top:1rem
    }
}

.bookingSummary .roomSummary {
    border-top: 1px solid #a4a4a4;
    margin-top: 2rem;
    padding-top: 1.5rem
}

.bookingSummary .roomSummary .top {
    display: flex;
    justify-content: space-between
}

.bookingSummary .roomSummary .top div {
    max-width: 30vw
}

@media (max-width: 768px) {
    .bookingSummary .roomSummary .top div {
        max-width:60vw
    }
}

.bookingSummary .roomSummary .top strong.price {
    width: 10vw;
    text-align: right
}

@media (max-width: 768px) {
    .bookingSummary .roomSummary .top strong.price {
        width:40vw
    }
}

.bookingSummary .roomSummary .hotelsearchSelection {
    margin-top: 2rem;
    font-size: .875rem;
    display: table
}

.bookingSummary .roomSummary .hotelsearchSelection .hotelsearchSelectionRow {
    display: table-row
}

.bookingSummary .roomSummary .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell {
    display: table-cell;
    padding: .3rem 1rem 0 0;
    vertical-align: top
}

@media (max-width: 768px) {
    .bookingSummary .roomSummary .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell small {
        display:inline-block;
        line-height: 18px
    }
}

.bookingSummary .totalSum {
    text-align: right;
    font-weight: bold
}

@media (max-width: 768px) {
    .bookingSummary .totalSum {
        margin-top:1rem
    }
}

.bookingSummary .totalSum span,.bookingSummary .totalSum strong {
    text-decoration: underline
}

.bookingSummary .serviceContact {
    font-size: .875rem;
    margin-bottom: 2rem;
    padding-top: 1.5rem
}

@media (max-width: 768px) {
    .bookingSummary .serviceContact p {
        font-size:.785rem
    }
}

.bookingSummary .serviceContact img {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.room-rate-slides,.holidayPackage-slides {
    margin-top: .5rem
}

.splide-rooms .splide__slide,.room-rate-slides .splide__slide,.holidayPackage-slides .splide__slide {
    height: auto !important
}

@media (max-width: 767px) {
    .splide-rooms .splide__slide,.room-rate-slides .splide__slide,.holidayPackage-slides .splide__slide {
        margin-right:.5rem !important
    }
}

@media (max-width: 767px) {
    .splide-rooms .splide__slide:last-child,.room-rate-slides .splide__slide:last-child,.holidayPackage-slides .splide__slide:last-child {
        margin-right:0 !important
    }
}

@media (min-width: 768px) {
    .splide-rooms .splide__slide,.room-rate-slides .splide__slide,.holidayPackage-slides .splide__slide {
        margin-bottom:0 !important
    }
}

.splide-rooms .splide__arrow,.room-rate-slides .splide__arrow,.holidayPackage-slides .splide__arrow {
    top: auto;
    bottom: 0;
    border: 1px solid #003c7e;
    background: transparent;
    color: #003c7e
}

.splide-rooms .splide__arrow svg,.room-rate-slides .splide__arrow svg,.holidayPackage-slides .splide__arrow svg {
    fill: #003c7e;
    height: 1em;
    width: 1em
}

.splide-rooms .splide__pagination,.room-rate-slides .splide__pagination,.holidayPackage-slides .splide__pagination {
    right: 50% !important;
    transform: translate(50%);
    padding: 0;
    bottom: 23px
}

.splide-rooms .splide__pagination li button,.room-rate-slides .splide__pagination li button,.holidayPackage-slides .splide__pagination li button {
    background: #a4a4a4;
    border-radius: 20px;
    height: 8px;
    width: 8px
}

.splide-rooms .splide__pagination__page.is-active,.room-rate-slides .splide__pagination__page.is-active,.holidayPackage-slides .splide__pagination__page.is-active {
    background: #003c7e !important
}

.splide-rooms .splide__track,.room-rate-slides .splide__track,.holidayPackage-slides .splide__track {
    padding-left: 0 !important
}

.loginAndBasket {
    align-content: flex-end;
    font-size: .8rem;
    line-height: 18px
}

@media (max-width: 767px) {
    .loginAndBasket {
        position:sticky;
        left: 0;
        width: 100%;
        background: #ffffff;
        height: 58px;
        border-top: 1px solid #eee;
        transform: translate3d(0, 0, 0);
        z-index: 5000;
        bottom: 0
    }
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket {
        width:24vw
    }
}

@media (width: 768px) {
    .loginAndBasket {
        width:25vw
    }
}

@media (min-width: 768px) {
    .loginAndBasket #loginIcon {
        float:left
    }

    .loginAndBasket #miniCart {
        margin-top: 1.1rem
    }
}

.loginAndBasket .login {
    color: #B58F35;
    margin-right: 4rem;
    position: relative;
    padding-right: 3rem
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket .login {
        padding-right:1.5rem;
        margin-right: 1rem
    }
}

@media (max-width: 767px) {
    .loginAndBasket .login {
        margin-left:3rem;
        margin-top: 1rem
    }
}

.loginAndBasket .login::before {
    background: url('/bw/v6/img/profile_icon.svg') no-repeat right;
    position: absolute;
    right: 0;
    bottom: 4px;
    content: '';
    width: 35px;
    height: 35px
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket .login::before {
        width:20px;
        height: 20px
    }
}

.loginAndBasket .login::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -15px;
    width: 1px;
    background: #eee;
    height: 104px
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket .login::after {
        right:-12px;
        height: 100px
    }
}

@media (max-width: 768px) {
    .loginAndBasket .login::after {
        top:auto;
        height: 61px;
        bottom: -8px
    }
}

.loginAndBasket .login.loggedIn {
    display: inline-block
}

.loginAndBasket .login.loggedIn::before {
    background: url('/bw/v6/img/profile_icon-loggedin.svg') no-repeat right
}

@media (max-width: 768px) {
    .loginAndBasket .login.loggedIn .dropdown-menu {
        top:auto;
        bottom: 19px
    }
}

.loginAndBasket .login.loggedIn strong {
    display: block
}

.loginAndBasket .login.loggedIn #selectRewardsMenu {
    color: #555
}

.loginAndBasket .login.loggedIn #selectRewardsMenu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 34px
}

.loginAndBasket .login.loggedIn #selectRewardsMenu .caret {
    margin-top: -3px
}

.loginAndBasket .login.loggedIn .dropdown-menu {
    list-style-type: none;
    text-align: right;
    margin-right: 10px
}

.loginAndBasket .login.loggedIn .dropdown-menu #closeDropdownMenu {
    position: absolute;
    right: 0;
    top: 0;
    color: #555
}

.loginAndBasket .login.loggedIn .dropdown-menu #closeDropdownMenu::before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e822'
}

@media (min-width: 768px) {
    .loginAndBasket .login.loggedIn .dropdown-menu #closeDropdownMenu {
        display:none
    }
}

.loginAndBasket .login.loggedIn .dropdown-menu ul {
    margin-right: 10px;
    margin-top: 10px
}

@media (max-width: 768px) {
    .loginAndBasket .login.loggedIn .dropdown-menu ul {
        margin-top:20px
    }
}

.loginAndBasket .login.loggedIn .dropdown-menu ul li:last-child {
    margin-top: 15px
}

.loginAndBasket .login.loggedIn .dropdown-menu li {
    list-style-type: none;
    line-height: 1.1em
}

.loginAndBasket .login.loggedIn .dropdown-menu li .caret {
    transform: rotate(-90deg);
    margin-top: -4px
}

.loginAndBasket .login.loggedIn .dropdown-menu li a {
    font-size: .785rem;
    font-weight: 400;
    color: #555
}

.loginAndBasket .login.loggedIn .dropdown-menu li a strong.blue {
    color: #003c7e
}

.loginAndBasket .login.loggedIn .dropdown-menu li #logoutButton {
    padding-right: 10px
}

.loginAndBasket strong.basket {
    color: #003c7e
}

.loginAndBasket .basket {
    position: relative;
    padding-right: 2.5rem
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket .basket {
        padding-right:1.5rem
    }
}

.loginAndBasket .basket span {
    display: block;
    color: #555;
    font-weight: 500
}

.loginAndBasket .basket::after {
    background: url('/bw/v6/img/buy_icon.svg') no-repeat right;
    position: absolute;
    right: 0;
    bottom: 2px;
    content: '';
    width: 35px;
    height: 35px
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket .basket::after {
        width:20px;
        height: 20px
    }
}

@media (min-width: 992px) {
    .loginAndBasket .basket.basketFilled {
        margin-top:-1rem
    }
}

.loginAndBasket .basket.basketFilled::after {
    background: url('/bw/v6/img/buy_icon-filled.svg') no-repeat right
}

.loginAndBasket a {
    text-decoration: none;
    font-weight: 600;
    display: inline-block
}

@media (min-width: 768px) and (max-width:1030px) {
    .loginAndBasket a {
        font-size:.7rem;
        line-height: .9rem
    }
}

#basketContainer {
    scroll-margin-top: 80px
}

@media (max-width: 768px) {
    #basketContainer {
        scroll-margin-top:100px
    }
}

#customerDataErrorMessages .errormessg {
    margin-right: 0;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-spinner-outer {
    text-align: center;
    color: white
}

.loading-spinner img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px
}

.loading-spinner-outer p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 1rem
}

.loading-spinner {
    display: flex;
    gap: 8px;
    justify-content: center
}

.loading-spinner div {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both
}

.loading-spinner div:nth-child(1) {
    animation-delay: -0.32s
}

.loading-spinner div:nth-child(2) {
    animation-delay: -0.16s
}

.loading-spinner div:nth-child(3) {
    animation-delay: 0s
}

@keyframes bounce {
    0%,80%,100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left::before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left::before,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right::before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right::before {
    color: #555 !important
}

@media (min-width: 992px) {
    #customerform_conditionsAccepted {
        display:flex;
        align-content: flex-start;
        align-items: flex-start;
        gap: .2rem
    }
}

.field-error {
    position: relative
}

.field-error::after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e833';
    color: #990000;
    position: absolute;
    right: 8px;
    top: 70%;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none
}

.field-error label {
    color: #990000
}

.field-error input,.field-error select {
    border: 2px solid #990000 !important
}

.field-error #customerform_conditionsAccepted {
    color: #990000
}

.field-error #sonderrichtlinienHinweis {
    color: #555
}

.field-error.no-left-pad::after {
    right: 14px
}

.field-ok {
    position: relative
}

.field-ok::after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e898';
    color: #33A646;
    position: absolute;
    right: 8px;
    top: 70%;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none
}

.field-ok label {
    color: #33A646
}

.field-ok input,.field-ok select {
    border: 2px solid #33A646 !important
}

.field-ok #customerform_conditionsAccepted,.field-ok #customerform_termsOfUsageRead,.field-ok #customerform_rewardsAccountCreationAgreed {
    color: #33A646
}

.field-ok #sonderrichtlinienHinweis {
    color: #555
}

.field-ok.no-left-pad::after {
    right: 17px
}

.infoMessageBlue {
    background: #003c7e;
    color: #ffffff;
    padding: .5rem;
    margin: .5rem 0
}

.bookingCompleteRooms {
    position: relative
}

.totalSumBookingComplete .col-xs-12 {
    margin-top: 1rem
}

.totalSumBookingComplete small {
    font-weight: 400
}

#closebuttondiv {
    float: right;
    font-size: 12px
}

#closebuttondiv button {
    background-color: #003c7e;
    border: 1px solid #003c7e;
    border-radius: 19px;
    height: 25px;
    width: 25px;
    color: #ffffff;
    line-height: 22px;
    font-weight: bold;
    cursor: pointer
}

.updateGuestCountFields {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: end
}

@media (min-width: 768px) {
    .updateGuestCountFields {
        gap:2rem
    }
}

.updateGuestCountFields .btn {
    border-radius: 4px;
    padding: 6px 20px 6px 20px;
    font-size: .875rem
}

.updateGuestCountFields label {
    text-align: left
}

.updateGuestCountFields label small {
    font-weight: 400
}

.updateGuestCountFields .form-upDown {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #DAD9D9;
    background: #ffffff
}

.updateGuestCountFields .form-upDown button {
    background: transparent;
    border: none;
    font-size: 1rem;
    text-align: center;
    padding: 0 10px 0 10px
}

.updateGuestCountFields .form-upDown button:first-child {
    padding-right: 0
}

.updateGuestCountFields .form-upDown button:last-child {
    padding-left: 0
}

.updateGuestCountFields input[type="text"] {
    border-color: transparent;
    padding: 4px 5px 2px 5px;
    text-align: center;
    color: #555;
    font-size: .8rem;
    line-height: 1.5rem
}

.ipad .fullpageWrapper .chooseExtras .page .container .item .description span {
    font-size: .8rem;
    display: block;
    margin-left: 2rem
}

.bookingConditionsButton {
    background: transparent;
    border: 0;
    padding: 0;
    color: #003c7e;
    text-decoration: underline;
    font-weight: bold
}

#rooms-persons-panel button:focus-visible {
    outline: 3px solid #007bff;
    outline-offset: 2px;
    border-radius: 4px
}

.rect-auto,.rating .c100.p51 .slice,.rating .c100.p52 .slice,.rating .c100.p53 .slice,.rating .c100.p54 .slice,.rating .c100.p55 .slice,.rating .c100.p56 .slice,.rating .c100.p57 .slice,.rating .c100.p58 .slice,.rating .c100.p59 .slice,.rating .c100.p60 .slice,.rating .c100.p61 .slice,.rating .c100.p62 .slice,.rating .c100.p63 .slice,.rating .c100.p64 .slice,.rating .c100.p65 .slice,.rating .c100.p66 .slice,.rating .c100.p67 .slice,.rating .c100.p68 .slice,.rating .c100.p69 .slice,.rating .c100.p70 .slice,.rating .c100.p71 .slice,.rating .c100.p72 .slice,.rating .c100.p73 .slice,.rating .c100.p74 .slice,.rating .c100.p75 .slice,.rating .c100.p76 .slice,.rating .c100.p77 .slice,.rating .c100.p78 .slice,.rating .c100.p79 .slice,.rating .c100.p80 .slice,.rating .c100.p81 .slice,.rating .c100.p82 .slice,.rating .c100.p83 .slice,.rating .c100.p84 .slice,.rating .c100.p85 .slice,.rating .c100.p86 .slice,.rating .c100.p87 .slice,.rating .c100.p88 .slice,.rating .c100.p89 .slice,.rating .c100.p90 .slice,.rating .c100.p91 .slice,.rating .c100.p92 .slice,.rating .c100.p93 .slice,.rating .c100.p94 .slice,.rating .c100.p95 .slice,.rating .c100.p96 .slice,.rating .c100.p97 .slice,.rating .c100.p98 .slice,.rating .c100.p99 .slice,.rating .c100.p100 .slice,.rating .c100.p10 .slice {
    clip: rect(auto, auto, auto, auto)
}

.pie,.rating .c100 .bar,.rating .c100.p51 .fill,.rating .c100.p52 .fill,.rating .c100.p53 .fill,.rating .c100.p54 .fill,.rating .c100.p55 .fill,.rating .c100.p56 .fill,.rating .c100.p57 .fill,.rating .c100.p58 .fill,.rating .c100.p59 .fill,.rating .c100.p60 .fill,.rating .c100.p61 .fill,.rating .c100.p62 .fill,.rating .c100.p63 .fill,.rating .c100.p64 .fill,.rating .c100.p65 .fill,.rating .c100.p66 .fill,.rating .c100.p67 .fill,.rating .c100.p68 .fill,.rating .c100.p69 .fill,.rating .c100.p70 .fill,.rating .c100.p71 .fill,.rating .c100.p72 .fill,.rating .c100.p73 .fill,.rating .c100.p74 .fill,.rating .c100.p75 .fill,.rating .c100.p76 .fill,.rating .c100.p77 .fill,.rating .c100.p78 .fill,.rating .c100.p79 .fill,.rating .c100.p80 .fill,.rating .c100.p81 .fill,.rating .c100.p82 .fill,.rating .c100.p83 .fill,.rating .c100.p84 .fill,.rating .c100.p85 .fill,.rating .c100.p86 .fill,.rating .c100.p87 .fill,.rating .c100.p88 .fill,.rating .c100.p89 .fill,.rating .c100.p90 .fill,.rating .c100.p91 .fill,.rating .c100.p92 .fill,.rating .c100.p93 .fill,.rating .c100.p94 .fill,.rating .c100.p95 .fill,.rating .c100.p96 .fill,.rating .c100.p97 .fill,.rating .c100.p98 .fill,.rating .c100.p99 .fill,.rating .c100.p100 .fill,.rating .c100.p10 .fill {
    position: absolute;
    border: .07em solid #19407b;
    width: .86em;
    height: .86em;
    clip: rect(0, .5em, 1em, 0);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pie-fill,.rating .c100.p51 .bar:after,.rating .c100.p51 .fill,.rating .c100.p52 .bar:after,.rating .c100.p52 .fill,.rating .c100.p53 .bar:after,.rating .c100.p53 .fill,.rating .c100.p54 .bar:after,.rating .c100.p54 .fill,.rating .c100.p55 .bar:after,.rating .c100.p55 .fill,.rating .c100.p56 .bar:after,.rating .c100.p56 .fill,.rating .c100.p57 .bar:after,.rating .c100.p57 .fill,.rating .c100.p58 .bar:after,.rating .c100.p58 .fill,.rating .c100.p59 .bar:after,.rating .c100.p59 .fill,.rating .c100.p60 .bar:after,.rating .c100.p60 .fill,.rating .c100.p61 .bar:after,.rating .c100.p61 .fill,.rating .c100.p62 .bar:after,.rating .c100.p62 .fill,.rating .c100.p63 .bar:after,.rating .c100.p63 .fill,.rating .c100.p64 .bar:after,.rating .c100.p64 .fill,.rating .c100.p65 .bar:after,.rating .c100.p65 .fill,.rating .c100.p66 .bar:after,.rating .c100.p66 .fill,.rating .c100.p67 .bar:after,.rating .c100.p67 .fill,.rating .c100.p68 .bar:after,.rating .c100.p68 .fill,.rating .c100.p69 .bar:after,.rating .c100.p69 .fill,.rating .c100.p70 .bar:after,.rating .c100.p70 .fill,.rating .c100.p71 .bar:after,.rating .c100.p71 .fill,.rating .c100.p72 .bar:after,.rating .c100.p72 .fill,.rating .c100.p73 .bar:after,.rating .c100.p73 .fill,.rating .c100.p74 .bar:after,.rating .c100.p74 .fill,.rating .c100.p75 .bar:after,.rating .c100.p75 .fill,.rating .c100.p76 .bar:after,.rating .c100.p76 .fill,.rating .c100.p77 .bar:after,.rating .c100.p77 .fill,.rating .c100.p78 .bar:after,.rating .c100.p78 .fill,.rating .c100.p79 .bar:after,.rating .c100.p79 .fill,.rating .c100.p80 .bar:after,.rating .c100.p80 .fill,.rating .c100.p81 .bar:after,.rating .c100.p81 .fill,.rating .c100.p82 .bar:after,.rating .c100.p82 .fill,.rating .c100.p83 .bar:after,.rating .c100.p83 .fill,.rating .c100.p84 .bar:after,.rating .c100.p84 .fill,.rating .c100.p85 .bar:after,.rating .c100.p85 .fill,.rating .c100.p86 .bar:after,.rating .c100.p86 .fill,.rating .c100.p87 .bar:after,.rating .c100.p87 .fill,.rating .c100.p88 .bar:after,.rating .c100.p88 .fill,.rating .c100.p89 .bar:after,.rating .c100.p89 .fill,.rating .c100.p90 .bar:after,.rating .c100.p90 .fill,.rating .c100.p91 .bar:after,.rating .c100.p91 .fill,.rating .c100.p92 .bar:after,.rating .c100.p92 .fill,.rating .c100.p93 .bar:after,.rating .c100.p93 .fill,.rating .c100.p94 .bar:after,.rating .c100.p94 .fill,.rating .c100.p95 .bar:after,.rating .c100.p95 .fill,.rating .c100.p96 .bar:after,.rating .c100.p96 .fill,.rating .c100.p97 .bar:after,.rating .c100.p97 .fill,.rating .c100.p98 .bar:after,.rating .c100.p98 .fill,.rating .c100.p99 .bar:after,.rating .c100.p99 .fill,.rating .c100.p100 .bar:after,.rating .c100.p100 .fill,.rating .c100.p10 .bar:after,.rating .c100.p10 .fill {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rating .c100 {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 .1em .1em 0;
    background-color: #95c7f3
}

.rating .c100 *,.rating .c100 *:before,.rating .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.rating .c100.center {
    float: none;
    margin: 0 auto
}

.rating .c100.xs {
    margin: 0 0 0 0
}

.rating .c100.xs>span {
    width: 2.1em
}

.rating .c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 2.4em;
    color: #19407b;
    display: block;
    text-align: center;
    white-space: nowrap
}

.rating .c100:after {
    position: absolute;
    top: .07em;
    left: .07em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #ffffff;
    width: .86em;
    height: .86em;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.rating .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em);
    margin-left: -1px
}

.rating .c100 .bar {
    margin-left: 1px
}

.rating .c100.p51 .fill {
    margin-left: 1px
}

.rating .c100.p52 .fill {
    margin-left: 1px
}

.rating .c100.p53 .fill {
    margin-left: 1px
}

.rating .c100.p54 .fill {
    margin-left: 1px
}

.rating .c100.p55 .fill {
    margin-left: 1px
}

.rating .c100.p56 .fill {
    margin-left: 1px
}

.rating .c100.p57 .fill {
    margin-left: 1px
}

.rating .c100.p58 .fill {
    margin-left: 1px
}

.rating .c100.p59 .fill {
    margin-left: 1px
}

.rating .c100.p60 .fill {
    margin-left: 1px
}

.rating .c100.p61 .fill {
    margin-left: 1px
}

.rating .c100.p62 .fill {
    margin-left: 1px
}

.rating .c100.p63 .fill {
    margin-left: 1px
}

.rating .c100.p64 .fill {
    margin-left: 1px
}

.rating .c100.p65 .fill {
    margin-left: 1px
}

.rating .c100.p66 .fill {
    margin-left: 1px
}

.rating .c100.p67 .fill {
    margin-left: 1px
}

.rating .c100.p68 .fill {
    margin-left: 1px
}

.rating .c100.p69 .fill {
    margin-left: 1px
}

.rating .c100.p70 .fill {
    margin-left: 1px
}

.rating .c100.p71 .fill {
    margin-left: 1px
}

.rating .c100.p72 .fill {
    margin-left: 1px
}

.rating .c100.p73 .fill {
    margin-left: 1px
}

.rating .c100.p74 .fill {
    margin-left: 1px
}

.rating .c100.p75 .fill {
    margin-left: 1px
}

.rating .c100.p76 .fill {
    margin-left: 1px
}

.rating .c100.p77 .fill {
    margin-left: 1px
}

.rating .c100.p78 .fill {
    margin-left: 1px
}

.rating .c100.p79 .fill {
    margin-left: 1px
}

.rating .c100.p80 .fill {
    margin-left: 1px
}

.rating .c100.p81 .fill {
    margin-left: 1px
}

.rating .c100.p82 .fill {
    margin-left: 1px
}

.rating .c100.p83 .fill {
    margin-left: 1px
}

.rating .c100.p84 .fill {
    margin-left: 1px
}

.rating .c100.p85 .fill {
    margin-left: 1px
}

.rating .c100.p86 .fill {
    margin-left: 1px
}

.rating .c100.p87 .fill {
    margin-left: 1px
}

.rating .c100.p88 .fill {
    margin-left: 1px
}

.rating .c100.p89 .fill {
    margin-left: 1px
}

.rating .c100.p90 .fill {
    margin-left: 1px
}

.rating .c100.p91 .fill {
    margin-left: 1px
}

.rating .c100.p92 .fill {
    margin-left: 1px
}

.rating .c100.p93 .fill {
    margin-left: 1px
}

.rating .c100.p94 .fill {
    margin-left: 1px
}

.rating .c100.p95 .fill {
    margin-left: 1px
}

.rating .c100.p96 .fill {
    margin-left: 1px
}

.rating .c100.p97 .fill {
    margin-left: 1px
}

.rating .c100.p98 .fill {
    margin-left: 1px
}

.rating .c100.p99 .fill {
    margin-left: 1px
}

.rating .c100.p100 .fill {
    margin-left: 1px
}

.rating .c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.rating .c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.rating .c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.rating .c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.rating .c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg)
}

.rating .c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.rating .c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.rating .c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.rating .c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.rating .c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg)
}

.rating .c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.rating .c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.rating .c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg)
}

.rating .c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.rating .c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg)
}

.rating .c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.rating .c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.rating .c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.rating .c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.rating .c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

.rating .c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg)
}

.rating .c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.rating .c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.rating .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.rating .c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rating .c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg)
}

.rating .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.rating .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.rating .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.rating .c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg)
}

.rating .c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg)
}

.rating .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.rating .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.rating .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.rating .c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg)
}

.rating .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.rating .c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg)
}

.rating .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.rating .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.rating .c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

.rating .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.rating .c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg)
}

.rating .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.rating .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.rating .c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg)
}

.rating .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.rating .c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg)
}

.rating .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.rating .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.rating .c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rating .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.rating .c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg)
}

.rating .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.rating .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.rating .c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg)
}

.rating .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.rating .c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg)
}

.rating .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.rating .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.rating .c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

.rating .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.rating .c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg)
}

.rating .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.rating .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.rating .c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg)
}

.rating .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.rating .c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg)
}

.rating .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.rating .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.rating .c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg)
}

.rating .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.rating .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.rating .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.rating .c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg)
}

.rating .c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rating .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.rating .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.rating .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.rating .c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg)
}

.rating .c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

.rating .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.rating .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.rating .c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.rating .c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg)
}

.rating .c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg)
}

.rating .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.rating .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.rating .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.rating .c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg)
}

.rating .c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg)
}

.rating .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.rating .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.rating .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.rating .c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg)
}

.rating .c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg)
}

.rating .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.rating .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.rating .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.rating .c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg)
}

.rating .c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.rating .c100.p10 .fill {
    margin-left: 1px
}

.rating .c100.p10 .bar {
    -webkit-transform: rotate(359.99deg);
    -ms-transform: rotate(359.99deg);
    -o-transform: rotate(359.99deg);
    transform: rotate(359.99deg)
}

#advantage-planner {
    height: auto;
    position: relative;
    top: 0;
    z-index: 5
}

#advantage-planner #searchpanel {
    width: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    left: 0;
    top: 0;
    height: auto
}

@media (min-width: 930px) {
    #advantage-planner #searchpanel {
        width:880px
    }
}

@media (min-width: 992px) {
    #advantage-planner #searchpanel {
        width:920px
    }
}

@media (min-width: 1064px) {
    #advantage-planner #searchpanel {
        width:1006px;
        margin-left: 0
    }
}

#advantage-planner #searchpanel #vorteilsuche {
    padding: 9px 9px 9px 9px
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche {
        padding:6px 26px 0 26px
    }
}

@media (min-width: 1024px) {
    #advantage-planner #searchpanel #vorteilsuche {
        padding:6px 31px 0 31px
    }
}

#advantage-planner #searchpanel #vorteilsuche h4 {
    width: 100%;
    font-size: .75rem;
    padding: 0 .5rem;
    margin: 1rem 0 0 0
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }
}

@media (min-width: 576px) and (min-width:920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: no-wrap;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group {
    width: 100%;
    margin: 0 0 2% 0;
    float: left
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(1) {
    width: 100%;
    position: relative
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(2) {
    width: 100%
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(2) label {
    width: 97%
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(3) {
    width: 100%
}

@media (min-width: 768px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group {
        width:31%;
        margin: 0 1% 1% 0;
        float: left
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(1) {
        width: 31%
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(2) {
        width: 31%
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(3) {
        width: 35%
    }
}

@media (min-width: 920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group {
        width:24%;
        margin: 0 auto;
        float: none
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(1) {
        width: 24%;
        margin: 0 auto
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(2) {
        width: 24%
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group:nth-of-type(3) {
        width: 27%
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group label {
    display: inline-block;
    text-transform: none;
    font-size: .875rem
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group .form-control {
    font-size: 15px
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit,#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset {
    width: 100%;
    max-width: 100%
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit .btn,#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset .btn {
    color: white;
    border-radius: 4px;
    text-transform: none;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
    height: 34px;
    padding: 0 0 0 0;
    margin: 8px 0 0 0;
    -webkit-appearance: none
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit .btn,#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset .btn {
        font-size:.8rem;
        font-weight: 600;
        border-radius: 4px;
        height: 32px;
        -webkit-appearance: none
    }
}

@media (min-width: 920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit .btn,#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset .btn {
        margin:24px 0 0 0 !important
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit {
    margin: 0 2% 0 0
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit .btn {
    background-color: #033878;
    border-color: #033878
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit {
        max-width:72px
    }

    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit .btn.show-spinner {
        margin: 24px 0 0 0 !important
    }
}

@media (min-width: 920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.submit {
        margin:0 0 0 0
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset .btn {
    background-color: #ACAAB1;
    border-color: #ACAAB1
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .form-group.reset {
        max-width:120px
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group {
    width: 100%;
    margin: 0 0 0 0
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group:last-child {
    margin: 0 0 3% 0
}

@media (min-width: 920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group {
        width:49%;
        margin: 0 0 3% 0
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group>div {
    padding: 0 .5rem
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group label {
    display: inline-block;
    text-transform: none;
    font-size: .875rem
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group sup {
    font-size: .5rem
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox {
    font-size: .875rem;
    height: 34px;
    line-height: 34px;
    padding-left: 28px
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox {
        height:auto;
        line-height: .8rem;
        padding-left: 18px
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox .checkmark {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    z-index: -1;
    text-align: right;
    top: 7px
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox .checkmark {
        height:12px;
        width: 12px;
        top: 0px;
        border-radius: 3px
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox .checkmark+.icon-gastronomy {
    vertical-align: 0px
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox.selected {
    color: white
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox.selected {
        color:#646363
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox.selected:hover input~.checkmark {
    background-color: #003c7e;
    opacity: 1
}

#advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox:hover input~.checkmark {
    background-color: white;
    opacity: 1
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox:hover input~.checkmark {
        background-color:#003c7e;
        opacity: .1
    }
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .checkbox-group .checkbox:hover input:checked~.checkmark {
        background-color:#003c7e;
        opacity: 1
    }
}

#advantage-planner #searchpanel #vorteilsuche .form-row .notice {
    font-size: .75rem;
    position: absolute;
    right: 12px;
    bottom: -28px
}

@media (min-width: 576px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .notice {
        bottom:-1 8px
    }
}

@media (min-width: 920px) {
    #advantage-planner #searchpanel #vorteilsuche .form-row .notice {
        bottom:-38px
    }
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel {
    width: 100%;
    min-height: 100px;
    background: white;
    border: 1px solid #C6C5C9;
    margin-top: -1px;
    padding: 6px;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    display: none
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul {
    list-style-type: none;
    margin: 0
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li {
    text-align: center
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-start,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-end,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-first-click {
    background: #003c7e;
    color: white
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-start:hover,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-end:hover,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-first-click:hover {
    background: #003c7e
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selected {
    background: #E3E5F1
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selected:hover {
    background: #E3E5F1
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-start {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-end {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li.selection-first-click {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul li:hover {
    background: rgba(227,229,241,0.5)
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li:hover {
    background: #E3E5F1
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-start,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-end,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-first-click {
    background: #003c7e;
    color: white
}

#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-start:hover,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-end:hover,#advantage-planner #searchpanel #vorteilsuche #monthSelectionPanel ul.selecting li.selection-first-click:hover {
    background: #003c7e
}

#advantage-planner #searchpanel #vorteilsuche .none-checked-hint {
    width: 100%;
    text-align: center;
    font-weight: bold
}

#advantage-planner-result-list table {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999
}

#advantage-planner-result-list table th {
    background-color: #fff;
    font-size: .8rem !important
}

#advantage-planner-result-list table th.sortierbar:after {
    color: #cfcfcf
}

#advantage-planner-result-list table th.table-th-sort:after {
    color: #000000
}

#advantage-planner-result-list table td {
    width: auto;
    vertical-align: middle;
    text-align: left;
    font-size: .8rem !important
}

#advantage-planner-result-list table td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-weight: bold;
    display: inline-block;
    width: 110px
}

@media (min-width: 768px) {
    #advantage-planner-result-list table td {
        text-align:center
    }

    #advantage-planner-result-list table td:first-child {
        text-align: left
    }

    #advantage-planner-result-list table td:last-child {
        text-align: right
    }

    #advantage-planner-result-list table td[data-title]:before {
        content: '';
        float: none;
        display: none
    }
}

#advantage-planner-result-list table td a {
    text-decoration: none;
    font-size: .8rem;
    font-weight: 700;
    width: 100%
}

@media (min-width: 768px) {
    #advantage-planner-result-list table td a {
        width:auto
    }
}

#advantage-planner-result-list table td a:hover {
    text-decoration: underline
}

#advantage-planner-result-list table td a.btn {
    font-weight: 600
}

#advantage-planner-result-list table td a.btn:hover {
    text-decoration: none
}

#advantage-planner-result-list table td span.distance {
    display: inline
}

@media (min-width: 768px) {
    #advantage-planner-result-list table td span.distance {
        display:block
    }
}

.advantage-planer-infos {
    margin: 1rem 0 3rem;
    font-size: .8rem !important
}

.advantage-planer-infos h4 {
    font-size: .8rem;
    font-weight: bold
}

.advantage-planer-infos p {
    font-size: .8rem !important
}

.advantage-planer-infos small {
    font-size: .75rem
}

#hiddenFormContainer {
    display: none
}

.advantage-planer-overlay {
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

.advantage-planer-overlay .overlay-container {
    background-color: #F0F1F1;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: absolute;
    z-index: 1001
}

.advantage-planer-overlay .overlay-container form {
    width: 100%;
    overflow: visible
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.advantage-planer-overlay .overlay-container form .form-group {
    padding: 0 6px;
    width: 100%;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group {
        padding:6px;
        margin-bottom: 15px;
        margin-right: 6px
    }
}

.advantage-planer-overlay .overlay-container form .form-group.hotelview-link {
    text-align: center;
    padding-top: 6px
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.hotelview-link {
        text-align:left;
        width: auto;
        white-space: nowrap;
        overflow-x: clip;
        text-overflow: ellipsis
    }
}

@media (min-width: 1024px) {
    .advantage-planer-overlay .overlay-container form .form-group.hotelview-link {
        width:35%
    }
}

.advantage-planer-overlay .overlay-container form .form-group.hotelview-link a {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.3rem
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.hotelview-link a {
        font-size:.8rem;
        line-height: 2rem
    }
}

.advantage-planer-overlay .overlay-container form .form-group.arrive-depart {
    position: relative
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.arrive-depart {
        width:156px;
        min-width: 156px
    }

    .advantage-planer-overlay .overlay-container form .form-group.arrive-depart .form-control {
        text-align: center;
        padding: 6px 4px
    }
}

@media (min-width: 1024px) {
    .advantage-planer-overlay .overlay-container form .form-group.arrive-depart .form-control {
        padding:6px 12px
    }
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.rooms-persons {
        width:268px
    }
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.submit {
        width:120px;
        min-width: 120px;
        text-align: right;
        margin-right: 0
    }
}

.advantage-planer-overlay .overlay-container form .form-group.submit .btn {
    background-color: #033878;
    border-color: #033878;
    color: white;
    border-radius: 4px;
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    height: 34px;
    padding: 0 0 0 0;
    -webkit-appearance: none
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group.submit .btn {
        font-size:.8rem;
        font-weight: 600;
        border-radius: 4px;
        margin: 0 0 0 0 !important;
        width: 103px;
        height: 32px;
        padding: 0 0 0 0;
        -webkit-appearance: none
    }
}

.advantage-planer-overlay .overlay-container form .form-group .form-control {
    font-size: 1rem
}

.advantage-planer-overlay .overlay-container form .form-group .form-control::-moz-placeholder {
    color: black;
    opacity: 1
}

.advantage-planer-overlay .overlay-container form .form-group .form-control:-ms-input-placeholder {
    color: black
}

.advantage-planer-overlay .overlay-container form .form-group .form-control::-webkit-input-placeholder {
    color: black
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .form-group .form-control {
        font-size:.8rem
    }
}

.advantage-planer-overlay .overlay-container form .rooms-persons {
    position: relative
}

.advantage-planer-overlay .overlay-container form .rooms-persons .combined-rooms-persons {
    background-image: url(/bw/v6/img/ico/dir-down.svg);
    background-repeat: no-repeat;
    background-position: 97% 14px;
    background-size: 9px auto;
    background-color: #ffffff;
    cursor: default;
    width: 100%;
    min-width: 268px
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel {
    width: 100%;
    min-width: 268px;
    min-height: 100px;
    background: white;
    border: 1px solid #C6C5C9;
    margin-top: -1px;
    padding: 10px 8px;
    font-size: .8rem;
    display: none
}

@media (min-width: 576px) {
    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel {
        width:328px
    }
}

@media (min-width: 768px) {
    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel {
        width:100%
    }
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room {
    display: block;
    margin: 0 0 20px 0;
    display: none
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room#room1 {
    display: block
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span,.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button {
    display: inline-block;
    float: left;
    overflow: hidden;
    color: #000000
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(1),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(1),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(5),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(5) {
    width: 26%;
    text-align: left
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(2),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(2),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(6),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(6) {
    width: 6%;
    text-align: center
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(3),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(3),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(7),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(7) {
    width: 3%
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(4),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(4),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(8),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(8) {
    text-align: left
}

@supports (display: grid) {
    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room {
        margin:0 0 8px 0;
        display: grid;
        grid-template-columns: 5fr 1fr .5fr 10fr;
        column-gap: 0px;
        row-gap: 0px;
        align-items: center;
        display: none
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span,.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button {
        float: none
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(1),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(1),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(2),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(2),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(3),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(3),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(4),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(4),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(5),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(5),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(6),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(6),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(7),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(7),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room span:nth-child(8),.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button:nth-child(8) {
        width: 100%;
        width: auto
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.add-adult,.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.add-child {
        padding-left: 10px;
        padding-right: 0px
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.add-adult i,.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.add-child i {
        padding-right: 6px
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.remove-adult,.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room button.remove-child {
        padding-left: 6px;
        padding-right: 14px
    }

    .advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div.room#room1 {
        display: grid
    }
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel div:last-of-type {
    text-align: center;
    margin-top: 10px
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel .cnt {
    justify-self: center;
    font-weight: 600
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    outline: none;
    cursor: pointer
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button i {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-style: normal
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button.add-room {
    position: relative;
    margin: 0
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button.add-room.active {
    outline: none
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button.add-room.active:after {
    content: '|';
    position: absolute;
    right: -4px
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button.remove-room {
    position: relative;
    margin: 0 0 0 0;
    display: none
}

.advantage-planer-overlay .overlay-container form .rooms-persons .rooms-persons-panel button[disabled="true"] {
    cursor: default
}

@media (min-width: 768px) and (max-width:940px) {
    .advantage-planer-overlay+.lightpick--2-columns {
        left:auto !important;
        right: 140px !important
    }
}

.advantage-planer-overlay+.lightpick--1-columns {
    margin-left: 0 !important
}

.advantage-planer-overlay+.lightpick--1-columns .lightpick__month {
    width: 86vw;
    max-width: 360px
}

@media (max-width: 380px) {
    .advantage-planer-overlay+.lightpick--1-columns .lightpick__month {
        width:86vw
    }
}

.table-tagungsraeume thead,.table-super-responsive thead {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: none;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.table-tagungsraeume tbody,.table-tagungsraeume tr,.table-tagungsraeume th,.table-tagungsraeume td,.table-super-responsive tbody,.table-super-responsive tr,.table-super-responsive th,.table-super-responsive td {
    display: block;
    padding: 0;
    white-space: normal
}

.table-tagungsraeume tbody tr,.table-super-responsive tbody tr {
    border-bottom: 1px solid #c7c5cb
}

.table-tagungsraeume tbody tr:nth-child(odd),.table-super-responsive tbody tr:nth-child(odd) {
    background-color: #fff
}

.table-tagungsraeume tbody tr:hover,.table-super-responsive tbody tr:hover {
    background-color: #fff
}

.table-tagungsraeume tbody th[scope=row],.table-super-responsive tbody th[scope=row] {
    padding: 1em .5em;
    background-color: #a4a4a4;
    font-weight: bold
}

.table-tagungsraeume tbody td,.table-super-responsive tbody td {
    text-align: right;
    min-height: 30px;
    width: 100%
}

.table-tagungsraeume tbody td[data-title]:before,.table-super-responsive tbody td[data-title]:before {
    content: attr(data-title);
    float: left
}

@media (min-width: 768px) {
    .table-tagungsraeume th,.table-tagungsraeume td,.table-super-responsive th,.table-super-responsive td {
        display:table-cell;
        text-align: center
    }

    .table-tagungsraeume thead,.table-super-responsive thead {
        position: relative;
        clip: auto;
        height: auto;
        width: 100%;
        overflow: auto
    }

    .table-tagungsraeume thead th,.table-super-responsive thead th {
        text-align: center
    }

    .table-tagungsraeume thead th:first-child,.table-super-responsive thead th:first-child {
        text-align: left
    }

    .table-tagungsraeume tr,.table-super-responsive tr {
        display: table-row
    }

    .table-tagungsraeume tbody,.table-super-responsive tbody {
        display: table-row-group
    }

    .table-tagungsraeume tbody tr,.table-super-responsive tbody tr {
        border-bottom: none
    }

    .table-tagungsraeume tbody tr:nth-child(odd),.table-super-responsive tbody tr:nth-child(odd) {
        background-color: #f9f9f9
    }

    .table-tagungsraeume tbody tr:hover,.table-super-responsive tbody tr:hover {
        background-color: #f2f7f9
    }

    .table-tagungsraeume tbody th[scope=row],.table-super-responsive tbody th[scope=row] {
        padding: 6px 6px 6px 6px;
        background-color: transparent
    }

    .table-tagungsraeume tbody th:first-child,.table-super-responsive tbody th:first-child {
        text-align: left
    }

    .table-tagungsraeume tbody td,.table-super-responsive tbody td {
        min-height: 1px;
        width: 8%;
        text-align: center
    }

    .table-tagungsraeume tbody td[data-title]:before,.table-super-responsive tbody td[data-title]:before {
        content: '';
        float: none
    }

    .table-tagungsraeume tbody td:first-child,.table-super-responsive tbody td:first-child {
        text-align: left
    }
}

.hotelviewArrangementBookOnline {
    margin-top: 60px
}

.hotelviewArrangementBookOnline:first-child {
    margin-top: 0
}

.hotelviewArrangementBookOnline h3 {
    margin-bottom: 5px
}

.hotelviewArrangementBookOnline h4 {
    margin-bottom: 5px
}

.hotelviewArrangementBookOnline .panel-heading {
    max-width: 175px
}

.hotelviewArrangementBookOnline .panel-title span.closeArrangement {
    display: none
}

.hotelviewArrangementBookOnline .panel-title>a.accordion-toggle {
    padding-right: 0
}

.hotelviewArrangementBookOnline .panel-title>a.accordion-toggle.active span.closeArrangement {
    display: inline-block
}

.hotelviewArrangementBookOnline .panel-title>a.accordion-toggle.active span.openArrangement {
    display: none
}

.hotelviewArrangementBookOnline .panel-title>a.accordion-toggle:after {
    right: 4px
}

.hotelviewArrangementBookOnline .clampMe {
    margin-bottom: 7px
}

@media (min-width: 768px) {
    .hotelviewArrangementBookOnline .clampMe {
        min-height:40px
    }
}

@supports (display: flex) {
    .package-wrap {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.hotelviewArrangementPackage {
    margin-top: 60px;
    width: 100%;
    float: left;
    margin-right: 2%;
    min-height: 370px;
    opacity: 0
}

.hotelviewArrangementPackage:nth-child(4n + 3) {
    margin-right: 0;
    margin-left: 2%
}

@supports (display: flex) {
    .hotelviewArrangementPackage {
        float:none;
        margin: 0 0 80px 0;
        min-height: 0
    }

    .hotelviewArrangementPackage:nth-child(4n + 3) {
        margin: 0 0 80px 0
    }
}

.hotelviewArrangementPackage .imgholder {
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #2f4f4f;
    position: relative
}

@media (min-width: 768px) {
    .hotelviewArrangementPackage .imgholder {
        height:240px
    }
}

.hotelviewArrangementPackage .imgholder .overlay {
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    bottom: 10%;
    right: 0;
    padding: 8px 20px
}

.hotelviewArrangementPackage h3 {
    margin-bottom: 5px
}

.hotelviewArrangementPackage .panel {
    margin-top: 1px !important
}

.hotelviewArrangementPackage .panel-title span.closeArrangement {
    display: none
}

.hotelviewArrangementPackage .panel-title>a.accordion-toggle {
    padding-left: 40px
}

.hotelviewArrangementPackage .panel-title>a.accordion-toggle.active span.closeArrangement {
    display: inline-block
}

.hotelviewArrangementPackage .panel-title>a.accordion-toggle.active span.openArrangement {
    display: none
}

.hotelviewArrangementPackage .panel-title>a.accordion-toggle:after {
    left: 12px
}

.hotelviewArrangementPackage .clampMe {
    margin-bottom: 7px
}

@media (min-width: 768px) {
    .hotelviewArrangementPackage .clampMe {
        min-height:40px
    }
}

.hotelviewArrangementPackage form input[type=submit] {
    float: right
}

@media (min-width: 768px) {
    .hotelviewArrangementPackage {
        width:48%
    }
}

h1.packageFilterHeadline,h2.packageFilterHeadline {
    text-align: center;
    text-transform: none
}

ul.packageFilterList {
    display: block;
    width: 100%;
    margin: 0 0 50px 0;
    text-align: center;
    list-style-type: none;
    overflow: hidden
}

ul.packageFilterList li {
    display: block;
    margin-bottom: 1px;
    background: #eee
}

ul.packageFilterList li a {
    display: block;
    text-decoration: none;
    padding: 10px 0 10px;
    cursor: pointer
}

ul.packageFilterList li a.selected {
    background: #cbcfd4
}

ul.packageFilterList li:first-child {
    background: #003c7e
}

ul.packageFilterList li:first-child a {
    color: #fff
}

ul.packageFilterList li:first-child a:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e803';
    padding-left: 10px;
    vertical-align: -2px
}

ul.packageFilterList.open li:first-child a:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e800'
}

@media (min-width: 992px) {
    ul.packageFilterList {
        border-bottom:1px solid #ccc
    }

    ul.packageFilterList li {
        display: inline-block;
        margin: 0;
        background: #fff
    }

    ul.packageFilterList li a {
        display: inline-block;
        padding: 10px 12px 8px
    }

    ul.packageFilterList li a.selected {
        color: #fff;
        background: #003c7e
    }

    ul.packageFilterList li:first-child {
        background: #fff
    }

    ul.packageFilterList li:first-child a span {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        color: #646363;
        margin-bottom: -4px
    }

    ul.packageFilterList li:first-child a:after {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }

    ul.packageFilterList li:first-child.selected {
        background: #003c7e
    }

    ul.packageFilterList li:first-child.selected a span {
        color: #fff
    }

    ul.packageFilterList li:first-child.selected a:after {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }
}

#eventCalendarWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#eventCalendarWrap.flexStart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

#eventCalendarWrap.flexStart .calendarEvent {
    margin-right: 3.33%
}

#eventCalendarWrap .calendarEvent {
    width: 30%;
    background-color: #4a4a4a;
    color: white;
    margin-bottom: 5%;
    padding-bottom: 1em;
    opacity: 0
}

@media (max-width: 768px) {
    #eventCalendarWrap .calendarEvent {
        width:48%
    }
}

@media (max-width: 480px) {
    #eventCalendarWrap .calendarEvent {
        width:100%
    }
}

#eventCalendarWrap .calendarEvent .calendarEventImgWrap {
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#eventCalendarWrap .calendarEvent .calendarEventImgWrap img {
    width: 100%;
    max-width: 100%;
    height: auto
}

#eventCalendarWrap .calendarEvent p,#eventCalendarWrap .calendarEvent h3,#eventCalendarWrap .calendarEvent a {
    padding-left: 1rem;
    padding-right: 1rem
}

#eventCalendarWrap .calendarEvent a {
    display: inline-block;
    margin: 1rem 0 .5rem 0;
    color: white;
    text-decoration: underline
}

#eventCalendarWrap .calendarEvent a:before {
    content: ">";
    display: inline-block;
    padding: 0 .25rem 0 0
}

#eventCalendarWrap .calendarEvent h3 {
    text-transform: none;
    margin: 1rem 0;
    line-height: 1.3em;
    font-weight: bold
}

@media (min-width: 320px) {
    #eventCalendarWrap .calendarEvent h3 {
        font-size:1.15rem
    }
}

@media (min-width: 480px) {
    #eventCalendarWrap .calendarEvent h3 {
        font-size:1.3rem
    }
}

@media (min-width: 768px) {
    #eventCalendarWrap .calendarEvent h3 {
        font-size:1.05rem
    }
}

@media (min-width: 845px) {
    #eventCalendarWrap .calendarEvent h3 {
        font-size:1.2rem
    }
}

#eventCalendarWrap .calendarEvent .calendarEventDate {
    margin: .4rem 0
}

.edge #eventCalendarWrap .calendarEvent {
    margin-bottom: 48px
}

.eventCalendarBtn {
    display: block;
    height: 38px;
    background-color: #4a4a4a;
    color: #fff;
    clear: both;
    text-align: center;
    margin-bottom: 32px;
    text-decoration: none;
    font-size: 20px;
    line-height: 38px;
    text-transform: uppercase
}

@media (max-width: 360px) {
    .eventCalendarBtn {
        font-size:18px
    }
}

.eventCalendarBtn:hover {
    color: #fff;
    text-decoration: none
}

.eventCalendarBtn span {
    background-image: url(/bw/v6/img/ico/calendar-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding-left: 35px
}

#stornierung .searchhead {
    padding-top: 0
}

.carousel-deact #carousel {
    height: 6em
}

.carousel-deact #namepanel {
    background: none;
    padding: 0;
    top: -4.5em
}

.carousel-deact #namepanel h2 {
    padding-bottom: 0
}

.carousel-deact .searchhead #search-options {
    background: #fafafa
}

.carousel-deact .searchhead #search-options form#updateform label {
    color: #4a4a4a
}

.carousel-deact .searchhead #search-options form#updateform input {
    border: 1px solid #eeeeee
}

.image-gallery .text-overlay {
    background: none;
    text-align: right;
    padding: .5em;
    min-height: 0
}

.image-gallery a .text-overlay span {
    color: #fff;
    opacity: .7
}

.image-gallery a:hover .text-overlay span {
    opacity: .9
}

.touch-gallery .text-overlay {
    background: none;
    text-align: center;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    background: #fff;
    min-height: 200px
}

.touch-gallery .text-overlay span {
    opacity: .9 !important;
    position: absolute;
    top: 50%;
    z-index: 30;
    text-shadow: 0 0 2px #000000;
    cursor: pointer
}

.touch-gallery .text-overlay span.icon-left-open {
    left: 0
}

.touch-gallery .text-overlay span.icon-right-open {
    right: 0
}

.touch-gallery .text-overlay ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 20
}

.touch-gallery .text-overlay ul li {
    display: block;
    float: left
}

.touch-gallery .text-overlay ul li img {
    max-width: none
}

.touch-gallery a:hover.content-block .text-overlay span {
    opacity: .7
}

.touch-gallery .title-box {
    max-height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 30;
    padding: 0;
    background-color: #fff \9;
    background-color: rgba(255,255,255,0.8)
}

.touch-gallery .title-box.active {
    border-bottom: 1px solid #c7c5cb
}

.touch-gallery .title-box span {
    display: block;
    color: #646363;
    text-align: center;
    position: static;
    text-shadow: none
}

.pb-img-gallery {
    position: relative
}

.pb-img-gallery a.icon-left-dir,.pb-img-gallery a.icon-right-dir {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin: -25px 0 0;
    color: #4a4a4a;
    cursor: pointer;
    text-decoration: none
}

.pb-img-gallery a.icon-left-dir:before,.pb-img-gallery a.icon-right-dir:before {
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0
}

.pb-img-gallery a.icon-left-dir {
    left: 0
}

.pb-img-gallery a.icon-right-dir {
    right: 0
}

.gallery-wrap {
    position: relative;
    overflow: hidden
}

@media (max-width: 640px) {
    .gallery-wrap span {
        position:absolute;
        z-index: 30;
        top: 50%;
        color: #fff;
        opacity: .9 !important;
        text-shadow: 1px 0 3px #000000;
        cursor: pointer;
        margin-top: -20px
    }

    .gallery-wrap span.icon-left-open {
        left: 0
    }

    .gallery-wrap span.icon-right-open {
        right: 0
    }

    .gallery-wrap div.gallery-text,.gallery-wrap h3 {
        display: none
    }
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery {
    width: 100%;
    margin-left: 0
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery li {
    width: 100%;
    float: left;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    display: none
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery li:first-child {
    border-top: none;
    display: block
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery li a.zoom {
    text-align: center
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery li a.zoom span {
    bottom: 45%
}

.gallery-wrap .col-lg-12 ul.pagebox-imagegallery li a.zoom img {
    max-width: none
}

ul.pagebox-imagegallery {
    display: block;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.pagebox-imagegallery li {
    display: block;
    float: left;
    margin: 0;
    position: relative;
    border-right: 10px solid #fff;
    border-bottom: 30px solid #fff
}

ul.pagebox-imagegallery li:before {
    content: "";
    display: block;
    padding-top: 75%
}

ul.pagebox-imagegallery li a.zoom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 120%
}

ul.pagebox-imagegallery li a.zoom span {
    color: #fff;
    opacity: .7;
    position: absolute;
    top: 5px;
    right: 0
}

ul.pagebox-imagegallery li div.gallery-text {
    position: absolute;
    bottom: 10px;
    left: 0;
    background-color: #fff \9;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    opacity: 0;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

ul.pagebox-imagegallery li div.gallery-text p {
    padding: 0 6px;
    margin: 0
}

ul.pagebox-imagegallery li div.gallery-text a {
    margin-left: 5px
}

ul.pagebox-imagegallery li h3 {
    position: absolute;
    top: -20px
}

ul.pagebox-imagegallery li:hover div.gallery-text {
    opacity: 1
}

.pb-img-gallery.has-titles a.icon-left-dir,.pb-img-gallery.has-titles a.icon-right-dir {
    margin: -15px 0 0
}

.pb-img-gallery.has-titles ul.pagebox-imagegallery li a.zoom {
    top: 20px
}

.pb-img-gallery.has-titles ul.pagebox-imagegallery li h3 {
    top: 0px;
    font-size: .875rem
}

#room-list .roomlist-gallery img {
    margin-top: 5px;
    max-width: 100%;
    position: static;
    width: 100%
}

#room-list .roomlist-gallery a {
    display: block;
    position: relative;
    text-decoration: none
}

#room-list .touch-gallery img {
    width: auto;
    max-width: auto !important
}

.col-lg-12 ul.pagebox-imagegallery {
    margin-left: -10px;
    width: 102%
}

@media (max-width: 860px) {
    .col-lg-12 ul.pagebox-imagegallery {
        width:102.6%
    }
}

.col-lg-12 ul.pagebox-imagegallery li {
    width: 25%;
    border-left: 10px solid #fff
}

.col-lg-8 ul.pagebox-imagegallery,.col-lg-9 ul.pagebox-imagegallery {
    width: 103%
}

.col-lg-8 ul.pagebox-imagegallery li,.col-lg-9 ul.pagebox-imagegallery li {
    width: 33.333333%;
    border-right: 20px solid #fff
}

.col-lg-8 ul.pagebox-imagegallery.no-arrows li,.col-lg-9 ul.pagebox-imagegallery.no-arrows li {
    width: 33.333333% !important
}

.col-lg-6 ul.pagebox-imagegallery li {
    width: 50%;
    border-right: 20px solid #fff
}

.col-lg-4 ul.pagebox-imagegallery li {
    border-right: none;
    width: 100%
}

.col-lg-3 ul.pagebox-imagegallery {
    width: 100%
}

.col-lg-3 ul.pagebox-imagegallery li {
    width: 100%;
    border-right: none;
    border-left: none;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff
}

.col-lg-3 ul.pagebox-imagegallery li:first-child {
    border-top: none
}

@media (max-width: 768px) {
    .col-lg-3 ul.pagebox-imagegallery li {
        width:50%;
        border-top: 10px solid #fff;
        border-right: 10px solid #fff;
        border-bottom: 10px solid #fff
    }

    .col-lg-3 ul.pagebox-imagegallery li:first-child {
        border-top: 10px solid #fff
    }

    .col-lg-3 ul.pagebox-imagegallery li:nth-child(even) {
        border-right: none;
        border-left: 10px solid #fff
    }
}

@media not all and (min-resolution: .001dpcm) {
    .g-recaptcha {
        transform:translate3d(0, 0, 0)
    }
}

.individualArrangements .lbArrangement iframe {
    width: 100%;
    height: 530px;
    border: none;
    margin: 0 0 0 0
}

.individualArrangements .lbArrangement iframe.responseIframe {
    height: 310px
}

.ff .individualArrangements .lbArrangement iframe {
    height: 552px
}

.ff .individualArrangements .lbArrangement iframe.responseIframe {
    height: 310px
}

@media (max-width: 832px) and (min-width:768px) {
    .individualArrangements .lbArrangement iframe {
        height:695px
    }

    .individualArrangements .lbArrangement iframe.responseIframe {
        height: 310px
    }

    .ff .individualArrangements .lbArrangement iframe {
        height: 718px
    }

    .ff .individualArrangements .lbArrangement iframe.responseIframe {
        height: 310px
    }
}

@media (max-width: 548px) {
    .individualArrangements .lbArrangement iframe {
        height:695px
    }

    .individualArrangements .lbArrangement iframe.responseIframe {
        height: 310px
    }

    .ff .individualArrangements .lbArrangement iframe {
        height: 718px
    }

    .ff .individualArrangements .lbArrangement iframe.responseIframe {
        height: 310px
    }
}

.individualArrangements .lbArrangement .form-group {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px
}

.individualArrangements .lbArrangement .form-group textarea {
    max-width: 98%
}

.individualArrangements .lbArrangement .errormessg,.individualArrangements .lbArrangement h4.mainTitle {
    height: 40px
}

.individualArrangements .lbArrangement h4 {
    color: #002674;
    margin: 1em 0 .5em 0
}

@media (max-width: 767px) {
    .iframeBooking {
        background-color:#f5f5f5;
        max-width: 689px
    }

    .iframeBooking .col-sm-9 {
        width: 75%;
        float: left
    }

    .iframeBooking .col-sm-3 {
        width: 25%;
        float: left
    }

    .iframeBooking .col-xs-12 {
        width: 100%;
        margin-top: 10px;
        padding: 0 0 0 0
    }
}

@media (max-width: 569px) {
    .iframeBooking {
        max-width:570px
    }
}

@media (max-width: 480px) {
    .individualArrangements .lbArrangement .control-label {
        text-align:left
    }

    .iframeBooking {
        max-width: 100%
    }

    .iframeBooking .col-sm-9 {
        width: 100%;
        float: left;
        padding-left: 0px
    }

    .iframeBooking .col-sm-3 {
        width: 100%;
        float: left;
        padding-left: 0px
    }
}

.individualArrangements .responsebox {
    background: #003c7e;
    color: #fff;
    padding: 1em 1em 3em 1em
}

.individualArrangements .responsebox h4,.individualArrangements .responsebox a {
    color: #fff
}

.touristicHitlist .searchhead {
    padding-top: 0
}

.touristicHitlist .searchhead .col-lg-12 .row {
    padding: 0
}

.touristicHitlist .searchhead .col-lg-12 .row .col-xs-6:first-child {
    padding-left: 0
}

.touristicHitlist .searchhead .col-lg-12 .row .col-xs-6:last-child {
    padding-right: 0
}

.touristicHitlist .searchhead .form-group label {
    font-weight: normal
}

.touristicHitlist .searchhead .filterRow strong,.touristicHitlist .searchhead .sortRow strong {
    margin-bottom: 5px;
    display: block
}

.touristicHitlist .hitlist-item .col-lg-8 .col-xs-12:first-child {
    padding-left: 0
}

.touristicHitlist .hitlist-item .col-lg-8 .col-xs-12:last-child {
    padding-right: 0
}

.touristicHitlist .hitlist-item .col-lg-8 .col-xs-6 {
    margin-top: 0 !important
}

.touristicHitlist .hitlist-item .hitlist-specialinfo {
    clear: both
}

.touristicHitlist .hitlist-item .hitlist-specialinfo a {
    margin: 10px 0
}

.touristicHitlist .hitlist-item .arrangementList .arrangementTitle {
    cursor: pointer;
    text-decoration: none
}

.touristicHitlist .hitlist-item .arrangementList .arrangementTitle span {
    text-decoration: underline
}

.touristicHitlist .hitlist-item .arrangementList .arrangementTitle:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e80d'
}

.touristicHitlist .hitlist-item .arrangementList .arrangementTitle.active:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e80f'
}

.touristicHitlist .hitlist-item .arrangementList .panel-collapse-arrangement {
    margin-left: 1em;
    margin-top: 10px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem {
    margin-bottom: 10px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .panel-body {
    padding: 1em 0
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .price {
    margin-top: 20px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo {
    position: relative;
    margin-top: 20px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo .calendar {
    border-width: 1px;
    padding-left: 8px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo .col-xs-6:nth-child(1) {
    padding-right: 1%
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo .col-xs-6:nth-child(2) {
    padding-right: 1%;
    padding-left: 0
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo .col-xs-12 {
    padding: 0
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingButtons {
    overflow: hidden
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingButtons strong {
    text-align: center;
    display: block;
    margin: 5px 10px
}

.touristicHitlist .hitlist-item .arrangementList .arrangementListItem:last-child {
    margin-bottom: 0
}

.touristicHitlistLightbox {
    max-width: 960px;
    margin: 0 auto;
    padding-left: 40px
}

.touristicHitlistLightbox h2 {
    margin-bottom: 0
}

.touristicHitlistLightbox h2 small {
    margin-left: -15px
}

.touristicHitlistLightbox .row div:first-child {
    padding-left: 0
}

.touristicHitlistLightbox .row div:last-child {
    padding-right: 0
}

.touristicHitlistLightbox .row .hotelview-icons {
    margin-top: 0
}

@media (min-width: 768px) {
    .touristicHitlist .searchhead .row .filterRow {
        width:10%;
        float: left
    }

    .touristicHitlist .searchhead .row .row {
        width: 37.5%;
        float: left
    }

    .touristicHitlist .searchhead .row .sortRow {
        width: 15%;
        float: right
    }

    .touristicHitlist .searchhead .col-lg-12 .row {
        padding: 0
    }

    .touristicHitlist .searchhead .col-lg-12 .row .col-xs-6:first-child {
        padding-left: 2%
    }

    .touristicHitlist .searchhead .col-lg-12 .row .col-xs-6:last-child {
        padding-right: 2%
    }

    .touristicHitlist .searchhead .filterRow strong,.touristicHitlist .searchhead .sortRow strong {
        margin-bottom: 0px;
        display: inline-block
    }

    .touristicHitlist .hitlist-item .col-xs-12 .col-xs-12 {
        margin-top: 0
    }

    .touristicHitlist .hitlist-item .rating {
        float: none
    }

    .touristicHitlist .hitlist-item .rating .header {
        display: block;
        text-align: center;
        float: none
    }

    .touristicHitlist .hitlist-item .hitlist-specialinfo {
        text-align: right
    }

    .touristicHitlist .hitlist-item .arrangementList .arrangementListItem .panel-body {
        padding: 1em
    }
}

@media (min-width: 992px) {
    .touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingButtons {
        margin-top:30px
    }
}

@media (max-width: 320px) {
    .touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingButtons .pull-left {
        width:100%;
        text-align: center
    }
}

.captcha-formgroup iframe {
    width: 210px;
    height: 60px
}

.captcha-formgroup label {
    display: block
}

@media screen and (min-width: 321px) {
    .captcha-formgroup .captchaFrameAndLink {
        display:flex;
        display: -webkit-flex;
        display: -ms-flexbox
    }
}

.captcha-formgroup a.captchaReload {
    display: inline-block
}

@media screen and (min-width: 321px) {
    .captcha-formgroup a.captchaReload {
        margin-top:15px
    }
}

@media screen and (max-width: 320px) {
    .captcha-formgroup a.captchaReload {
        margin-bottom:15px
    }
}

.captcha-formgroup .captchaInputfield {
    width: 200px
}

.sumCouponsBottom {
    margin: 0 !important;
    padding: 0 !important
}

@media (min-width: 768px) {
    .sumCouponsBottom .col-xs-12:first-child {
        padding-left:0
    }

    .sumCouponsBottom .col-xs-12:last-child {
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .sumCouponsBottom .col-xs-12 {
        padding:0;
        margin-bottom: .5rem
    }
}

.sumCouponsBottom .couponCodeForm {
    overflow: hidden
}

@media (min-width: 768px) {
    .sumCouponsBottom .couponCodeForm form {
        display:flex;
        display: -webkit-flex
    }
}

.sumCouponsBottom .couponCodeForm input[type="text"] {
    float: left;
    margin-right: 10px
}

@media (max-width: 768px) {
    .sumCouponsBottom .couponCodeForm input[type="text"] {
        width:70%
    }
}

.sumCouponsBottom .couponCodeForm input[type="text"].error {
    border-color: #990000
}

.sumCouponsBottom .couponCodeForm .btn {
    margin-top: 2px;
    -webkit-appearance: none;
    min-width: 80px
}

.sumCouponsBottom .couponCodeForm span.error {
    color: #990000;
    display: block;
    margin-bottom: 3px
}

.sumCouponsBottom .couponCodeForm .couponCodesAdded {
    clear: both;
    margin-top: .5rem
}

.sumCouponsBottom .couponCodeForm .couponCodesAdded a {
    color: #555
}

.sumCouponsBottom .col-lg-3 .totalsumBottom:nth-of-type(2) {
    margin-top: 1rem
}

.sumCouponsBottom .col-lg-5 small {
    margin-top: -2px;
    display: block
}

.errorCoupon {
    color: #990000;
    display: block;
    margin-bottom: 3px
}

.successCoupon {
    color: #689a39;
    display: block;
    margin-bottom: 3px
}

.BookingCartItemTotalAmount div {
    clear: both
}

@media (min-width: 768px) {
    .BookingCartItemTotalAmount div {
        text-align:right
    }
}

.BookingCartItemTotalAmount small.originalPrice {
    display: inline-block;
    margin-right: 2.5em;
    opacity: .7;
    position: relative;
    white-space: nowrap;
    color: #a4a4a4
}

@media (min-width: 768px) {
    .BookingCartItemTotalAmount small.originalPrice {
        text-align:right;
        float: right
    }
}

.BookingCartItemTotalAmount small.originalPrice:after {
    border-top: 1px solid #a4a4a4;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    left: 0
}

.BookingCartItemTotalAmount small.couponCode {
    display: block;
    margin-right: 2.5em
}

@media (min-width: 768px) {
    .BookingCartItemTotalAmount small.couponCode {
        text-align:right
    }
}

@media (min-width: 768px) {
    .hotelItem .row .row {
        padding-top:2em
    }
}

@media (min-width: 768px) {
    .totalsum .bookingCodeOverview {
        float:left
    }
}

@media (max-width: 768px) {
    .totalsum .bookingCodeOverview {
        display:block
    }
}

.totalsum .originalPriceOverview {
    position: relative;
    white-space: nowrap;
    color: #a4a4a4 !important
}

.totalsum .originalPriceOverview:after {
    border-top: 1px solid #a4a4a4;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    left: 0
}

.roomcount .bookingCodeOverview {
    display: block;
    margin-bottom: 1rem
}

.roomcount .originalPriceOverview {
    position: relative;
    white-space: nowrap;
    color: #a4a4a4 !important
}

.roomcount .originalPriceOverview:after {
    border-top: 1px solid #a4a4a4;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    left: 0
}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative
}

.no-video .video-container video,.touch .video-container video {
    display: none
}

.no-video .video-container .poster,.touch .video-container .poster {
    display: block !important
}

.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 405px;
    width: 100%;
    overflow: hidden;
    background: #000
}

.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute
}

.video-container .filter {
    z-index: 100;
    position: absolute;
    width: 100%
}

.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0
}

.video-container video.fillWidth {
    width: 100%
}

.sporticons input[type=radio] {
    display: none
}

.sporticons a,.sporticons input[type=radio]+label {
    background: #D9D9D9;
    padding: 5px;
    display: inline-block;
    transition: 1s;
    -webkit-transition: 1s
}

.sporticons a span,.sporticons input[type=radio]+label span {
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 8px
}

.sporticons a span img,.sporticons input[type=radio]+label span img {
    width: 27px
}

.sporticons a.fussball span,.sporticons input[type=radio]+label.fussball span {
    background: #3ca1bc
}

.sporticons a.eishockey span,.sporticons input[type=radio]+label.eishockey span {
    background: #266174
}

.sporticons a.handball span,.sporticons input[type=radio]+label.handball span {
    background: #f64a4a
}

.sporticons a.basketball span,.sporticons input[type=radio]+label.basketball span {
    background: #c5bd2a
}

.sporticons a.schwimmen span,.sporticons input[type=radio]+label.schwimmen span {
    background: #0fdaff
}

.sporticons a.leichtathletik span,.sporticons input[type=radio]+label.leichtathletik span {
    background: #8aa3e3
}

.sporticons a:hover,.sporticons input[type=radio]+label:hover {
    opacity: .5
}

.searchheadSporttreffer {
    background: #f9f9f9;
    margin-top: 1.5rem;
    padding: .5rem 0;
    border-bottom: 3px solid #f2f2f2
}

.searchheadSporttreffer .col-xs-12 {
    margin: 0
}

.searchheadSporttreffer .sporticons input[type=radio] {
    display: none
}

.searchheadSporttreffer .sporticons a,.searchheadSporttreffer .sporticons input[type=radio]+label {
    background: #D9D9D9;
    padding: 5px;
    display: inline-block;
    transition: 1s;
    -webkit-transition: 1s
}

.searchheadSporttreffer .sporticons a span,.searchheadSporttreffer .sporticons input[type=radio]+label span {
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 8px
}

.searchheadSporttreffer .sporticons a span img,.searchheadSporttreffer .sporticons input[type=radio]+label span img {
    width: 27px;
    height: 27px
}

.searchheadSporttreffer .sporticons a.fussball span,.searchheadSporttreffer .sporticons input[type=radio]+label.fussball span {
    background: #3ca1bc
}

.searchheadSporttreffer .sporticons a.eishockey span,.searchheadSporttreffer .sporticons input[type=radio]+label.eishockey span {
    background: #266174
}

.searchheadSporttreffer .sporticons a.handball span,.searchheadSporttreffer .sporticons input[type=radio]+label.handball span {
    background: #f64a4a
}

.searchheadSporttreffer .sporticons a.basketball span,.searchheadSporttreffer .sporticons input[type=radio]+label.basketball span {
    background: #c5bd2a
}

.searchheadSporttreffer .sporticons a.schwimmen span,.searchheadSporttreffer .sporticons input[type=radio]+label.schwimmen span {
    background: #0fdaff
}

.searchheadSporttreffer .sporticons a.leichtathletik span,.searchheadSporttreffer .sporticons input[type=radio]+label.leichtathletik span {
    background: #8aa3e3
}

.searchheadSporttreffer .sporticons a:hover,.searchheadSporttreffer .sporticons input[type=radio]+label:hover {
    opacity: .5
}

.searchheadSporttreffer .sportFilter {
    display: flex;
    display: -webkit-flex
}

@media (max-width: 768px) {
    .searchheadSporttreffer .sportFilter {
        margin-top:1rem
    }
}

.searchheadSporttreffer .sportFilter .form-group {
    margin-right: 1rem;
    width: 33%
}

.searchheadSporttreffer .sportFilter .form-group:last-child {
    margin-right: 0
}

.active_fussball .sporticons label span,.active_eishockey .sporticons label span,.active_handball .sporticons label span,.active_basketball .sporticons label span,.active_schwimmen .sporticons label span,.active_leichtathletik .sporticons label span {
    opacity: .5
}

.active_fussball {
    border-bottom: 3px solid #3ca1bc
}

.active_fussball .sporticons label.fussball span {
    opacity: 1
}

.active_eishockey {
    border-bottom: 3px solid #266174
}

.active_eishockey .sporticons label.eishockey span {
    opacity: 1
}

.active_handball {
    border-bottom: 3px solid #f64a4a
}

.active_handball .sporticons label.handball span {
    opacity: 1
}

.active_basketball {
    border-bottom: 3px solid #c5bd2a
}

.active_basketball .sporticons label.basketball span {
    opacity: 1
}

.active_schwimmen {
    border-bottom: 3px solid #0fdaff
}

.active_schwimmen .sporticons label.schwimmen span {
    opacity: 1
}

.active_leichtathletik {
    border-bottom: 3px solid #8aa3e3
}

.active_leichtathletik .sporticons label.leichtathletik span {
    opacity: 1
}

.icon-fussball,.icon-basketball,.icon-leichtathletik,.icon-eishockey,.icon-handball,.icon-schwimmen {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    display: inline-block;
    padding: 2px 4px 4px 4px;
    margin-right: 5px
}

.icon-fussball img,.icon-basketball img,.icon-leichtathletik img,.icon-eishockey img,.icon-handball img,.icon-schwimmen img {
    width: 15px !important;
    vertical-align: middle !important
}

.icon-fussball {
    background: #3ca1bc
}

.icon-basketball {
    background: #c5bd2a
}

.icon-leichtathletik {
    background: #8aa3e3
}

.icon-eishockey {
    background: #266174
}

.icon-handball {
    background: #f64a4a
}

.icon-schwimmen {
    background: #0fdaff
}

.sportstable {
    margin-top: .5rem
}

.sportstable th {
    background: #CBCBCB !important;
    border: 0 !important
}

.sportstable td {
    vertical-align: middle !important
}

.sportstable td .icon-camera {
    color: #9E9E9E
}

.sportstable td a {
    text-decoration: none
}

.price-sportslist {
    margin-top: 1rem
}

@media (max-width: 768px) {
    .price-sportslist {
        margin-bottom:1rem
    }
}

.price-sportslist span {
    text-decoration: underline;
    display: block
}

.hitlist-contact {
    margin-top: 2rem !important
}

.hitlist-contact h2 {
    margin-bottom: 0
}

.hitlist-contact span {
    margin-right: 2rem
}

.hitlist-contact span a {
    color: #4a4a4a;
    text-decoration: none
}

@media (max-width: 768px) {
    .sportBookingLightboxLink {
        height:100vh !important
    }

    .sportBookingLightboxLink #mbMedia {
        height: 100vh !important
    }
}

.sport-hitlist h2 a,.sport-hitlist .hitlist-specialinfo a,.sport-hitlist .col-xs-12 a {
    color: #95774c
}

.sport-hitlist a.icon-minus-circled,.sport-hitlist a.icon-plus-circled {
    cursor: pointer
}

.sport-anfrage .form-button input[type="submit"].btn-green,.sport-anfrage-auswaertsspiele .form-button input[type="submit"].btn-green {
    background-color: #1a49a6 !important;
    border-color: #1a49a6 !important
}

.panellum-headline {
    font-size: 1.2rem
}

.panellum-headline h1,.panellum-headline h2,.panellum-headline h3,.panellum-headline h4,.panellum-headline h5,.panellum-headline h6 {
    font-size: 1.1rem;
    margin-bottom: 0;
    line-height: inherit
}

.pnlm-container {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
    height: 100%;
    font-family: Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;
    background: #f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    line-height: 1.4;
    contain: content
}

.pnlm-container * {
    box-sizing: content-box
}

.pnlm-grab {
    cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default
}

.pnlm-grabbing {
    cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default
}

.pnlm-sprite {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')
}

.pnlm-container:-moz-full-screen {
    height: 100%!important;
    width: 100%!important
}

.pnlm-container:-webkit-full-screen {
    height: 100%!important;
    width: 100%!important
}

.pnlm-container:-ms-fullscreen {
    height: 100%!important;
    width: 100%!important
}

.pnlm-container:fullscreen {
    height: 100%!important;
    width: 100%!important
}

.pnlm-render-container {
    cursor: inherit;
    position: absolute;
    height: 100%;
    width: 100%
}

.pnlm-controls {
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    z-index: 2;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px)
}

.pnlm-control:hover {
    background-color: #f8f8f8
}

.pnlm-controls-container {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 1000
}

.pnlm-zoom-controls {
    width: 26px;
    height: 52px
}

.pnlm-zoom-in {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    border-radius: 3px 3px 0 0
}

.pnlm-zoom-out {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background-position: 0 -26px;
    border-top: 1px solid #ddd;
    border-top-color: rgba(0,0,0,0.1);
    border-radius: 0 0 3px 3px
}

.pnlm-fullscreen-toggle-button,.pnlm-hot-spot-debug-indicator,.pnlm-orientation-button {
    width: 26px;
    height: 26px
}

.pnlm-hot-spot-debug-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 13px;
    display: none
}

.pnlm-orientation-button-inactive {
    background-position: 0 -156px
}

.pnlm-orientation-button-active {
    background-position: 0 -182px
}

.pnlm-fullscreen-toggle-button-inactive {
    background-position: 0 -52px
}

.pnlm-fullscreen-toggle-button-active {
    background-position: 0 -78px
}

.pnlm-panorama-info {
    position: absolute;
    left: 60px;
    bottom: 4px;
    padding-right: 10px;
    color: #fff;
    text-align: left;
    display: none;
    z-index: 2;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
    padding: 8px 20px 4px 13px;
    background: rgba(62,62,62,0.8)
}

.pnlm-title-box {
    position: relative;
    display: table;
    padding-left: 5px;
    margin-bottom: 3px
}

.pnlm-author-box {
    position: relative;
    display: table;
    padding-left: 5px
}

.pnlm-load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    text-align: center;
    display: none;
    color: #fff
}

.pnlm-load-box p {
    margin: 20px 0
}

.pnlm-lbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    display: none
}

.pnlm-loading {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-name: pnlm-mv;
    -webkit-animation-name: pnlm-mv;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: relative
}

@keyframes pnlm-mv {
    from {
        left: 0;
        top: 0
    }

    25% {
        left: 10px;
        top: 0
    }

    50% {
        left: 10px;
        top: 10px
    }

    75% {
        left: 0;
        top: 10px
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes pnlm-mv {
    from {
        left: 0;
        top: 0
    }

    25% {
        left: 10px;
        top: 0
    }

    50% {
        left: 10px;
        top: 10px
    }

    75% {
        left: 0;
        top: 10px
    }

    to {
        left: 0;
        top: 0
    }
}

.pnlm-load-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 100px;
    margin: -50px 0 0 -100px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    text-align: center;
    display: table;
    color: #fff;
    cursor: pointer
}

.pnlm-load-button:hover {
    background-color: rgba(0,0,0,0.8)
}

.pnlm-load-button p {
    display: table-cell;
    vertical-align: middle
}

.pnlm-info-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: #000;
    border-radius: 3px;
    display: table;
    text-align: center;
    color: #fff;
    table-layout: fixed
}

.pnlm-info-box a {
    color: #fff;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.pnlm-info-box p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.pnlm-error-msg {
    display: none
}

.pnlm-about-msg {
    color: #fff;
    padding: 5px 8px;
    background: transparent;
    border-radius: 3px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    opacity: 0;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1
}

.pnlm-about-msg a:link,.pnlm-about-msg a:visited {
    color: #fff
}

.pnlm-about-msg a:active,.pnlm-about-msg a:hover {
    color: #eee
}

.pnlm-hotspot-base {
    position: absolute;
    visibility: hidden;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1
}

.pnlm-hotspot {
    height: 26px;
    width: 26px;
    border-radius: 13px
}

.pnlm-hotspot:hover {
    background-color: rgba(255,255,255,0.2)
}

.pnlm-hotspot.pnlm-info {
    background-position: 0 -104px
}

.pnlm-hotspot.pnlm-scene {
    background-position: 0 -130px
}

div.pnlm-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default
}

div.pnlm-tooltip:hover span {
    visibility: visible
}

div.pnlm-tooltip:hover span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
    bottom: -20px;
    left: -10px;
    margin: 0 50%
}

.pnlm-compass {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 4px;
    bottom: 4px;
    border-radius: 25px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    cursor: default;
    display: none
}

.pnlm-world {
    position: absolute;
    left: 50%;
    top: 50%
}

.pnlm-face {
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.pnlm-dragfix,.pnlm-preview-img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000
}

.pnlm-preview-img {
    background-size: cover;
    background-position: center
}

.pnlm-lbar {
    width: 150px;
    margin: 0 auto;
    border: #fff 1px solid;
    height: 6px
}

.pnlm-lbar-fill {
    background: #fff;
    height: 100%;
    width: 0
}

.pnlm-fade-img {
    position: absolute;
    top: 0;
    left: 0
}

.pannellum span,.pannellum picture {
    display: none
}

.pannellum img {
    max-width: 100%
}

.panorama {
    width: 100%;
    height: 350px
}

.panorama img {
    width: 100%;
    max-width: 100%
}

.col-lg-12 .panorama {
    height: 450px
}

.bookingWSBK form#specialhotelsearch .calendar,.bookingWSBK form[name=specialhotelsearch] .calendar {
    border-width: 1px;
    padding-left: 5px;
    width: 100px
}

.bookingWSBK form#specialhotelsearch .sub-group,.bookingWSBK form[name=specialhotelsearch] .sub-group {
    float: left;
    margin-right: 1em;
    min-height: 62px
}

.bookingWSBK form#specialhotelsearch .sub-group label,.bookingWSBK form[name=specialhotelsearch] .sub-group label {
    display: inline-block
}

.bookingWSBK form#specialhotelsearch .doubleroom-form-group,.bookingWSBK form[name=specialhotelsearch] .doubleroom-form-group,.bookingWSBK form#specialhotelsearch .kids-form-group,.bookingWSBK form[name=specialhotelsearch] .kids-form-group {
    position: relative
}

.bookingWSBK form#specialhotelsearch .doubleroom-form-group .popover,.bookingWSBK form[name=specialhotelsearch] .doubleroom-form-group .popover,.bookingWSBK form#specialhotelsearch .kids-form-group .popover,.bookingWSBK form[name=specialhotelsearch] .kids-form-group .popover {
    width: 200px;
    top: 55px;
    left: -80px
}

.bookingWSBK form#specialhotelsearch #ss_doppelzimmer,.bookingWSBK form[name=specialhotelsearch] #ss_doppelzimmer,.bookingWSBK form#specialhotelsearch #ss_einzelzimmer,.bookingWSBK form[name=specialhotelsearch] #ss_einzelzimmer,.bookingWSBK form#specialhotelsearch #ss_erwachsene,.bookingWSBK form[name=specialhotelsearch] #ss_erwachsene,.bookingWSBK form#specialhotelsearch #ss_kinder,.bookingWSBK form[name=specialhotelsearch] #ss_kinder,.bookingWSBK form#specialhotelsearch #cfw_doubleroom,.bookingWSBK form[name=specialhotelsearch] #cfw_doubleroom,.bookingWSBK form#specialhotelsearch #cfw_singleroom,.bookingWSBK form[name=specialhotelsearch] #cfw_singleroom,.bookingWSBK form#specialhotelsearch #cfw_adults,.bookingWSBK form[name=specialhotelsearch] #cfw_adults,.bookingWSBK form#specialhotelsearch #cfw_kids,.bookingWSBK form[name=specialhotelsearch] #cfw_kids,.bookingWSBK form#specialhotelsearch input[name=adults],.bookingWSBK form[name=specialhotelsearch] input[name=adults],.bookingWSBK form#specialhotelsearch input[name=children],.bookingWSBK form[name=specialhotelsearch] input[name=children],.bookingWSBK form#specialhotelsearch input[name=single],.bookingWSBK form[name=specialhotelsearch] input[name=single],.bookingWSBK form#specialhotelsearch input[name=double],.bookingWSBK form[name=specialhotelsearch] input[name=double] {
    width: 40px
}

.bookingWSBK form#specialhotelsearch select,.bookingWSBK form[name=specialhotelsearch] select {
    margin-top: 32px
}

.bookingWSBK form#specialhotelsearch #ss_nights,.bookingWSBK form[name=specialhotelsearch] #ss_nights {
    margin-top: 25px
}

.bookingWSBK form#specialhotelsearch #cfw_nights,.bookingWSBK form[name=specialhotelsearch] #cfw_nights {
    margin-top: 30px
}

.bookingWSBK form#specialhotelsearch .btn-green,.bookingWSBK form[name=specialhotelsearch] .btn-green {
    margin-top: 32px;
    height: 34px
}

.bookingWSBKsmall #specialhotelsearch .form-group {
    float: left;
    margin-right: 1em
}

.bookingWSBKsmall #specialhotelsearch .form-group input[type="submit"] {
    margin-top: 1.5em
}

.bookingWSBKsmall #specialhotelsearch .calendar {
    border-width: 1px;
    padding-left: 5px;
    max-width: 133px
}

.covid-btn {
    color: #ffffff;
    background-color: #0069B3;
    border-color: #0069B3;
    padding: 6px 24px;
    margin: 6px 0;
    text-transform: none
}

.covid-btn:hover,.covid-btn:focus,.covid-btn.focus,.covid-btn:active,.covid-btn.active,.open>.dropdown-toggle.covid-btn {
    color: #ffffff;
    background-color: #0069B3;
    background-color: #0087e6;
    border-color: #0069B3
}

.covid-btn:active,.covid-btn.active,.open>.dropdown-toggle.covid-btn {
    background-image: none
}

.covid-btn.disabled,.covid-btn[disabled],fieldset[disabled] .covid-btn,.covid-btn.disabled:hover,.covid-btn[disabled]:hover,fieldset[disabled] .covid-btn:hover,.covid-btn.disabled:focus,.covid-btn[disabled]:focus,fieldset[disabled] .covid-btn:focus,.covid-btn.disabled.focus,.covid-btn[disabled].focus,fieldset[disabled] .covid-btn.focus,.covid-btn.disabled:active,.covid-btn[disabled]:active,fieldset[disabled] .covid-btn:active,.covid-btn.disabled.active,.covid-btn[disabled].active,fieldset[disabled] .covid-btn.active {
    background-color: #0069B3;
    border-color: #0069B3
}

.covid-btn .badge {
    color: #0069B3;
    background-color: #ffffff
}

@media (max-width: 767px) {
    .covid-btn {
        padding:10px 24px
    }
}

.covid-btn:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
    float: left;
    margin: 3px 6px 0 0
}

.covid-info-wrap {
    display: none
}

.covid-info {
    max-height: 100%;
    overflow-y: auto
}

.covid-info>div {
    padding: 8px 0 16px 8px;
    margin-right: 8px;
    background-image: url(/bw/v6/img/We-care-clean-logo.png);
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 25% auto
}

@media (max-width: 1024px) {
    .covid-info>div {
        background-size:30% auto;
        background-position: right 5px
    }
}

@media (max-width: 459px) {
    .covid-info>div {
        padding-top:6px
    }
}

.covid-info h2 {
    font-size: 1.3rem;
    margin: 0;
    max-width: 65%
}

.covid-info h3 {
    font-size: 1.1rem;
    margin: 1.5rem 0 .6rem
}

#mbCenter.covid-info-popup {
    max-width: 800px
}

#mbCenter.covid-info-popup #mbMedia {
    max-width: 800px
}

@media (min-width: 460px) AND (max-width:768px) {
    #mbCenter.covid-info-popup {
        width:80% !important
    }

    #mbCenter.covid-info-popup #mbMedia {
        width: 100% !important
    }
}

@media (min-width: 460px) {
    #mbCenter.covid-info-popup {
        height:auto !important
    }

    #mbCenter.covid-info-popup #mbMedia {
        height: auto !important
    }
}

@media (max-width: 459px) {
    #mbCenter.covid-info-popup {
        height:94% !important
    }

    #mbCenter.covid-info-popup #mbContainer,#mbCenter.covid-info-popup #mbMedia {
        height: 100% !important
    }
}

#mbCenter.covid-info-popup #mbBottom {
    display: none
}

@media (min-width: 576px) {
    .namepanelJobboerse .teaser-box {
        left:50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important
    }
}

.namepanelJobboerse span.stars {
    font-size: 1rem;
    letter-spacing: 3px;
    font-weight: 500
}

@media (min-width: 576px) {
    .v2020 .slide-content.namepanelJobboerse .teaser-box.dark-bg p {
        line-height:1.3em !important
    }
}

@media (max-width: 768px) {
    #searchJobboerse {
        margin-top:1rem
    }
}

@media (min-width: 768px) {
    #searchJobboerse {
        display:flex;
        justify-content: space-between
    }
}

#searchJobboerse .form-group {
    margin: .5rem
}

@media (max-width: 768px) {
    #searchJobboerse .form-group {
        float:left;
        width: 45%
    }
}

#searchJobboerse .submit {
    width: 30%
}

@media (max-width: 768px) {
    #searchJobboerse .submit {
        width:100%
    }
}

#searchJobboerse .submit input {
    background-color: #003c7e;
    color: white;
    border-color: #003c7e;
    border-radius: 4px;
    cursor: pointer;
    width: 145px;
    text-transform: initial;
    margin-top: 23px;
    height: 32px
}

@media (max-width: 768px) {
    #searchJobboerse .submit input {
        margin-top:0;
        width: 95%
    }
}

@media (min-width: 576px) {
    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #searchJobboerse .form-control {
        width:100%;
        max-width: 100%;
        margin-top: -5px
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #searchJobboerse .submit input {
        margin-top: 18px
    }
}

.teaserBordered-ImageTextButton {
    border: 1px solid #D0CDD3
}

.teaserBordered-ImageTextButton .imageWrap {
    height: 200px;
    position: relative
}

.teaserBordered-ImageTextButton .imageWrap img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.teaserBordered-ImageTextButton .imageWrap div {
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    font-weight: 600;
    padding: .5rem;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 1.8rem
}

.teaserBordered-ImageTextButton .contentWrap {
    padding: 1.5rem .5rem .5rem .5rem;
    overflow: hidden
}

.teaserBordered-ImageTextButton .contentWrap p {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.teaserBordered-ImageTextButton .contentWrap a.icon-right-dir {
    display: block;
    text-decoration: none
}

.teaserBordered-ImageTextButton .contentWrap a.btn {
    float: right;
    margin-top: 1rem;
    padding: 6px 24px 6px 24px
}

@media (min-width: 1200px) {
    .lessPadding {
        padding:0 1.5%
    }
}

@media (min-width: 1200px) {
    .lessPadding .col-lg-4 {
        padding:.3rem
    }
}

.mb-3 {
    margin-bottom: 1rem
}

.mt-3 {
    margin-top: 1rem
}

.mt-4 {
    margin-top: 1.5rem
}

.mt-0 {
    margin-top: 0
}

.page-tl-jobboerse {
    position: relative;
    z-index: 0
}

@media (min-width: 576px) {
    .page-tl-jobboerse {
        margin-top:7rem !important
    }
}

@media (max-width: 576px) {
    .page-tl-jobboerse {
        padding-top:400px
    }
}

.page-tl-jobboerse .page-tl-content .tl-sortColumn select {
    font-size: .875rem !important
}

.page-tl-jobboerse .page-tl-content .tl-sortColumn hr {
    margin: .5rem 0 !important
}

.page-tl-jobboerse .page-tl-content .tl-sortColumn .options.options-filter .checkbox {
    font-size: .875rem !important;
    margin: 7px 0
}

.page-tl-jobboerse .page-tl-content .tl-sortColumn .options h4 {
    height: auto !important;
    font-size: .875rem
}

.page-tl-jobboerse .page-tl-content .tl-sortColumn .options strong {
    font-weight: 500;
    font-size: .875rem
}

.page-tl-jobboerse .tl-hitlistColumn .job-item {
    border-bottom: 1px solid #D0CDD3;
    padding-bottom: .7rem;
    margin-bottom: .7rem
}

@media (min-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item {
        display:flex
    }
}

@media (min-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item {
        width:80%
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item:last-child {
    border: 0
}

@media (min-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .imageWrap {
        width:260px;
        margin-right: 20px;
        height: 250px
    }

    .page-tl-jobboerse .tl-hitlistColumn .job-item .imageWrap img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .imageWrap {
        height:150px;
        overflow: hidden;
        margin-bottom: 1rem
    }

    .page-tl-jobboerse .tl-hitlistColumn .job-item .imageWrap img {
        object-fit: cover;
        height: 100%
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .imageWrap img {
    width: 100%
}

@media (min-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails {
        width:40%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-right: 1rem
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails p {
    margin-bottom: .5rem
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails h2 a {
    text-decoration: none
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails .alignBottom {
    margin-top: auto
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails .alignBottom small {
    float: right;
    margin-top: 13px;
    opacity: .5
}

@media (max-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails .alignBottom {
        margin:1rem 0
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails h2 {
    color: #003c7e;
    margin-bottom: 1rem
}

@media (max-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails h2 {
        margin-bottom:.5rem
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .jobDetails h3 {
        margin-bottom:.5rem
    }
}

@media (min-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails {
        width:28%
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .distance {
    display: block;
    margin-bottom: 1rem
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .hotelname {
    display: block;
    margin-bottom: 1rem;
    color: #003c7e;
    font-weight: 600
}

@media (max-width: 768px) {
    .page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .hotelname {
        margin-bottom:0
    }
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .hotelname span {
    font-size: .8rem
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .icons {
    overflow: hidden;
    margin-top: 1rem;
    display: block
}

.page-tl-jobboerse .tl-hitlistColumn .job-item .contactDetails .icons img {
    float: left;
    width: 30px;
    margin-right: 5px;
    margin-bottom: 5px
}

.jobDetails h3.border {
    margin-top: 0 !important;
    font-size: 1.2rem !important
}

.jobDetails h3.border span {
    font-weight: 600
}

.jobDetails h1 {
    text-align: center;
    color: #1d1d1b;
    font-size: 2rem;
    line-height: 2.2rem
}

.jobDetails h1 span {
    display: block;
    font-weight: 600;
    font-size: 1.3rem
}

.jobDetails img {
    width: 100%
}

.jobDetails .iconList {
    list-style-type: none;
    margin-left: 0;
    padding: 0
}

.jobDetails .iconList li {
    display: flex;
    align-items: flex-start;
    margin-bottom: .8rem
}

.jobDetails .iconList li img {
    width: 30px;
    margin-right: .5rem
}

.jobDetails .applyButton {
    text-align: center
}

.jobDetails .applyButton a {
    height: auto !important;
    padding: 15px 20px 15px 20px
}

.jobDetails .applyContact {
    text-align: center;
    margin-top: 2rem
}

.jobDetails .applyContact div {
    text-align: left;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 1rem;
    line-height: 1.2rem;
    font-size: .875rem
}

@media (min-width: 768px) {
    .jobDetails .applyContact div {
        width:30%
    }
}

.jobDetails .applyContact div img {
    height: 50px;
    width: auto;
    float: left;
    margin-right: .5rem
}

.jobDetails #hoteldescription .link {
    display: none
}

.jobDetails .hotel-infos .logo-wrap {
    text-align: center
}

.jobDetails .hotel-infos .logo-wrap img {
    max-width: 150px
}

.jobDetails .hotel-infos address {
    margin-top: 3rem;
    background-image: url('/bw/v6/img/pin.png');
    background-repeat: no-repeat;
    padding-left: 25px
}

.jobDetails .gallery-preview .grid-container {
    display: table
}

@supports (display: grid) {
    .jobDetails .gallery-preview .grid-container {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 10px 10px;
        grid-template-areas: "Image1 Image2"
    }

    @media (min-width: 576px) {
        .jobDetails .gallery-preview .grid-container {
            display:grid;
            grid-template-columns: 2fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 10px 10px;
            grid-template-areas: "Image1 Image2" "Image1 Image3";
            margin: 2rem 0 0 0
        }
    }
}

.jobDetails .gallery-preview .Image1,.jobDetails .gallery-preview .Image2,.jobDetails .gallery-preview .Image3 {
    display: block;
    background-position: center;
    background-size: cover
}

.jobDetails .gallery-preview .Image1 {
    display: table-cell;
    width: 66%;
    border-right: 10px solid #ffffff;
    height: 214px
}

@media (min-width: 576px) {
    .jobDetails .gallery-preview .Image1 {
        height:352px
    }
}

@supports (display: grid) {
    .jobDetails .gallery-preview .Image1 {
        width:100%;
        display: block;
        border-right: none;
        grid-area: Image1
    }
}

.jobDetails .gallery-preview .Image2 {
    border-bottom: 10px solid #ffffff;
    box-sizing: content-box;
    grid-area: Image2;
    height: 214px
}

@media (min-width: 576px) {
    .jobDetails .gallery-preview .Image2 {
        height:171px
    }
}

@supports (display: grid) {
    .jobDetails .gallery-preview .Image2 {
        border-bottom:none;
        box-sizing: border-box;
        grid-area: Image2
    }
}

.jobDetails .gallery-preview .Image3 {
    display: none
}

@media (min-width: 576px) {
    .jobDetails .gallery-preview .Image3 {
        display:block;
        height: 171px
    }

    @supports (display: grid) {
        .jobDetails .gallery-preview .Image3 {
            grid-area:Image3
        }
    }
}

.jobDetails .gallery-preview .grid-container+div {
    margin-top: 10px
}

.jobDetails .gallery-preview .gallery-opener {
    float: right;
    margin-top: 4px
}

.jobDetails .gallery-preview:after {
    height: .7rem !important
}

.jobDetails .btn-bordered-blue {
    border: 1px solid #003c7e !important;
    color: #003c7e !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 65px;
    padding: 10px 55px
}

.searchOtherJob {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem
}

.searchOtherJob .btn-bordered-blue {
    border: 1px solid #003c7e !important;
    color: #003c7e !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 65px;
    padding: 10px 55px
}

@media (max-width: 335px) {
    .searchOtherJob .btn-bordered-blue {
        padding:10px 45px
    }
}

.jobdetailsBottomHolder {
    text-align: center
}

.jobdetailsBottom {
    text-align: center
}

.jobdetailsBottom .btn {
    height: 65px !important;
    padding: 10px 30px
}

@media (max-width: 335px) {
    .jobdetailsBottom .btn {
        padding:10px 25px
    }
}

.jobdetailsBottom .btn:first-child {
    line-height: 45px
}

.jobApplyForm .checkbox {
    font-size: .875rem !important;
    line-height: 1rem !important;
    padding: 0 0 0 18px !important
}

.jobApplyForm .checkbox .checkmark {
    height: 13px !important;
    width: 13px !important
}

.jobApplyForm .form-group-flex {
    display: flex
}

@media (min-width: 768px) {
    .jobApplyForm .form-group-flex .checkbox {
        margin-right:2rem
    }
}

@media (max-width: 768px) {
    .jobApplyForm .form-group-flex .checkbox {
        margin-right:.7rem
    }
}

.jobApplyForm .buttons {
    margin: 0 auto;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .jobApplyForm .buttons {
        width:60%
    }
}

.jobApplyForm .buttons a {
    padding: 6px 40px
}

.jobApplyForm .buttons .btn-bordered-blue {
    border: 1px solid #003c7e !important;
    color: #003c7e !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 32px;
    float: left;
    margin-right: .5rem;
    padding-top: 4px
}

.jobApplyForm .col-xs-12 {
    margin-top: 0
}

.jobApplyForm .applySubmit {
    text-align: center
}

.jobApplyForm .applySubmit .btn-blue {
    color: #ffffff;
    border-radius: 4px;
    font-size: 1rem;
    padding: 10px 25px
}

.jobApplyForm .applySubmit .btn-blue:hover {
    color: #ffffff
}

.jobApplyForm .applySubmit .btn-blue strong {
    display: block
}

.jobApplyForm .applySubmit small {
    line-height: 1rem;
    display: block
}

.jobApplyForm .applySubmit small a {
    text-decoration: none
}

body.jobboerse #hvgOverlay {
    background: #c1c1c1;
    background: -moz-radial-gradient(center, ellipse cover, #616161 0%, #c1c1c1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #616161 0%, #c1c1c1 100%);
    background: radial-gradient(ellipse at center, #616161 0%, #c1c1c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#c1c1c1', GradientType=1)
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport {
    text-align: center
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .previousSlide,body.jobboerse #hvgOverlay .lightboxGallery .viewport .nextSlide {
    background: transparent;
    background-size: 80% auto
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .previousSlide {
    background: transparent
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .previousSlide:before {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 2px;
    filter: brightness(100%);
    z-index: 1
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .previousSlide:after {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 2px;
    filter: blur(2px) brightness(50%);
    margin: 2px 0 0 2px;
    z-index: 0
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .nextSlide {
    background: transparent
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .nextSlide:before {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 2px;
    filter: brightness(100%);
    z-index: 1
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .nextSlide:after {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 2px;
    filter: blur(2px) brightness(50%);
    margin: 2px 0 0 2px;
    z-index: 0
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .lightboxCaption {
    width: 100%;
    left: 0;
    background: transparent;
    height: 36px;
    padding: 0 0 0 0
}

body.jobboerse #hvgOverlay .lightboxGallery .viewport .lightboxCaption span {
    display: inline-block;
    background: rgba(62,62,62,0.9);
    padding: 6px 44px
}

body.jobboerse #hvgOverlay .overlayCloseBtn {
    width: 44px;
    height: 44px
}

#modalContainer {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 10000
}

#alertBox {
    position: relative;
    width: 33%;
    min-height: 100px;
    max-height: 400px;
    margin-top: 50px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    background-repeat: no-repeat;
    top: 30%
}

#alertBox h1 {
    margin: 0;
    background-color: #003c7e;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #003c7e;
    padding: 15px 0 10px 5px
}

#alertBox p {
    height: 50px;
    padding-left: 5px;
    padding-top: 30px;
    text-align: center;
    vertical-align: middle
}

#alertBox #closeBtn {
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
    padding: 7px;
    border: 0 none;
    width: 150px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color: #003c7e;
    border-radius: 0px;
    text-decoration: none;
    outline: 0!important
}

#modalContainer>#alertBox {
    position: fixed
}

@media (max-width: 768px) {
    #alertBox {
        position:relative;
        width: 90%;
        top: 30%
    }
}

.v2020 .site-header {
    height: 116px;
    position: relative;
    z-index: 10;
    background-color: white
}

@media (min-width: 768px) {
    .v2020 .site-header {
        height:100px
    }
}

.v2020 #homelink {
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 12px
}

@media (min-width: 350px) {
    .v2020 #homelink {
        width:320px;
        height: 70px
    }
}

@media (min-width: 568px) {
    .v2020 #homelink {
        width:244px
    }
}

@media (width: 768px) {
    .v2020 #homelink {
        left:25px
    }
}

@media (min-width: 769px) {
    .v2020 #homelink {
        left:74px;
        top: 15px;
        height: 64px
    }
}

.v2020 #hoteltitle {
    display: block;
    color: #646363;
    position: absolute;
    bottom: 5px;
    left: 129px;
    background: #fff;
    min-width: 240px;
    font-family: 'Noto Sans';
    font-weight: 400
}

@media (max-width: 375px) {
    .v2020 #hoteltitle {
        left:39%;
        top: auto;
        bottom: 5px;
        min-width: 0;
        max-width: 60%
    }
}

.v2020 .bw-logo {
    height: 116px;
    max-width: 100%;
    margin: 0 auto;
    background-color: transparent;
    background-image: url("/bw/v6/img/bw-dbb-logo.svg");
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: 39px 8px;
    position: relative
}

@media (min-width: 576px) {
    .v2020 .bw-logo {
        height:90px;
        max-width: 960px;
        background-size: auto 85%;
        background-position: 14px bottom
    }
}

@media (min-width: 768px) {
    .v2020 .bw-logo {
        max-height:90px;
        background-size: auto 80px;
        background-position: 25px bottom
    }
}

@media (min-width: 992px) {
    .v2020 .bw-logo {
        background-position:65px 10px
    }
}

.v2020 .iphone .bw-logo {
    height: 100%;
    background-size: auto 70%
}

.v2020 .android .bw-logo {
    height: 100%;
    background-size: auto 70%
}

.v2020#wsbk .bw-logo {
    background-image: url("/bw/v6/img/bw-dbb-logo.svg")
}

@media (min-width: 350px) {
    .v2020#wsbk .bw-logo {
        background-position:50px 5px
    }
}

@media (max-width: 350px) {
    .v2020#wsbk .bw-logo {
        background-size:auto 80%
    }
}

.v2020#wsbk.plus .bw-logo {
    background-image: url("/bw/v6/img/logos/bw-wsbk-plus-logo2.svg")
}

@media (min-width: 992px) {
    .v2020#wsbk.plus .bw-logo {
        background-position:74px 28px;
        background-size: auto 56%
    }

    .v2020#wsbk.plus .bw-logo #hoteltitle {
        left: 200px
    }
}

@media (max-width: 576px) {
    .v2020#wsbk.plus .bw-logo {
        background-size:auto 44%
    }
}

@media (max-width: 375px) {
    .v2020#wsbk.plus .bw-logo {
        background-size:auto 39%
    }
}

.v2020#wsbk.premier .bw-logo {
    background-image: url("/bw/v6/img/logos/bw-wsbk-premier-logo.svg");
    background-size: 80%
}

@media (min-width: 576px) {
    .v2020#wsbk.premier .bw-logo {
        background-position:74px 7px;
        background-size: auto 80px
    }
}

.v2020#wsbk.aiden .bw-logo {
    background-image: url("/bw/v6/img/logos/bw-wsbk-aiden-logo.svg");
    background-size: 80%
}

@media (min-width: 576px) {
    .v2020#wsbk.aiden .bw-logo {
        background-size:auto 80px;
        background-position: 75px 5px
    }
}

.v2020 .android #wsbk .bw-logo {
    background-size: auto 80%
}

.v2020 nav.navbar {
    background: #003c7e;
    position: static;
    z-index: 2
}

@media (min-width: 576px) {
    .v2020 nav.navbar {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2
    }

    .v2020 nav.navbar.stick-on-top {
        position: fixed;
        width: 100%;
        max-width: 1260px
    }
}

.v2020 nav.navbar .navbar-container {
    width: 100%;
    max-width: 1006px;
    margin: 0 auto;
    position: relative;
    height: 152px
}

@media (width: 1024px) {
    .v2020 nav.navbar .navbar-container {
        width:969px
    }
}

@media (min-width: 576px) {
    .v2020 nav.navbar .navbar-container {
        height:2rem;
        overflow: visible
    }
}

.v2020 nav.navbar .navbar-container.altnavi {
    max-width: 600px
}

.v2020 nav.navbar .navbar-header {
    text-align: center;
    display: none
}

.v2020 nav.navbar .navbar-header .navbar-toggle {
    position: relative;
    padding: 14px 20px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer
}

.v2020 nav.navbar .navbar-header .navbar-toggle:focus {
    outline: 0
}

.v2020 nav.navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #ddd;
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px
}

.v2020 nav.navbar .navbar-header .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar {
        position:relative;
        z-index: 11
    }
}

.v2020 nav.navbar #navbar.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar.navbar-collapse {
        display:block;
        width: auto;
        border-top: 0;
        padding-right: 10px;
        padding-left: 10px
    }

    .v2020 nav.navbar #navbar.navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important
    }

    .v2020 nav.navbar #navbar.navbar-collapse.in {
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .v2020 nav.navbar #navbar.navbar-collapse {
        padding-left:0px
    }
}

@media (min-width: 1024px) {
    .v2020 nav.navbar #navbar.navbar-collapse {
        padding-right:0px;
        padding-left: 0px
    }
}

.v2020 nav.navbar #navbar ul {
    display: none
}

.v2020 nav.navbar #navbar ul li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #999999
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li {
        display:inline-block;
        padding-top: 7px;
        border-bottom: none;
        white-space: nowrap
    }
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu {
    display: inline-block;
    text-decoration: none;
    float: left;
    text-align: center;
    margin-top: 12px;
    cursor: pointer
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu {
        display:none
    }
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu:hover {
    color: #ffffff
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu:hover:before {
    color: #ffffff
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e803';
    color: #bebebe;
    padding: 0 .4em
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu.active {
    color: #ffffff
}

.v2020 nav.navbar #navbar ul li.collapsed .toggle-submenu.active:before {
    content: '\e800'
}

.v2020 nav.navbar #navbar ul li.collapsed:after {
    content: '';
    margin: 0;
    padding: 0;
    width: 0
}

.v2020 nav.navbar #navbar ul li a {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #bebebe;
    text-decoration: none;
    text-transform: uppercase;
    width: 81%;
    margin-left: 65px;
    white-space: nowrap
}

@media (min-width: 600px) {
    .v2020 nav.navbar #navbar ul li a {
        width:90%;
        margin-left: 10%
    }
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li a {
        display:inline;
        padding: .64em .5em .6em .5em;
        width: auto;
        margin-left: 0
    }
}

.v2020 nav.navbar #navbar ul li a:hover,.v2020 nav.navbar #navbar ul li a:focus {
    color: #ffffff
}

.v2020 nav.navbar #navbar ul li.active a,.v2020 nav.navbar #navbar ul li.active a:hover {
    color: #ffffff;
    font-weight: 600
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li.active a,.v2020 nav.navbar #navbar ul li.active a:hover {
        font-weight:400
    }

    .v2020 nav.navbar #navbar ul li.active a:hover,.v2020 nav.navbar #navbar ul li.active a:hover:hover,.v2020 nav.navbar #navbar ul li.active a:focus,.v2020 nav.navbar #navbar ul li.active a:hover:focus {
        font-weight: 400
    }
}

.v2020 nav.navbar #navbar ul li.active>ul li {
    margin: 0 0 0 0
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li.active>ul li {
        float:left;
        height: 2.8em;
        width: auto;
        padding: .4em 7px 0 0
    }

    .v2020 nav.navbar #navbar ul li.active>ul li:hover {
        background-color: #fff
    }

    .v2020 nav.navbar #navbar ul li.active>ul li:hover:before {
        color: #ffffff
    }
}

.v2020 nav.navbar #navbar ul li.active>ul li a {
    font-weight: normal;
    color: #bebebe
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li.active>ul li a {
        padding:0 0 0 0;
        color: #333;
        font-weight: normal;
        border-top: none;
        border-bottom: none;
        background: none;
        margin-left: 0
    }

    .v2020 nav.navbar #navbar ul li.active>ul li a:hover {
        color: #689a39;
        font-weight: normal;
        border-top: none
    }
}

.v2020 nav.navbar #navbar ul li.active:after {
    content: '';
    margin: 0;
    padding: 0;
    width: 0
}

.v2020 nav.navbar #navbar ul li.selected a,.v2020 nav.navbar #navbar ul li.selected a:hover {
    color: #ffffff;
    font-weight: 600
}

.v2020 nav.navbar #navbar ul li>ul {
    display: none;
    margin: 0 0 0 0;
    border-top: 1px solid #999999
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li>ul {
        display:none;
        float: left;
        position: absolute;
        right: 0;
        width: auto;
        height: 2.3em;
        margin: 5px 0 0 0;
        background-color: #fff \9;
        background-color: rgba(255,255,255,0.8);
        border-top: 1px solid #fff
    }
}

.v2020 nav.navbar #navbar ul li>ul li {
    margin: 0 0 0 0
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li>ul li {
        float:left;
        height: 2.8em;
        width: auto;
        padding: .4em 7px 0 0
    }

    .v2020 nav.navbar #navbar ul li>ul li:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e851';
        padding: 0 7px 0 0;
        color: #4a4a4a;
        display: inline
    }

    .v2020 nav.navbar #navbar ul li>ul li:first-child {
        padding-left: 10px
    }

    .v2020 nav.navbar #navbar ul li>ul li:first-child:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }

    .v2020 nav.navbar #navbar ul li>ul li:last-child {
        padding-right: 18px
    }

    .v2020 nav.navbar #navbar ul li>ul li:hover {
        background-color: #fff
    }

    .v2020 nav.navbar #navbar ul li>ul li:hover:before {
        color: #ffffff
    }
}

.v2020 nav.navbar #navbar ul li>ul li:last-child {
    border-bottom: none
}

.v2020 nav.navbar #navbar ul li>ul li a {
    margin-left: 80px
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul li>ul li a {
        padding:0 0 0 0;
        color: #333;
        font-weight: normal;
        border-top: none;
        border-bottom: none;
        background: none;
        margin-left: 0
    }

    .v2020 nav.navbar #navbar ul li>ul li a:hover {
        color: #689a39;
        font-weight: normal;
        border-top: none
    }
}

.v2020 nav.navbar #navbar ul li.collapsed ul li a:after {
    content: ''
}

.v2020 nav.navbar #navbar ul li #pointer {
    position: absolute;
    top: -7px;
    left: 412px;
    width: 100px;
    height: 6px;
    background: transparent url(/bw/v6/img/navi-pointer.png) no-repeat center top
}

.v2020 nav.navbar #navbar ul #home-button {
    display: none
}

@media (min-width: 768px) {
    .v2020 nav.navbar #navbar ul #home-button {
        float:left;
        width: auto;
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        margin: 4px 0 0 0
    }

    .v2020 nav.navbar #navbar ul #home-button:hover {
        text-decoration: none;
        color: #ffffff
    }
}

@media (min-width: 992px) {
    .v2020 nav.navbar #navbar ul #home-button:before {
        margin-left:0
    }
}

.v2020 #bwrewards #navbar ul li>ul {
    margin: 1px 0 0 0;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.v2020 #bwrewards #navbar ul li:hover>ul {
    display: block;
    opacity: 1;
    margin: 1px 0 0 0
}

.v2020 #bwrewards #navbar ul li:nth-child(2)>ul {
    right: auto
}

.v2020 #bwrewards.EN #navbar ul li:nth-child(2)>ul {
    right: 0
}

.v2020 #bwrewards.EN #navbar ul li:nth-child(3)>ul {
    right: auto
}

@media (min-width: 576px) {
    .v2020 #hotelsearch-wrap.hotelsearch-wrap-tiny.stick-on-top #searchpanel #updateform .form-group {
        width:33%
    }

    .v2020 #hotelsearch-wrap.hotelsearch-wrap-tiny.stick-on-top #searchpanel #updateform .form-group .form-control {
        max-width: 170px
    }

    .v2020 #hotelsearch-wrap.hotelsearch-wrap-tiny.stick-on-top #searchpanel #updateform #bookingUpdateBtn {
        width: 100% !important
    }
}

.v2020 #top-menu {
    font-family: 'Noto Sans';
    font-weight: 400
}

.v2020 #top-menu>li>.dropdown-menu {
    left: auto !important;
    right: -2px !important
}

.v2020 #top-menu>li.login>.dropdown-menu {
    width: 190px;
    right: 75px !important;
    top: 22px
}

.v2020 #top-menu>li.login>.dropdown-menu>li {
    text-align: right
}

.v2020 #top-menu>li.login>.dropdown-menu>li:first-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 0px
}

.v2020 #top-menu>li.login>.dropdown-menu>li:last-child {
    margin-top: 15px;
    float: right
}

.v2020 #top-menu>li.login>.dropdown-menu>li:last-child b.caret {
    transform: rotate(-90deg);
    margin-top: -3px
}

@media (max-width: 576px) {
    .v2020 b.caretDesktop {
        display:none !important
    }
}

.v2020 #top-menu>li.login>.dropdown-menu .nav1 {
    margin-right: 10px
}

.v2020 #hotelsearch-wrap {
    height: auto;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 48px;
    z-index: 10
}

@media (min-width: 576px) {
    .v2020 #hotelsearch-wrap {
        height:auto;
        position: relative;
        top: 0;
        z-index: 9
    }
}

.v2020 #searchpanel {
    width: 96%;
    min-height: 143px;
    height: auto;
    background-color: #fff;
    border: 1px solid #D0CDD3;
    border-radius: 8px;
    position: absolute;
    z-index: 12;
    top: -44px;
    left: 2%;
    transition: all .5s ease-in-out
}

@media (min-width: 576px) {
    .v2020 #searchpanel {
        top:-48px;
        height: 96px;
        min-height: 0px;
        border-radius: 15px
    }
}

@media (min-width: 768px) {
    .v2020 #searchpanel {
        width:734px;
        background-color: #fff;
        border: 1px solid #D0CDD3;
        border-radius: 15px;
        position: absolute;
        z-index: 12;
        top: -48px;
        left: 50%;
        margin-left: -367px
    }
}

@media (min-width: 1024px) {
    .v2020 #searchpanel {
        width:836px;
        margin-left: -418px
    }
}

.v2020 #searchpanel #schnellsuche {
    padding: 9px 9px 9px 9px
}

@media (min-width: 576px) {
    .v2020 #searchpanel #schnellsuche {
        padding:6px 26px 0 26px
    }
}

@media (min-width: 1024px) {
    .v2020 #searchpanel #schnellsuche {
        padding:6px 31px 0 31px
    }
}

.v2020 #searchpanel .nav-tabs,.v2020 #searchpanel #mapsearch,.v2020 #searchpanel #country,.v2020 #searchpanel .incl_umkreissuche,.v2020 #searchpanel a.login {
    display: none
}

.v2020 #searchpanel #qs_calendarholder {
    visibility: hidden;
    position: absolute;
    top: -30000px
}

.v2020 #searchpanel #qs_calendarholder label {
    display: none
}

.v2020 #searchpanel .ezdz {
    visibility: hidden;
    position: absolute;
    top: -30000px
}

@media (min-width: 576px) {
    .v2020 #searchpanel #cf_quicksearch,.v2020 #searchpanel #specialhotelsearch {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.v2020 #searchpanel #cf_quicksearch .form-group,.v2020 #searchpanel #specialhotelsearch .form-group {
    width: 49%;
    margin: 0 0 3% 0;
    float: left
}

.v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(1),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(1) {
    width: 48.5%;
    margin: 0 3% 0 0
}

.v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(2),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(2) {
    width: 48.5%
}

.v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(3),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(3) {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 #searchpanel #cf_quicksearch .form-group,.v2020 #searchpanel #specialhotelsearch .form-group {
        width:22%;
        margin: 0 auto;
        float: none
    }

    .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(1),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(1) {
        width: 22%;
        margin: 0 auto
    }

    .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(2),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(2) {
        width: 24%
    }

    .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(3),.v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(3) {
        width: 43%
    }
}

.v2020 #searchpanel #cf_quicksearch .form-group.submit,.v2020 #searchpanel #specialhotelsearch .form-group.submit {
    width: 100%;
    max-width: 100%
}

.v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit .btn,.v2020 #searchpanel #specialhotelsearch .form-group.submit .btn {
    background-color: #033878;
    border-color: #033878;
    color: white;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400;
    width: 100%;
    height: 34px;
    padding: 0 0 0 0;
    -webkit-appearance: none
}

@media (max-width: 576px) {
    .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit .btn,.v2020 #searchpanel #specialhotelsearch .form-group.submit .btn {
        z-index:5000;
        position: relative
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel #cf_quicksearch .form-group.submit,.v2020 #searchpanel #specialhotelsearch .form-group.submit {
        max-width:68px
    }

    .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #quickSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #specialhotelsearch .form-group.submit #specialSearchSubmit,.v2020 #searchpanel #cf_quicksearch .form-group.submit .btn,.v2020 #searchpanel #specialhotelsearch .form-group.submit .btn {
        font-weight: 600;
        border-radius: 4px;
        margin: 24px 0 0 0 !important;
        width: 68px;
        height: 32px;
        padding: 0 0 0 0;
        -webkit-appearance: none
    }

    .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit.show-spinner,.v2020 #searchpanel #specialhotelsearch .form-group.submit #quickSearchSubmit.show-spinner,.v2020 #searchpanel #cf_quicksearch .form-group.submit #specialSearchSubmit.show-spinner,.v2020 #searchpanel #specialhotelsearch .form-group.submit #specialSearchSubmit.show-spinner,.v2020 #searchpanel #cf_quicksearch .form-group.submit .btn.show-spinner,.v2020 #searchpanel #specialhotelsearch .form-group.submit .btn.show-spinner {
        margin: 24px 0 0 0 !important
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel #updateform {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.v2020 #searchpanel #updateform .form-group {
    width: 49%;
    margin: 0 0 3% 0;
    float: left
}

.v2020 #searchpanel #updateform .form-group:nth-of-type(1) {
    width: 48.5%;
    margin: 0 3% 0 0
}

.v2020 #searchpanel #updateform .form-group:nth-of-type(2) {
    width: 48.5%
}

@media (min-width: 576px) {
    .v2020 #searchpanel #updateform .form-group {
        width:26%;
        margin: 0 auto;
        float: none
    }

    .v2020 #searchpanel #updateform .form-group:nth-of-type(1) {
        width: 26%;
        margin: 0 auto
    }

    .v2020 #searchpanel #updateform .form-group:nth-of-type(2) {
        width: 42%
    }
}

.v2020 #searchpanel #updateform .form-group.submit {
    width: 100%;
    max-width: 100%
}

.v2020 #searchpanel #updateform .form-group.submit #bookingUpdateBtn,.v2020 #searchpanel #updateform .form-group.submit .btn {
    background-color: #033878;
    color: white;
    border-color: #033878;
    border-radius: 4px;
    text-transform: inherit;
    font-weight: 400;
    width: 100%;
    height: 34px;
    padding: 0 0 0 0;
    -webkit-appearance: none;
    cursor: pointer
}

@media (min-width: 576px) {
    .v2020 #searchpanel #updateform .form-group.submit {
        max-width:200px
    }

    .v2020 #searchpanel #updateform .form-group.submit #bookingUpdateBtn,.v2020 #searchpanel #updateform .form-group.submit .btn {
        font-size: .9375rem;
        font-weight: 400;
        border-radius: 4px;
        margin: 24px 0 0 0 !important;
        width: 200px;
        height: 32px;
        padding: 0 0 0 0;
        -webkit-appearance: none;
        cursor: pointer
    }
}

.v2020 #searchpanel label {
    display: none
}

@media (min-width: 576px) {
    .v2020 #searchpanel label {
        display:inline-block;
        text-transform: none;
        color: #4C4C4B;
        font-size: 12px;
        padding: 0 0 0 10px;
        margin: 0 0 2px 0
    }
}

.v2020 #searchpanel .form-control {
    display: block;
    height: 34px;
    width: 100%;
    border: 1px solid #C6C5C9;
    font-size: 15px;
    letter-spacing: -0.02rem;
    color: black;
    background-color: #fff;
    box-shadow: none;
    padding: 3px 6px 0px
}

.v2020 #searchpanel .form-control::-moz-placeholder {
    color: black;
    opacity: 1
}

.v2020 #searchpanel .form-control:-ms-input-placeholder {
    color: black
}

.v2020 #searchpanel .form-control::-webkit-input-placeholder {
    color: black
}

@media (min-width: 375px) {
    .v2020 #searchpanel .form-control {
        font-size:16px
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel .form-control {
        height:32px;
        font-size: 15px
    }
}

@media (min-width: 1024px) {
    .v2020 #searchpanel .form-control {
        font-size:16px
    }
}

.v2020 #searchpanel .form-control.required {
    border: 1px solid #C6C5C9;
    box-shadow: none
}

.v2020 #searchpanel .form-control.has-error {
    border: 1px solid #990000;
    box-shadow: 0 0 5px 1px rgba(255,0,0,0.5)
}

.v2020 #searchpanel #ss_ort::-moz-placeholder,.v2020 #searchpanel #ss_ort_demo::-moz-placeholder,.v2020 #searchpanel #jobcityhotel::-moz-placeholder {
    color: #dadada;
    opacity: 1
}

.v2020 #searchpanel #ss_ort:-ms-input-placeholder,.v2020 #searchpanel #ss_ort_demo:-ms-input-placeholder,.v2020 #searchpanel #jobcityhotel:-ms-input-placeholder {
    color: #dadada
}

.v2020 #searchpanel #ss_ort::-webkit-input-placeholder,.v2020 #searchpanel #ss_ort_demo::-webkit-input-placeholder,.v2020 #searchpanel #jobcityhotel::-webkit-input-placeholder {
    color: #dadada
}

.v2020 #searchpanel #rooms-persons {
    position: relative
}

.v2020 #searchpanel #rooms-persons #combined-rooms-persons {
    background-image: url(/bw/v6/img/ico/dir-down.svg);
    background-repeat: no-repeat;
    background-position: 97% 14px;
    background-size: 9px auto;
    cursor: default
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel {
    width: 100%;
    background: white;
    border: 1px solid #C6C5C9;
    margin-top: -1px;
    font-size: 12px;
    height: 0;
    opacity: 0;
    visibility: hidden
}

@media (min-width: 375px) {
    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        font-size:16px
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width:328px
    }
}

@media (min-width: 768px) {
    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width:100%
    }
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room {
    display: block;
    margin: 0 0 20px 0;
    display: none
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room#room1 {
    display: block
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span,.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button {
    display: inline-block;
    float: left;
    overflow: hidden
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(1),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(1),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(5),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(5) {
    width: 26%;
    text-align: left
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(2),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(2),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(6),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(6) {
    width: 6%;
    text-align: center
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(3),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(3),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(7),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(7) {
    width: 3%
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(4),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(4),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(8),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(8) {
    text-align: left
}

@supports (display: grid) {
    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room {
        display:grid;
        grid-template-columns: 5fr 1fr .5fr 10fr;
        column-gap: 0px;
        row-gap: 4px;
        align-items: center;
        display: none
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span,.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button {
        float: none
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(1),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(1),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(2),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(2),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(3),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(3),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(4),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(4),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(5),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(5),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(6),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(6),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(7),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(7),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(8),.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(8) {
        width: 100%;
        width: auto
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.add-adult,.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.add-child {
        padding-left: 10px;
        padding-right: 0px
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.add-adult i,.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.add-child i {
        padding-right: 6px
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.remove-adult,.v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button.remove-child {
        padding-left: 6px;
        padding-right: 14px
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room#room1 {
        display: grid
    }
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel div:last-of-type {
    text-align: center;
    margin-top: 10px
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel .cnt {
    justify-self: center;
    font-weight: 600
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    outline: none;
    cursor: pointer
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button i {
    display: inline-block;
    text-align: center;
    font-weight: 600
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button.add-room {
    position: relative
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button.add-room.active {
    outline: none
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button.add-room.active:after {
    content: '|';
    position: absolute;
    right: -8px
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button.remove-room {
    position: relative;
    display: none
}

.v2020 #searchpanel #rooms-persons #rooms-persons-panel button[disabled="true"] {
    cursor: default
}

.v2020 #searchpanel #rooms-persons .show-panel {
    min-height: 100px;
    padding: 10px 8px;
    height: auto !important
}

.v2020 #searchpanel #active-search {
    padding: 10px 9px 9px 9px
}

.v2020 #searchpanel #active-search input[type="text"] {
    text-align: center
}

@media (min-width: 576px) {
    .v2020 #searchpanel #active-search {
        display:none
    }
}

.v2020 #searchpanel .hitlist-arrangements-panel {
    padding-top: 2%
}

@media (min-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel {
        padding:10px 31px 0 31px
    }
}

@media (max-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel {
        padding:5%
    }
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper {
    display: flex
}

@media (max-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper {
        flex-wrap:wrap
    }

    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div {
        flex: 0 48%;
        margin-bottom: 10px
    }

    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.arrivalDiv input,.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.departureDiv input {
        max-width: 100% !important
    }
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper label {
    padding-left: 0;
    display: block;
    text-align: left;
    text-transform: inherit;
    margin-bottom: 2px
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div {
    margin-right: 5px
}

@media (min-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div .calendar {
        min-width:110px
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #ss_ort {
        min-width:200px
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #ss_nights {
        min-width:55px
    }
}

@media (min-width: 576px) {
    .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.arrivalDiv,.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.departureDiv {
        min-width:110px
    }
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.children-wrap,.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div.double-wrap {
    position: relative
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #maxKinderHinweis {
    position: absolute;
    min-width: 276px;
    top: -110px;
    left: -100%
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #maxKinderHinweis .popover-content p {
    font-size: .75rem
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #anzZimmerHinweis {
    position: absolute;
    min-width: 276px;
    top: -92px;
    left: -100%
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper div #anzZimmerHinweis .popover-content p {
    font-size: .75rem
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper input[type="submit"] {
    background-color: #003c7e;
    letter-spacing: 0;
    text-transform: inherit;
    font-weight: 600;
    margin-right: 0 !important;
    margin-top: 22px !important;
    -webkit-appearance: none;
    background-position: center 0px
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper input[type="submit"]:disabled {
    font-size: 0px;
    min-width: 108px
}

.v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper .btn-login {
    font-weight: 600;
    font-size: .75rem;
    border-radius: 8px;
    padding-top: 8px;
    height: 34px;
    margin-right: .5rem;
    margin-top: 22px !important
}

@supports (display: grid) {
    .v2020.en #searchpanel #rooms-persons #rooms-persons-panel div.room {
        grid-template-columns:4fr 1fr .5fr 10fr
    }
}

@media (min-width: 576px) {
    .v2020 #hotelsearch-wrap.stick-on-top {
        max-width:1260px;
        position: fixed;
        top: 32px;
        z-index: 1
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel {
        width: 570px;
        margin-left: -285px
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #schnellsuche {
        padding: 30px 12px 0 12px
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel label {
        opacity: 0
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel .form-control {
        max-width: 152px
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #cf_quicksearch .form-group,.v2020 #hotelsearch-wrap.stick-on-top #searchpanel #specialhotelsearch .form-group {
        width: 27%
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #updateform .form-group {
        width: 27%
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #updateform .form-group.submit #bookingUpdateBtn,.v2020 #hotelsearch-wrap.stick-on-top #searchpanel #updateform .form-group.submit .btn {
        width: auto;
        padding: 0 24px
    }

    .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #rooms-persons-panel {
        min-width: 332px;
        position: absolute;
        right: 0
    }
}

.v2020 #hotelsearch-wrap.vintage-search #searchpanel {
    padding: .5rem
}

@media (min-width: 1024px) {
    .v2020 #hotelsearch-wrap.vintage-search #searchpanel {
        padding:0;
        width: 734px;
        margin-left: -367px
    }
}

@media (max-width: 576px) {
    .v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten input.calendar {
        max-width:100%
    }

    .v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten .nights-wrap,.v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten .adults-wrap,.v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten .children-wrap {
        max-width: 22%;
        margin-top: 8px
    }

    .v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten .single-wrap,.v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten .double-wrap {
        max-width: 13%;
        margin-top: 8px
    }

    .v2020 #hotelsearch-wrap.vintage-search #searchpanel .reisedaten #specialSearchSubmit {
        width: 100%;
        margin-top: 14px !important;
        line-height: 17px
    }
}

@media (min-width: 576px) {
    .v2020 #hotelsearch-wrap.vintage-search.stick-on-top {
        max-width:1260px;
        position: fixed;
        top: 78px
    }

    .v2020 #hotelsearch-wrap.vintage-search.stick-on-top #searchpanel {
        width: 734px;
        margin-left: -367px
    }

    .v2020 #hotelsearch-wrap.vintage-search.stick-on-top #searchpanel #schnellsuche {
        padding: 30px 12px 0 12px
    }

    .v2020 #hotelsearch-wrap.vintage-search.stick-on-top #searchpanel label {
        opacity: 1
    }
}

.v2020 .namepanel-container {
    width: 96%;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    bottom: auto;
    left: 2%;
    z-index: 10
}

@media (min-width: 768px) {
    .v2020 .namepanel-container {
        width:734px;
        margin-left: -367px;
        top: auto;
        bottom: 100px;
        left: 50%
    }
}

@media (min-width: 1024px) {
    .v2020 .namepanel-container {
        width:836px;
        margin-left: -418px
    }
}

.v2020 #namepanel {
    width: 100%;
    position: static;
    display: block;
    background-color: rgba(255,255,255,0.6);
    border-bottom: none;
    z-index: 12;
    padding: 1em 1em .5em 1em
}

.v2020 #namepanel:empty {
    display: none
}

@media (min-width: 576px) {
    .v2020 #namepanel {
        display:inline-block;
        width: auto;
        bottom: 100px;
        left: 0
    }
}

.v2020 #namepanel .stars {
    margin-right: 0
}

.v2020 #namepanel .stars:before {
    vertical-align: top;
    letter-spacing: 3px
}

.v2020 #namepanel h1,.v2020 #namepanel h2 {
    white-space: normal;
    margin-bottom: 1.1em
}

@media (min-width: 480px) {
    .v2020 #namepanel h1,.v2020 #namepanel h2 {
        padding-bottom:.3em
    }
}

@media (min-width: 600px) {
    .v2020 #namepanel h1,.v2020 #namepanel h2 {
        white-space:nowrap
    }
}

.v2020 #namepanel h1:empty,.v2020 #namepanel h2:empty {
    display: none
}

.v2020 #namepanel h1,.v2020 #namepanel h2,.v2020 #namepanel h5 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-transform: none;
    font-weight: 600;
    font-size: 1rem
}

.v2020 #namepanel h1:empty,.v2020 #namepanel h2:empty,.v2020 #namepanel h5:empty {
    display: none
}

.v2020 #namepanel.dark-bg {
    background-color: rgba(0,0,0,0.6)
}

.v2020 #namepanel.dark-bg h1,.v2020 #namepanel.dark-bg h2,.v2020 #namepanel.dark-bg h5,.v2020 #namepanel.dark-bg span.weather {
    color: #fff
}

.v2020 .addTemplateHitlist {
    margin: 2rem auto
}

@media (max-width: 576px) {
    .v2020 .templateHitlist {
        margin-top:34.5rem
    }
}

.v2020 .bookingBoxInLine .hitlist-arrangements-panel {
    background: #ffffff
}

.v2020 .bookingBoxInLine .hitlist-arrangements-wrapper {
    display: flex;
    position: relative
}

@media (max-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper {
        flex-wrap:wrap
    }

    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div {
        flex: 0 48%
    }
}

.v2020 .bookingBoxInLine .hitlist-arrangements-wrapper label {
    padding-left: 0;
    display: block;
    text-align: left;
    text-transform: inherit;
    margin-bottom: 2px
}

.v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div {
    margin-right: 5px
}

@media (min-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div .calendar {
        min-width:100px
    }
}

@media (min-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div #ss_ort {
        min-width:200px
    }
}

@media (min-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div #ss_nights {
        min-width:50px
    }
}

.v2020 .bookingBoxInLine .hitlist-arrangements-wrapper input[type="submit"] {
    background-color: #003c7e;
    letter-spacing: 0;
    text-transform: inherit;
    font-weight: 600;
    margin-right: 0 !important;
    -webkit-appearance: none
}

@media (min-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper input[type="submit"] {
        margin-top:25px !important
    }
}

.v2020 .bookingBoxInLine .hitlist-arrangements-wrapper .btn-login {
    font-weight: 600;
    font-size: .75rem;
    border-radius: 8px;
    padding-top: 8px;
    height: 34px;
    margin-right: .5rem
}

@media (min-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper .btn-login {
        margin-top:25px !important
    }
}

@media (max-width: 576px) {
    .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper .btn-login {
        margin-top:29px
    }
}

@media (min-width: 576px) {
    .v2020 .v2020 #searchpanel #updateform .form-group.submit #bookingUpdateBtn,.v2020 .v2020 #searchpanel #updateform .form-group.submit .btn {
        width:auto
    }
}

@media (max-width: 576px) {
    .v2020.individual-arrangements .visual-wrap {
        padding-top:270px !important
    }

    .v2020.individual-arrangements section.page {
        padding: 535px 0 0 0 !important
    }
}

@media (max-width: 576px) {
    .v2020.individual-arrangements.no-visual-wrap section.page {
        padding:0 0 0 0 !important
    }
}

@media (max-width: 576px) {
    .v2020.individual-arrangements.no-searchpanel .visual-wrap {
        padding-top:5px !important
    }

    .v2020.individual-arrangements.no-searchpanel section.page.hotellistbookingboxAsLine {
        padding: 300px 0 0 10px !important
    }

    .v2020.individual-arrangements.no-searchpanel section.page:nth-of-type(2) {
        padding: 5px 0 0 0 !important
    }
}

.v2020 .lightpick {
    position: absolute;
    z-index: 99999;
    padding: 4px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    color: #000;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    line-height: 1.125em;
    margin-left: 2vw
}

@media (min-width: 576px) {
    .v2020 .lightpick {
        margin-left:-120px
    }
}

@media (min-width: 1024px) {
    .v2020 .lightpick {
        margin-left:-115px
    }
}

.v2020.sticky-searchpanel .lightpick {
    margin-left: -179px
}

.v2020 .lightpick--inlined {
    position: relative;
    display: inline-block
}

.v2020 .lightpick,.v2020 .lightpick *,.v2020 .lightpick::after,.v2020 .lightpick::before {
    box-sizing: border-box
}

.v2020 .lightpick.is-hidden {
    display: none
}

.v2020 .lightpick__months {
    display: block;
    background-color: #EEE
}

@supports (display: grid) {
    .v2020 .lightpick__months {
        display:grid;
        grid-template-columns: auto;
        grid-gap: 1px
    }
}

.v2020 .lightpick--2-columns .lightpick__months {
    width: 577px
}

@supports (display: flex) {
    .v2020 .lightpick--2-columns .lightpick__months {
        grid-template-columns:auto auto
    }
}

@supports (display: grid) {
    .v2020 .lightpick--3-columns .lightpick__months {
        grid-template-columns:auto auto auto
    }
}

@supports (display: grid) {
    .v2020 .lightpick--4-columns .lightpick__months {
        grid-template-columns:auto auto auto auto
    }
}

@supports (display: grid) {
    .v2020 .lightpick--5-columns .lightpick__months {
        grid-template-columns:auto auto auto auto auto
    }
}

.v2020 .lightpick__month {
    padding: 4px;
    width: 288px;
    width: 93vw;
    background-color: #FFF;
    float: left;
    border-left: 1px solid #eee
}

@media (min-width: 576px) {
    .v2020 .lightpick__month {
        width:288px
    }
}

.v2020 .lightpick__month:first-child {
    border-left: none
}

@supports (display: grid) {
    .v2020 .lightpick__month {
        float:none;
        border-left: none
    }
}

.v2020 .lightpick__month-title-bar {
    display: block;
    margin-bottom: 4px;
    text-align: right;
    padding-right: 27%
}

@supports (display: flex) {
    .v2020 .lightpick__month-title-bar {
        display:flex;
        margin-bottom: 4px;
        justify-content: space-between;
        align-items: center
    }
}

.v2020 .lightpick--1-columns .lightpick__month-title-bar {
    padding-right: 0
}

.v2020 .lightpick__month-title {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    cursor: default;
    padding: 0;
    border-radius: 4px
}

.v2020 .lightpick__month-title>.lightpick__select {
    border: none;
    background-color: #e0e0e0;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 30px
}

.v2020 .lightpick__month-title>.lightpick__select:disabled {
    color: #333
}

.v2020 .lightpick__month-title>.lightpick__select-months {
    font-weight: bold;
    font-size: 1em;
    margin-right: .5em
}

.v2020 .lightpick__months .lightpick__month:first-child .lightpick__month-title>.lightpick__select-months {
    font-weight: bold;
    font-size: 1em;
    margin-right: 2px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 4px
}

.v2020 .lightpick__months .lightpick__month:first-child .lightpick__month-title>.lightpick__select-years {
    font-size: 1em;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 4px;
    padding-right: 20px
}

.v2020 .lightpick__months .lightpick__month:last-child .lightpick__month-title>.lightpick__select-months {
    font-weight: bold;
    font-size: 1em;
    margin-right: 2px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 4px;
    padding-left: 12px
}

@media (max-width: 667px) {
    .v2020 .lightpick__months .lightpick__month:last-child .lightpick__month-title>.lightpick__select-months {
        padding-left:4px;
        font-size: 12px
    }
}

.v2020 .lightpick__months .lightpick__month:last-child .lightpick__month-title>.lightpick__select-years {
    font-size: 1em;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 4px;
    padding-right: 20px
}

@media (max-width: 667px) {
    .v2020 .lightpick__months .lightpick__month:last-child .lightpick__month-title>.lightpick__select-years {
        padding-right:4px;
        font-size: 12px
    }
}

.v2020 .lightpick__toolbar {
    text-align: right
}

@supports (display: flex) {
    .v2020 .lightpick__toolbar {
        display:flex;
        justify-content: flex-end
    }
}

.v2020 .lightpick__previous-action,.v2020 .lightpick__next-action,.v2020 .lightpick__close-action {
    margin-left: 6px;
    width: 32px;
    height: 32px;
    outline: none;
    border: none;
    border-radius: 50%;
    background-color: #DDD
}

@supports (display: flex) {
    .v2020 .lightpick__previous-action,.v2020 .lightpick__next-action,.v2020 .lightpick__close-action {
        display:flex;
        justify-content: center;
        align-items: center
    }
}

.v2020 .lightpick__previous-action,.v2020 .lightpick__next-action {
    font-size: 12px
}

.v2020 .lightpick__close-action {
    font-size: 18px
}

.v2020 .lightpick__previous-action:active,.v2020 .lightpick__next-action:active,.v2020 .lightpick__close-action:active {
    color: inherit
}

.v2020 .lightpick__days-of-the-week {
    display: table;
    width: 100%
}

@supports (display: grid) {
    .v2020 .lightpick__days-of-the-week {
        display:grid;
        grid-template-columns: repeat(7, 1fr)
    }
}

.v2020 .lightpick__day-of-the-week {
    display: table-cell;
    width: 14.28571429%;
    font-size: 11px;
    font-weight: bold;
    text-align: center
}

@supports (display: flex) {
    .v2020 .lightpick__day-of-the-week {
        display:flex;
        justify-content: center;
        align-items: center;
        width: auto
    }
}

.v2020 .lightpick__days {
    display: block
}

@supports (display: grid) {
    .v2020 .lightpick__days {
        display:grid;
        grid-template-columns: repeat(7, 1fr)
    }
}

.v2020 .lightpick__day {
    display: block;
    height: 40px;
    width: 14.28571429%;
    float: left;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 3em;
    text-align: center;
    cursor: default
}

@supports (display: flex) {
    .v2020 .lightpick__day {
        display:flex;
        justify-content: center;
        align-items: center;
        width: auto;
        float: none
    }
}

.v2020 .lightpick__day.is-today {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(0, 38, 117, 1)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    background-size: 18.8% auto;
    background-position: center bottom;
    color: #003c7e;
    font-weight: 600
}

.v2020 .lightpick__day:not(.is-disabled):hover {
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 .lightpick__day.is-disabled {
    opacity: .38;
    pointer-events: none
}

.v2020 .lightpick__day.disabled-tooltip {
    pointer-events: auto
}

.v2020 .lightpick__day.is-disabled.is-forward-selected {
    opacity: 1
}

.v2020 .lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
    background-color: rgba(38,139,210,0.1);
    background-image: none
}

.v2020 .lightpick__day.is-previous-month,.v2020 .lightpick__day.is-next-month {
    opacity: .38
}

.v2020 .lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
    opacity: 1
}

.v2020 .lightpick__day.is-in-range {
    border-radius: 0;
    background-color: rgba(38,139,210,0.1);
    background-image: none
}

.v2020 .lightpick__day.is-in-range:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 .lightpick__day.is-start-date.is-in-range,.v2020 .lightpick__day.is-end-date.is-in-range.is-flipped {
    border-top-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50%;
    background-color: #268BD2;
    background-image: none
}

.v2020 .lightpick__day.is-end-date.is-in-range,.v2020 .lightpick__day.is-start-date.is-in-range.is-flipped {
    border-top-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 0;
    background-color: #268BD2;
    background-image: none
}

.v2020 .lightpick__day.is-start-date.is-end-date {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 .lightpick__day.is-start-date,.v2020 .lightpick__day.is-end-date,.v2020 .lightpick__day.is-start-date:hover,.v2020 .lightpick__day.is-end-date:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: center;
    color: #FFF;
    font-weight: bold
}

.v2020 .lightpick__tooltip {
    position: absolute;
    margin-top: -4px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    white-space: nowrap;
    font-size: 11px;
    pointer-events: none
}

.v2020 .lightpick__tooltip::before {
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
    border-top: 5px solid rgba(0,0,0,0.12);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: ""
}

.v2020 .lightpick__tooltip::after {
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.v2020 .lightpick__footer {
    display: block
}

@supports (display: flex) {
    .v2020 .lightpick__footer {
        display:flex;
        justify-content: space-between
    }
}

.v2020 .lightpick__reset-action,.v2020 .lightpick__apply-action {
    border-radius: 5px;
    font-size: 12px;
    border: none
}

.v2020 .lightpick__reset-action {
    color: #fff;
    background-color: #aeacad
}

.v2020 .lightpick__apply-action {
    color: #fff;
    background-color: #2495f3
}

.v2020 body {
    font-family: "Montserrat",Arial,Helvetica,sans-serif
}

@media (min-width: 576px) {
    .v2020 section.pagehead {
        position:-webkit-sticky;
        position: sticky;
        top: -510px;
        z-index: 10;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.v2020 section.pagehead.transparentPagehead nav.navbar {
    background: transparent
}

.v2020 section.pagehead.transparentPagehead #navpanel-open {
    background: transparent
}

@media (min-width: 992px) {
    .v2020 section.pagehead.menu--dark #navpanel-open {
        color:#000
    }

    .v2020 section.pagehead.menu--dark #navpanel-open::before {
        content: url(/bw/v6/img/hamburger-dark.svg)
    }
}

.v2020 section.page {
    width: 100%;
    max-width: 1046px;
    margin: 0 auto;
    padding: 400px 0 0 0
}

@media (min-width: 576px) {
    .v2020 section.page {
        margin:70px auto;
        padding: 0 0 0 0
    }
}

@media (min-width: 576px) {
    .v2020 section.page.hotel-lightbox {
        margin:10px auto;
        padding: 0 0 0 0
    }
}

.v2020 section.pagebottom {
    width: 96%;
    max-width: 1000px;
    margin: 3.5em auto .5em;
    display: block
}

@media (min-width: 576px) {
    .v2020 section.pagebottom {
        margin:5.5em auto .5em
    }
}

@media (min-width: 769px) {
    .v2020 section.pagebottom {
        margin:6.5em auto .5em
    }
}

@media (min-width: 1024px) {
    .v2020 section.pagebottom {
        width:100%
    }
}

.v2020 section.pagebottom .col-xs-12 {
    padding-left: 0
}

.v2020 .page-content {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0
}

@media (max-width: 576px) {
    .v2020 .page-content {
        margin-bottom:2%
    }
}

.v2020 .page-content row {
    margin-top: 0
}

.v2020 #bottom-menu {
    font-size: .66rem;
    margin-bottom: 0
}

.v2020 #bottom-menu ul {
    margin-left: 0
}

@media (min-width: 576px) {
    .v2020 #bottom-menu ul {
        margin-left:1.2em
    }
}

.v2020 #bottom-menu li {
    display: inline-block;
    margin: 0 4px 0 0
}

.v2020 #bottom-menu li a {
    text-transform: none
}

.v2020 #bottom-menu li a:after {
    content: "  |  "
}

.v2020 #bottom-menu li:last-child a:after {
    content: ""
}

.v2020 #bottom-menu a {
    color: #646363;
    text-decoration: none
}

.v2020 #bottom-menu a:hover {
    color: #689a39;
    text-decoration: underline
}

.v2020 #copyright {
    margin-top: 1rem;
    font-size: .75rem
}

.v2020 #siteinfo {
    margin-bottom: 0
}

.v2020 #siteinfo h3 {
    font-size: .8rem;
    text-transform: none
}

@media (min-width: 576px) {
    .v2020 #siteinfo h3 {
        font-size:.75rem;
        line-height: 1.2em
    }
}

.v2020 #siteinfo h3 a {
    color: #646363;
    text-decoration: none
}

.v2020 #siteinfo h3 a:hover {
    color: #689a39;
    text-decoration: underline
}

.v2020 #siteinfo p {
    font-size: .8rem
}

@media (min-width: 576px) {
    .v2020 #siteinfo p {
        font-size:.75rem;
        line-height: 1.2em
    }
}

.v2020 #siteinfo p a:before {
    color: #003c7e
}

.v2020 #siteinfo a {
    color: #646363;
    text-decoration: none
}

.v2020 #siteinfo a:hover {
    color: #689a39;
    text-decoration: underline
}

.v2020 #siteinfo .row {
    display: block
}

.v2020 #siteinfo .row>div {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 #siteinfo .row>div {
        width:33%;
        float: left
    }

    .v2020 #siteinfo .row>div:nth-of-type(2) {
        padding-left: .9rem
    }

    .v2020 #siteinfo .row>div:nth-of-type(3) {
        padding-left: 1.5rem
    }
}

@media (min-width: 576px) {
    .v2020 #siteinfo .row.row-flex {
        padding-left:0;
        padding-right: 0
    }
}

.v2020 h1.border,.v2020 h2.border,.v2020 h3.border,.v2020 h4.border,.v2020 h5.border,.v2020 h6.border {
    font-size: 1.5rem;
    font-weight: 200;
    position: relative;
    text-transform: inherit;
    text-align: center;
    margin: 40px 0 32px;
    color: #1d1d1b;
    z-index: 1;
    line-height: 1.7rem
}

.v2020 h1.border span,.v2020 h2.border span,.v2020 h3.border span,.v2020 h4.border span,.v2020 h5.border span,.v2020 h6.border span {
    background: #ffffff;
    display: inline-block;
    z-index: 100;
    position: relative;
    padding: 0 1rem
}

.v2020 h1.border::after,.v2020 h2.border::after,.v2020 h3.border::after,.v2020 h4.border::after,.v2020 h5.border::after,.v2020 h6.border::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a4a4a4;
    top: 11px;
    left: 0
}

.v2020 .row-flex {
    padding-left: 0;
    padding-right: 0
}

.v2020 .row-flex .col-md-4,.v2020 .row-flex .col-md-6 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px
}

@media (min-width: 576px) {
    .v2020 .row-flex {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-left: 1.5%;
        padding-right: 1.5%
    }

    .v2020 .row-flex.row-flex-end {
        align-items: end
    }

    .v2020 .row-flex .col-md-4,.v2020 .row-flex .col-md-6 {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px
    }
}

.v2020 .row-flex.noMargins {
    padding: 0
}

.v2020 .row-flex.noMargins .col-md-4,.v2020 .row-flex.noMargins .col-md-6,.v2020 .row-flex.noMargins .col-md-3,.v2020 .row-flex.noMargins .col-md-8,.v2020 .row-flex.noMargins .col-md-9,.v2020 .row-flex.noMargins .col-md-12 {
    margin-top: 0
}

.v2020 .row-flex.noMargins .col-md-6,.v2020 .row-flex.noMargins .col-md-3,.v2020 .row-flex.noMargins .col-md-4,.v2020 .row-flex.noMargins .col-md-8,.v2020 .row-flex.noMargins .col-md-12,.v2020 .row-flex.noMargins .col-md-9 {
    padding: 0
}

.v2020 .row-flex.noMargins .col-md-6 .noMargins,.v2020 .row-flex.noMargins .col-md-3 .noMargins,.v2020 .row-flex.noMargins .col-md-4 .noMargins,.v2020 .row-flex.noMargins .col-md-8 .noMargins,.v2020 .row-flex.noMargins .col-md-12 .noMargins,.v2020 .row-flex.noMargins .col-md-9 .noMargins {
    padding: 0;
    height: 100%
}

.v2020 .flex-content {
    height: 100%
}

.v2020 .visible-on-mobile {
    display: block
}

@media (min-width: 576px) {
    .v2020 .visible-on-mobile {
        display:none
    }
}

.v2020 .not-visible-on-mobile {
    display: none
}

@media (min-width: 576px) {
    .v2020 .not-visible-on-mobile {
        display:block
    }
}

.v2020 .flex-not-visible-on-mobile {
    display: none
}

@media (min-width: 576px) {
    .v2020 .flex-not-visible-on-mobile {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.v2020 #spinnerOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.5) url('/bw/v6/img/ajax-loader.gif') 50% 50% no-repeat;
    z-index: 100;
    display: none
}

.v2020 .h1_normalText,.v2020 .h2_normalText,.v2020 .h3_normalText,.v2020 .h4_normalText,.v2020 .h5_normalText,.v2020 .h6_normalText {
    margin: 0;
    padding: 0;
    font-size: .9375rem !important;
    line-height: 25px
}

.v2020 #top-menu {
    display: none
}

@media (min-width: 768px) {
    .v2020 #top-menu {
        display:block;
        position: absolute;
        top: 22px;
        right: 13px;
        text-align: right
    }
}

@media (min-width: 992px) {
    .v2020 #top-menu {
        right:62px
    }
}

.v2020 #top-menu li {
    display: block;
    margin-left: .7em;
    color: #646363
}

@media (min-width: 768px) {
    .v2020 #top-menu li {
        margin-left:1em
    }
}

.v2020 #top-menu li.dropdown {
    margin-bottom: .5rem
}

.v2020 #top-menu li.divider {
    display: block;
    margin-left: 0
}

.v2020 #top-menu li.login a {
    line-height: 1.2em
}

.v2020 #top-menu li.login br {
    line-height: 1em
}

.v2020 #top-menu li a {
    display: inline-block;
    color: #646363;
    text-decoration: none
}

.v2020 #top-menu li a:visited {
    display: inline-block;
    color: #646363;
    text-decoration: none
}

.v2020 #top-menu li a:hover {
    text-decoration: underline;
    color: #689a39
}

.v2020 #top-menu>li>.dropdown-menu {
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    min-width: 0;
    width: 90px;
    left: 16px;
    right: 0
}

.v2020 #top-menu>li>.dropdown-menu>li {
    margin: 0 6px;
    display: block;
    text-align: left
}

.v2020 #top-menu>li>.dropdown-menu>li:first-child {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 2px
}

.v2020 #top-menu>li>.dropdown-menu>li a {
    padding: 0 2px
}

.v2020 #top-menu>li>.dropdown-menu>li a img {
    border: 1px solid #ccc;
    margin-right: 5px
}

.v2020 #top-menu #selectLang span {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #a4a4a4;
    float: left;
    margin-right: 5px;
    margin-top: 2px
}

.v2020 #top-menu #selectLang span img {
    object-fit: cover;
    width: 12px;
    height: 11px;
    vertical-align: 6px
}

.v2020 #top-menu #items-in-basket {
    display: inline-block;
    background-color: #9e161a;
    font-size: 11px;
    line-height: 13px;
    color: white;
    padding: 0px 8px;
    border-radius: 5px;
    vertical-align: 1px
}

.v2020 #top-menu #items-in-basket:empty {
    display: none
}

.v2020 #top-menu #bookingCartIndicator {
    display: inline-block
}

.v2020 .visual-wrap {
    position: absolute;
    top: 155px;
    height: auto;
    width: 100%;
    background-color: #003c7e;
    z-index: 2;
    padding-top: 116px
}

@media (min-width: 576px) {
    .v2020 .visual-wrap {
        position:relative;
        top: auto;
        height: auto;
        background-color: #4a4a4a;
        z-index: 1;
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .v2020 .visual-wrap {
        height:420px;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.v2020 #carousel,.v2020 .slideshowPagebox {
    position: relative;
    display: block;
    height: 396px;
    overflow: hidden;
    border-top: 10px solid white;
    z-index: 1
}

@media (min-width: 576px) {
    .v2020 #carousel,.v2020 .slideshowPagebox {
        height:17.25em;
        border-top: none
    }
}

@media (min-width: 768px) {
    .v2020 #carousel,.v2020 .slideshowPagebox {
        height:420px
    }
}

.v2020 .uSlider-slides {
    list-style-type: none;
    margin: 0 0 0 0
}

.v2020 .uSlider-slides li {
    z-index: 1
}

.v2020 .uSlider-slides li .item {
    position: relative;
    display: none;
    height: 386px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

@media (min-width: 576px) {
    .v2020 .uSlider-slides li .item {
        height:17.25em
    }
}

@media (min-width: 768px) {
    .v2020 .uSlider-slides li .item {
        height:420px
    }
}

@media (max-width: 768px) {
    .v2020 .uSlider-slides li .item.zoomPointMobileLeft {
        background-position:left 50%
    }
}

@media (max-width: 768px) {
    .v2020 .uSlider-slides li .item.zoomPointMobileRight {
        background-position:right 50%
    }
}

.v2020 .uSlider-slides li .item .videoSlide {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0
}

.v2020 .uSlider-slides li.dark .slide-content .teaser-box h1,.v2020 .uSlider-slides li.dark .slide-content .teaser-box h2,.v2020 .uSlider-slides li.dark .slide-content .teaser-box em,.v2020 .uSlider-slides li.dark .slide-content .teaser-box p,.v2020 .uSlider-slides li.dark .slide-content .teaser-box strong {
    color: #646363;
    text-shadow: 4px 4px 10px rgba(255,255,255,0.6)
}

.v2020 .uSlider .uSlider-control-nav {
    position: absolute;
    top: 10px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: right;
    list-style: none;
    display: none
}

@media (max-width: 768px) {
    .v2020 .uSlider .uSlider-control-nav {
        display:block;
        right: 20px;
        width: 20%;
        bottom: 5px;
        top: auto
    }
}

@media (min-width: 768px) {
    .v2020 .uSlider .uSlider-control-nav {
        display:block;
        right: 20px;
        width: 20%
    }
}

@media (min-width: 920px) {
    .v2020 .uSlider .uSlider-control-nav {
        bottom:10px;
        top: auto
    }
}

.v2020 .uSlider .uSlider-control-nav li {
    display: inline-block;
    cursor: pointer;
    margin: 2px
}

.v2020 .uSlider .uSlider-control-nav li a {
    display: block;
    position: relative;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    opacity: .6;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    border-radius: 0;
    width: 8px;
    height: 8px
}

@media (min-width: 768px) {
    .v2020 .uSlider .uSlider-control-nav li a:hover {
        opacity:1;
        background-color: #fff
    }
}

.v2020 .uSlider .uSlider-control-nav li.selected a {
    opacity: 1;
    background-color: #fff
}

.v2020 .uSlider .uSlider-prev-nav,.v2020 .uSlider .uSlider-next-nav {
    display: none
}

.v2020 .uSlider .uSlider-slide-active {
    z-index: 10
}

.v2020 .slide-content {
    width: 100%;
    max-width: 100%;
    height: 386px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    display: none
}

@media (min-width: 576px) {
    .v2020 .slide-content {
        height:17.25em
    }
}

@media (min-width: 768px) {
    .v2020 .slide-content {
        height:420px
    }
}

.v2020 .uSlider .uSlider-slide-active .slide-content,.v2020 .splide__slide.is-active .slide-content {
    display: block
}

.v2020 .splide__slide.is-active .slide-content {
    z-index: 500
}

.v2020 .splide {
    padding: 0
}

@media (max-width: 576px) {
}

.v2020 .splide:not(.is-active) {
    visibility: visible
}

.v2020 .splide__wrapper {
    position: relative
}

.v2020 .splide__slide {
    width: 100%;
    height: 420px;
    margin-bottom: 4rem
}

@media (max-width: 768px) {
    .v2020 .splide__slide {
        height:395px
    }
}

@media (max-width: 768px) {
    .v2020 .splide__slide .zoomPointMobileLeft img {
        object-position:left
    }
}

@media (max-width: 768px) {
    .v2020 .splide__slide .zoomPointMobileRight img {
        object-position:right
    }
}

.v2020 .splide__slide[class*=-active] img {
    transition-delay: 0s;
    transform: scale(1.3)
}

.v2020 .splideNoZoom .splide__slide[class*=-active] img {
    transition-delay: 0s;
    transform: scale(1)
}

.v2020 .splide__img {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1
}

@media (min-width: 576px) {
    .v2020 .splide__img {
        height:420px
    }
}

@media (max-width: 992px) {
    .v2020 .splide__img.splide__video {
        height:420px
    }
}

.v2020 .splide__img img {
    display: block;
    width: 100%;
    transform: scale(1);
    transition-property: transform;
    transition-delay: 3s;
    transition-duration: 7s;
    transition-timing-function: linear
}

@media (min-width: 576px) {
    .v2020 .splide__img img {
        object-fit:cover;
        height: 100%
    }
}

@media (max-width: 576px) {
    .v2020 .splide__img img {
        height:70%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.v2020 .splide__img video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.v2020 .splide__pagination {
    left: auto;
    bottom: 18px
}

.v2020 .splide__pagination__page {
    border-radius: 0;
    border: 1px solid #ffffff;
    background: transparent;
    margin: 2px;
    opacity: 1
}

.v2020 .splide__pagination__page.is-active {
    background: #ffffff;
    transform: scale(1)
}

.v2020 .splide .zoom-out .splide__img img {
    transform: scale(1.2);
    transition-property: transform;
    transition-delay: 5s;
    transition-duration: 7s;
    transition-timing-function: linear
}

@media (max-width: 576px) {
    .v2020 .splide .zoom-out .splide__img img {
        height:60%
    }
}

.v2020 .splide .zoom-out .splide__slide[class*=-active] img {
    transition-delay: 0s;
    transform: scale(1)
}

.v2020 .slide-content .teaser-box {
    position: absolute;
    right: 2%;
    top: 0;
    width: 96%;
    transform: translate(0, 90%);
    height: auto;
    margin: 0 0 0 0;
    text-align: left;
    padding: 2em 14px;
    background: rgba(0,0,0,0.75)
}

@media (min-width: 576px) {
    .v2020 .slide-content .teaser-box {
        right:0em;
        top: 1em;
        height: 16.25em;
        padding-left: 0;
        transform: translate(0, 140%)
    }
}

@media (min-width: 768px) {
    .v2020 .slide-content .teaser-box {
        padding:10px;
        right: auto;
        left: 0;
        top: 0;
        transform: translate(45.5%, 70%);
        width: 52%;
        max-width: 520px;
        height: auto;
        min-height: 100px;
        margin: 0 0 0 0;
        text-align: left;
        box-sizing: content-box
    }
}

.v2020 .slide-content .teaser-box h1,.v2020 .slide-content .teaser-box h2,.v2020 .slide-content .teaser-box em,.v2020 .slide-content .teaser-box strong {
    display: inline-block;
    color: #fff;
    line-height: 1.2em;
    margin: 0 0 12px 0;
    white-space: normal;
    overflow: visible;
    text-transform: none;
    text-shadow: none;
    font-size: 21px
}

@media (min-width: 576px) {
    .v2020 .slide-content .teaser-box h1,.v2020 .slide-content .teaser-box h2,.v2020 .slide-content .teaser-box em,.v2020 .slide-content .teaser-box strong {
        display:inline-block;
        color: #fff;
        line-height: 1.2em;
        margin: 0 0 20px 0;
        white-space: normal;
        overflow: visible;
        text-transform: none;
        text-shadow: none;
        font-size: 30px
    }
}

.v2020 .slide-content .teaser-box a.btn {
    text-transform: inherit;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 400;
    -moz-transition: none;
    background-color: transparent !important;
    border-color: transparent !important
}

.v2020 .slide-content .teaser-box a.btn.icon-right-dir:before {
    font-size: .8rem;
    vertical-align: 0 !important
}

.v2020 .slide-content .teaser-box.dark-bg h1,.v2020 .slide-content .teaser-box.light-bg h1,.v2020 .slide-content .teaser-box.dark-bg h2,.v2020 .slide-content .teaser-box.light-bg h2,.v2020 .slide-content .teaser-box.dark-bg em,.v2020 .slide-content .teaser-box.light-bg em,.v2020 .slide-content .teaser-box.dark-bg strong,.v2020 .slide-content .teaser-box.light-bg strong {
    width: auto;
    margin-bottom: 5px !important
}

.v2020 .slide-content .teaser-box.dark-bg h1.multi-line,.v2020 .slide-content .teaser-box.light-bg h1.multi-line,.v2020 .slide-content .teaser-box.dark-bg h2.multi-line,.v2020 .slide-content .teaser-box.light-bg h2.multi-line,.v2020 .slide-content .teaser-box.dark-bg em.multi-line,.v2020 .slide-content .teaser-box.light-bg em.multi-line,.v2020 .slide-content .teaser-box.dark-bg strong.multi-line,.v2020 .slide-content .teaser-box.light-bg strong.multi-line {
    background: transparent !important
}

.v2020 .slide-content .teaser-box.dark-bg p,.v2020 .slide-content .teaser-box.light-bg p {
    word-wrap: break-word;
    padding: 0
}

@media (min-width: 576px) {
    .v2020 .slide-content .teaser-box.dark-bg p,.v2020 .slide-content .teaser-box.light-bg p {
        line-height:1.9em !important
    }
}

.v2020 .slide-content .teaser-box.dark-bg p span,.v2020 .slide-content .teaser-box.light-bg p span {
    display: inline;
    padding: .3em 0 .3em 0;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    white-space: normal
}

@media (max-width: 575px) {
    .v2020 .slide-content .teaser-box.dark-bg p span,.v2020 .slide-content .teaser-box.light-bg p span {
        line-height:1.2em
    }
}

.v2020 .slide-content .teaser-box.dark-bg {
    background: rgba(0,0,0,0.6)
}

.v2020 .slide-content .teaser-box.dark-bg h1,.v2020 .slide-content .teaser-box.dark-bg h2,.v2020 .slide-content .teaser-box.dark-bg em,.v2020 .slide-content .teaser-box.dark-bg strong {
    background-color: #000000;
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #99000000, endColorstr= #99000000);
    zoom:1;background-color: hsla(0,0%,0%,0.6)
}

.v2020 .slide-content .teaser-box.dark-bg p span {
    color: #fff
}

.v2020 .slide-content .teaser-box.light-bg {
    background-color: #ffffff;
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #99ffffff, endColorstr= #99ffffff);
    zoom:1;background-color: hsla(0,0%,100%,0.6);
    color: #000
}

.v2020 .slide-content .teaser-box.light-bg.multi-line {
    color: #000
}

.v2020 .slide-content .teaser-box.light-bg.multi-line span {
    background-color: #ffffff;
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #99ffffff, endColorstr= #99ffffff);
    zoom:1;background-color: hsla(0,0%,100%,0.6);
    color: #000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone
}

.v2020 .slide-content .teaser-box.light-bg h1,.v2020 .slide-content .teaser-box.light-bg h2,.v2020 .slide-content .teaser-box.light-bg strong {
    color: #000
}

.v2020 .slide-content .teaser-box.light-bg p span {
    color: #000
}

.v2020 .slide-content .teaser-box.light-bg a.btn {
    color: #000 !important
}

.v2020 .slide-content .teaser-box.transparent {
    opacity: 1;
    background: transparent
}

.v2020 .slide-content .teaser-box p {
    line-height: 1.1em;
    color: #fff;
    font-weight: normal;
    margin: 0 0 12px 0
}

@media (min-width: 576px) {
    .v2020 .slide-content .teaser-box p {
        margin:0 0 30px 0
    }
}

@media (min-width: 576px) {
    .v2020 .slide-content.nosearchbox {
        position:relative
    }

    .v2020 .slide-content.nosearchbox .teaser-box {
        transform: translate(0, 0) !important;
        position: absolute;
        left: 0;
        right: auto;
        top: 0 !important;
        bottom: 0;
        padding: 2rem;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 33.33333%
    }

    .v2020 .slide-content.nosearchbox .teaser-box a.btn {
        position: static;
        text-align: right
    }

    .v2020 .slide-content.default {
        position: relative
    }

    .v2020 .slide-content.default .teaser-box {
        transform: translate(0, 0) !important;
        position: absolute;
        left: auto;
        right: 0;
        top: 0 !important;
        bottom: 0;
        padding: 2rem;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 33.33333%
    }

    .v2020 .slide-content.default .teaser-box a.btn {
        position: static;
        text-align: right
    }

    .v2020 .slide-content.center,.v2020 .slide-content.no-hotel-found {
        position: relative;
        text-align: center;
        padding: 15% 0
    }

    .v2020 .slide-content.center .teaser-box,.v2020 .slide-content.no-hotel-found .teaser-box {
        transform: translate(0, 0) !important;
        position: static;
        padding: 1rem 2rem;
        box-sizing: border-box;
        margin: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .v2020 .slide-content.center .teaser-box a.btn,.v2020 .slide-content.no-hotel-found .teaser-box a.btn {
        position: static;
        text-align: right
    }

    .v2020 .slide-content.center .teaser-box p,.v2020 .slide-content.no-hotel-found .teaser-box p {
        margin-bottom: 1rem
    }
}

@media (min-width: 576px) and (min-width:1200px) {
    .v2020 .slide-content.center,.v2020 .slide-content.no-hotel-found {
        padding:8% 0
    }
}

.v2020 .slide-content.bottom {
    position: absolute;
    height: auto;
    bottom: 0;
    left: 0;
    width: 100%
}

.v2020 .slide-content.bottom .teaser-box {
    transform: translate(0, 0) !important;
    position: relative;
    padding: 1rem 2rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.v2020 .slide-content.bottom .teaser-box p {
    margin-bottom: 0
}

.v2020 .slide-content.bottom .teaser-box a.btn {
    position: static;
    text-align: right;
    float: right
}

@media (min-width: 576px) {
    .v2020 .slide-content.bottom .teaser-box a.btn {
        font-size:1rem;
        margin-top: 1.5rem
    }
}

@media (min-width: 576px) {
    .v2020 .slide-content.bottom .contentDiv {
        float:left
    }
}

@media (max-width: 576px) {
    .v2020 .slideshowPagebox.uSlider .uSlider-control-nav {
        display:block;
        right: 5px;
        width: 20%;
        bottom: 0;
        top: auto
    }

    .v2020 .slideshowPagebox .slide-content.bottom .teaser-box {
        width: 102%;
        max-width: 102%
    }
}

.v2020 .slide-content.singleLine .teaser-box {
    min-height: inherit;
    width: auto;
    top: 50px
}

.v2020 .slide-content.singleLine .teaser-box h1 {
    margin: 0 !important
}

.v2020 .slide-content.singleLine .teaser-box p {
    margin: 0
}

.v2020 .slide-content.singleLine.center .teaser-box {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    left: auto
}

.v2020 .slide-content.video-slide-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 992px) {
    .v2020 .slide-content.video-slide-content {
        left:50%;
        margin-left: -480px
    }
}

.v2020 .more-tipps {
    text-align: center;
    color: white;
    position: absolute;
    bottom: 4px;
    z-index: 10;
    width: 100%;
    font-weight: 600;
    font-size: 1rem
}

.v2020 .small-visual.visual-wrap,.v2020 .small-visual #carousel,.v2020 .small-visual .uSlider-slides li .item,.v2020 .small-visual .slide-content {
    height: 126px
}

.v2020 .small-visual.visual-wrap {
    top: 36px;
    padding-top: 68px
}

@media (min-width: 612px) {
    .v2020 .small-visual.visual-wrap {
        top:auto;
        padding-top: 0px
    }
}

.v2020 .small-visual #carousel {
    border-top: none
}

@media (min-width: 576px) {
    .v2020 .small-visual.visual-wrap,.v2020 .small-visual #carousel,.v2020 .small-visual .uSlider-slides li .item,.v2020 .small-visual .slide-content {
        height:250px
    }

    .v2020 .small-visual .namepanel-container {
        top: auto;
        bottom: 100px
    }
}

.v2020 .hasKenburns li:nth-of-type(1) div {
    animation-delay: 0s
}

.v2020 .hasKenburns li:nth-of-type(2) div {
    animation-delay: 11500ms
}

.v2020 .hasKenburns li:nth-of-type(3) div {
    animation-delay: 23000ms
}

.v2020 .hasKenburns li:nth-of-type(4) div {
    animation-delay: 34500ms
}

.v2020 .hasKenburns li:nth-of-type(5) div {
    animation-delay: 46000ms
}

.v2020 .kenburns {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoomin 11500ms ease;
    animation: zoomin 11500ms ease;
    animation-fill-mode: forwards;
    background-origin: center;
    animation-iteration-count: infinite
}

@-webkit-keyframes zoomin {
    0% {
        background-size: 100%
    }

    100% {
        background-size: 120%
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1)
    }

    100% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2)
    }
}

.v2020 .slideshowPagebox {
    margin: 1rem 0
}

.v2020 .slideshowPagebox .uSlider-prev-nav,.v2020 .slideshowPagebox .uSlider-next-nav {
    display: block;
    width: 65px;
    height: 100px;
    z-index: 500;
    margin-top: -50px;
    top: 50%
}

.v2020 .slideshowPagebox .uSlider-prev-nav::before,.v2020 .slideshowPagebox .uSlider-next-nav::before {
    content: '';
    background: transparent;
    position: absolute;
    height: 250px;
    width: 80px;
    top: -91px
}

@media (max-width: 768px) {
    .v2020 .slideshowPagebox .uSlider-prev-nav::before,.v2020 .slideshowPagebox .uSlider-next-nav::before {
        height:200px
    }
}

@media (max-width: 768px) {
    .v2020 .slideshowPagebox .uSlider-prev-nav,.v2020 .slideshowPagebox .uSlider-next-nav {
        background-size:30% !important
    }
}

.v2020 .slideshowPagebox .uSlider-prev-nav {
    background: url('/bw/v6/img/carousel-left.svg') no-repeat;
    left: 10px
}

@media (max-width: 768px) {
    .v2020 .slideshowPagebox .uSlider-prev-nav {
        background-position:top left !important
    }
}

.v2020 .slideshowPagebox .uSlider-next-nav {
    right: 10px;
    background: url('/bw/v6/img/carousel-right.svg') no-repeat right
}

@media (max-width: 768px) {
    .v2020 .slideshowPagebox .uSlider-next-nav {
        background-position:top right !important
    }
}

@media (min-width: 576px) {
    .v2020 .slideshowPagebox .slide-content.default .teaser-box,.v2020 .slideshowPagebox .slide-content.bottom .teaser-box,.v2020 .slideshowPagebox .slide-content.nosearchbox .teaser-box {
        padding:2rem 4rem !important
    }

    .v2020 .slideshowPagebox .slide-content .teaser-box.dark-bg p,.v2020 .slideshowPagebox .slide-content .teaser-box.light-bg p {
        line-height: 1.5rem !important;
        font-size: 1.2rem !important
    }

    .v2020 .slideshowPagebox .slide-content.bottom .teaser-box a.btn {
        margin-top: 1rem !important
    }
}

@media (max-width: 576px) {
    .v2020 .slideshowPagebox .slide-content.default .teaser-box,.v2020 .slideshowPagebox .slide-content.bottom .teaser-box,.v2020 .slideshowPagebox .slide-content.nosearchbox .teaser-box,.v2020 .slideshowPagebox .slide-content .teaser-box {
        padding:2rem 2rem !important
    }

    .v2020 .slideshowPagebox .slide-content .teaser-box.dark-bg p,.v2020 .slideshowPagebox .slide-content .teaser-box.light-bg p {
        line-height: 1.2rem !important;
        font-size: 1rem !important
    }
}

.v2020 .imageTeaser {
    position: relative;
    line-height: 9px
}

.v2020 .imageTeaser video {
    height: 100%;
    object-fit: cover
}

.v2020 .imageTeaser img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.v2020 .imageTeaser.textRight .textBox {
    right: 0;
    top: 0;
    height: 100%;
    max-height: 100%;
    width: 50%
}

.v2020 .imageTeaser.textLeft .textBox {
    left: 0;
    top: 0;
    height: 100%;
    max-height: 100%;
    width: 50%
}

.v2020 .imageTeaser.textMiddle .textBox {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%
}

.v2020 .imageTeaser.textBottom .textBox {
    bottom: 0;
    width: 100%;
    max-height: 100%
}

.v2020 .imageTeaser.textBottom .textBox p {
    float: left
}

.v2020 .imageTeaser.textBottom .textBox a {
    margin-top: 0
}

.v2020 .imageTeaser.textTop .textBox {
    top: 0;
    width: 100%
}

.v2020 .imageTeaser.textTop .textBox p {
    float: left
}

.v2020 .imageTeaser.textTop .textBox a {
    margin-top: 0
}

.v2020 .imageTeaser .textBox {
    position: absolute;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2em
}

.v2020 .imageTeaser .textBox h4,.v2020 .imageTeaser .textBox .subline {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.2em
}

.v2020 .imageTeaser .textBox h4 h1,.v2020 .imageTeaser .textBox .subline h1,.v2020 .imageTeaser .textBox h4 h2,.v2020 .imageTeaser .textBox .subline h2,.v2020 .imageTeaser .textBox h4 h3,.v2020 .imageTeaser .textBox .subline h3,.v2020 .imageTeaser .textBox h4 h4,.v2020 .imageTeaser .textBox .subline h4,.v2020 .imageTeaser .textBox h4 h5,.v2020 .imageTeaser .textBox .subline h5,.v2020 .imageTeaser .textBox h4 h6,.v2020 .imageTeaser .textBox .subline h6 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0
}

.v2020 .imageTeaser .textBox a {
    color: #ffffff;
    text-decoration: none;
    float: right;
    margin-top: .5rem
}

.v2020 .imageTeaser .textBox a.btn-green {
    background: transparent
}

.v2020 .imageTeaser .textBox a.btn-transparent,.v2020 .imageTeaser .textBox a.btn-green {
    font-size: .9375rem
}

.v2020 .imageTeaser .textBox a.btn-transparent:before,.v2020 .imageTeaser .textBox a.btn-green:before {
    font-size: .9375rem
}

.v2020 .imageTeaser .textBox p {
    font-size: .9375rem;
    line-height: 1.2em
}

.v2020 .imageTeaser.imageTeaserLight .textBox {
    background: rgba(255,255,255,0.6);
    color: rgba(0,0,0,0.6)
}

.v2020 .imageTeaser.imageTeaserLight .textBox a.btn {
    color: rgba(0,0,0,0.6) !important
}

.v2020 .col-md-4 .imageTeaser:nth-of-type(2),.v2020 .col-md-6 .imageTeaser:nth-of-type(2) {
    margin-top: 10px
}

.v2020 div.teaser .headline {
    font-size: 1.2rem
}

.v2020 div.teaser .headline h1,.v2020 div.teaser .headline h2,.v2020 div.teaser .headline h3,.v2020 div.teaser .headline h4,.v2020 div.teaser .headline h5,.v2020 div.teaser .headline h6 {
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: inherit
}

.v2020 div.teaser h5,.v2020 div.teaser .subline {
    font-size: 1rem;
    margin-bottom: .2rem
}

.v2020 div.teaser h5 h1,.v2020 div.teaser .subline h1,.v2020 div.teaser h5 h2,.v2020 div.teaser .subline h2,.v2020 div.teaser h5 h3,.v2020 div.teaser .subline h3,.v2020 div.teaser h5 h4,.v2020 div.teaser .subline h4,.v2020 div.teaser h5 h5,.v2020 div.teaser .subline h5,.v2020 div.teaser h5 h6,.v2020 div.teaser .subline h6 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: inherit;
    white-space: inherit
}

.v2020 div.teaser .subline h5 {
    margin-top: 0 !important
}

.v2020 div.teaser a.btn {
    font-size: 1rem;
    font-weight: 400;
    text-transform: none
}

.v2020 .teaser.img-teaser p {
    margin: .5rem 0
}

.v2020 .content-box .html-wrap {
    font-size: .9375rem
}

.v2020 .content-box .html-wrap .btn {
    margin-top: .5rem
}

.v2020 .customTeaserboxes .textCenter p {
    text-align: center;
    float: none !important
}

.v2020 .customTeaserboxes .textCenter .btn {
    float: none !important;
    margin-top: .5rem !important
}

.v2020 .teaserboxWrap .background-box .customTeaserboxes {
    aspect-ratio: 1
}

.v2020 .bookingBreadcrumb {
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    z-index: 0;
    margin: 2rem auto
}

@media (min-width: 992px) {
    .v2020 .bookingBreadcrumb {
        max-width:60%
    }
}

@media (max-width: 576px) {
    .v2020 .bookingBreadcrumb {
        display:none
    }
}

.v2020 .bookingBreadcrumb p,.v2020 .bookingBreadcrumb a {
    text-align: center;
    flex: 1 1 0px;
    position: relative;
    text-decoration: none
}

.v2020 .bookingBreadcrumb p:before,.v2020 .bookingBreadcrumb a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #bdbdbd;
    top: 14px;
    z-index: 1;
    left: -50%
}

.v2020 .bookingBreadcrumb p em,.v2020 .bookingBreadcrumb a em {
    font-style: normal;
    font-weight: 800;
    font-size: 1rem;
    color: #ffffff;
    background: #bdbdbd;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    z-index: 500;
    position: relative
}

.v2020 .bookingBreadcrumb p span,.v2020 .bookingBreadcrumb a span {
    display: block;
    color: #bdbdbd;
    margin-top: .5rem;
    text-decoration: none;
    font-size: .9375rem;
    line-height: 1.3rem
}

.v2020 .bookingBreadcrumb p.active,.v2020 .bookingBreadcrumb a.active,.v2020 .bookingBreadcrumb p.done,.v2020 .bookingBreadcrumb a.done {
    text-decoration: none
}

.v2020 .bookingBreadcrumb p.active em,.v2020 .bookingBreadcrumb a.active em,.v2020 .bookingBreadcrumb p.done em,.v2020 .bookingBreadcrumb a.done em {
    background: #003c7e
}

.v2020 .bookingBreadcrumb p.active span,.v2020 .bookingBreadcrumb a.active span,.v2020 .bookingBreadcrumb p.done span,.v2020 .bookingBreadcrumb a.done span {
    color: #003c7e;
    text-decoration: none
}

.v2020 .bookingBreadcrumb p.active:before,.v2020 .bookingBreadcrumb a.active:before,.v2020 .bookingBreadcrumb p.done:before,.v2020 .bookingBreadcrumb a.done:before {
    background: #003c7e
}

.v2020 .bookingBreadcrumb p:first-child,.v2020 .bookingBreadcrumb a:first-child {
    position: relative
}

.v2020 .bookingBreadcrumb p:first-child:before,.v2020 .bookingBreadcrumb a:first-child:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 7px;
    background: #fff;
    top: 12px;
    left: 0;
    z-index: 1
}

@media (min-width: 992px) {
    .v2020.en .bookingBreadcrumb {
        max-width:65%
    }
}

.v2020 ul.autocompleter-choices {
    position: absolute;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    border: none;
    text-align: left;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    z-index: 50;
    background-color: #fff;
    min-width: 170px;
    width: auto !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(124,124,124,0.3);
    box-shadow: 0 2px 2px 0 rgba(124,124,124,0.3)
}

@media (max-width: 576px) {
    .v2020 ul.autocompleter-choices {
        max-width:90%
    }
}

.v2020 ul.autocompleter-choices li {
    position: relative;
    margin: -1px 0 0 0;
    padding: .2em 1.5em .2em 6px;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.5em;
    border: 1px solid #c7c5cb;
    -webkit-box-shadow: inset 1px 3px 10px rgba(180,180,180,0.2);
    box-shadow: inset 1px 3px 10px rgba(180,180,180,0.2)
}

.v2020 ul.autocompleter-choices li .autoComplete_highlighted {
    font-weight: bold
}

.v2020 ul.autocompleter-choices li.autocompleter-selected {
    background-color: #444;
    color: #fff
}

.v2020 ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #9FCFFF
}

.v2020 ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0
}

.v2020 .stick-on-top ul.autocompleter-choices {
    min-width: 146px
}

.v2020 #navpanel-open {
    width: 110px;
    height: 36px;
    background: #003c7e;
    font-size: 0px;
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 0px;
    margin-left: -55px;
    padding: 10px 10px 10px 10px;
    outline: none;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.v2020 #navpanel-open:before {
    display: block;
    content: url(/bw/v6/img/hamburger-mobile.svg);
    width: 78px;
    height: auto;
    float: none;
    margin: 0 auto
}

@media (min-width: 576px) {
    .v2020 #navpanel-open {
        width:98px;
        height: 60px;
        background: #003c7e;
        font-size: 16px;
        color: white;
        text-decoration: none;
        font-weight: 600;
        position: absolute;
        z-index: 20;
        left: 50%;
        top: 0px;
        margin-left: -49px;
        border-radius: 4px;
        padding: 33px 12px 12px 10px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .v2020 #navpanel-open:before {
        display: block;
        content: url(/bw/v6/img/hamburger.svg);
        width: 24px;
        height: 16px;
        float: left;
        margin-top: 3px;
        margin-right: 6px
    }
}

.v2020 .stick-on-top {
    position: fixed;
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .stick-on-top #navpanel-open {
        margin-top:-29px;
        outline: none
    }
}

.v2020 #navpanel {
    width: 100%;
    display: block;
    background-color: white;
    margin-top: -28px;
    padding-top: 20px;
    font-family: 'Noto Sans';
    font-weight: 400;
    position: relative;
    z-index: 21;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: none
}

@media (min-width: 380px) and (max-width:450px) {
    .v2020 #navpanel {
        margin-top:-20px
    }
}

@media (min-width: 576px) {
    .v2020 #navpanel {
        margin-top:5px;
        padding-top: 0
    }

    @supports (display: grid) {
        .v2020 #navpanel {
            display:grid;
            grid-template-columns: 3fr 1fr;
            display: none
        }
    }
}

@media (min-width: 768px) {
    .v2020 #navpanel {
        width:734px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .v2020 #navpanel {
        width:969px
    }
}

@media (min-width: 1025px) {
    .v2020 #navpanel {
        width:1006px
    }
}

.v2020 #navpanel #backToMainNav {
    display: none;
    margin: 0 0 24px 14px;
    text-decoration: none;
    font-weight: 600
}

.v2020 #navpanel #backToMainNav:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e801';
    margin-right: 8px
}

@media (min-width: 576px) {
    .v2020 #navpanel #backToMainNav {
        display:none
    }
}

.v2020 #navpanel div.column {
    background-color: white;
    font-size: 12px;
    line-height: 12px;
    padding: 0 14px 0 0
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column {
        padding:14px 14px 14px 0
    }
}

.v2020 #navpanel div.column:last-of-type {
    background-color: #003c7e;
    column-rule: white
}

.v2020 #navpanel div.column:last-of-type div {
    border-left: none;
    padding: 10px;
    overflow: hidden
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column:last-of-type div {
        padding:0 0 0 14px
    }
}

.v2020 #navpanel div.column:last-of-type div img {
    float: left
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column:last-of-type div img {
        float:none
    }
}

.v2020 #navpanel div.column:last-of-type h3,.v2020 #navpanel div.column:last-of-type strong {
    color: white;
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    display: block;
    margin: 0 0 1em 0;
    padding-left: 1em;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column:last-of-type h3,.v2020 #navpanel div.column:last-of-type strong {
        margin:.5em 0 0 0;
        padding-left: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.v2020 #navpanel div.column:last-of-type ul {
    margin: 18px 0 24px 0
}

.v2020 #navpanel div.column:last-of-type ul li {
    color: white;
    margin: 12px 0
}

.v2020 #navpanel div.column:last-of-type ul.checkmark li:before {
    content: '✓ '
}

.v2020 #navpanel div.column:last-of-type a {
    color: white;
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
    float: right
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column:last-of-type a {
        float:none
    }
}

.v2020 #navpanel div.column:last-of-type a:hover {
    text-decoration: underline
}

.v2020 #navpanel div.column:last-of-type a:before {
    margin-left: 0
}

@media (min-width: 768px) {
    .v2020 #navpanel div.column:first-of-type div {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-rule: 1px solid #625F67;
        -moz-column-rule: 1px solid #625F67;
        column-rule: 1px solid #625F67;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.v2020 #navpanel div.column:first-of-type div ul {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.v2020 #navpanel div.column div {
    padding: 0 0 1px 14px;
    text-align: left
}

.v2020 #navpanel div.column div.active {
    padding-bottom: 48px;
    min-height: 160px
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column div {
        min-height:220px
    }
}

.v2020 #navpanel div.column div section {
    page-break-inside: avoid
}

.v2020 #navpanel div.column div section.active #backToMainNav {
    margin: 0 0 24px 0;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600
}

.v2020 #navpanel div.column div .nav-header {
    color: #003c7e;
    font-weight: 600;
    text-align: left;
    margin-bottom: 26px;
    display: block
}

.v2020 #navpanel div.column div .nav-header.active {
    margin-bottom: 1rem;
    color: #003c7e
}

.v2020 #navpanel div.column div .nav-header.active a {
    color: #003c7e
}

.v2020 #navpanel div.column div .nav-header.active a:after {
    content: ''
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column div .nav-header {
        margin-bottom:4px
    }
}

.v2020 #navpanel div.column div .nav-header a {
    text-decoration: none;
    font-size: 1rem
}

.v2020 #navpanel div.column div .nav-header a:after {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e802';
    margin-left: 8px
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column div .nav-header a {
        font-size:.75rem
    }

    .v2020 #navpanel div.column div .nav-header a:after {
        content: ''
    }
}

.v2020 #navpanel div.column div .nav-header a.no-sub:after {
    content: ''
}

.v2020 #navpanel div.column div .nav-header+.nav-header {
    margin-top: 18px
}

.v2020 #navpanel div.column div .nav-header+section {
    margin-top: 18px
}

.v2020 #navpanel div.column div ul {
    display: none;
    padding: 0;
    margin: 0 0 18px 0;
    list-style-type: none
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column div ul {
        display:block;
        padding: 0;
        margin: 0 0 18px 0;
        list-style-type: none
    }
}

.v2020 #navpanel div.column div ul li {
    display: list-item;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.33em;
    border: none
}

.v2020 #navpanel div.column div ul li a {
    font-size: 1rem;
    line-height: 2em;
    width: 100%;
    text-transform: none;
    color: #646363;
    padding: 0;
    margin: 0
}

@media (min-width: 576px) {
    .v2020 #navpanel div.column div ul li a {
        font-size:.75rem;
        line-height: 1.33em
    }
}

.v2020 #navpanel div.column div ul li a:hover {
    color: #689a39
}

.v2020 #navpanel div.column div .login {
    color: transparent;
    font-size: 0;
    margin-bottom: 26px
}

.v2020 #navpanel div.column div .login a {
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    display: block;
    color: #003c7e;
    margin-bottom: 10px
}

.v2020 #navpanel div.column div .login a#login-opener:before {
    content: '';
    margin: 0;
    padding: 0;
    width: 0
}

.v2020 #navpanel div.column div .login #bookingCartIndicator {
    padding: 0 0 0 0
}

.v2020 #navpanel div.column div .login #bookingCartIndicator #items-in-basket {
    display: inline-block;
    background-color: #9e161a;
    font-size: 11px;
    line-height: 13px;
    color: white;
    padding: 0px 8px;
    border-radius: 5px;
    vertical-align: 1px
}

.v2020 #navpanel div.column div .login #bookingCartIndicator #items-in-basket:empty {
    display: none
}

.v2020 #navpanel #navpanel-close {
    display: block;
    width: 98px;
    height: 30px;
    background-color: #003c7e;
    background-image: url(/bw/v6/img/navpanel-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -49px
}

.v2020 #languageMenuMobile {
    position: absolute;
    top: 8px;
    right: 20px;
    z-index: 10
}

.v2020 #languageMenuMobile #selectLang {
    color: #fff;
    display: block;
    width: 6rem;
    text-decoration: none;
    text-align: right;
    padding-right: 1rem
}

.v2020 #languageMenuMobile #selectLang span {
    color: #fff;
    display: inline-block;
    width: 85%;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    background: #003c7e
}

.v2020 #languageMenuMobile #selectLang .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 8px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    right: 0;
    top: 9px
}

.v2020 #languageMenuMobile.open .dropdown-menu {
    display: block;
    right: 0;
    left: auto;
    min-width: 100px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.v2020 #languageMenuMobile.open .dropdown-menu>li {
    margin: 0 6px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #fff;
    padding: 4px 2px
}

.v2020 #languageMenuMobile.open .dropdown-menu>li:first-child {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 2px
}

.v2020 #languageMenuMobile.open .dropdown-menu>li a {
    padding: 0 2px;
    margin-left: 0;
    text-transform: none;
    width: 100%;
    color: #646363
}

.v2020 #languageMenuMobile.open .dropdown-menu>li a img {
    display: none
}

.v2020 #languageMenuMobile.open #selectLang span {
    opacity: 0
}

.v2020 #languageMenuMobile.open #selectLang .caret {
    border-top: 0px solid transparent;
    border-bottom: 8px solid #fff
}

.v2020 .altnavi #navpanel {
    max-width: 600px;
    grid-template-columns: 1fr 1fr
}

.v2020 .altnavi #navpanel div.column:first-of-type div {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-rule: none;
    -moz-column-rule: none;
    column-rule: none;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -moz-column-fill: unset;
    column-fill: unset;
    padding-top: 3rem
}

.v2020 .altnavi #navpanel div.column:last-of-type p {
    clear: both;
    color: #ffffff;
    margin-top: 1rem
}

.v2020 .altnavi #navpanel div.column div ul li a {
    font-size: 1rem
}

@media (min-width: 576px) {
    .v2020 .altnavi #navpanel div.column div {
        min-height:auto
    }
}

.v2020 #exchangeableHotelList {
    position: relative;
    z-index: 0
}

.v2020 #exchangeableHotelList .searchhead {
    max-width: 1260px;
    margin: 0 auto
}

.v2020 .exchangeableHotelList-pagebox {
    margin-top: 2rem
}

.v2020 .page-tl {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto
}

@media (max-width: 1260px) {
    .v2020 .page-tl {
        overflow:hidden
    }
}

.v2020 .page-tl .page-tl-content {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0;
    display: block
}

@media (min-width: 576px) {
    @supports (display: flex) {
        .v2020 .page-tl .page-tl-content {
            display:-webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn {
    width: 100%;
    font-size: .725rem;
    margin-right: 12px;
    float: none;
    position: relative;
    padding: 36px 0 0 0;
    border: none
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn {
        width:200px;
        float: left;
        border: 1px solid #c7c5cb;
        padding: 10px;
        margin-bottom: 16px;
        height: fit-content
    }

    @supports (display: flex) {
        .v2020 .page-tl .page-tl-content .tl-sortColumn {
            float:none
        }
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options>div {
    display: none
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options>div {
        display:block
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 {
    font-size: 0px;
    color: #646363;
    border: 1px solid;
    width: 50%;
    height: 36px;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 0
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 .desktop {
    display: none
}

@media (min-width: 768px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 .desktop {
        display:inline
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 .mobile {
    display: inline
}

@media (min-width: 768px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 .mobile {
        display:none
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 span {
    font-size: 1rem
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 span:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e802';
    margin-right: 4px
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 {
        color:#003c7e;
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: .3rem;
        padding: 0;
        text-align: left;
        border: none;
        width: auto;
        position: static
    }

    .v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 span {
        font-size: 1rem
    }

    .v2020 .page-tl .page-tl-content .tl-sortColumn .options h4 span:before {
        content: '';
        margin-right: 0
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-sort h4 {
    left: 0;
    border-color: white #c7c5cb #c7c5cb white
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter {
    font-size: 1rem
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter h4 {
    left: 50%;
    border-color: white white #c7c5cb white
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox {
    font-size: 1rem;
    height: 34px;
    line-height: 34px
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox {
        height:auto;
        line-height: .8rem
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox .checkmark {
    width: 100%;
    height: 34px;
    border-radius: 5px;
    z-index: -1;
    text-align: right
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox .checkmark span {
    font-size: 1rem;
    padding-right: .5rem;
    font-weight: 400
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox .checkmark {
        height:10px;
        width: 10px;
        border-radius: 3px
    }

    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox .checkmark span {
        display: none
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox.selected {
    color: white
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox.selected {
        color:#646363
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox.selected:hover input~.checkmark {
    background-color: #003c7e;
    opacity: 1
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox:hover input~.checkmark {
    background-color: white;
    opacity: 1
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox:hover input~.checkmark {
        background-color:#003c7e;
        opacity: .1
    }
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox:hover input:checked~.checkmark {
        background-color:#003c7e;
        opacity: 1
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.active h4 {
    border-bottom: 1px solid white !important
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.active h4 span {
    font-size: 1rem
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.active h4 span:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e800'
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.active h4 span:before {
        content:'';
        margin-right: 0
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .options.active>div {
    display: block;
    padding: 10px
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .options.active>div {
        padding:0
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn select {
    margin-bottom: 0;
    font-size: 1rem
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn select {
        margin-bottom:1rem
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn hr {
    margin: 1.5em 0
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search {
    font-size: 1rem;
    width: 95vw
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search {
        width:auto
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider {
    height: 2px;
    background: #a4a4a4;
    width: 100%;
    position: relative;
    margin: .5rem 0 1.5rem
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider {
        margin:.5rem 0 2rem
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider span {
    position: absolute;
    height: 2px;
    left: 0;
    background: #003c7e
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider .knob {
    width: 15px;
    height: 15px;
    background: #003c7e;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    cursor: move;
    position: absolute;
    top: -7px
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search img {
    width: 100%
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search .show-on-map {
    display: none
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search .show-on-map {
        display:inline;
        color: #003c7e
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #distance-wrap,.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #distance,.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider {
    display: none
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #distance-wrap,.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #distance,.v2020 .page-tl .page-tl-content .tl-sortColumn .radius-search #slider {
        display:block
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .map-lightbox {
    display: block;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    height: 200px;
    background-image: url('/bw/v6/img/radius-search-preview_h200.png');
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .map-lightbox {
        margin-bottom:2rem
    }
}

@media (min-width: 769px) {
    .v2020 .page-tl .page-tl-content .tl-sortColumn .map-lightbox {
        height:100px;
        background-image: url('/bw/v6/img/radius-search-preview.png')
    }
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .map-lightbox .icon-search {
    opacity: .7;
    background: rgba(255,255,255,0.75);
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.v2020 .page-tl .page-tl-content .tl-sortColumn .map-lightbox .icon-search::before {
    transform: rotate(90deg);
    margin: 0 0 0 4px
}

.v2020 .page-tl .page-tl-content .tl-hitlistColumn {
    width: 100%;
    float: none;
    border: none;
    padding: 10px 4px;
    position: relative;
    z-index: 1
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-hitlistColumn {
        width:83%;
        max-width: 1048px;
        padding: 0;
        float: left
    }

    @supports (display: flex) {
        .v2020 .page-tl .page-tl-content .tl-hitlistColumn {
            float:none
        }
    }
}

.v2020 .page-tl .page-tl-content .tl-hitlistColumn .detailview {
    border: 1px solid #c7c5cb;
    padding: 10px
}

.v2020 .page-tl .page-tl-content .tl-hitlistColumn .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    display: none
}

@media (min-width: 576px) {
    .v2020 .page-tl .page-tl-content .tl-hitlistColumn .overlay {
        display:none
    }
}

.v2020 .hitlist-item {
    border-bottom: 1px solid #bdbdbd;
    margin-top: 1.5rem
}

.v2020 .hitlist-item .btn-border {
    margin-top: .5rem
}

.v2020 .hitlist-item:first-child {
    margin-top: 14px
}

.v2020 .hitlist-item:last-child {
    border: 0
}

.v2020 .hitlist-item:nth-child(2n) {
    background: #ffffff
}

.v2020 .hitlist-item:nth-child(2n) .c100:after {
    background: white
}

.v2020 .hitlist-item .row>div {
    padding-left: 5px;
    padding-right: 5px
}

.v2020 .hitlist-item .logo-wrap {
    text-align: left
}

@media (min-width: 576px) {
    .v2020 .hitlist-item .logo-wrap {
        text-align:center
    }
}

.v2020 .hitlist-item .logo-wrap img {
    max-width: 100%
}

.v2020 .hitlist-item h2 {
    font-size: 16px;
    margin-bottom: 0
}

@media (min-width: 576px) {
    .v2020 .hitlist-item h2 {
        font-size:1.15rem;
        margin-bottom: .9em
    }
}

.v2020 .hitlist-item h2 a {
    font-weight: bold;
    text-decoration: none
}

.v2020 .hitlist-item h5 {
    margin-top: 0;
    font-size: .9375rem
}

@media (min-width: 576px) {
    .v2020 .hitlist-item h5 {
        font-size:.9375rem
    }
}

.v2020 .hitlist-item h5 b {
    font-weight: 400
}

.v2020 .hitlist-item .stars:before {
    line-height: 1.5em
}

.v2020 .hitlist-item .rating {
    margin-top: 0;
    margin-bottom: .3rem
}

.v2020 .hitlist-item .rating .c100.xs>span {
    font-weight: bold;
    line-height: 2.5em;
    font-size: 1.2rem;
    width: 2.5em
}

.v2020 .hitlist-item .align-center {
    text-align: center
}

.v2020 .hitlist-item address {
    display: block;
    background-image: url('/bw/v6/img/pin.png');
    margin: 0;
    padding-left: 25px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: left top;
    color: #1D1D1B;
    font-size: 13px;
    line-height: 1.2em;
    position: relative
}

@media (min-width: 769px) {
    .v2020 .hitlist-item address {
        font-size:14px;
        overflow-wrap: break-word
    }
}

.v2020 .hitlist-item address a.hotel-map {
    display: block;
    width: 19px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 0
}

.v2020 .hitlist-item address p.wrap {
    margin-left: -25px;
    margin-top: 12px
}

.v2020 .hitlist-item address p.wrap a.w3w {
    white-space: nowrap;
    font-size: 14px
}

.v2020 .hitlist-item address p.wrap a.w3w span {
    white-space: normal
}

.v2020 .hitlist-item address p.wrap a.w3w:before {
    content: ''
}

.v2020 .hitlist-item a.mail {
    font-size: 13px;
    line-height: 1.2em;
    margin-top: .5rem
}

@media (min-width: 769px) {
    .v2020 .hitlist-item a.mail {
        font-size:14px;
        margin-top: .7rem
    }
}

.v2020 .hitlist-item .hitlist-icons span {
    font-size: 20px;
    width: 36px
}

.v2020 .hitlist-item .hitlist-icons span:before {
    margin: 0 0 0 0;
    width: 100%
}

.v2020 .hitlist-item .mt-0 .col-xs-12 {
    margin-top: 0
}

.v2020 .hitlist-item .marketingmessg {
    font-weight: bold;
    margin-bottom: .5rem;
    color: #1D1D1B
}

.v2020 .hitlist-item .book {
    margin-top: 2rem;
    color: #1D1D1B;
    min-width: 18.125rem
}

@media (max-width: 320px) {
    .v2020 .hitlist-item .book {
        margin-top:0
    }
}

.v2020 .hitlist-item .book .price {
    width: 48%;
    text-align: right;
    font-size: 1.5rem
}

@media (max-width: 320px) {
    .v2020 .hitlist-item .book .price {
        font-size:1.3rem
    }
}

@media (min-width: 576px) {
    .v2020 .hitlist-item .book .price {
        width:auto;
        text-align: left;
        font-size: 1.3rem;
        padding-right: 4px
    }
}

.v2020 .hitlist-item .book .price small {
    font-size: .6875rem;
    line-height: 1.4em
}

@media (min-width: 576px) {
    .v2020 .hitlist-item .book .price small {
        font-size:.6875rem;
        line-height: 24px
    }
}

.v2020 .hitlist-item .book .btn {
    font-size: 1rem;
    min-width: 50%;
    background-color: #003c7e;
    border-radius: 5px;
    text-transform: none;
    margin: 0 auto
}

@media (min-width: 576px) {
    .v2020 .hitlist-item .book .btn {
        font-size:1rem;
        width: auto;
        min-width: 48%;
        float: right
    }
}

.v2020 .hitlist-item .book .btn b {
    font-weight: 400
}

.v2020 .hitlist-item .book .btn.availabilityCalendarLink {
    font-size: 1rem !important
}

.v2020 .hitlist-item .hitlist-gallery .icon-search {
    opacity: .7;
    background: rgba(255,255,255,0.75);
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.v2020 .hitlist-item .hitlist-gallery .icon-search::before {
    transform: rotate(90deg);
    margin: 0 0 0 4px
}

.v2020 .hitlist-item .hitlist-gallery img {
    margin-top: 5px;
    max-width: 100%;
    position: static;
    width: 100%;
    height: auto
}

.v2020 .hitlist-item .mobile-image {
    margin: 0 0 12px 0
}

.v2020 .hitlist-item .mobile-image a {
    display: none
}

.v2020 .hitlist-item .mobile-image a:first-child {
    display: block;
    width: 100%;
    padding-top: 33%;
    position: relative;
    overflow: hidden
}

.v2020 .hitlist-item .mobile-image a picture {
    position: absolute;
    top: -50%;
    left: 0;
    right: 0
}

.v2020 .hitlist-item .mobile-image a .icon-search {
    display: none
}

.v2020 .hitlist-item .mobile-image .content-block-intranationalImage a {
    padding-top: 0
}

.v2020 .hitlist-item .mobile-image .content-block-intranationalImage a.gallery-image-link {
    position: relative;
    width: 100%;
    height: 120px
}

.v2020 .hitlist-item .mobile-image .content-block-intranationalImage a img {
    max-width: 100% !important;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.v2020 .tl-footnote {
    width: 100%;
    max-width: 100%
}

.v2020 .tl-footnote p {
    font-size: .75rem
}

@media (min-width: 576px) {
    .v2020 .tl-footnote {
        padding-left:215px
    }
}

.v2020 .conferenceSearchList {
    padding-top: .5rem
}

.v2020 #exchangeableHotelList #arrangementFilter {
    padding: 0;
    margin: 0;
    display: block;
    font-size: inherit;
    line-height: inherit
}

.v2020 #exchangeableHotelList #arrangementFilter select {
    display: block;
    margin: 0
}

.v2020 #exchangeableHotelList #arrangementFilter div {
    margin-bottom: 1rem
}

.v2020 .touristicHitlist #mapOpener .legend {
    margin: 10px 0 0 35px
}

.v2020 .listitem h2 {
    text-transform: none !important
}

.v2020 .sport-hitlist .btn-green {
    background-color: #033878;
    border-color: #033878;
    color: white
}

.v2020 .sport-hitlist h2 a,.v2020 .sport-hitlist .hitlist-specialinfo a,.v2020 .sport-hitlist .col-xs-12 a {
    color: #003c7e
}

.v2020 .sport-hitlist h5 b {
    font-weight: 400
}

.v2020 .sport-anfrage .form-button input[type="submit"].btn-green,.v2020 .sport-anfrage-auswaertsspiele .form-button input[type="submit"].btn-green {
    background-color: #033878 !important;
    border-color: #033878 !important
}

.v2020 div.suchhinweis {
    font-size: 1rem;
    text-align: center;
    padding: 55px 0 0 0;
    background: transparent url(/bw/v6/img/ajax-loader.gif) no-repeat center 5px
}

.v2020 div.suchhinweis img {
    display: none
}

.v2020 #mbCenter.lightbox-map {
    width: 96vw !important;
    height: 92vh !important
}

@media (min-width: 768px) {
    .v2020 #mbCenter.lightbox-map {
        max-height:600px;
        max-width: 600px;
        top: 50% !important;
        margin-top: -300px !important
    }
}

.v2020 #mbCenter.lightbox-map #mbCloseLink {
    right: -3px;
    top: -13px
}

@media (min-width: 576px) {
    .v2020 #mbCenter.lightbox-map #mbCloseLink {
        right:-12px;
        top: -12px
    }
}

@media (min-width: 768px) {
    .v2020 #mbCenter.lightbox-map #mbCloseLink {
        right:-44px;
        top: -44px
    }
}

.v2020 #mbCenter.lightbox-map #lightbox_googlemap .gm-style-iw-chr {
    display: block !important
}

.v2020 #mbCenter.lightbox-map #lightbox_googlemap .gm-style-iw-chr .gm-style-iw-ch {
    display: none
}

.v2020 #mbCenter.lightbox-map #lightbox_googlemap .gm-style-iw-chr .gm-ui-hover-effect {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    right: 3px
}

.v2020 #mbCenter.lightbox-map #lightbox_googlemap .gm-style-iw-chr .gm-ui-hover-effect span {
    width: 15px !important;
    height: 15px !important;
    margin: 5px !important
}

.v2020 .page-3-col {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto
}

.v2020 .page-3-col .page-3-col-content {
    display: table
}

@media (min-width: 576px) {
    .v2020 .page-3-col .page-3-col-content {
        padding-right:18px
    }
}

@media (min-width: 1260px) {
    .v2020 .page-3-col .page-3-col-content {
        padding-right:0
    }
}

@supports (display: flex) {
    .v2020 .page-3-col .page-3-col-content {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-content: stretch
    }
}

.v2020 .page-3-col .page-3-col-content .col {
    min-height: 300px;
    display: table-cell;
    vertical-align: top
}

@supports (display: flex) {
    .v2020 .page-3-col .page-3-col-content .col {
        float:none
    }
}

.v2020 .page-3-col .page-3-col-content .col.page-3-col-left {
    width: 0%
}

@supports (display: flex) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-left {
        flex-grow:0
    }
}

@media (min-width: 768px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-left {
        width:1%
    }

    @supports (display: flex) {
        .v2020 .page-3-col .page-3-col-content .col.page-3-col-left {
            flex-grow:1
        }
    }
}

@media (min-width: 1260px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-left {
        width:200px;
        max-width: 200px
    }
}

.v2020 .page-3-col .page-3-col-content .col.page-3-col-right {
    display: none
}

@supports (display: flex) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-right {
        flex-grow:1
    }
}

@media (min-width: 768px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-right {
        display:table-cell;
        width: 200px;
        max-width: 200px;
        margin-left: .5rem
    }
}

@media (min-width: 1260px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-right {
        width:200px;
        max-width: 200px
    }
}

.v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
    width: 100%;
    margin: 0 0 0 0
}

@media (min-width: 576px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
        width:96%;
        margin: 0 12px
    }
}

@media (width: 768px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
        width:78%
    }

    @supports (display: flex) {
        .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
            width:520px
        }
    }
}

@media (min-width: 769px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
        width:72%;
        max-width: 72%
    }
}

@media (min-width: 1024px) {
    .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
        width:78%
    }

    @supports (display: flex) {
        .v2020 .page-3-col .page-3-col-content .col.page-3-col-center {
            width:836px
        }
    }
}

.v2020 .rooms-and-rates .select-three-rooms {
    display: table;
    width: 100vw;
    border-collapse: separate;
    border-spacing: 8px;
    margin: 0 0 0 0
}

@supports (display: flex) {
    .v2020 .rooms-and-rates .select-three-rooms {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 1rem 0
    }
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms {
        width:103%;
        border-spacing: 12px;
        margin: -12px -12px 0 -12px
    }

    @supports (display: flex) {
        .v2020 .rooms-and-rates .select-three-rooms {
            width:100%;
            margin: 0 auto
        }
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container {
    display: table-cell;
    width: 33%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 1rem .5rem;
    cursor: default;
    border: 1px solid #9f9c9c
}

@supports (display: flex) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container {
        display:block;
        max-width: 49%;
        margin: 0 1%
    }
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container {
        padding:2.5rem;
        width: 33.3333%
    }

    @supports (display: flex) {
        .v2020 .rooms-and-rates .select-three-rooms>div.tile-container {
            width:auto;
            min-width: 32.5%;
            margin: 0 1.5% 0 0;
            flex-grow: 1
        }

        .v2020 .rooms-and-rates .select-three-rooms>div.tile-container:last-child {
            margin-right: 0
        }
    }
}

@media (min-width: 1024px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container {
        min-height:180px
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile {
    display: inline;
    text-align: center
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile span {
    display: block;
    margin: 0 0 0 0;
    cursor: pointer
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile span {
        margin:12px 0 0 0
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile span:before {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    line-height: 30px
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details {
    height: 18px;
    overflow: hidden;
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details h6 {
    font-size: 14px;
    line-height: 1.2em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details h6:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e802';
    padding-right: 4px
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details.open {
    height: auto
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details.open h6:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e803'
}

@media (min-width: 668px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details {
        height:auto;
        overflow: visible
    }

    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container .tile .rate-details h6 {
        display: none
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container .add-extras {
    display: block;
    width: 100%;
    background: #003c7e;
    color: white;
    text-decoration: none;
    line-height: 1.2em;
    font-size: 14px;
    min-height: 32px;
    text-align: center;
    padding: 6px 6px 6px 6px;
    width: 104%;
    position: absolute;
    bottom: 0;
    left: -2%;
    right: -2%;
    display: none
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container .add-extras {
        font-size:.875rem
    }
}

@media (min-width: 1024px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container .add-extras {
        font-size:1rem
    }
}

@supports (display: flex) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.active {
        width:50%
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive {
    opacity: .5;
    cursor: pointer;
    min-width: 20%
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive {
        min-width:32%
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive h4 {
    font-size: 0px;
    line-height: 0px
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive h4 {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive h4 span {
    font-size: 1rem;
    cursor: default
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.inactive .tile ul.room-extras li span.remove-item {
    cursor: default
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room {
    text-align: left;
    vertical-align: top;
    padding: .5rem .5rem 3rem .5rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    position: relative
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room {
        width:33.3333%
    }

    @supports (display: flex) {
        .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room {
            width:auto;
            flex-grow: 2
        }
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile {
    display: block;
    text-align: left;
    position: relative;
    height: auto
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile .cancel {
    position: absolute;
    top: -6px;
    right: -6px;
    line-height: 12px;
    cursor: pointer
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile .cancel {
        top:0;
        right: 0
    }
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile .cancel:before {
    margin: 0 0 0 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #A82D1D
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile h3 {
    font-weight: 600;
    text-transform: none;
    font-size: 1rem
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile h4 {
    text-align: center
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: .4em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile p+p {
    margin-top: .4em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile p.price {
    font-weight: 600;
    margin-top: 1.5em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile p.price-points {
    font-weight: 600;
    margin-top: 1.5em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile p.price-points+p.price {
    margin-top: .4em
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile ul.room-extras {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 1rem 0 0 0
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile ul.room-extras li {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 40px 4px 0
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile ul.room-extras li span.remove-item {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0 0 0 0;
    line-height: 12px;
    cursor: default
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .tile ul.room-extras li span.remove-item:before {
    margin: 0 0 0 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #b5b5b5;
    border: none
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room .add-extras {
    display: block;
    opacity: .7
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.pick-extras {
    border-color: #003c7e
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.pick-extras .add-extras {
    opacity: 1
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.pick-extras .tile ul.room-extras li span.remove-item {
    cursor: pointer
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.pick-extras .tile ul.room-extras li span.remove-item:before {
    color: #A82D1D
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.inactive .tile ul.room-extras li span.remove-item {
    cursor: default
}

.v2020 .rooms-and-rates .select-three-rooms>div.tile-container.selected-room.inactive .tile .cancel {
    cursor: default
}

.v2020 .rooms-and-rates .no-extras-wrap {
    text-align: center
}

.v2020 .rooms-and-rates .no-extras-wrap .btn {
    height: 32px;
    background-color: #003c7e;
    color: white;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    width: auto;
    margin: 1rem auto;
    cursor: pointer;
    display: none
}

@media (min-width: 576px) {
    .v2020 .rooms-and-rates .no-extras-wrap .btn {
        min-width:32.5%;
        margin: 1rem auto 0
    }
}

.v2020 .ajaxloader {
    margin: 5rem 0 3rem
}

@media (min-width: 768px) {
    .v2020 .bookingdetail {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 576px) {
    .v2020 .bookingdetail #hotelsearch-wrap {
        top:80px
    }
}

.v2020 .select-a-rate {
    margin: 0 0 0 0;
    position: relative
}

@media (min-width: 576px) {
    .v2020 .select-a-rate {
        margin:5rem 0 0
    }
}

.v2020 .select-a-rate .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    display: none
}

.v2020 .select-a-rate .room-rate-wrap {
    border: none;
    padding: 0 8px
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap {
        border-width:1px;
        border-style: solid;
        border-color: white #c7c5cb #c7c5cb
    }
}

.v2020 .select-a-rate .room-rate-wrap.has-warning {
    border-color: white;
    padding-left: 0
}

.v2020 .select-a-rate .room-rate-wrap.has-warning .warning {
    font-weight: 600;
    color: #003c7e;
    text-align: center
}

.v2020 .select-a-rate .room-rate-wrap .warning {
    font-weight: 600;
    color: #B02121;
    text-align: center;
    margin-top: .5rem
}

.v2020 .select-a-rate .room-rate-wrap .room-container {
    border-bottom: 1px solid #c7c5cb;
    overflow: hidden;
    padding: 1rem 0 1rem 0
}

.v2020 .select-a-rate .room-rate-wrap .room-container:last-child {
    border-bottom: none
}

.v2020 .select-a-rate .room-rate-wrap .room-container form {
    display: block
}

@media (min-width: 576px) {
    @supports (display: flex) {
        .v2020 .select-a-rate .room-rate-wrap .room-container form {
            display:-webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div {
        float:left
    }
}

@supports (display: flex) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div {
        float:none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child {
        width:33.3%;
        margin-right: 2%
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child {
        width:32.3%
    }
}

@supports (display: flex) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child {
        margin-right:0
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child h2 {
    color: #003c7e;
    text-transform: none;
    font-weight: 800;
    font-size: 1rem;
    margin-bottom: 4px
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child h2 {
        display:none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-gallery {
    display: block;
    position: relative;
    text-decoration: none
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-gallery img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-gallery span {
    color: black;
    opacity: .7;
    background: rgba(255,255,255,0.75);
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-gallery span:before {
    transform: rotate(90deg);
    margin: 0 0 0 5px
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-details {
    font-size: 15px;
    line-height: 1.2em;
    word-break: break-word
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-details {
        font-size:14px
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-details {
        font-size:14px
    }
}

@media (min-width: 1024px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .room-details {
        font-size:15px
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
    display: block;
    margin-top: 1rem
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button {
    display: inline-block;
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em
}

@media (min-width: 1024px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button {
        font-size:15px
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(1),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(1),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(4),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(4) {
    width: 6%;
    text-align: left
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(2),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(2),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(5),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(5) {
    width: 6%
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(3),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(3),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(6),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(6) {
    width: 80%
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person .cnt {
    justify-self: center;
    font-weight: 600
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person .cnt input[type="text"] {
    border: none;
    text-align: center
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    cursor: pointer
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child {
        padding-left:6px;
        padding-right: 0px
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult i,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child i {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border: 1px solid #999999;
    border-radius: 4px
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult i,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child i {
        display:inline;
        padding-left: 0px;
        padding-right: 4px;
        border: none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult small,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child small {
    font-size: 10px
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult small,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child small {
        font-size:13px
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult:disabled i,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child:disabled i {
    border: 1px solid #c7c5cb
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult:disabled i,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child:disabled i {
        border:none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child {
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #999999
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult:disabled,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child:disabled {
    border: 1px solid #c7c5cb
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child {
        padding-left:4px;
        padding-right: 12px;
        border: none
    }

    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult:disabled,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child:disabled {
        border: none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult i,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child i {
    line-height: 18px
}

@supports (display: grid) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
        display:grid;
        grid-template-columns: 1fr .6fr 14fr;
        column-gap: 0px;
        row-gap: 0px;
        align-items: center
    }

    @media (width: 768px) {
        .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
            grid-template-columns:1fr .6fr 6fr
        }
    }

    @media (min-width: 769px) {
        .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
            grid-template-columns:1fr .6fr 8fr
        }
    }

    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span,.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button {
        float: none
    }

    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(1),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(1),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(2),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(2),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(3),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(3),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(4),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(4),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(5),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(5),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person span:nth-child(6),.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button:nth-child(6) {
        width: 100%;
        width: auto
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .occupancy-options {
    opacity: 0 !important
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .max-occupancy {
    margin: 10px 0 0 5px
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs {
    width: 100%;
    margin: 1rem 0 0 0
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs {
        width:64.52%;
        margin: 0 0 0 0
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs {
        width:65.52%
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs h2 {
    color: #003c7e;
    text-transform: none;
    font-weight: 800;
    display: none
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs h2 {
        display:block
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option {
    display: block;
    overflow: hidden;
    margin-bottom: 1.2rem;
    border: 2px solid #C0BEC5;
    border-radius: 5px;
    padding: 8px
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option {
        border:none;
        padding: 0
    }
}

@supports (display: _flex) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label {
    cursor: pointer
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label {
    display: block;
    float: left;
    line-height: 1.2em;
    font-weight: normal
}

@supports (display: _flex) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label {
        float:none
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div:first-child,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label:first-child {
    display: none
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div:first-child input:disabled,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label:first-child input:disabled {
    cursor: default
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div:first-child input:disabled~.checkmark,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label:first-child input:disabled~.checkmark {
    z-index: 3
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div:first-child,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label:first-child {
        display:block;
        width: 7%
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div:first-child,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label:first-child {
        width:5.2%
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div.option-details,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label.option-details {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div.option-details,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label.option-details {
        width:91%;
        margin-left: 9%
    }

    @supports (display: _flex) {
        .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div.option-details,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label.option-details {
            margin-left:0
        }
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div.option-details,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label.option-details {
        width:93%
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .price-hint,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .price-hint {
    font-size: 1rem;
    font-style: italic;
    font-weight: 400
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .price-hint,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .price-hint {
        font-size:.8rem
    }
}

@media (min-width: 1024px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .rate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .price-hint,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .price-hint {
        font-size:1rem
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .rate em,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .rate em,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .price-hint em,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .price-hint em {
    color: #003c7e;
    font-style: normal;
    font-weight: 600
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div span,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label span {
    font-size: 1rem
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div a.rate-info,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label a.rate-info,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div button.rate-info,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label button.rate-info {
    color: #003c7e
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div h4,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label h4 {
    font-size: 1rem;
    font-weight: 600
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div h4,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label h4 {
        font-size:.9rem
    }
}

@media (min-width: 1024px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div h4,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label h4 {
        font-size:1rem
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .cancellation-terms,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .cancellation-terms {
    font-size: .75rem
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .max-occupancy,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .max-occupancy {
    font-size: .75rem;
    display: inline-block;
    margin-left: 2.5rem
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .max-occupancy:before,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .max-occupancy:before {
    font-size: 80%
}

@media (min-width: 577px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .max-occupancy,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .max-occupancy {
        margin-left:1rem
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .max-occupancy,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .max-occupancy {
        margin-left:2.5rem
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div .rewards-price,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label .rewards-price {
    margin: 1.2rem 0 0 0
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div div.publicRate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label div.publicRate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option>div div.rewardsOnlyRate,.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option label div.rewardsOnlyRate {
    display: none !important
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option.selected {
    border-color: #003c7e
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-option.disabled label {
    cursor: default
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total {
    text-align: center;
    font-size: 1rem;
    margin: 2rem 0 0 0;
    position: relative;
    color: white;
    padding-bottom: 4px
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total {
        color:#646363;
        margin-left: 9%;
        text-align: left
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total {
        font-size:1.2rem
    }
}

@media (min-width: 1024px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total {
        font-size:1.6rem
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total strong {
    display: inline-block;
    margin-bottom: 0
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total strong {
        margin-bottom:.5rem
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total .add-selected-room-rate {
    font-size: 0;
    width: 100%;
    height: 32px;
    background-color: #003c7e;
    color: white;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    cursor: pointer
}

@media (min-width: 576px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total .add-selected-room-rate {
        width:auto;
        font-size: .875rem;
        line-height: 1.8em;
        margin-left: 1rem;
        vertical-align: text-bottom;
        position: static
    }
}

@media (min-width: 769px) {
    .v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .selected-room-total .add-selected-room-rate {
        font-size:1rem;
        float: right
    }
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs>div {
    position: relative;
    background-image: url('/bw/v6/img/ajax-loader32.gif');
    background-repeat: no-repeat;
    background-position: -100px -100px
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: rgba(255,255,255,0.95);
    background-image: url('/bw/v6/img/ajax-loader32.gif');
    background-position: center 30%;
    background-repeat: no-repeat
}

.v2020 .select-a-rate .room-rate-wrap .room-container form>div.right-room-specs .rate-overlay p {
    font-size: .8rem;
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%
}

.v2020 .select-a-rate .room-rate-wrap .room-container.selected-room-type {
    border: 2px solid #003c7e;
    border-radius: 4px;
    margin: 2px -6px;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    overflow: visible
}

.v2020 .select-a-rate .room-rate-wrap .room-container.selected-room-type:after {
    content: " ";
    display: block;
    height: 2px;
    width: 98.5%;
    border-bottom: 1px solid #c7c5cb;
    position: absolute;
    bottom: -8px
}

.v2020 .select-a-rate .room-rate-wrap .room-container.selected-room-type:before {
    content: " ";
    display: block;
    height: 36px;
    width: 60px;
    background-image: url(/bw/v6/img/pointer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -18px
}

.v2020 .select-a-rate #availability_calendarselector.room-list h3 {
    float: none;
    text-align: center
}

.v2020 .select-a-rate #availability_calendarselector.room-list p {
    display: block;
    text-align: center
}

.v2020 .select-a-rate #ratePlanTab_bwrtarife {
    display: none
}

.v2020 .loginPanel {
    max-width: 185px;
    margin-left: 15px
}

@media (min-width: 769px) {
    .v2020 .loginPanel {
        max-width:200px;
        margin-left: 0
    }
}

.v2020 .loginPanel.stick-on-top {
    top: 82px
}

@media (min-width: 1024px) {
    .v2020 .loginPanel.stick-on-top {
        top:35px
    }
}

.v2020 .loginPanel .bwr_login {
    margin-top: 0
}

.v2020 .loginPanel .bwr_login img {
    width: 100%;
    height: auto
}

.v2020 .loginPanel .bwr_login .pwRequestNote {
    font-size: .75rem
}

.v2020 .loginPanel .bwr_login p.logged-in {
    margin-top: 1rem
}

.v2020 .loginForm {
    margin: 1rem 0 0 0
}

.v2020 .loginForm>div {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0 0 1rem 0
}

.v2020 .loginForm label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em
}

.v2020 .loginForm input[type="checkbox"] {
    margin: 6px 4px 0 0
}

.v2020 .loginForm #bw-recaptcha {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    margin: 1rem 0 0 0
}

.v2020 .loginForm input[type="submit"] {
    width: 100%;
    background-color: #b58f35;
    color: white;
    text-transform: none;
    font-size: 1rem;
    margin: -1rem 0 0;
    border-color: transparent;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 13px
}

.v2020 .loginForm input[type="submit"]:hover {
    background-color: #AB8A3C
}

.v2020 .loginForm a {
    text-decoration: none
}

.v2020 .page-3-col-right .bordered {
    padding: 8px 16px
}

.v2020 .page-3-col-right #div_bwr_loginpanel {
    max-width: 185px;
    margin-left: 15px
}

@media (min-width: 769px) {
    .v2020 .page-3-col-right #div_bwr_loginpanel {
        max-width:200px;
        margin-left: 0
    }
}

.v2020 .page-3-col-right #div_bwr_loginpanel.stick-on-top {
    top: 82px
}

@media (min-width: 1024px) {
    .v2020 .page-3-col-right #div_bwr_loginpanel.stick-on-top {
        top:35px
    }
}

.v2020 .page-3-col-right #div_bwr_loginpanel .bwr_login {
    margin-top: 0
}

.v2020 .page-3-col-right #div_bwr_loginpanel .bwr_login img {
    width: 100%;
    height: auto
}

.v2020 .page-3-col-right #div_bwr_loginpanel .bwr_login .pwRequestNote {
    font-size: .75rem
}

.v2020 .page-3-col-right #div_bwr_loginpanel .bwr_login p.logged-in {
    margin-top: 1rem
}

.v2020 .page-3-col-right form {
    margin: 1rem 0 0 0
}

.v2020 .page-3-col-right form>div {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0 0 1rem 0
}

.v2020 .page-3-col-right form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em
}

.v2020 .page-3-col-right form input[type="checkbox"] {
    margin: 6px 4px 0 0
}

.v2020 .page-3-col-right form #bw-recaptcha {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    margin: 1rem 0 0 0
}

.v2020 .page-3-col-right form input[type="submit"] {
    width: 100%;
    background-color: #b58f35;
    color: white;
    text-transform: none;
    font-size: 1rem;
    margin: -1rem 0 0;
    border-color: transparent;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 13px
}

.v2020 .page-3-col-right form input[type="submit"]:hover {
    background-color: #AB8A3C
}

.v2020 .page-3-col-right form a {
    text-decoration: none
}

.v2020 .loginformRewards h2 {
    display: none
}

.v2020 .loginformRewards #div_bwr_loginpanel .bwr_login img,.v2020 .loginformRewards #div_bwr_loginpanel .bwr_login .toggle-login {
    display: none !important
}

.v2020 .loginformRewards #div_bwr_loginpanel .bwr_login #pdwait {
    height: 16px;
    width: 20px
}

.v2020 .loginformRewards #div_bwr_loginpanel .bwr_login #pdwait img {
    display: block !important
}

.v2020 .loginformRewards .bordered {
    border: none
}

.v2020 .mobile-only {
    display: block
}

@media (min-width: 576px) {
    .v2020 .mobile-only {
        display:none
    }
}

.v2020 .mobile-only .bordered {
    padding: 8px 16px
}

.v2020 .mobile-only #div_bwr_loginpanel {
    max-width: 185px;
    margin-left: 15px
}

@media (min-width: 769px) {
    .v2020 .mobile-only #div_bwr_loginpanel {
        max-width:200px;
        margin-left: 0
    }
}

.v2020 .mobile-only #div_bwr_loginpanel.stick-on-top {
    top: 82px
}

@media (min-width: 1024px) {
    .v2020 .mobile-only #div_bwr_loginpanel.stick-on-top {
        top:35px
    }
}

.v2020 .mobile-only #div_bwr_loginpanel .bwr_login {
    margin-top: 0
}

.v2020 .mobile-only #div_bwr_loginpanel .bwr_login img {
    width: 100%;
    height: auto
}

.v2020 .mobile-only #div_bwr_loginpanel .bwr_login .pwRequestNote {
    font-size: .75rem
}

.v2020 .mobile-only #div_bwr_loginpanel .bwr_login p.logged-in {
    margin-top: 1rem
}

.v2020 .mobile-only form {
    margin: 1rem 0 0 0
}

.v2020 .mobile-only form>div {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0 0 1rem 0
}

.v2020 .mobile-only form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em
}

.v2020 .mobile-only form input[type="checkbox"] {
    margin: 6px 4px 0 0
}

.v2020 .mobile-only form #bw-recaptcha {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    margin: 1rem 0 0 0
}

.v2020 .mobile-only form input[type="submit"] {
    width: 100%;
    background-color: #b58f35;
    color: white;
    text-transform: none;
    font-size: 1rem;
    margin: -1rem 0 0;
    border-color: transparent;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 13px
}

.v2020 .mobile-only form input[type="submit"]:hover {
    background-color: #AB8A3C
}

.v2020 .mobile-only form a {
    text-decoration: none
}

.v2020 .select-extras {
    margin: 0 0 0 0;
    position: relative
}

@media (min-width: 576px) {
    .v2020 .select-extras {
        margin:5rem 0 0
    }
}

.v2020 .select-extras .extras-wrap {
    border: none;
    padding: 0 8px
}

@media (min-width: 576px) {
    .v2020 .select-extras .extras-wrap {
        border-width:1px;
        border-style: solid;
        border-color: white #c7c5cb #c7c5cb
    }
}

.v2020 .select-extras .extras-wrap .extras {
    padding: 22px 8px 6px 8px
}

.v2020 .select-extras .extras-wrap section {
    width: 100%;
    border-bottom: 1px solid #c7c5cb;
    padding: 1rem 0
}

.v2020 .select-extras .extras-wrap section:last-child {
    border: none
}

.v2020 .select-extras .extras-wrap section h3 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: none
}

.v2020 .select-extras .extras-wrap section .row {
    display: table
}

@supports (display: flex) {
    .v2020 .select-extras .extras-wrap section .row {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    @media (min-width: 768px) {
        .v2020 .select-extras .extras-wrap section .row {
            -webkit-box-pack:justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }
}

.v2020 .select-extras .extras-wrap section .row:first-child:before {
    display: none
}

.v2020 .select-extras .extras-wrap section .row:first-child>div {
    display: table-cell;
    white-space: nowrap
}

.v2020 .select-extras .extras-wrap section .row:first-child>div:first-child {
    width: 65%
}

@media (min-width: 480px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:first-child {
        width:70%
    }
}

@media (min-width: 576px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:first-child {
        width:78%
    }
}

@media (min-width: 1024px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:first-child {
        width:83%
    }
}

.v2020 .select-extras .extras-wrap section .row:first-child>div:last-child {
    width: 35%
}

@media (min-width: 480px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:last-child {
        width:30%
    }
}

@media (min-width: 576px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:last-child {
        width:22%
    }
}

@media (min-width: 1024px) {
    .v2020 .select-extras .extras-wrap section .row:first-child>div:last-child {
        width:17%
    }
}

.v2020 .select-extras .extras-wrap section .row>div {
    display: table-cell
}

.v2020 .select-extras .extras-wrap section .row>div:first-child {
    width: 100%
}

@media (min-width: 768px) {
    .v2020 .select-extras .extras-wrap section .row>div:first-child {
        width:85%
    }
}

@media (min-width: 992px) {
    .v2020 .select-extras .extras-wrap section .row>div:first-child {
        width:80%
    }
}

@media (min-width: 1024px) {
    .v2020 .select-extras .extras-wrap section .row>div:first-child {
        width:85%
    }
}

.v2020 .select-extras .extras-wrap section .row>div:last-child {
    width: 25%;
    text-align: right
}

@media (min-width: 576px) {
    .v2020 .select-extras .extras-wrap section .row>div:last-child {
        width:14%
    }
}

@media (min-width: 992px) {
    .v2020 .select-extras .extras-wrap section .row>div:last-child {
        width:20%
    }
}

@media (min-width: 1024px) {
    .v2020 .select-extras .extras-wrap section .row>div:last-child {
        width:14%
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra {
    display: block;
    margin-top: 1rem
}

.v2020 .select-extras .extras-wrap section .add-an-extra span,.v2020 .select-extras .extras-wrap section .add-an-extra button {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em
}

@media (min-width: 1024px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra span,.v2020 .select-extras .extras-wrap section .add-an-extra button {
        font-size:15px
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra .cnt {
    justify-self: center;
    font-weight: 600
}

.v2020 .select-extras .extras-wrap section .add-an-extra button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    cursor: pointer
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 600
}

@media (min-width: 769px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.add-item {
        padding-left:6px;
        padding-right: 0px
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item i {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border: 1px solid #999999;
    border-radius: 4px
}

@media (width: 768px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.add-item i {
        margin-right:6px;
        float: left
    }
}

@media (min-width: 769px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.add-item i {
        display:inline;
        padding-left: 0px;
        padding-right: 12px;
        margin-right: 0;
        border: none
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item small {
    font-size: 10px
}

@media (min-width: 769px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.add-item small {
        font-size:13px
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item span.item-price {
    display: inline;
    font-weight: 400;
    padding-left: 4px;
    white-space: nowrap
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item:disabled {
    color: #000;
    cursor: default
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.add-item:disabled i {
    color: rgba(16,16,16,0.3);
    border: 1px solid #c7c5cb
}

@media (min-width: 769px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.add-item:disabled i {
        border:none
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.remove-item {
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #999999
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.remove-item:disabled {
    border: 1px solid #c7c5cb
}

@media (min-width: 769px) {
    .v2020 .select-extras .extras-wrap section .add-an-extra button.remove-item {
        padding-left:4px;
        padding-right: 12px;
        border: none
    }

    .v2020 .select-extras .extras-wrap section .add-an-extra button.remove-item:disabled {
        border: none
    }
}

.v2020 .select-extras .extras-wrap section .add-an-extra button.remove-item i {
    line-height: 18px
}

.v2020 .select-extras .extras-wrap section .add-an-extra .rate-info {
    color: #003c7e
}

@supports (display: grid) {
    .v2020 .select-extras .extras-wrap section .add-an-extra {
        display:grid;
        grid-template-columns: 24px 14px 1fr;
        column-gap: 0px;
        row-gap: 0px;
        align-items: flex-start
    }

    .v2020 .select-extras .extras-wrap section .add-an-extra .cnt {
        line-height: 1.5em
    }

    .v2020 .select-extras .extras-wrap section .add-an-extra span,.v2020 .select-extras .extras-wrap section .add-an-extra button {
        float: none;
        align-self: start;
        width: auto
    }

    .v2020 .select-extras .extras-wrap section .add-an-extra .add-item i {
        float: left;
        margin-right: 6px;
        line-height: 19px
    }
}

.v2020 .select-extras .extras-wrap section .items-total {
    display: inline-block;
    min-width: 30px;
    border-bottom: 1px solid transparent
}

.v2020 .select-extras .extras-wrap section .items-total:empty {
    border-bottom: 1px solid #c7c5cb
}

@media (min-width: 576px) {
    .v2020 .select-extras .extras-wrap section .items-total {
        min-width:20px
    }
}

.v2020 .select-extras .extras-wrap .first-row h3 {
    float: right;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    margin: 1rem 4% 0 0
}

.v2020 .select-extras .nav-tabs {
    height: 3rem
}

.v2020 .select-extras .nav-tabs .nav-item {
    min-width: 5.2rem;
    height: 3rem;
    display: none
}

.v2020 .select-extras .nav-tabs .nav-item.mobile-only {
    display: list-item
}

@media (min-width: 576px) {
    .v2020 .select-extras .nav-tabs .nav-item {
        display:none
    }

    .v2020 .select-extras .nav-tabs .nav-item.mobile-only {
        display: list-item
    }
}

@media (min-width: 768px) {
    .v2020 .select-extras .nav-tabs .nav-item {
        display:list-item;
        width: auto;
        min-width: 4rem
    }

    .v2020 .select-extras .nav-tabs .nav-item.mobile-only {
        display: none
    }
}

@media (min-width: 840px) {
    .v2020 .select-extras .nav-tabs .nav-item {
        min-width:5rem
    }
}

.v2020 .select-extras .nav-tabs .nav-item .nav-link {
    height: 3rem;
    padding: 1rem .75rem;
    font-size: 1rem;
    border-width: 1px;
    border-style: solid;
    border-top-color: #fff
}

@media (min-width: 768px) {
    .v2020 .select-extras .nav-tabs .nav-item .nav-link {
        border-top-color:#edede2
    }
}

.v2020 .select-extras .nav-tabs li.extras-dropdown {
    padding-left: 0;
    list-style-type: none;
    float: right
}

.v2020 .select-extras .nav-tabs li.extras-dropdown:before {
    content: ""
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu {
    list-style-type: none;
    left: auto;
    right: 0;
    border: 1px solid;
    border-color: #c7c5cb;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li:before {
    content: ""
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li .nav-link {
    font-weight: 600;
    color: #AEAEAE
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li .nav-link:hover {
    color: #5A5A59;
    text-decoration: none
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li .nav-link span {
    font-weight: 600
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li .nav-link.active {
    color: #5A5A59
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu li strong.nav-link {
    display: block;
    width: 98%;
    padding: 6px 8px;
    margin: 0 auto 1%;
    font-size: 1rem;
    white-space: nowrap;
    line-height: 1.42857143
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu.show {
    width: auto
}

.v2020 .select-extras .nav-tabs li.extras-dropdown ul.dropdown-menu.show li .nav-link {
    border: none
}

.v2020 .select-extras .nav-tabs li.extras-dropdown button.dropdown-toggle {
    background: transparent;
    display: block;
    width: 100%;
    padding: 1rem .75rem;
    height: 3rem;
    text-align: right;
    color: #646363;
    font-size: 1rem
}

.v2020 .select-extras .nav-tabs li.extras-dropdown button.dropdown-toggle:before {
    border: none
}

.v2020 .select-extras .nav-tabs li.extras-dropdown button.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-top: 9px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.v2020 .select-extras .nav-tabs li.extras-dropdown button.dropdown-toggle.show:after {
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-bottom: 9px solid;
    border-right: 4px solid transparent;
    border-top: 0;
    border-left: 4px solid transparent
}

.v2020 .select-extras .nav-tabs .dropdown-menu.show {
    left: 0;
    right: auto;
    width: auto
}

.v2020 .additional-services-list {
    display: table
}

.v2020 .additional-services-list p {
    display: table-row
}

.v2020 .additional-services-list p span {
    display: table-cell
}

.v2020 .additional-services-list p span.service-name {
    width: 70%
}

.v2020 .additional-services-list p span.service-price {
    text-align: right
}

.v2020 .additional-services-list p a.remove-item {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    text-decoration: none
}

.v2020 .additional-services-list p a.remove-item:before {
    margin: 0 0 0 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #A82D1D;
    border: none;
    text-decoration: none
}

.v2020 .nav-tabs {
    width: 100%;
    height: 3.5rem;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c7c5cb;
    position: relative;
    z-index: 0
}

@media (max-width: 576px) {
    .v2020 .nav-tabs {
        z-index:3
    }
}

.v2020 .nav-tabs .nav-item {
    width: 50%;
    min-width: 50%;
    list-style-type: none;
    margin-bottom: -1px;
    display: none;
    background: white;
    height: 3.5rem
}

.v2020 .nav-tabs .nav-item:first-child {
    display: list-item
}

.v2020 .nav-tabs .nav-item.mobile-only {
    display: list-item
}

@media (min-width: 576px) {
    .v2020 .nav-tabs .nav-item {
        display:list-item;
        width: auto;
        min-width: 8rem;
        height: 3.5rem
    }

    .v2020 .nav-tabs .nav-item.mobile-only {
        display: none
    }
}

.v2020 .nav-tabs .nav-item .nav-link {
    display: block;
    height: 3.5rem;
    padding: 1.2rem 1rem;
    background-color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    color: #AEAEAE;
    border-bottom: 1px solid #c7c5cb
}

@media (min-width: 576px) {
    .v2020 .nav-tabs .nav-item .nav-link {
        border:1px solid #edede2;
        border-bottom: 1px solid #c7c5cb;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }
}

.v2020 .nav-tabs .nav-item .nav-link:focus,.v2020 .nav-tabs .nav-item .nav-link:hover {
    color: #5A5A59
}

.v2020 .nav-tabs .nav-item .nav-link.disabled {
    background-color: #edede2;
    border-color: #edede2
}

.v2020 .nav-tabs .nav-item .nav-link.active {
    border-color: #c7c5cb #c7c5cb #fff #fff;
    color: #5A5A59
}

@media (min-width: 576px) {
    .v2020 .nav-tabs .nav-item .nav-link.active {
        border-color:#c7c5cb #c7c5cb #fff
    }
}

.v2020 .nav-tabs .nav-item.show .nav-link {
    background-color: white;
    border-color: #c7c5cb #c7c5cb #fff #fff;
    color: #5A5A59
}

@media (min-width: 576px) {
    .v2020 .nav-tabs .nav-item.show .nav-link {
        border-color:#c7c5cb #c7c5cb #fff
    }
}

.v2020 .nav-tabs .nav-item.show .dropdown-toggle:before {
    border-top: 0;
    border-bottom: 6px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.v2020 .nav-tabs .nav-item:last-child.show .nav-link,.v2020 .nav-tabs .nav-item:last-child.selected .nav-link {
    border-color: #c7c5cb #fff #fff #c7c5cb
}

@media (min-width: 576px) {
    .v2020 .nav-tabs .nav-item:last-child.show .nav-link,.v2020 .nav-tabs .nav-item:last-child.selected .nav-link {
        border-color:#c7c5cb #c7c5cb #fff
    }
}

.v2020 .nav-tabs .dropdown-toggle:before {
    display: inline-block;
    margin-right: 4px;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 0;
    border-left: 6px solid
}

.v2020 .nav-tabs .dropdown-toggle:focus {
    outline: 0
}

.v2020 .nav-tabs .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 16px 0 6px;
    margin: 0 0 0 0;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.v2020 .nav-tabs .dropdown-menu.show {
    display: block;
    width: 100vw;
    left: auto;
    right: 0
}

.v2020 .nav-tabs .dropdown-menu.show a {
    display: block;
    width: 98%;
    padding: 6px 8px;
    border: 1px solid #c7c5cb;
    border-radius: 4px;
    margin: 0 auto 1%;
    text-decoration: none;
    font-size: 1rem;
    color: #646363
}

.v2020 .nav-tabs .dropdown-menu.show a.selected {
    color: white;
    background-color: #003c7e
}

.v2020 .booking-summary,.v2020 .bookingconfirmation {
    padding-left: 2%;
    margin: 1rem 0 0 0 !important
}

@media (min-width: 576px) {
    .v2020 .booking-summary,.v2020 .bookingconfirmation {
        padding-left:0;
        margin: 0 0 0 0 !important
    }
}

.v2020 .booking-summary h3,.v2020 .bookingconfirmation h3 {
    font-weight: 600;
    font-size: 1rem
}

.v2020 .booking-summary h4,.v2020 .bookingconfirmation h4 {
    font-weight: 600;
    font-size: 1rem
}

.v2020 .booking-summary h4.hotel-name,.v2020 .bookingconfirmation h4.hotel-name {
    margin-bottom: 1rem
}

.v2020 .booking-summary h4 a.remove-item,.v2020 .bookingconfirmation h4 a.remove-item {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    float: right;
    text-decoration: none
}

.v2020 .booking-summary h4 a.remove-item:before,.v2020 .bookingconfirmation h4 a.remove-item:before {
    margin: 0 0 0 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #A82D1D;
    border: none;
    text-decoration: none
}

.v2020 .booking-summary a.w3w,.v2020 .bookingconfirmation a.w3w {
    font-size: 14px
}

.v2020 .booking-summary .col-xs-12,.v2020 .bookingconfirmation .col-xs-12 {
    margin-top: 16px;
    padding-left: 0
}

@media (min-width: 768px) {
    .v2020 .booking-summary .col-xs-12,.v2020 .bookingconfirmation .col-xs-12 {
        padding-left:2%
    }
}

.v2020 .booking-summary .col-xs-12.no-right-pad,.v2020 .bookingconfirmation .col-xs-12.no-right-pad {
    padding-right: 2% !important
}

@media (min-width: 576px) {
    .v2020 .booking-summary .col-xs-12.no-right-pad,.v2020 .bookingconfirmation .col-xs-12.no-right-pad {
        padding-right:0 !important
    }
}

.v2020 .booking-summary .grid-50-50,.v2020 .bookingconfirmation .grid-50-50 {
    display: table;
    padding-left: 0;
    padding-right: 0
}

.v2020 .booking-summary .grid-50-50 .data-wrap,.v2020 .bookingconfirmation .grid-50-50 .data-wrap {
    display: table-row
}

.v2020 .booking-summary .grid-50-50 .room-data,.v2020 .bookingconfirmation .grid-50-50 .room-data,.v2020 .booking-summary .grid-50-50 .extras-data,.v2020 .bookingconfirmation .grid-50-50 .extras-data {
    display: table-cell;
    width: 50%
}

.v2020 .booking-summary .grid-50-50 .room-data,.v2020 .bookingconfirmation .grid-50-50 .room-data {
    padding: 0 16px 32px 0
}

.v2020 .booking-summary .grid-50-50 .extras-data,.v2020 .bookingconfirmation .grid-50-50 .extras-data {
    padding: 0 0 32px 16px
}

.v2020 .booking-summary .grid-50-50 .extras-data span.edit,.v2020 .bookingconfirmation .grid-50-50 .extras-data span.edit {
    float: right
}

.v2020 .booking-summary .grid-50-50 .room-type-name,.v2020 .bookingconfirmation .grid-50-50 .room-type-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-right: 1.5rem
}

.v2020 .booking-summary .grid-50-50 .room-type-name a,.v2020 .bookingconfirmation .grid-50-50 .room-type-name a {
    position: absolute;
    right: .2rem
}

.v2020 .booking-summary .grid-50-50 .services-included-header,.v2020 .bookingconfirmation .grid-50-50 .services-included-header {
    margin: .5rem 0 0 0
}

.v2020 .booking-summary .grid-50-50 .services-included,.v2020 .bookingconfirmation .grid-50-50 .services-included {
    list-style-type: none;
    margin: 0
}

.v2020 .booking-summary .grid-50-50 .services-included .info-header,.v2020 .bookingconfirmation .grid-50-50 .services-included .info-header {
    display: none
}

@supports (display: grid) {
    .v2020 .booking-summary .grid-50-50,.v2020 .bookingconfirmation .grid-50-50 {
        display:block;
        border: none
    }

    .v2020 .booking-summary .grid-50-50 .data-wrap,.v2020 .bookingconfirmation .grid-50-50 .data-wrap {
        display: grid;
        grid-template-columns: 59% 36%;
        grid-gap: 5%;
        border: none;
        margin-bottom: 2rem
    }

    @media (max-width: 992px) {
        .v2020 .booking-summary .grid-50-50 .data-wrap,.v2020 .bookingconfirmation .grid-50-50 .data-wrap {
            grid-template-columns:100%
        }
    }

    .v2020 .booking-summary .grid-50-50 .data-wrap .room-data,.v2020 .bookingconfirmation .grid-50-50 .data-wrap .room-data,.v2020 .booking-summary .grid-50-50 .data-wrap .extras-data,.v2020 .bookingconfirmation .grid-50-50 .data-wrap .extras-data {
        display: block;
        padding: 0 0 0 0;
        width: 100%;
        border: none
    }

    .v2020 .booking-summary .grid-50-50 .data-wrap .room-data,.v2020 .bookingconfirmation .grid-50-50 .data-wrap .room-data {
        max-width: 360px
    }
}

.v2020 .booking-summary .booking-data .add-extras,.v2020 .bookingconfirmation .booking-data .add-extras {
    display: block;
    width: 100%;
    background: #003c7e;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.2em;
    font-size: .875rem;
    min-height: 32px;
    text-align: center;
    padding: 6px 6px 6px 6px;
    border-radius: 5px
}

@media (min-width: 576px) {
    .v2020 .booking-summary .booking-data .add-extras,.v2020 .bookingconfirmation .booking-data .add-extras {
        font-size:.9375rem
    }
}

.v2020 .booking-summary .booking-data .services-included-header,.v2020 .bookingconfirmation .booking-data .services-included-header {
    margin: .5rem 0 0 0
}

.v2020 .booking-summary .booking-data .services-included,.v2020 .bookingconfirmation .booking-data .services-included {
    list-style-type: none;
    margin: 0
}

.v2020 .booking-summary .booking-data .services-included .info-header,.v2020 .bookingconfirmation .booking-data .services-included .info-header {
    display: none
}

.v2020 .booking-summary .room-data a.edit,.v2020 .bookingconfirmation .room-data a.edit {
    float: right;
    text-decoration: none
}

.v2020 .booking-summary .room-data a.edit:hover,.v2020 .bookingconfirmation .room-data a.edit:hover {
    color: #003c7e;
    text-decoration: underline
}

.v2020 .booking-summary .room-data p,.v2020 .bookingconfirmation .room-data p {
    margin: 0;
    word-break: break-all
}

.v2020 .booking-summary .room-data p.rate,.v2020 .bookingconfirmation .room-data p.rate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap
}

.v2020 .booking-summary .room-data .ratechangehint,.v2020 .bookingconfirmation .room-data .ratechangehint,.v2020 .booking-summary .room-data .room-total,.v2020 .bookingconfirmation .room-data .room-total {
    word-break: break-word
}

.v2020 .booking-summary .room-data .room-total,.v2020 .bookingconfirmation .room-data .room-total {
    width: 39%
}

.v2020 .booking-summary .coupon-code-form form,.v2020 .bookingconfirmation .coupon-code-form form {
    overflow: hidden
}

.v2020 .booking-summary .coupon-code-form form input[type="text"],.v2020 .bookingconfirmation .coupon-code-form form input[type="text"] {
    width: 62%;
    float: left
}

.v2020 .booking-summary .coupon-code-form form input[type="submit"],.v2020 .bookingconfirmation .coupon-code-form form input[type="submit"] {
    width: 34%;
    float: right;
    margin-left: 2%;
    background-color: #003c7e;
    border-color: #003c7e;
    color: white;
    height: 34px;
    border-radius: 5px;
    font-size: .9375rem;
    -webkit-appearance: none
}

.v2020 .booking-summary .totalsumBottom,.v2020 .bookingconfirmation .totalsumBottom {
    margin: 12px 0 0 0
}

.v2020 .booking-summary .totalsumBottom p,.v2020 .bookingconfirmation .totalsumBottom p {
    font-weight: 600
}

.v2020 .booking-summary .totalsumBottom small,.v2020 .bookingconfirmation .totalsumBottom small {
    display: block;
    margin: 0 0 0 0
}

.v2020 .booking-summary .totalsumBottom strong,.v2020 .bookingconfirmation .totalsumBottom strong {
    float: right;
    text-align: right;
    font-size: 1.625rem;
    color: #3D3D3C
}

.v2020 .booking-summary .totalsumBottom strong span,.v2020 .bookingconfirmation .totalsumBottom strong span {
    border-bottom: none;
    margin: 0;
    padding: 0 0 0 .1em;
    border-bottom: 1px solid #3D3D3C
}

.v2020 .booking-summary .customer-data,.v2020 .bookingconfirmation .customer-data {
    margin: 1rem 0 0 0
}

.v2020 .booking-summary .customer-data form,.v2020 .bookingconfirmation .customer-data form {
    margin: .5rem 0 1rem
}

.v2020 .booking-summary .customer-data form .form-group,.v2020 .bookingconfirmation .customer-data form .form-group {
    overflow: hidden
}

@media (min-width: 769px) {
    .v2020 .booking-summary .customer-data form .form-group,.v2020 .bookingconfirmation .customer-data form .form-group {
        margin-right:-2%
    }
}

.v2020 .booking-summary .customer-data label,.v2020 .bookingconfirmation .customer-data label {
    font-size: .875rem;
    font-weight: 600
}

@media (min-width: 769px) {
    .v2020 .booking-summary .customer-data label,.v2020 .bookingconfirmation .customer-data label {
        font-size:1rem
    }
}

.v2020 .booking-summary .customer-data label small,.v2020 .bookingconfirmation .customer-data label small {
    font-weight: 400;
    font-size: .5rem
}

@media (min-width: 769px) {
    .v2020 .booking-summary .customer-data label small,.v2020 .bookingconfirmation .customer-data label small {
        font-size:1rem
    }
}

.v2020 .booking-summary .customer-data .no-member-yet,.v2020 .bookingconfirmation .customer-data .no-member-yet {
    padding-top: 24px
}

@media (min-width: 769px) {
    .v2020 .booking-summary .customer-data .no-member-yet,.v2020 .bookingconfirmation .customer-data .no-member-yet {
        padding-top:40px
    }
}

.v2020 .booking-summary .customer-data .no-member-yet a,.v2020 .bookingconfirmation .customer-data .no-member-yet a {
    white-space: nowrap
}

.v2020 .booking-summary #billingdata,.v2020 .bookingconfirmation #billingdata {
    margin-top: 2.5rem
}

.v2020 .booking-summary #billingdata .form-group,.v2020 .bookingconfirmation #billingdata .form-group {
    margin-right: 0
}

@media (min-width: 768px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-4,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-4 {
        width:32%
    }
}

@media (min-width: 768px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-5,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-5 {
        width:42%
    }
}

@media (min-width: 768px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 {
        width:26%
    }
}

.v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3 label,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 label {
    display: block
}

.v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"],.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"] {
    padding: 6px 0px;
    min-width: 62px
}

@media (min-width: 769px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.v2020 .booking-summary #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"],.v2020 .bookingconfirmation #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"] {
        padding:6px 12px
    }
}

.v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"],.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"] {
    padding-left: 12px
}

.v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].mastercard,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].mastercard {
    padding-left: 36px;
    background-image: url(/bw/v6/img/ico/master.png),url(/bw/v6/img/ico/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: 5px, right 5px bottom 10px;
    background-size: 26px, 5px 10px
}

@media (max-width: 576px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].mastercard,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].mastercard {
        background-image:url(/bw/v6/img/ico/master.png),url(/bw/v6/img/ico/select.png);
        background-position: 5px, 100% 60%;
        background-size: 26px, auto
    }
}

.v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].visa,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].visa {
    padding-left: 36px;
    background-image: url(/bw/v6/img/ico/visa.png),url(/bw/v6/img/ico/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: 5px, right 5px bottom 10px;
    background-size: 26px, 5px 10px
}

@media (max-width: 576px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].visa,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].visa {
        background-image:url(/bw/v6/img/ico/visa.png),url(/bw/v6/img/ico/select.png);
        background-position: 5px, 100% 60%;
        background-size: 26px, auto
    }
}

.v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].american-express,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].american-express {
    padding-left: 36px;
    background-image: url(/bw/v6/img/ico/amex.png),url(/bw/v6/img/ico/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: 5px, right 5px bottom 10px;
    background-size: 26px, 5px 10px
}

@media (max-width: 576px) {
    .v2020 .booking-summary #billingdata .creditcardInfo>div select[name="Kreditkarte"].american-express,.v2020 .bookingconfirmation #billingdata .creditcardInfo>div select[name="Kreditkarte"].american-express {
        background-image:url(/bw/v6/img/ico/amex.png),url(/bw/v6/img/ico/select.png);
        background-position: 5px, 100% 60%;
        background-size: 26px, auto
    }
}

.v2020 .booking-summary #specialrequest,.v2020 .bookingconfirmation #specialrequest {
    margin-top: 1.5rem;
    padding-right: 2%
}

.v2020 .booking-summary #specialrequest .form-group,.v2020 .bookingconfirmation #specialrequest .form-group {
    margin-right: 0
}

@media (min-width: 576px) {
    .v2020 .booking-summary #specialrequest,.v2020 .bookingconfirmation #specialrequest {
        padding-right:0
    }
}

.v2020 .booking-summary #iata,.v2020 .bookingconfirmation #iata {
    margin-top: 1.5rem
}

.v2020 .booking-summary #iata h3,.v2020 .bookingconfirmation #iata h3 {
    margin: 0 0 0 0
}

.v2020 .booking-summary #iata .col-xs-12,.v2020 .bookingconfirmation #iata .col-xs-12 {
    margin: 0 0 0 0
}

.v2020 .booking-summary #iata .total-sum,.v2020 .bookingconfirmation #iata .total-sum {
    text-align: right
}

.v2020 .booking-summary #iata .total-sum p,.v2020 .bookingconfirmation #iata .total-sum p {
    font-size: 1.5rem
}

.v2020 .booking-summary #iata .total-sum p strong,.v2020 .bookingconfirmation #iata .total-sum p strong {
    color: #3D3D3C
}

.v2020 .booking-summary #iata .total-sum p strong span,.v2020 .bookingconfirmation #iata .total-sum p strong span {
    border-bottom: 1px solid #3D3D3C;
    margin-right: 8px
}

.v2020 .booking-summary #iata .total-sum button,.v2020 .bookingconfirmation #iata .total-sum button,.v2020 .booking-summary #iata .total-sum input[type="submit"],.v2020 .bookingconfirmation #iata .total-sum input[type="submit"] {
    background-color: #003c7e;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 1rem
}

.v2020 .booking-summary #iata .total-sum .errormessg,.v2020 .bookingconfirmation #iata .total-sum .errormessg {
    margin-right: 0
}

.v2020 .booking-summary .room-total,.v2020 .bookingconfirmation .room-total {
    text-align: right
}

.v2020 .booking-summary .originalPrice,.v2020 .bookingconfirmation .originalPrice {
    opacity: .5;
    text-decoration: line-through
}

.v2020 .booking-summary .couponCodesAdded .remove-item::before,.v2020 .bookingconfirmation .couponCodesAdded .remove-item::before {
    color: #A82D1D
}

.v2020 .booking-summary .rewardswarning.errormessg,.v2020 .bookingconfirmation .rewardswarning.errormessg {
    margin-right: 0
}

@media (max-width: 576px) {
    .v2020 .smallSiteHeaderMaxWidth576Px .site-header {
        height:0px
    }

    .v2020 .smallSiteHeaderMaxWidth576Px .site-header .bw-logo {
        background-image: none !important
    }

    .v2020 .smallSiteHeaderMaxWidth576Px .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020 .smallSiteHeaderMaxWidth576Px .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020 .smallSiteHeaderMaxWidth576Px #navpanel {
        margin-top: 0
    }

    .v2020 .smallSiteHeaderMaxWidth576Px #schnellsuche {
        display: none
    }

    .v2020 .smallSiteHeaderMaxWidth576Px #searchpanel {
        min-height: 56px
    }

    .v2020 .smallSiteHeaderMaxWidth576Px nav.navbar .navbar-container {
        height: 36px
    }

    .v2020 .smallSiteHeaderMaxWidth576Px section.page {
        padding: 194px 0 0 0
    }

    .v2020 .smallSiteHeaderMaxWidth576Px .more-tipps {
        display: none
    }
}

@media (min-width: 768px) {
    .v2020#SD3CBWHotelSearchResultComponent .visual-wrap,.v2020#SD3CBWV6HotelSearchResultComponent .visual-wrap {
        height:256px
    }

    .v2020#SD3CBWHotelSearchResultComponent .visual-wrap .slide-content.center,.v2020#SD3CBWV6HotelSearchResultComponent .visual-wrap .slide-content.center {
        padding: 6% 0
    }
}

.v2020#SD3CBWHotelSearchResultComponent .hitlist-item .stars,.v2020#SD3CBWV6HotelSearchResultComponent .hitlist-item .stars {
    margin-right: 0
}

@media (max-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent .page-content,.v2020#SD3CBWV6HotelSearchResultComponent .page-content {
        margin-bottom:0
    }
}

.v2020#SD3CBWHotelSearchResultComponent #carousel,.v2020#SD3CBWV6HotelSearchResultComponent #carousel {
    display: none
}

@media (min-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent #carousel,.v2020#SD3CBWV6HotelSearchResultComponent #carousel {
        display:block;
        height: 17.25em
    }
}

@media (min-width: 768px) {
    .v2020#SD3CBWHotelSearchResultComponent #carousel,.v2020#SD3CBWV6HotelSearchResultComponent #carousel {
        height:256px
    }
}

@media (min-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent .uSlider-slides li .item,.v2020#SD3CBWV6HotelSearchResultComponent .uSlider-slides li .item {
        height:17.25em
    }
}

@media (min-width: 768px) {
    .v2020#SD3CBWHotelSearchResultComponent .uSlider-slides li .item,.v2020#SD3CBWV6HotelSearchResultComponent .uSlider-slides li .item {
        height:256px
    }
}

.v2020#SD3CBWHotelSearchResultComponent .slide-content,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content {
    height: 17.25em
}

@media (min-width: 768px) {
    .v2020#SD3CBWHotelSearchResultComponent .slide-content,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content {
        height:256px
    }
}

@media (min-width: 768px) {
    .v2020#SD3CBWHotelSearchResultComponent .slide-content .teaser-box,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content .teaser-box {
        padding:4px 10px;
        height: auto;
        min-height: 0px;
        max-width: 600px
    }
}

.v2020#SD3CBWHotelSearchResultComponent .slide-content .teaser-box p,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content .teaser-box p {
    margin: 0 0 0 0
}

@media (min-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent .slide-content .teaser-box p,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content .teaser-box p {
        margin:0 0 0 0;
        line-height: 1.4em !important
    }
}

@media (min-width: 992px) {
    .v2020#SD3CBWHotelSearchResultComponent .slide-content .teaser-box p,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content .teaser-box p {
        font-size:1.5rem
    }
}

.v2020#SD3CBWHotelSearchResultComponent .slide-content .teaser-box p strong,.v2020#SD3CBWV6HotelSearchResultComponent .slide-content .teaser-box p strong {
    background: transparent
}

.v2020#SD3CBWHotelSearchResultComponent .more-tipps,.v2020#SD3CBWV6HotelSearchResultComponent .more-tipps {
    display: none
}

.v2020#SD3CBWHotelSearchResultComponent.sticky-searchpanel .navbar.stick-on-top,.v2020#SD3CBWV6HotelSearchResultComponent.sticky-searchpanel .navbar.stick-on-top {
    position: fixed
}

@media (max-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent .site-header,.v2020#SD3CBWV6HotelSearchResultComponent .site-header {
        height:0px
    }

    .v2020#SD3CBWHotelSearchResultComponent .site-header .bw-logo,.v2020#SD3CBWV6HotelSearchResultComponent .site-header .bw-logo {
        background-image: none !important
    }

    .v2020#SD3CBWHotelSearchResultComponent .site-header .bw-logo #homelink,.v2020#SD3CBWV6HotelSearchResultComponent .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020#SD3CBWHotelSearchResultComponent .site-header .bw-logo #homelink:before,.v2020#SD3CBWV6HotelSearchResultComponent .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020#SD3CBWHotelSearchResultComponent #navpanel,.v2020#SD3CBWV6HotelSearchResultComponent #navpanel {
        margin-top: 0
    }

    .v2020#SD3CBWHotelSearchResultComponent #schnellsuche,.v2020#SD3CBWV6HotelSearchResultComponent #schnellsuche {
        display: none
    }

    .v2020#SD3CBWHotelSearchResultComponent #searchpanel,.v2020#SD3CBWV6HotelSearchResultComponent #searchpanel {
        min-height: 56px
    }

    .v2020#SD3CBWHotelSearchResultComponent nav.navbar .navbar-container,.v2020#SD3CBWV6HotelSearchResultComponent nav.navbar .navbar-container {
        height: 36px
    }

    .v2020#SD3CBWHotelSearchResultComponent section.page,.v2020#SD3CBWV6HotelSearchResultComponent section.page {
        padding: 194px 0 0 0
    }

    .v2020#SD3CBWHotelSearchResultComponent .more-tipps,.v2020#SD3CBWV6HotelSearchResultComponent .more-tipps {
        display: none
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWHotelSearchResultComponent .visual-wrap,.v2020#SD3CBWV6HotelSearchResultComponent .visual-wrap {
        top:36px;
        padding-top: 68px
    }

    .v2020#SD3CBWHotelSearchResultComponent section.page,.v2020#SD3CBWV6HotelSearchResultComponent section.page {
        padding: 68px 0 0 0
    }

    .v2020#SD3CBWHotelSearchResultComponent .more-tipps,.v2020#SD3CBWV6HotelSearchResultComponent .more-tipps {
        display: none
    }

    .v2020#SD3CBWHotelSearchResultComponent.empty-hotel-list .visual-wrap,.v2020#SD3CBWV6HotelSearchResultComponent.empty-hotel-list .visual-wrap {
        z-index: 10
    }

    .v2020#SD3CBWHotelSearchResultComponent.empty-hotel-list #searchpanel #active-search,.v2020#SD3CBWV6HotelSearchResultComponent.empty-hotel-list #searchpanel #active-search {
        display: none
    }

    .v2020#SD3CBWHotelSearchResultComponent.empty-hotel-list #searchpanel #schnellsuche,.v2020#SD3CBWV6HotelSearchResultComponent.empty-hotel-list #searchpanel #schnellsuche {
        display: block
    }

    .v2020#SD3CBWHotelSearchResultComponent .site-header .bw-logo,.v2020#SD3CBWV6HotelSearchResultComponent .site-header .bw-logo {
        max-height: 37px
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWV5BookingRoomSelectComponent .site-header,.v2020#SD3CBWV6BookingRoomSelectComponent .site-header {
        height:0px
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent .site-header .bw-logo,.v2020#SD3CBWV6BookingRoomSelectComponent .site-header .bw-logo {
        background-image: none !important
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent .site-header .bw-logo #homelink,.v2020#SD3CBWV6BookingRoomSelectComponent .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent .site-header .bw-logo #homelink:before,.v2020#SD3CBWV6BookingRoomSelectComponent .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent #navpanel,.v2020#SD3CBWV6BookingRoomSelectComponent #navpanel {
        margin-top: 0
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent #schnellsuche,.v2020#SD3CBWV6BookingRoomSelectComponent #schnellsuche {
        display: none
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent #searchpanel,.v2020#SD3CBWV6BookingRoomSelectComponent #searchpanel {
        min-height: 56px
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent nav.navbar .navbar-container,.v2020#SD3CBWV6BookingRoomSelectComponent nav.navbar .navbar-container {
        height: 36px
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent section.page,.v2020#SD3CBWV6BookingRoomSelectComponent section.page {
        padding: 194px 0 0 0
    }

    .v2020#SD3CBWV5BookingRoomSelectComponent .more-tipps,.v2020#SD3CBWV6BookingRoomSelectComponent .more-tipps {
        display: none
    }
}

.v2020 .mobileRewardsLogin {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 428px;
    max-width: 100vw;
    margin: 0 0 0 0;
    background-color: white;
    margin-bottom: -368px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.v2020 .mobileRewardsLogin.small-panel {
    height: 166px;
    margin-bottom: -106px
}

.v2020 .mobileRewardsLogin .bwr_login img {
    width: 50%;
    height: auto;
    margin-left: 25%
}

.v2020 .mobileRewardsLogin .bwr_login .toggle-login {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 12px;
    right: 16px;
    background-color: white;
    border: 1px solid #D3D1D6;
    border-radius: 4px
}

.v2020 .mobileRewardsLogin .bwr_login .toggle-login:focus {
    outline: none
}

.v2020 .mobileRewardsLogin .bwr_login .toggle-login:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 14px 7px;
    border-color: transparent transparent #d3d1d6 transparent;
    margin: 0 auto
}

.v2020 .mobileRewardsLogin form {
    position: relative
}

.v2020 .mobileRewardsLogin form #bw-recaptcha {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(.62);
    transform: scale(.62)
}

.v2020 .mobileRewardsLogin.open {
    margin-bottom: 0px
}

.v2020 .mobileRewardsLogin.open .bwr_login .toggle-login:after {
    border-width: 14px 7px 0 7px;
    border-color: #d3d1d6 transparent transparent transparent
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent #languageMenuMobile {
        z-index:11
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right {
        display:block;
        width: 0;
        position: relative
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100vw;
        height: 428px;
        max-width: 100vw;
        margin: 0 0 0 0;
        background-color: white;
        margin-bottom: -368px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.small-panel,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.small-panel {
        height: 166px;
        margin-bottom: -106px
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login img,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login img {
        width: 50%;
        height: auto;
        margin-left: 25%
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login {
        width: 38px;
        height: 38px;
        position: absolute;
        top: 12px;
        right: 16px;
        background-color: white;
        border: 1px solid #D3D1D6;
        border-radius: 4px
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login:focus,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login:focus {
        outline: none
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login:after,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login:after {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 14px 7px;
        border-color: transparent transparent #d3d1d6 transparent;
        margin: 0 auto
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel form,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel form {
        position: relative
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel form #bw-recaptcha,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel form #bw-recaptcha {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.62);
        transform: scale(.62)
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.open,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.open {
        margin-bottom: 0px
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.open .bwr_login .toggle-login:after,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel.open .bwr_login .toggle-login:after {
        border-width: 14px 7px 0 7px;
        border-color: #d3d1d6 transparent transparent transparent
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .bwr-overlay,.v2020#SD3CBWV6BookingCustomerDataComponent .bwr-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
        z-index: 100;
        display: none
    }
}

@media (min-width: 577px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login,.v2020#SD3CBWV6BookingCustomerDataComponent .page-3-col .page-3-col-content .col.page-3-col-right #div_bwr_loginpanel .bwr_login .toggle-login {
        display:none
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only {
        display:block;
        width: 0;
        position: relative
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100vw;
        height: 428px;
        max-width: 100vw;
        margin: 0 0 0 0;
        background-color: white;
        margin-bottom: -368px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel.small-panel {
        height: 166px;
        margin-bottom: -106px
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel .bwr_login img {
        width: 50%;
        height: auto;
        margin-left: 25%
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel .bwr_login .toggle-login {
        width: 38px;
        height: 38px;
        position: absolute;
        top: 12px;
        right: 16px;
        background-color: white;
        border: 1px solid #D3D1D6;
        border-radius: 4px
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel .bwr_login .toggle-login:focus {
        outline: none
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel .bwr_login .toggle-login:after {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 14px 7px;
        border-color: transparent transparent #d3d1d6 transparent;
        margin: 0 auto
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel form {
        position: relative
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel form #bw-recaptcha {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.62);
        transform: scale(.62)
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel.open {
        margin-bottom: 0px
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .mobile-only #div_bwr_loginpanel.open .bwr_login .toggle-login:after {
        border-width: 14px 7px 0 7px;
        border-color: #d3d1d6 transparent transparent transparent
    }

    .v2020#SD3CBWV6HotelSearchResultComponent .bwr-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
        z-index: 100;
        display: none
    }
}

.v2020#SD3CBWV6HotelSearchResultComponent .page-tl-content .mobile-only {
    z-index: 2
}

@media (max-width: 576px) {
    .v2020#SD3CBWBookingSelectAdditionalServicesComponent .site-header {
        height:0px
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent .site-header .bw-logo {
        background-image: none !important
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent #navpanel {
        margin-top: 0
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent #schnellsuche {
        display: none
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent #searchpanel {
        min-height: 56px
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent nav.navbar .navbar-container {
        height: 36px
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent section.page {
        padding: 194px 0 0 0
    }

    .v2020#SD3CBWBookingSelectAdditionalServicesComponent .more-tipps {
        display: none
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWBookingCustomerDataComponent .site-header,.v2020#SD3CBWV6BookingCustomerDataComponent .site-header,.v2020#SD3CBWBookingPreviewComponent .site-header,.v2020#SD3CBWBookingComplete .site-header {
        height:0px
    }

    .v2020#SD3CBWBookingCustomerDataComponent .site-header .bw-logo,.v2020#SD3CBWV6BookingCustomerDataComponent .site-header .bw-logo,.v2020#SD3CBWBookingPreviewComponent .site-header .bw-logo,.v2020#SD3CBWBookingComplete .site-header .bw-logo {
        background-image: none !important
    }

    .v2020#SD3CBWBookingCustomerDataComponent .site-header .bw-logo #homelink,.v2020#SD3CBWV6BookingCustomerDataComponent .site-header .bw-logo #homelink,.v2020#SD3CBWBookingPreviewComponent .site-header .bw-logo #homelink,.v2020#SD3CBWBookingComplete .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020#SD3CBWBookingCustomerDataComponent .site-header .bw-logo #homelink:before,.v2020#SD3CBWV6BookingCustomerDataComponent .site-header .bw-logo #homelink:before,.v2020#SD3CBWBookingPreviewComponent .site-header .bw-logo #homelink:before,.v2020#SD3CBWBookingComplete .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020#SD3CBWBookingCustomerDataComponent #navpanel,.v2020#SD3CBWV6BookingCustomerDataComponent #navpanel,.v2020#SD3CBWBookingPreviewComponent #navpanel,.v2020#SD3CBWBookingComplete #navpanel {
        margin-top: 0
    }

    .v2020#SD3CBWBookingCustomerDataComponent #schnellsuche,.v2020#SD3CBWV6BookingCustomerDataComponent #schnellsuche,.v2020#SD3CBWBookingPreviewComponent #schnellsuche,.v2020#SD3CBWBookingComplete #schnellsuche {
        display: none
    }

    .v2020#SD3CBWBookingCustomerDataComponent #searchpanel,.v2020#SD3CBWV6BookingCustomerDataComponent #searchpanel,.v2020#SD3CBWBookingPreviewComponent #searchpanel,.v2020#SD3CBWBookingComplete #searchpanel {
        min-height: 56px
    }

    .v2020#SD3CBWBookingCustomerDataComponent nav.navbar .navbar-container,.v2020#SD3CBWV6BookingCustomerDataComponent nav.navbar .navbar-container,.v2020#SD3CBWBookingPreviewComponent nav.navbar .navbar-container,.v2020#SD3CBWBookingComplete nav.navbar .navbar-container {
        height: 36px
    }

    .v2020#SD3CBWBookingCustomerDataComponent section.page,.v2020#SD3CBWV6BookingCustomerDataComponent section.page,.v2020#SD3CBWBookingPreviewComponent section.page,.v2020#SD3CBWBookingComplete section.page {
        padding: 194px 0 0 0
    }

    .v2020#SD3CBWBookingCustomerDataComponent .more-tipps,.v2020#SD3CBWV6BookingCustomerDataComponent .more-tipps,.v2020#SD3CBWBookingPreviewComponent .more-tipps,.v2020#SD3CBWBookingComplete .more-tipps {
        display: none
    }
}

.v2020#SD3CBWBookingCustomerDataComponent section.pagebottom>div,.v2020#SD3CBWBookingSelectAdditionalServicesComponent section.pagebottom>div,.v2020#SD3CBWHotelSearchResultComponent section.pagebottom>div,.v2020#SD3CBWV6HotelSearchResultComponent section.pagebottom>div,.v2020#SD3CBWV5BookingRoomSelectComponent section.pagebottom>div,.v2020#SD3CBWV6BookingRoomSelectComponent section.pagebottom>div {
    display: none
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container,.v2020#SD3CBWBookingPreviewComponent .namepanel-container,.v2020#SD3CBWBookingComplete .namepanel-container {
        top:75px
    }
}

@media (min-width: 576px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container,.v2020#SD3CBWBookingPreviewComponent .namepanel-container,.v2020#SD3CBWBookingComplete .namepanel-container {
        bottom:75px
    }
}

.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container h1,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container h1,.v2020#SD3CBWBookingPreviewComponent .namepanel-container h1,.v2020#SD3CBWBookingComplete .namepanel-container h1 {
    font-weight: 600
}

.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container h1 .roomsExtrasHeadline,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container h1 .roomsExtrasHeadline,.v2020#SD3CBWBookingPreviewComponent .namepanel-container h1 .roomsExtrasHeadline,.v2020#SD3CBWBookingComplete .namepanel-container h1 .roomsExtrasHeadline,.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container h1 .slideShowHeadlineSpan,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container h1 .slideShowHeadlineSpan,.v2020#SD3CBWBookingPreviewComponent .namepanel-container h1 .slideShowHeadlineSpan,.v2020#SD3CBWBookingComplete .namepanel-container h1 .slideShowHeadlineSpan {
    font-weight: 500
}

.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container h5,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container h5,.v2020#SD3CBWBookingPreviewComponent .namepanel-container h5,.v2020#SD3CBWBookingComplete .namepanel-container h5 {
    font-weight: 500
}

@media (min-width: 1024px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container,.v2020#SD3CBWBookingPreviewComponent .namepanel-container,.v2020#SD3CBWBookingComplete .namepanel-container {
        margin-left:auto;
        transform: translate(-50%, 0);
        width: auto
    }

    .v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container h1,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container h1,.v2020#SD3CBWBookingPreviewComponent .namepanel-container h1,.v2020#SD3CBWBookingComplete .namepanel-container h1 {
        font-size: 1.5rem;
        line-height: 1.2rem
    }
}

.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container .roomsExtrasHeadline,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container .roomsExtrasHeadline,.v2020#SD3CBWBookingPreviewComponent .namepanel-container .roomsExtrasHeadline,.v2020#SD3CBWBookingComplete .namepanel-container .roomsExtrasHeadline,.v2020#SD3CBWV6BookingRoomSelectComponent .namepanel-container .slideShowHeadlineSpan,.v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container .slideShowHeadlineSpan,.v2020#SD3CBWBookingPreviewComponent .namepanel-container .slideShowHeadlineSpan,.v2020#SD3CBWBookingComplete .namepanel-container .slideShowHeadlineSpan {
    display: block;
    margin-bottom: 13px;
    font-size: 1rem
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6BookingRoomSelectComponent #searchpanel #updateform .form-group:nth-of-type(1),.v2020#SD3CBWV6BookingCustomerDataComponent #searchpanel #updateform .form-group:nth-of-type(1),.v2020#SD3CBWBookingPreviewComponent #searchpanel #updateform .form-group:nth-of-type(1),.v2020#SD3CBWBookingComplete #searchpanel #updateform .form-group:nth-of-type(1),.v2020#SD3CBWV6BookingRoomSelectComponent #searchpanel #updateform .form-group:nth-of-type(2),.v2020#SD3CBWV6BookingCustomerDataComponent #searchpanel #updateform .form-group:nth-of-type(2),.v2020#SD3CBWBookingPreviewComponent #searchpanel #updateform .form-group:nth-of-type(2),.v2020#SD3CBWBookingComplete #searchpanel #updateform .form-group:nth-of-type(2) {
        width:100%
    }
}

@media (min-width: 576px) {
    .v2020#SD3CBWBookingComplete .namepanel-container {
        bottom:50px
    }
}

@media (max-width: 576px) {
    .v2020#SD3CBWV6BookingCustomerDataComponent .namepanel-container,.v2020#SD3CBWBookingPreviewComponent .namepanel-container,.v2020#SD3CBWBookingComplete .namepanel-container {
        top:10px
    }

    .v2020#SD3CBWV6BookingCustomerDataComponent section.page,.v2020#SD3CBWBookingPreviewComponent section.page,.v2020#SD3CBWBookingComplete section.page {
        padding: 115px 0 0 0
    }
}

.v2020#SD3CBWV6BookingCustomerDataComponent .small-visual.visual-wrap,.v2020#SD3CBWBookingPreviewComponent .small-visual.visual-wrap,.v2020#SD3CBWBookingComplete .small-visual.visual-wrap {
    padding-top: 3px
}

.v2020#SD3CBWV6BookingCustomerDataComponent #stripe-card-element {
    max-width: 98%
}

.v2020#SD3CBWV6BookingCustomerDataComponent .stripe-elements-container .StripeElement {
    border: 1px solid #003c7e;
    padding: 4px 8px
}

@media (max-width: 576px) {
    .v2020#SD3CBWBookingComplete .small-visual.visual-wrap {
        height:0
    }

    .v2020#SD3CBWBookingComplete section.page {
        padding: 10px 0 0 0
    }
}

.v2020 .touristicHitlist .hitlist-item .arrangementList .arrangementListItem .bookingInfo .calendar {
    padding-left: 4px
}

@media (max-width: 576px) {
    .v2020#bwrewards section.page {
        padding-top:0
    }

    .v2020#bwrewards nav.navbar .navbar-container {
        height: 42px
    }
}

@media (min-width: 576px) {
    .v2020#SD3CBWV6HotelSearchResultComponent .visual-wrap .slide-content.singleLine.no-hotel-found .teaser-box {
        transform:translate(0, 0) !important
    }
}

.v2020.BWRewards_Mitgliedsbereich input[type="submit"].btn {
    background-color: #003c7e;
    font-size: 1rem;
    line-height: 1em;
    color: #ffffff;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    padding: 6px 12px 6px 12px;
    -webkit-appearance: none;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #003c7e;
    cursor: pointer
}

.v2020.BWRewards_Mitgliedsbereich input[type="submit"].btn.btn-sm {
    font-size: .75rem;
    height: 30px;
    padding: 6px 9px 6px 9px
}

.v2020.BWRewards_Mitgliedsbereich form[name="personalData"] input[type="submit"].btn-sm {
    font-size: 1rem;
    height: 32px;
    padding: 6px 12px 6px 12px
}

.v2020.BWRewards_Mitgliedsbereich .bwr-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.5);
    z-index: 100
}

@-ms-viewport {
    width: device-width
}

.v2020 .border-top {
    border-top: 1px solid #c7c5cb
}

.v2020 .border-right {
    border-right: 1px solid #c7c5cb
}

.v2020 .border-bottom {
    border-bottom: 1px solid #c7c5cb
}

.v2020 .border-left {
    border-left: 1px solid #c7c5cb
}

.v2020 .bordered {
    border: 1px solid #c7c5cb
}

.v2020 .padded {
    padding: 10px 16px
}

.v2020 .rounded {
    border-radius: 0 !important
}

.v2020 .default-bg {
    background-color: #f4f4f4
}

.v2020 .cf:before,.v2020 .cf:after,.v2020 .clearfix:before,.v2020 .clearfix:after,.v2020 .container:before,.v2020 .container:after,.v2020 .container-fluid:before,.v2020 .container-fluid:after,.v2020 .row:before,.v2020 .row:after,.v2020 .form-horizontal .form-group:before,.v2020 .form-horizontal .form-group:after,.v2020 .btn-toolbar:before,.v2020 .btn-toolbar:after,.v2020 .btn-group-vertical>.btn-group:before,.v2020 .btn-group-vertical>.btn-group:after,.v2020 .nav:before,.v2020 .nav:after,.v2020 .navbar:before,.v2020 .navbar:after,.v2020 .navbar-header:before,.v2020 .navbar-header:after,.v2020 .navbar-collapse:before,.v2020 .navbar-collapse:after,.v2020 .pager:before,.v2020 .pager:after,.v2020 .panel-body:before,.v2020 .panel-body:after,.v2020 .modal-footer:before,.v2020 .modal-footer:after,.v2020 .form-horizontal .form-group:before,.v2020 .form-horizontal .form-group:after {
    display: table;
    content: " "
}

.v2020 .cf:after,.v2020 .clearfix:after,.v2020 .container:after,.v2020 .container-fluid:after,.v2020 .row:after,.v2020 .form-horizontal .form-group:after,.v2020 .btn-toolbar:after,.v2020 .btn-group-vertical>.btn-group:after,.v2020 .nav:after,.v2020 .navbar:after,.v2020 .navbar-header:after,.v2020 .navbar-collapse:after,.v2020 .pager:after,.v2020 .panel-body:after,.v2020 .modal-footer:after,.v2020 .form-horizontal .form-group:after {
    clear: both
}

.v2020 .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.v2020 .fade.in {
    opacity: 1
}

.v2020 .collapse {
    display: none
}

.v2020 .collapse.in {
    display: block
}

.v2020 .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.v2020 .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.v2020 .pull-right {
    float: right !important
}

.v2020 .pull-left {
    float: left !important
}

.v2020 .no-left-pad {
    padding-left: 0px !important
}

.v2020 .no-right-pad {
    padding-right: 0px !important
}

.v2020 .hide {
    display: none !important
}

.v2020 .show {
    display: block !important
}

.v2020 .invisible {
    visibility: hidden
}

.v2020 .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.v2020 .hidden {
    display: none !important;
    visibility: hidden !important
}

.v2020 .transparent {
    opacity: 0;
    position: absolute
}

.v2020 .opaque {
    opacity: 1
}

.v2020 .outside {
    position: absolute !important;
    left: -9999px;
    top: -9999px
}

.v2020 .sixtmined {
    margin: 0;
    padding: 0;
    display: none
}

.v2020 .affix {
    position: fixed
}

.v2020 .no-wrap {
    white-space: nowrap
}

.v2020 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.v2020 .centered {
    text-align: center !important
}

.v2020 .w100 {
    width: 100% !important
}

.v2020 .w66 {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .w66 {
        width:66.666% !important
    }
}

.v2020 .w50 {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .w50 {
        width:50% !important
    }
}

.v2020 .w33 {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .w33 {
        width:33.333% !important
    }
}

.v2020 .w25 {
    width: 100%
}

@media (min-width: 576px) {
    .v2020 .w25 {
        width:25% !important
    }
}

@media (max-width: 576px) {
    .v2020 .w100-sm {
        width:100% !important
    }
}

.v2020 .width-auto {
    width: auto !important
}

.v2020 ul.arrow_blue {
    color: #003c7e;
    list-style-type: none;
    margin: 0px !important
}

.v2020 ul.arrow_blue li {
    padding-bottom: 3px;
    margin-left: 0px
}

.v2020 ul.arrow_blue li.active a {
    background-position: left 6px;
    padding-bottom: 0px
}

.v2020 ul.arrow_blue li.active a:hover {
    background: url("/bw/v6/img/ico/arrw.gif") no-repeat scroll left -14px
}

.v2020 ul.arrow_blue li a,.v2020 ul.arrow_blue li a:hover {
    background: transparent url("/bw/v6/img/ico/arrw.gif") no-repeat left 3px;
    color: #003c7e;
    padding-left: 10px
}

.v2020 ul.arrow_blue li ul {
    list-style-type: none;
    margin-left: 10px !important
}

.v2020 hr {
    height: 1px;
    border: none;
    border-bottom: 1px solid #c7c5cb;
    margin: .7em 0
}

.v2020 .no-marginTop {
    margin-top: 0 !important
}

.v2020 .no-marginTop-sm {
    margin-top: 0 !important
}

.v2020 .no-marginTop-sm .panel-group {
    margin-top: -15px
}

.v2020 .margin-bottom-1rem {
    margin-bottom: 1rem
}

.v2020 .left-pad-25 {
    padding-left: 25px
}

.v2020 .xs-block {
    display: block
}

@media (min-width: 768px) {
    .v2020 .no-marginTop-sm {
        margin-top:2.5em !important
    }

    .v2020 .no-marginTop-sm .panel-group {
        margin-top: 0
    }

    .v2020 .xs-block {
        display: inline-block
    }
}

.v2020 .ajaxloader {
    text-align: center
}

.v2020 .ajaxloader img.ajaxloader32 {
    width: 32px;
    max-width: 32px;
    margin: 10px auto;
    vertical-align: middle
}

.v2020 .ajaxloader img.ajaxloader16 {
    width: 16px;
    max-width: 16px;
    margin: 6px auto;
    vertical-align: middle
}

.v2020 .point-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #000000 transparent
}

.v2020 .point-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #000000 transparent transparent transparent
}

.v2020 #debug {
    position: static;
    float: left;
    overflow: visible;
    padding: 10px;
    border: 3px dotted #aa8a00;
    font-family: 'Courier New',Courier,'Nimbus Mono L',monospace;
    background-color: #fcffba
}

.v2020 .cmplazypreviewiframe input[type="checkbox"] {
    margin: -3px 0 0 0
}

.v2020 .pos-relative {
    position: relative
}

.v2020 .bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.v2020 .desktop-only {
    display: none
}

@media (min-width: 576px) {
    .v2020 .desktop-only {
        display:contents
    }
}

.v2020 div.desktop-only,.v2020 p.desktop-only {
    display: none
}

@media (min-width: 576px) {
    .v2020 div.desktop-only,.v2020 p.desktop-only {
        display:block
    }
}

.v2020 .clamped-text {
    font-size: .9375rem;
    --lh: 1.3125rem;
    line-height: var(--lh);
    display: -webkit-box;
    overflow: hidden;
    --max-lines-mobile: 10;
    max-height: calc(var(--lh) * var(--max-lines-mobile));
    min-height: calc(var(--lh) * var(--max-lines-mobile));
    -webkit-line-clamp: var(--max-lines-mobile);
    -webkit-box-orient: vertical
}

@media (min-width: 576px) {
    .v2020 .clamped-text {
        --max-lines:7;
        max-height: calc(var(--lh) * var(--max-lines) + .2rem);
        min-height: calc(var(--lh) * var(--max-lines) + .2rem);
        -webkit-line-clamp: var(--max-lines)
    }
}

.v2020 .clamped-text.open {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

.v2020 .clamped-text.truncateByChars,.v2020 .clamped-text.truncateByWords {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

.v2020 a.point-right,.v2020 a.point-right.icon-minus-circled {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer
}

.v2020 a.point-right:hover,.v2020 a.point-right.icon-minus-circled:hover {
    text-decoration: underline
}

.v2020 a.point-right:before,.v2020 a.point-right.icon-minus-circled:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020 a.point-right.icon-plus-circled,.v2020 a.point-right.collapse-down {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer
}

.v2020 a.point-right.icon-plus-circled:hover,.v2020 a.point-right.collapse-down:hover {
    text-decoration: underline
}

.v2020 a.point-right.icon-plus-circled:before,.v2020 a.point-right.collapse-down:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020 a.point-right.collapse-up {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer
}

.v2020 a.point-right.collapse-up:hover {
    text-decoration: underline
}

.v2020 a.point-right.collapse-up:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-bottom: 8px solid;
    border-left: 4px solid transparent;
    border-top: 0;
    border-right: 4px solid transparent
}

.v2020 a.underline {
    text-decoration: underline !important
}

.v2020 #booking_form .totalsumBottom {
    background: transparent;
    margin: 0;
    padding: 0
}

.v2020 #booking_form .confirmagb {
    padding: 1rem 0 1rem .5rem
}

.v2020 #booking_form .totalSum {
    text-align: right;
    margin: 1rem 0
}

.v2020 #booking_form .totalSum p {
    font-size: 1.625rem
}

.v2020 #booking_form .totalSum p strong {
    text-decoration: underline
}

.v2020 #booking_form .totalSum p span {
    font-weight: 600
}

.v2020 #booking_form .bookingButtons div {
    text-align: right
}

@media (max-width: 576px) {
    .v2020 #booking_form .bookingButtons div#weiterbtn {
        float:left;
        width: 100%;
        text-align: left;
        margin: 1rem 0
    }
}

.v2020 #booking_form .bookingButtons a {
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px
}

.v2020 .creditCardInfo {
    display: flex
}

.v2020 .creditCardInfo p {
    padding-right: 1rem;
    margin-top: 0
}

.v2020 .creditCardInfo p span.light-grey {
    opacity: .5
}

.v2020 #zusammenfassung a.edit {
    text-decoration: none;
    float: right;
    line-height: 21px
}

.v2020 #zusammenfassung .hotelItem h2 {
    z-index: 8
}

.v2020 #zusammenfassung .totalsumBottom strong span {
    border-bottom: none;
    margin-right: 0
}

.v2020 #zusammenfassung .totalsumBottom small {
    margin-bottom: .5rem
}

.v2020 .bookingComplete {
    margin-top: -25px
}

@media (max-width: 576px) {
    .v2020 .bookingComplete {
        margin-top:130px
    }
}

.v2020 .bookingComplete .bookingBreadcrumb a.done em {
    background: url(../../v6/img/ico/checkmark.svg) no-repeat center #69C100;
    background-size: 15px 15px;
    color: #69C100;
    font-size: 0;
    line-height: 40px
}

.v2020 .bookingComplete .bookingBreadcrumb a.done span {
    color: #69C100
}

.v2020 .bookingComplete .bookingBreadcrumb a.done::before {
    background: #69C100
}

.v2020 .bookingComplete .bookingBreadcrumb a:first-child.done::before {
    background: white
}

.v2020 .bookingComplete .bookingBreadcrumb p.noneok em,.v2020 .bookingComplete .bookingBreadcrumb p.noneok:before {
    background: #990000
}

.v2020 .bookingComplete .bookingBreadcrumb p.noneok span {
    color: #990000
}

.v2020 .bookingComplete .bookingBreadcrumb p.done em {
    background: url(../../v6/img/ico/checkmark.svg) no-repeat center #69C100;
    background-size: 15px 15px;
    color: #69C100;
    font-size: 0;
    line-height: 40px
}

.v2020 .bookingComplete .bookingBreadcrumb p.done span {
    color: #69C100
}

.v2020 .bookingComplete .bookingBreadcrumb p.done::before {
    background: #69C100
}

.v2020 .bookingComplete .bookingCompleteHeadline {
    text-align: center;
    font-weight: 700
}

.v2020 .bookingComplete .booking-number {
    text-align: center
}

.v2020 .bookingComplete p.big {
    margin-bottom: 1rem;
    text-align: center
}

@media (min-width: 992px) {
    .v2020 .bookingComplete p.big {
        font-size:1.375rem
    }
}

.v2020 .reservations h1 {
    font-weight: 700;
    margin-top: 2rem
}

.v2020 .reservations .totalsum span {
    font-weight: 600;
    font-size: 1.625rem;
    float: right;
    margin-left: 1rem;
    margin-top: .6rem
}

.v2020 .reservations .totalsum span strong {
    text-decoration: underline;
    text-decoration-thickness: 1px
}

.v2020 .reservations h3 {
    font-weight: 600;
    margin: 1rem 0
}

.v2020 .reservations .changeBooking {
    margin-top: 2rem
}

.v2020 .reservations .cancelPrintView {
    margin: 1rem 0
}

.v2020 .reservations .originalPriceOverviewReservations {
    float: right;
    text-decoration: line-through;
    font-size: 1rem;
    color: #a4a4a4
}

.v2020 .reservations .bookingNumber {
    background: transparent;
    padding-left: 0
}

.v2020 .bookingconfirmation .errormessg {
    margin-top: 1rem
}

.v2020 .bookingconfirmation h2 {
    margin-bottom: .5rem
}

.v2020 .bookingconfirmation .hotelsearchSelection {
    margin-top: 1rem
}

.v2020 .bookingconfirmation .hotelsearchSelection .hotelsearchSelectionRow .hotelsearchSelectionCell {
    font-size: .9375rem;
    padding-top: .3rem;
    padding-bottom: .2rem
}

.v2020 .bookingconfirmation .totalsumBottom p {
    font-size: 1.2rem
}

.v2020 .bookingconfirmation .totalsumBottom .bookingCodeOverview {
    text-align: right
}

.v2020 .bookingconfirmation .totalsumBottom .originalPriceOverview {
    color: #888;
    text-align: right;
    display: block;
    margin-top: .5rem
}

.v2020 .bookingconfirmation .totalsumBottom .originalPriceOverview strong {
    float: none !important;
    border: 0 !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    color: #888
}

.v2020 .bookingconfirmation .booking-number {
    text-align: left;
    margin-top: .5rem
}

.v2020 .bookingconfirmation .hotel-address {
    margin-bottom: .5rem
}

.v2020 #availability_calendarselector table.availability,.v2020 .avCalHolder table.availability {
    display: block;
    position: relative;
    background: transparent;
    margin-bottom: 1em;
    width: 100%;
    overflow-x: auto
}

.v2020 #availability_calendarselector table.availability td,.v2020 .avCalHolder table.availability td {
    padding: 0;
    word-break: normal;
    border-color: #fff;
    width: 98%
}

.v2020 #availability_calendarselector table.availability td:first-child,.v2020 .avCalHolder table.availability td:first-child {
    width: 1%
}

.v2020 #availability_calendarselector table.availability td:last-child,.v2020 .avCalHolder table.availability td:last-child {
    width: 1%
}

.v2020 #availability_calendarselector table.availability td.availabilitynotice:after,.v2020 .avCalHolder table.availability td.availabilitynotice:after {
    content: "Die im Kalender angezeigten Preise entsprechen der aktuellen flexiblen Tagesrate. Eventuell vorhandene Sonderraten werden nach Auswahl eines Tages oder Zeitraumes sichtbar.";
    color: transparent
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right {
    position: absolute;
    bottom: 12px
}

@media (min-width: 768px) {
    .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right {
        text-decoration:none !important;
        position: static
    }
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:before,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:before {
    transform: scale(2, 3);
    color: #a4a4a4;
    font-size: 14px
}

@media (min-width: 768px) {
    .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:before,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:before {
        color:#eee;
        padding-top: 2px
    }
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:hover:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:hover:before,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:hover:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:hover:before {
    color: #a4a4a4
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left {
    left: 35%
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e805'
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right {
    right: 35%
}

.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e806'
}

.v2020 #availability_calendarselector table.availability tr:first-child td:first-child,.v2020 .avCalHolder table.availability tr:first-child td:first-child,.v2020 #availability_calendarselector table.availability tr:first-child td:last-child,.v2020 .avCalHolder table.availability tr:first-child td:last-child {
    vertical-align: top;
    position: relative
}

@media (min-width: 768px) {
    .v2020 #availability_calendarselector table.availability tr:first-child td:first-child,.v2020 .avCalHolder table.availability tr:first-child td:first-child,.v2020 #availability_calendarselector table.availability tr:first-child td:last-child,.v2020 .avCalHolder table.availability tr:first-child td:last-child {
        vertical-align:middle;
        position: static
    }
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar,.v2020 .avCalHolder table.availability table.availabiltyCalendar {
    margin-bottom: 3rem;
    margin-top: 10px;
    width: 100%;
    min-width: 100%;
    -webkit-box-shadow: 3px 3px 4px 0 rgba(112,112,115,0.2);
    box-shadow: 3px 3px 4px 0 rgba(112,112,115,0.2)
}

@media (min-width: 768px) {
    .v2020 #availability_calendarselector table.availability table.availabiltyCalendar,.v2020 .avCalHolder table.availability table.availabiltyCalendar {
        margin-bottom:0;
        margin-top: 0;
        width: 100%
    }
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar th,.v2020 .avCalHolder table.availability table.availabiltyCalendar th {
    text-align: center;
    background: #555;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    padding: 4px 1px
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td,.v2020 .avCalHolder table.availability table.availabiltyCalendar td {
    padding: 3px 1px;
    word-break: normal;
    vertical-align: top !important;
    text-align: left;
    border: 1px solid #d9d9d9;
    height: 48px;
    white-space: nowrap;
    width: auto
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td a {
    text-decoration: none;
    display: block;
    position: relative;
    outline: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td .day,.v2020 .avCalHolder table.availability table.availabiltyCalendar td .day {
    color: #646363;
    text-align: left;
    font-weight: bold;
    font-size: 1.125rem
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td .month,.v2020 .avCalHolder table.availability table.availabiltyCalendar td .month {
    color: #646363;
    text-align: left;
    margin-top: 2px;
    font-size: .6875rem
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td .rate,.v2020 .avCalHolder table.availability table.availabiltyCalendar td .rate {
    display: block;
    width: 100%;
    text-align: center;
    margin: 8px 0 0
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.notfree,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.notfree {
    background-color: transparent;
    position: relative;
    text-decoration: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.notfree:before,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.notfree:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e899';
    width: 100%;
    color: rgba(255,0,11,0.6);
    position: absolute;
    top: 25%;
    margin-left: 0;
    font-size: 1.3rem
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.notfree.range-end:before,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.notfree.range-end:before {
    color: #689a39;
    position: absolute;
    right: 3px;
    bottom: 4px !important;
    top: auto !important;
    width: auto !important
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.notfree.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.notfree.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.requested,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.requested {
    box-shadow: inset 0 0 0 2px #003c7e
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.isAvailable,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.isAvailable {
    background-color: #b3d7b7;
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.isNotAvailable,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.isNotAvailable {
    background-color: #d2b4d7;
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range {
    background-color: rgba(104,154,57,0.3);
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range span,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range span {
    color: #888
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range span.rate,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range span.rate {
    color: #689a39
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range.notfree-hilite a {
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite {
    background-color: rgba(104,154,57,0.15);
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite.notfree-hilite a {
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-start,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-start {
    position: relative
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-start:before,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-start:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e822';
    color: #689a39;
    position: absolute;
    left: 3px;
    bottom: 4px
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-start.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-start.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-start.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-start.notfree-hilite a {
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-start,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-start {
    background-color: rgba(104,154,57,0.15);
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-start.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-start.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-start.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-start.notfree-hilite a {
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-end,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-end {
    position: relative
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-end:before,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-end:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e822';
    color: #689a39;
    position: absolute;
    right: 3px;
    bottom: 4px;
    top: auto;
    width: auto
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-end.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-end.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-end.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-end.notfree-hilite a {
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-end,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-end {
    background-color: rgba(104,154,57,0.15);
    background-image: none
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-end.notfree-hilite,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-end.notfree-hilite {
    background-color: #cc6272;
    cursor: not-allowed
}

.v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.range-hilite-end.notfree-hilite a,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.range-hilite-end.notfree-hilite a {
    cursor: not-allowed
}

@media (min-width: 768px) {
    .v2020 #availability_calendarselector table.availability,.v2020 .avCalHolder table.availability {
        display:table
    }

    .v2020 #availability_calendarselector table.availability td,.v2020 .avCalHolder table.availability td {
        padding: 6px 6px 6px 6px
    }

    .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right {
        text-decoration: none !important;
        position: static;
        color: #555
    }

    .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:before,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:before,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:before {
        margin-top: 7px
    }

    .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:hover,.v2020 .avCalHolder table.availability td a.icon-angle-circled-left:hover,.v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:hover,.v2020 .avCalHolder table.availability td a.icon-angle-circled-right:hover {
        color: #000
    }

    .v2020 #availability_calendarselector table.availability td .month,.v2020 .avCalHolder table.availability td .month {
        margin-top: 2px
    }

    .v2020 #availability_calendarselector table.availability td .rate,.v2020 .avCalHolder table.availability td .rate {
        margin: 8px 0 0
    }

    .v2020 #availability_calendarselector table.availability td.notfree:before,.v2020 .avCalHolder table.availability td.notfree:before {
        top: 20%;
        margin-left: -6px;
        margin-top: 10px
    }

    .v2020 #availability_calendarselector table.availability table.availabiltyCalendar,.v2020 .avCalHolder table.availability table.availabiltyCalendar {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }

    .v2020 #availability_calendarselector table.availability table.availabiltyCalendar th,.v2020 .avCalHolder table.availability table.availabiltyCalendar th {
        padding: 6px 6px 6px 6px
    }

    .v2020 #availability_calendarselector table.availability table.availabiltyCalendar td,.v2020 .avCalHolder table.availability table.availabiltyCalendar td {
        padding: 2px 6px 6px 6px
    }

    .v2020 #availability_calendarselector table.availability table.availabiltyCalendar td.notfree:before,.v2020 .avCalHolder table.availability table.availabiltyCalendar td.notfree:before {
        margin-left: -6px
    }
}

.v2020 #availability_calendarselector h3,.v2020 .avCalHolder h3 {
    float: left;
    margin-right: .5em
}

.v2020 #availability_calendarselector h3+p,.v2020 .avCalHolder h3+p {
    display: inline;
    vertical-align: -1px
}

.v2020 .hitlist-item .avCalHolder {
    margin: 1rem 0
}

.v2020 .vacationMarketingSelected {
    background: #003c7e;
    color: #ffffff !important;
    display: inline-block;
    font-size: .8rem;
    font-style: normal;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: .5rem
}

.v2020 .popover,.v2020 .sdpopover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.v2020 .popover.top,.v2020 .sdpopover.top {
    margin-top: -20px
}

.v2020 .popover.right,.v2020 .sdpopover.right {
    margin-left: 10px
}

.v2020 .popover.bottom,.v2020 .sdpopover.bottom {
    margin-top: 10px
}

.v2020 .popover.left,.v2020 .sdpopover.left {
    margin-left: -10px
}

.v2020 .popover .popover-title,.v2020 .sdpopover .popover-title {
    padding: 5px 10px;
    margin: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.v2020 .popover .popover-content,.v2020 .sdpopover .popover-content {
    padding: 9px 10px
}

.v2020 .popover .popover-content h6,.v2020 .sdpopover .popover-content h6 {
    font-weight: bold;
    color: #000
}

.v2020 .popover .popover-content strong,.v2020 .sdpopover .popover-content strong {
    font-weight: bold;
    color: #000
}

.v2020 .popover .popover-content.no-title,.v2020 .sdpopover .popover-content.no-title {
    padding-top: 18px
}

.v2020 .popover>.arrow,.v2020 .sdpopover>.arrow,.v2020 .popover>.arrow:after,.v2020 .sdpopover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.v2020 .popover>.close,.v2020 .sdpopover>.close {
    position: absolute;
    top: 0px;
    right: 7px;
    display: block;
    width: auto;
    height: auto;
    color: #999;
    cursor: pointer
}

.v2020 .popover>.close:before,.v2020 .sdpopover>.close:before {
    font-family: "bw-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    margin: 0 0 0 0;
    content: '\e821'
}

.v2020 .popover>.arrow,.v2020 .sdpopover>.arrow {
    border-width: 11px
}

.v2020 .popover>.arrow:after,.v2020 .sdpopover>.arrow:after {
    content: "";
    border-width: 10px
}

.v2020 .popover.top>.arrow,.v2020 .sdpopover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0
}

.v2020 .popover.top>.arrow:after,.v2020 .sdpopover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.v2020 .popover.right>.arrow,.v2020 .sdpopover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0
}

.v2020 .popover.right>.arrow:after,.v2020 .sdpopover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.v2020 .popover.bottom>.arrow,.v2020 .sdpopover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25)
}

.v2020 .popover.bottom>.arrow:after,.v2020 .sdpopover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.v2020 .popover.left>.arrow,.v2020 .sdpopover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25)
}

.v2020 .popover.left>.arrow:after,.v2020 .sdpopover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

@media (max-width: 600px) {
    .v2020 .popover,.v2020 .sdpopover {
        width:80%;
        left: 50% !important;
        margin-left: -40% !important
    }
}

.v2020 form.extras-wrap.in-back {
    position: relative;
    z-index: -1
}

.v2020 .additionalServiceItem {
    overflow: hidden;
    border-bottom: none;
    padding: 8px 0
}

.v2020 .additionalServiceItem .addServiceTable {
    display: block
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .addServiceTable {
        display:table;
        border-collapse: collapse;
        width: 100%
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose {
    display: block;
    overflow: hidden
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose {
        display:table-row
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .addServiceCheckbox,.v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr,.v2020 .additionalServiceItem .additionalServiceChoose .form-group,.v2020 .additionalServiceItem .additionalServiceChoose .priceSum {
    display: block;
    font-size: 1rem
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .addServiceCheckbox,.v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr,.v2020 .additionalServiceItem .additionalServiceChoose .form-group,.v2020 .additionalServiceItem .additionalServiceChoose .priceSum {
        display:table-cell;
        float: none
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .addServiceCheckbox {
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .addServiceCheckbox {
        margin:0 0 0 0;
        width: 20px
    }
}

@media (min-width: 992px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .addServiceCheckbox {
        margin-top:-1px
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr {
    display: inline-block;
    width: 60%;
    float: left
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr {
        display:table-cell;
        width: 63%;
        padding-top: 1px
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr strong {
    display: block
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .addServiceDescr strong {
        display:inline
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .form-group {
    float: left;
    margin: 0 0 0 0;
    padding-top: 9px
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .form-group {
        width:18%;
        text-align: right;
        padding-top: 0;
        padding-right: 1em;
        margin-top: -4px
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .form-group select {
    width: 50px;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 5px 3px 10px;
    background-color: white;
    background-image: url(/bw/v6/img/ico/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-position: right 5px bottom 10px
}

.v2020 .additionalServiceItem .additionalServiceChoose .form-group select:disabled {
    color: #bbb;
    background-color: #f4f4f4
}

.v2020 .additionalServiceItem .additionalServiceChoose .priceSum {
    display: block;
    float: right;
    padding-top: 6px
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .priceSum {
        padding-top:0;
        text-align: right;
        min-width: 15%;
        width: 15%
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .priceSum .items-total {
    display: inline-block;
    height: 2rem;
    min-width: 20px;
    line-height: 46px
}

@media (min-width: 768px) {
    .v2020 .additionalServiceItem .additionalServiceChoose .priceSum .items-total {
        height:1.5rem;
        line-height: 26px
    }
}

.v2020 .additionalServiceItem .additionalServiceChoose .priceSum .items-total:empty {
    border-bottom: 1px solid #c7c5cb
}

.v2020 .additionalServiceItem .additionalServiceChoose .addLabel {
    display: none
}

@media (min-width: 768px) {
    .v2020 .additionalServicesHead a.noAdditionalServices {
        float:right
    }

    .v2020 .additionalServicesHead h3 {
        float: left
    }
}

.v2020 .form-inline .addServiceComment {
    margin-bottom: 1em
}

.v2020 .form-inline .addServiceComment .form-control {
    width: 100%;
    display: block
}

.v2020 #cf_googlemap .gm-style-iw {
    max-width: 190px
}

.v2020 div.v3InfoWindow {
    margin: 0;
    padding: 0;
    border: none 0;
    overflow: visible;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-weight: 400;
    text-align: left
}

.v2020 div.v3InfoWindow a.hl,.v2020 div.v3InfoWindow a:visited.hl,.v2020 div.v3InfoWindow a.hl span,.v2020 div.v3InfoWindow a.star3,.v2020 div.v3InfoWindow a:visited.star3,.v2020 div.v3InfoWindow a.star3 span,.v2020 div.v3InfoWindow a.star4,.v2020 div.v3InfoWindow a:visited.star4,.v2020 div.v3InfoWindow a.star4 span,.v2020 div.v3InfoWindow a.nostar,.v2020 div.v3InfoWindow a:visited.nostar a.nostar span {
    display: inline-block;
    color: #003c7e;
    text-decoration: none;
    font-weight: 600;
    margin: 0;
    max-width: 190px
}

.v2020 div.v3InfoWindow a:hover.star3,.v2020 div.v3InfoWindow a:hover.star4,.v2020 div.v3InfoWindow a:hover.nostar,.v2020 div.v3InfoWindow a:hover.hl {
    color: #003c7e;
    text-decoration: underline
}

.v2020 div.v3InfoWindow p.adresse {
    margin: 2px 0 2px 0;
    padding: 0;
    color: #646363
}

.v2020 div.v3InfoWindow a.detail {
    color: #003c7e;
    text-decoration: none
}

.v2020 div.v3InfoWindow a.detail:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e802';
    margin-right: 4px
}

.v2020 div.v3InfoWindow a.detail:hover {
    text-decoration: underline
}

.v2020 div.v3InfoWindow a.detail:hover:before {
    text-decoration: none
}

.v2020 div.v3InfoWindow a.buchenbtn {
    display: block;
    background: #003c7e;
    color: white;
    text-decoration: none;
    line-height: 1.2em;
    font-size: 12px;
    min-height: 24px;
    width: auto;
    text-align: center;
    padding: 4px 6px 4px 6px;
    margin: 6px 0 0 0;
    float: right
}

.v2020 div.v3InfoWindow a.buchenbtn:before {
    content: attr(title);
    color: white
}

.v2020 div.v3InfoWindow a.buchenbtn img {
    display: none
}

.v2020#hotelmap_gm3 .gm-style-iw-chr {
    display: block !important
}

.v2020#hotelmap_gm3 .gm-style-iw-chr .gm-ui-hover-effect {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    right: 3px;
    top: 3px
}

.v2020#hotelmap_gm3 .gm-style-iw-chr .gm-ui-hover-effect span {
    width: 15px !important;
    height: 15px !important;
    margin: 5px !important
}

.v2020#hotelmap_gm3 #hotelInfoWindow {
    width: 370px
}

.v2020#hotelmap_gm3 #hotelInfoWindow a.rate-info,.v2020#hotelmap_gm3 #hotelInfoWindow button.rate-info {
    display: none
}

.v2020#hotelmap_gm3 #hotelInfoWindow .hotelview-icons span {
    background: transparent;
    padding: 0
}

.v2020#hotelmap_gm3 #hotelInfoWindow .hotelview-icons span img {
    width: 25px
}

.v2020#hotelmap_gm3 #hotelInfoWindow .trn-hotelicons img {
    width: 24px
}

.v2020#hotelmap_gm3 #hotelInfoWindow .trn-hotelicons a {
    text-decoration: none
}

.v2020#hotelmap_gm3 h5.hiw_header,.v2020#hotelmap_gm3 h5.hiw_header a,.v2020#hotelmap_gm3 h5.hiw_header span {
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
    margin: 0 0 8px 0;
    color: #003c7e
}

.v2020#hotelmap_gm3 .thumbcontainer {
    text-align: center
}

.v2020#hotelmap_gm3 img.hotelthumb {
    max-width: 150px;
    padding: 2px;
    border: 1px solid #dddddd
}

.v2020#hotelmap_gm3 .leftBox {
    width: 160px;
    float: left
}

.v2020#hotelmap_gm3 .rightBox {
    width: 200px;
    float: right;
    text-align: left
}

.v2020#hotelmap_gm3 .buttonBox {
    text-align: center;
    margin: 10px 0 0 0
}

.v2020#hotelmap_gm3 .buchenbtn {
    margin: 0
}

.v2020#hotelmap_gm3 .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    text-transform: none;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px 6px 12px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v2020#hotelmap_gm3 a.btn {
    color: #fff !important;
    text-decoration: none
}

.v2020#hotelmap_gm3 a.arrw {
    color: #003c7e;
    text-decoration: none
}

.v2020#hotelmap_gm3 a.arrw:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e802';
    margin-right: 4px
}

.v2020#hotelmap_gm3 a.arrw:hover {
    text-decoration: underline
}

.v2020#hotelmap_gm3 a.arrw:hover:before {
    text-decoration: none
}

.v2020#hotelmap_gm3 .btn-green {
    color: #fff;
    background-color: #003c7e;
    border-color: #003c7e;
    width: 150px
}

.v2020#hotelmap_gm3 .btn-green:hover,.v2020#hotelmap_gm3 .btn-green:focus,.v2020#hotelmap_gm3 .btn-green:active {
    color: #fff;
    background-color: #003c7e;
    border-color: #003c7e
}

.v2020#hotelmap_gm3 .trn-hotelicons img {
    margin-bottom: 1px
}

.v2020 #searchresultsmap {
    width: 100%;
    height: 400px;
    margin-top: -10px
}

.v2020 #searchresultsmap .gm-style-iw-chr {
    display: block !important
}

.v2020 #searchresultsmap .gm-ui-hover-effect {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    right: 3px;
    top: 3px
}

.v2020 #searchresultsmap .gm-ui-hover-effect span {
    width: 15px !important;
    height: 15px !important;
    margin: 5px !important
}

.v2020 #mapOpener {
    width: 100%;
    height: 80px;
    background: transparent url(/bw/v6/img/maps/clustermap_static.png) no-repeat center center;
    cursor: pointer;
    background-size: cover
}

.v2020 #mapOpener .legend {
    float: left;
    background: #fff;
    width: auto;
    color: #000;
    padding: 15px 10px;
    margin: 10px 0 0 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5)
}

.v2020 #lightbox_googlemap {
    height: 600px
}

.v2020 .lightbox-map {
    padding-bottom: 3rem !important
}

.v2020 #lightbox_googlemap_footnote {
    font-size: 11px;
    line-height: 15px;
    margin-top: 9px
}

.v2020 #lightbox_googlemap .gm-style .gm-style-iw-c {
    padding: 0 !important
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow .adresse {
    padding: 0 8px
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow a {
    padding: 8px 12px 0 8px
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow a.detail {
    display: block;
    padding-top: 0
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow a.detail::before {
    content: '\e82c' !important
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow .priceInfo {
    background: #003c7e;
    color: #ffffff;
    margin-top: .5rem;
    padding: 8px;
    font-size: 10px;
    min-height: 40px;
    width: 100%;
    min-width: 190px
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow .priceInfo strong {
    font-size: 14px
}

.v2020 #lightbox_googlemap .hitlistMapsInfoWindow .buchenbtn {
    position: absolute;
    bottom: 7px;
    right: 6px;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 4px;
    height: auto;
    line-height: inherit
}

.v2020 #lightbox_googlemap .gm-style .gm-style-iw-tc::after {
    background: #003c7e
}

.v2020 #lightbox_googlemap .gm-style-iw-d {
    overflow: hidden !important
}

@media (max-width: 576px) {
    .v2020.no-searchpanel .site-header {
        height:0px
    }

    .v2020.no-searchpanel .site-header .bw-logo {
        background-image: none !important;
        height: 0
    }

    .v2020.no-searchpanel .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020.no-searchpanel .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020.no-searchpanel .navbar-container {
        height: 120px
    }

    .v2020.no-searchpanel .navbar-container #navpanel {
        margin-top: 0
    }

    .v2020.no-searchpanel .visual-wrap {
        top: 40px;
        padding-top: 5px
    }

    .v2020.no-searchpanel section.page {
        padding-top: 312px
    }
}

@media (max-width: 576px) {
    .v2020.no-searchpanel.no-visual-wrap nav.navbar .navbar-container {
        height:40px
    }

    .v2020.no-searchpanel.no-visual-wrap section.page {
        padding: 0
    }
}

.v2020.no-searchpanel.no-visual-wrap .hitlist-arrangements-panel {
    padding: 2%
}

@media (max-width: 576px) {
    .v2020 .BWRewards_Mitgliedsbereich nav.navbar .navbar-container,.v2020 .presse nav.navbar .navbar-container {
        height:40px
    }

    .v2020 .BWRewards_Mitgliedsbereich section.page,.v2020 .presse section.page {
        padding: 0
    }
}

.v2020 a[class^="icon-"]:before,.v2020 a[class*=" icon-"]:before {
    text-decoration: none !important
}

.v2020 a[class^="icon-"]:before:hover,.v2020 a[class*=" icon-"]:before:hover {
    text-decoration: none !important
}

.v2020 .icon-newspaper:before {
    height: .85em;
    vertical-align: bottom
}

.v2020 .icon-clock-1:before {
    height: .95em;
    vertical-align: bottom
}

.v2020 .hitlist-item .stars:before,.v2020 .touristicHitlistLightbox .stars:before {
    font-size: 70%;
    vertical-align: top;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    line-height: 1em;
    margin-left: .2em
}

.v2020 .star1:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e819';
    margin-right: 6px
}

.v2020 .star2:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e819 \e819';
    margin-right: 6px
}

.v2020 .star3:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e819 \e819 \e819';
    margin-right: 6px
}

.v2020 .star4:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e819 \e819 \e819 \e819';
    margin-right: 6px
}

.v2020 .star5:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e819 \e819 \e819 \e819 \e819';
    margin-right: 6px
}

.v2020 .rating .ratingbar span.blue {
    color: #003c7e;
    float: left
}

.v2020 .rating .ratingbar span.grey {
    color: #a4a4a4;
    float: left
}

.v2020 .rating .ratingbar .icon-bew0 {
    display: inline-block;
    height: 12px;
    width: auto
}

.v2020 .rating .ratingbar .icon-bew10:before,.v2020 .rating .ratingbar .icon-bew9:before,.v2020 .rating .ratingbar .icon-bew8:before,.v2020 .rating .ratingbar .icon-bew7:before,.v2020 .rating .ratingbar .icon-bew6:before,.v2020 .rating .ratingbar .icon-bew5:before,.v2020 .rating .ratingbar .icon-bew4:before,.v2020 .rating .ratingbar .icon-bew3:before,.v2020 .rating .ratingbar .icon-bew2:before,.v2020 .rating .ratingbar .icon-bew1:before {
    width: auto !important;
    margin: 0;
    font-size: 16px !important
}

.v2020 .rating .ratingbar .icon-bew10:before {
    width: 50px
}

.v2020 .trustyousource .rating .ratingbar .icon-bew9:before,.v2020 .trustyousource .rating .ratingbar .icon-bew8:before,.v2020 .trustyousource .rating .ratingbar .icon-bew7:before,.v2020 .trustyousource .rating .ratingbar .icon-bew6:before,.v2020 .trustyousource .rating .ratingbar .icon-bew5:before,.v2020 .trustyousource .rating .ratingbar .icon-bew4:before,.v2020 .trustyousource .rating .ratingbar .icon-bew3:before,.v2020 .trustyousource .rating .ratingbar .icon-bew2:before,.v2020 .trustyousource .rating .ratingbar .icon-bew1:before {
    font-size: 111%
}

.v2020 .max-person1:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892'
}

.v2020 .max-person2:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892'
}

.v2020 .max-person3:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892'
}

.v2020 .max-person4:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892'
}

.v2020 .max-person5:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892'
}

.v2020 .max-person6:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892  \e892'
}

.v2020 .max-person7:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892  \e892  \e892'
}

.v2020 .max-person8:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892'
}

.v2020 .max-person9:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892'
}

.v2020 .max-person10:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892  \e892'
}

.v2020 a.rate-info,.v2020 button.rate-info {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    background: transparent
}

.v2020 a.rate-info:before,.v2020 button.rate-info:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e82c'
}

.v2020 .icon-gastronomy {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/bw/v6/img/ico/gastronomy.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -4px
}

.v2020#popup {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    margin: 0
}

.v2020#popup #popuppage {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0
}

.v2020#popup #popuppage .row:first-child .col-xs-12 {
    margin-top: 0
}

.v2020#popup #popuppage input[type=submit] {
    background-color: #003c7e;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff !important;
    text-decoration: none;
    height: 32px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    width: auto;
    cursor: pointer
}

.v2020 #mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    cursor: pointer
}

.v2020 #mbOverlay.mbOverlayOpaque {
    background: transparent url(/bw/v6/img/bg/fff50.png) repeat
}

.v2020 #mbOverlay.mbOverlayAbsolute {
    position: absolute
}

.v2020 #mbOverlay.mbMobile {
    position: absolute;
    background-color: transparent
}

.v2020 #mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    padding: 16px 13px 10px 13px;
    background-color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%
}

.v2020 #mbCenter.mbLoading {
    background: #fff url(/bw/v6/img/loading-light.gif) no-repeat center;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.v2020 #mbMedia {
    position: relative;
    left: 0;
    top: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    color: #4a4a4a;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat
}

.v2020 .ipad #mbMedia,.v2020 .iphone #mbMedia {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.v2020 #mbMedia img {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.v2020 #mbAudio {
    padding: 0 0 2px;
    background-color: #000
}

.v2020 #mbBottom {
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    text-align: left;
    color: #777;
    min-height: 20px;
    padding: 10px 0 0;
    position: relative
}

.v2020 #mbTitle {
    display: inline-block;
    color: #4a4a4a;
    font-weight: bold;
    padding-bottom: 5px
}

.v2020 #mbPrevLink,.v2020 #mbNextLink,.v2020 #mbCloseLink {
    display: inline;
    font-weight: bold
}

.v2020 #mbNumber {
    display: inline-block;
    color: #777;
    margin: 0 10px 0 0;
    position: absolute;
    right: -10px;
    bottom: 2px
}

.v2020 #mbCaption {
    display: block;
    color: #4a4a4a;
    position: absolute;
    bottom: 2px
}

.v2020 #mbPrevLink,.v2020 #mbNextLink,.v2020 #mbCloseLink {
    float: right;
    outline: none;
    font-weight: normal;
    text-decoration: none
}

.v2020 #mbPrevLink {
    position: absolute;
    right: 45px;
    bottom: 0px
}

.v2020 #mbNextLink {
    position: absolute;
    right: 0px;
    bottom: 0px
}

.v2020 #mbCloseLink {
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 10px
}

@media (min-width: 768px) {
    .v2020 #mbCloseLink {
        right:0px;
        top: 0px
    }
}

.v2020 #mbPrevLink big,.v2020 #mbNextLink big {
    font-weight: normal
}

.v2020 #mbCloseLink big {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    font-weight: normal;
    text-align: center
}

.v2020 #mbBottom a,.v2020 #mbBottom a:link,.v2020 #mbBottom a:visited {
    text-decoration: none;
    color: #003c7e
}

.v2020 #mbBottom a:hover,.v2020 #mbBottom a:active {
    text-decoration: none;
    color: #689a39
}

.v2020 #mbError {
    position: relative;
    font-family: Myriad,Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.v2020 #mbError a,.v2020 #mbError a:link,.v2020 #mbError a:visited,.v2020 #mbError a:hover,.v2020 #mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline
}

.v2020 .previousSlide,.v2020 .nextSlide {
    display: block;
    width: 50px;
    height: 512px;
    background-color: rgba(148,148,148,0.5);
    background-repeat: no-repeat;
    background-size: 24px 48px;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer
}

@media (max-width: 768px) {
    .v2020 .previousSlide,.v2020 .nextSlide {
        height:323px
    }
}

@media (max-width: 400px) {
    .v2020 .previousSlide,.v2020 .nextSlide {
        height:220px
    }
}

.v2020 .previousSlide.disabled,.v2020 .nextSlide.disabled {
    display: none
}

.v2020 .previousSlide big,.v2020 .nextSlide big {
    display: none
}

.v2020 .previousSlide {
    top: 40px;
    left: 60px;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

@media (max-width: 486px) {
    .v2020 .previousSlide {
        top:50px;
        left: 13px
    }
}

.v2020 #mbNextLink.gotoNextSlide,.v2020 #mbPrevLink.gotoPreviousSlide {
    display: block;
    width: 50px;
    height: auto;
    background-color: rgba(148,148,148,0.1);
    background-repeat: no-repeat;
    background-size: 24px 48px;
    background-position: center center;
    position: absolute
}

.v2020 #mbNextLink.gotoNextSlide.disabled,.v2020 #mbPrevLink.gotoPreviousSlide.disabled {
    display: none
}

.v2020 #mbNextLink.gotoNextSlide big,.v2020 #mbPrevLink.gotoPreviousSlide big {
    display: none
}

.v2020 #mbNextLink.gotoNextSlide:hover,.v2020 #mbPrevLink.gotoPreviousSlide:hover {
    background-color: rgba(148,148,148,0.5)
}

.v2020 #mbNextLink.gotoNextSlide {
    top: 16px;
    bottom: 57px;
    right: 13px;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

.v2020 #mbPrevLink.gotoPreviousSlide {
    top: 16px;
    bottom: 57px;
    left: 13px;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

.v2020 #mbCloseLink {
    position: absolute;
    z-index: 100;
    right: -12px;
    top: -12px
}

.v2020 #mbCloseLink big {
    text-indent: -5000px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: transparent;
    background-image: url(/bw/v6/img/ico/hvg-lightbox-close-btn-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1040;
    cursor: pointer
}

@media (min-width: 768px) {
    .v2020 #mbCloseLink {
        right:-44px;
        top: -44px
    }

    .v2020 #mbCloseLink big {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        top: 0px;
        right: 0px;
        z-index: 1040
    }
}

@media (min-width: 1025px) {
    .v2020 #mbNextLink.gotoNextSlide {
        bottom:57px
    }

    .v2020 #mbPrevLink.gotoPreviousSlide {
        bottom: 57px
    }
}

.v2020 .ipad #mbNextLink.gotoNextSlide,.v2020 .iphone #mbNextLink.gotoNextSlide {
    bottom: 46px
}

.v2020 .ipad #mbPrevLink.gotoPreviousSlide,.v2020 .iphone #mbPrevLink.gotoPreviousSlide {
    bottom: 46px
}

@media (min-width: 768px) {
    .v2020 #mbBottom {
        font-family:"Montserrat",Arial,Helvetica,sans-serif;
        text-align: left;
        color: #777;
        min-height: 47px;
        padding: 10px 0 0
    }

    .v2020 #mbNumber {
        display: inline;
        margin: auto 10px;
        position: absolute;
        right: -10px;
        bottom: 2px
    }

    .v2020 #mbPrevLink {
        right: 20px;
        bottom: -3px
    }

    .v2020 #mbNextLink {
        right: 0px;
        bottom: -3px
    }
}

.v2020 #mbCenter.gallery-close {
    max-width: 1016px;
    padding: 50px 25px 20px 25px
}

.v2020 #mbCenter.gallery-close #mbContainer {
    max-width: 960px
}

.v2020 #mbCenter.gallery-close #mbContainer #mbMedia {
    max-width: 960px
}

.v2020 #mbCenter.gallery-close #mbContainer #mbMedia iframe {
    max-width: 960px
}

.v2020 #mbCenter.gallery-close #mbBottom {
    display: none
}

.v2020 #mbCenter.gallery-close #mbCloseLink big {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-image: url("/bw/v6/img/ico/hvg-lightbox-close-btn-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width: 486px) {
    .v2020 #mbCenter.gallery-close {
        max-width:100%;
        padding: 50px 13px 10px 13px
    }

    .v2020 #mbCenter.gallery-close #mbCloseLink {
        top: 5px;
        right: 5px
    }

    .v2020 #mbCenter.gallery-close #mbCloseLink big {
        width: 30px;
        height: 30px
    }
}

.v2020 #mbCenter.single-gallery-close {
    max-width: 1086px;
    padding: 40px 60px 40px 60px
}

.v2020 #mbCenter.single-gallery-close #mbContainer {
    max-width: 960px
}

.v2020 #mbCenter.single-gallery-close #mbContainer #mbMedia {
    max-width: 960px;
    overflow: hidden
}

.v2020 #mbCenter.single-gallery-close #mbContainer #mbMedia iframe {
    max-width: 960px
}

.v2020 #mbCenter.single-gallery-close #mbNumber,.v2020 #mbCenter.single-gallery-close #mbCaption {
    display: none !important
}

.v2020 #mbCenter.single-gallery-close #mbCloseLink {
    top: -20px;
    right: -20px
}

.v2020 #mbCenter.single-gallery-close #mbCloseLink big {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-image: url("/bw/v6/img/ico/hvg-lightbox-close-btn-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width: 768px) {
    .v2020 #mbCenter.single-gallery-close #mbCloseLink {
        top:5px;
        right: 15px
    }

    .v2020 #mbCenter.single-gallery-close #mbCloseLink big {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 486px) {
    .v2020 #mbCenter.single-gallery-close #mbCloseLink {
        top:5px;
        right: 5px
    }
}

.v2020 #mbCenter.single-gallery-close #mbPrevLink big,.v2020 #mbCenter.single-gallery-close #mbNextLink big {
    display: none
}

@media (max-width: 486px) {
    .v2020 #mbCenter.single-gallery-close {
        margin-left:auto;
        margin-right: auto;
        max-width: 100%;
        padding: 50px 13px 10px 13px
    }
}

.v2020 #mbCenter.single-gallery-close .previousSlide,.v2020 #mbCenter.single-gallery-close .nextSlide {
    display: block;
    width: 50px;
    height: 512px;
    background-color: rgba(148,148,148,0.5);
    background-repeat: no-repeat;
    background-size: 24px 48px;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer
}

@media (max-width: 768px) {
    .v2020 #mbCenter.single-gallery-close .previousSlide,.v2020 #mbCenter.single-gallery-close .nextSlide {
        height:323px
    }
}

@media (max-width: 400px) {
    .v2020 #mbCenter.single-gallery-close .previousSlide,.v2020 #mbCenter.single-gallery-close .nextSlide {
        height:220px
    }
}

.v2020 #mbCenter.single-gallery-close .previousSlide.disabled,.v2020 #mbCenter.single-gallery-close .nextSlide.disabled {
    display: none
}

.v2020 #mbCenter.single-gallery-close .previousSlide big,.v2020 #mbCenter.single-gallery-close .nextSlide big {
    display: none
}

.v2020 #mbCenter.single-gallery-close .previousSlide {
    top: 40px;
    left: 60px;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

@media (max-width: 486px) {
    .v2020 #mbCenter.single-gallery-close .previousSlide {
        top:50px;
        left: 13px
    }
}

.v2020 #mbCenter.single-gallery-close .nextSlide {
    top: 40px;
    right: 60px;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

@media (max-width: 486px) {
    .v2020 #mbCenter.single-gallery-close .nextSlide {
        top:50px;
        right: 13px
    }
}

.v2020 #mbCenter.single-gallery-close .popupCaption {
    width: 50%;
    height: 51px;
    padding: 13px;
    background: rgba(213,213,205,0.5);
    position: absolute;
    bottom: 60px;
    left: 120px;
    color: #646363
}

@media (max-width: 486px) {
    .v2020 #mbCenter.single-gallery-close .popupCaption {
        bottom:30px;
        left: 65px
    }
}

.v2020 .ipad #mbCenter.single-gallery-close {
    max-width: 100%
}

.v2020 .ipad #mbCenter.single-gallery-close #mbCloseLink {
    top: 5px;
    right: 15px
}

.v2020 #mbCenter.bwr-login-popup {
    height: 550px !important
}

.v2020 #mbCenter.bwr-login-popup iframe {
    height: 540px !important
}

.v2020 #mbCenter.bwr-login-popup.mobile {
    box-sizing: border-box;
    width: 100vW !important
}

.v2020 #mbCenter.bwr-login-popup.mobile iframe {
    height: 500px !important
}

.v2020 #mbCenter.bwr-login-popup #mbBottom {
    display: none
}

.v2020 #mbCenter.single-pano {
    width: 80% !important;
    max-width: 905px;
    max-height: 660px
}

@media (max-width: 576px) {
    .v2020 #mbCenter.single-pano {
        width:100% !important
    }

    .v2020 #mbCenter.single-pano #mbCloseLink {
        right: 12px
    }

    .v2020 #mbCenter.single-pano #mbBottom {
        display: none
    }
}

.v2020 #mbCenter.single-pano #mbContainer {
    overflow: hidden
}

.v2020 #mbCenter.single-pano #mbMedia {
    max-width: 905px
}

.v2020 #mbCenter.single-pano #mbMedia #pano_wrap {
    max-width: 905px
}

.v2020 input.calendar {
    background: #fff url("/bw/v6/img/bg/input_calendar.gif") no-repeat right !important;
    cursor: text !important
}

.v2020 button.calendar {
    border: 0;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    visibility: hidden;
    position: absolute;
    top: 0px
}

.v2020 button.calendar:hover,.v2020 button.calendar.active {
    background-position: 0 20px
}

.v2020 div.calendar {
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    height: auto;
    padding: 4px;
    text-align: center;
    width: 296px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    z-index: 1
}

.v2020 div.calendar * {
    margin: 0;
    padding: 0
}

.v2020 div.calendar div {
    background: none !important;
    cursor: move;
    height: auto;
    overflow: hidden;
    padding-top: 6px;
    position: relative;
    width: 100%
}

.v2020 div.calendar caption {
    color: #000;
    padding: 0 0 8px 6px;
    text-align: left;
    width: 100%
}

.v2020 div.calendar caption a {
    cursor: pointer;
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    top: 6px;
    outline: none;
    border: none;
    border-radius: 50%;
    background-color: #DDD;
    text-decoration: none
}

.v2020 div.calendar caption a#captPrev,.v2020 div.calendar caption a.prev {
    right: 38px
}

.v2020 div.calendar caption a#captPrev:before,.v2020 div.calendar caption a.prev:before {
    content: "←";
    position: absolute;
    top: 3px;
    left: 10px;
    display: block;
    font-size: 12px;
    color: #000;
    z-index: 1;
    text-indent: 0px;
    text-decoration: none
}

.v2020 div.calendar caption a#captNext,.v2020 div.calendar caption a.next {
    right: 0
}

.v2020 div.calendar caption a#captNext:before,.v2020 div.calendar caption a.next:before {
    content: "→";
    position: absolute;
    top: 3px;
    left: 10px;
    display: block;
    font-size: 12px;
    color: #000;
    z-index: 1;
    text-indent: 0px;
    text-decoration: none
}

.v2020 div.calendar caption span {
    height: 25px;
    position: relative;
    text-align: center
}

.v2020 div.calendar caption span.month {
    display: inline-block;
    height: 30px;
    background-color: #e0e0e0;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 4px;
    padding-left: 20px;
    margin-right: 2px
}

.v2020 div.calendar caption span.year {
    display: inline-block;
    height: 30px;
    background-color: #e0e0e0;
    font-size: 16px;
    line-height: 30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 4px;
    padding-right: 20px
}

.v2020 div.calendar table {
    background: #FFF;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 0 0 -1px;
    overflow: hidden;
    width: 100%
}

.v2020 div.calendar table td,.v2020 div.calendar table th {
    border: 0;
    text-align: center;
    width: 40px;
    padding: 0;
    vertical-align: middle;
    color: #000
}

.v2020 div.calendar table th {
    height: 18px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: none !important
}

.v2020 div.calendar table td {
    height: 40px;
    color: #aaa
}

.v2020 div.calendar table td.invalid {
    color: #999
}

.v2020 div.calendar table td.valid {
    color: #000;
    cursor: pointer
}

.v2020 div.calendar table td.valid:hover {
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 div.calendar table td.valid.hilite {
    background-color: rgba(38,139,210,0.1);
    color: #000
}

.v2020 div.calendar table td.valid.hilite:hover {
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 div.calendar table td.today {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(0, 38, 117, 1)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    background-size: 18.8% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #003c7e;
    font-weight: 600
}

.v2020 div.calendar table td.hilite {
    background-color: rgba(38,139,210,0.1);
    color: #000
}

.v2020 div.calendar table td.hilite:hover {
    background-color: rgba(38,139,210,0.1);
    color: #000
}

.v2020 div.calendar table td.inactive {
    color: #000
}

.v2020 div.calendar table td.active {
    background: #268BD2;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.v2020 div.calendar table td.active.is-start-date {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.v2020 div.calendar table td.active.is-start-date.hover {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.v2020 div.calendar table td.active.hover {
    background: #268BD2;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.v2020 div.calendar table td.active.single-active {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.active~.active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.active~.active:hover,.v2020 div.calendar table td.active~.active.hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.is-end-date {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.is-end-date:hover,.v2020 div.calendar table td.is-end-date.hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.hilite~.active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.hilite~.active:hover,.v2020 div.calendar table td.hilite~.active.hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 div.calendar table td.hover {
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E")
}

.v2020 div.calendar table td.blocked {
    background: #ff6666;
    text-decoration: line-through;
    color: #ffffff
}

.v2020 div.calendar table.singleCal td.active {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.v2020 .hotelView div.calendar {
    margin-top: -177px
}

.v2020.presse .visual-wrap .slide {
    display: block;
    height: 360px;
    width: 100%;
    background-size: cover;
    background-position: center
}

@media (min-width: 576px) {
    .v2020.presse .visual-wrap .slide {
        height:420px
    }
}

.v2020.presse .visual-wrap .slide .slide-content {
    display: block
}

.v2020.presse .visual-wrap .slide .slide-content .teaser-box {
    width: auto;
    height: auto;
    min-height: 0;
    transform: translate(0%, 0%);
    background-color: transparent
}

.v2020.presse .visual-wrap .slide .slide-content .teaser-box h1,.v2020.presse .visual-wrap .slide .slide-content .teaser-box h2,.v2020.presse .visual-wrap .slide .slide-content .teaser-box h3 {
    background-color: transparent;
    font-size: 1.75rem
}

.v2020.presse .visual-wrap .slide .slide-content .teaser-box h1 span,.v2020.presse .visual-wrap .slide .slide-content .teaser-box h2 span,.v2020.presse .visual-wrap .slide .slide-content .teaser-box h3 span {
    padding: 10px;
    background-color: rgba(0,0,0,0.6)
}

.v2020.presse .row {
    padding-left: 1.5%;
    padding-right: 1.5%
}

.v2020.presse .row.header h1 {
    font-size: 1.2rem
}

.v2020.presse .row.header p {
    margin-bottom: 3rem
}

.v2020.presse .presse-detailansicht .row {
    padding-left: 0;
    padding-right: 0
}

.v2020.presse #filterpanel {
    margin: 0 0 6rem
}

.v2020.presse #filterpanel form {
    max-width: 100%
}

@media (min-width: 576px) {
    .v2020.presse #filterpanel form {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media (min-width: 769px) {
    .v2020.presse #filterpanel form * {
        font-size:.9rem
    }
}

@media (min-width: 882px) {
    .v2020.presse #filterpanel form * {
        font-size:1rem
    }
}

.v2020.presse #filterpanel form .form-group {
    margin: 0 auto;
    float: none
}

@media (min-width: 576px) {
    .v2020.presse #filterpanel form .form-group:nth-of-type(1) {
        width:27%
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(2) {
        width: 31%
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(3),.v2020.presse #filterpanel form .form-group:nth-of-type(4) {
        width: 19%
    }
}

@media (min-width: 668px) {
    .v2020.presse #filterpanel form .form-group:nth-of-type(1) {
        width:25%;
        margin: 0 auto
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(2) {
        width: 33%
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(3),.v2020.presse #filterpanel form .form-group:nth-of-type(4) {
        width: 15%
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(5) {
        width: 10%
    }

    .v2020.presse #filterpanel form .form-group:nth-of-type(5) input {
        height: 34px;
        margin-top: 28px;
        background-color: #003c7e !important;
        border-color: #003c7e !important;
        color: white;
        border-radius: 4px
    }
}

.v2020.presse #filterpanel form .form-group label {
    color: #1a1a1a
}

@media (max-width: 667px) {
    .v2020.presse #filterpanel form .form-group .form-control {
        padding:6px 2px
    }
}

@media (min-width: 576px) {
    .v2020.presse .flex-container {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: flex-start
    }
}

.v2020.presse .press-item {
    width: 100%;
    margin-bottom: 1.3rem;
    overflow: hidden;
    border: 1px solid #F2F2F2
}

@media (min-width: 576px) {
    .v2020.presse .press-item {
        width:32.666%;
        margin-right: 1%
    }

    .v2020.presse .press-item:nth-child(3n+0) {
        margin-right: 0
    }
}

.v2020.presse .press-item:hover {
    border: 1px solid #E5E5E5
}

.v2020.presse .press-item .img-wrap {
    width: 100%;
    height: 206px;
    background-position: center;
    background-size: cover
}

.v2020.presse .press-item .item-content {
    padding: .75rem 1rem 1rem
}

.v2020.presse .press-item .item-content .date {
    font-weight: bold
}

.v2020.presse .press-item .item-content h3.title {
    margin: 2rem 0 1.1875rem;
    font-size: 1.2rem;
    --lh: 1.5rem;
    line-height: var(--lh);
    --max-lines: 3;
    max-height: calc(var(--lh) * var(--max-lines));
    min-height: calc(var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.v2020.presse .press-item .item-content .teaser-text {
    font-size: 1rem;
    margin-bottom: 1rem;
    --lh: 1.4rem;
    line-height: var(--lh);
    --max-lines: 7;
    max-height: calc(var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.v2020.presse .press-item .item-content a:hover {
    text-decoration: underline
}

.v2020.presse .press-item .item-content a.downloadpdf {
    background-position: 0 3px
}

@media (max-width: 576px) {
    .v2020.presse .press-item .item-content a.downloadpdf {
        float:right
    }
}

@media (min-width: 886px) {
    .v2020.presse .press-item .item-content a.downloadpdf {
        float:right
    }
}

.v2020.presse .press-item .item-content a.download {
    color: #003c7e;
    background-position: 0 3px
}

.v2020.presse .presse-medienarchiv .press-item {
    border: none
}

.v2020.presse .presse-medienarchiv .press-item .item-content {
    padding: .75rem .25rem 1rem
}

.v2020 .backToOverview {
    overflow: hidden
}

.v2020 .backToOverview a {
    float: right
}

.v2020 .hotelview-icons {
    margin: 1em 0;
    overflow: hidden
}

.v2020 .hotelview-icons span {
    font-size: 16px;
    width: 32px;
    color: #fff;
    display: block;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px
}

@media (min-width: 768px) {
    .v2020 .hotelview-icons span {
        font-size:180%
    }
}

.v2020 .hotelview-icons span a {
    display: block
}

.v2020.hotelview nav.navbar .navbar-container {
    max-width: 512px
}

.v2020.hotelview nav.navbar #navbar ul {
    display: block
}

.v2020.hotelview nav.navbar #navbar ul li a {
    text-transform: none;
    font-size: .75rem;
    color: #646363
}

.v2020.hotelview nav.navbar #navbar ul li.all-hotels a {
    color: #646363
}

.v2020.hotelview nav.navbar #navbar #navpanel {
    grid-template-columns: 1fr 1fr;
    width: 100%
}

@media (min-width: 768px) {
    .v2020.hotelview nav.navbar #navbar #navpanel {
        width:512px;
        margin-top: -28px
    }
}

.v2020.hotelview nav.navbar #navbar #navpanel div.column:first-of-type div {
    column-count: 1
}

@media (max-width: 768px) {
    .v2020.hotelview nav.navbar #navbar #navpanel div.column:first-of-type div {
        padding-bottom:1rem
    }

    .v2020.hotelview nav.navbar #navbar #navpanel div.column:first-of-type div ul li a {
        font-size: 1rem;
        font-weight: 800;
        color: #003c7e
    }

    .v2020.hotelview nav.navbar #navbar #navpanel div.column:first-of-type div ul li a:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e801'
    }

    .v2020.hotelview nav.navbar #navbar #navpanel div.column:first-of-type div .nav-header a {
        font-size: 1.2rem;
        line-height: 1.2em
    }
}

@media (max-width: 768px) {
    .v2020.hotelview nav.navbar #navbar #navpanel div.column:last-of-type ul {
        display:none
    }
}

.v2020.hotelview nav.navbar #navbar #navpanel div.column:last-of-type p {
    clear: both;
    color: #ffffff;
    margin-top: 1rem
}

.v2020.hotelview nav.navbar #navbar #navpanel div.column ul li.active a {
    color: #689a39;
    font-weight: 600
}

.v2020.hotelview nav.navbar #navbar #navpanel div.column h4.nav-header {
    margin-bottom: 1rem;
    font-size: .75rem
}

@media (min-width: 576px) {
    .v2020.hotelview nav.navbar #navbar #navpanel div.column div {
        min-height:auto
    }
}

.v2020.hotelview nav.navbar #navbar #navpanel div.column div ul {
    display: block
}

@media (min-width: 576px) {
    .v2020.hotelview nav.navbar #navbar #navpanel div.column div ul {
        display:none
    }
}

.v2020.hotelview nav.navbar #navbar #navpanel a.all-hotels {
    font-weight: 400;
    color: #333;
    text-decoration: none
}

@media (max-width: 768px) {
    .v2020.hotelview nav.navbar #navbar #navpanel a.all-hotels:before {
        margin-left:-5px;
        margin-right: 0
    }
}

.v2020.hotelview .searchhead {
    display: none
}

.v2020.hotelview #in-page-navigation,.v2020.hotelview #RewardsMenu {
    display: none
}

.v2020.hotelview #RewardsMenu {
    display: none !important
}

@media (max-width: 576px) {
    .v2020.hotelview #searchpanel {
        min-height:56px;
        position: relative
    }

    .v2020.hotelview #searchpanel #updateform .form-group:nth-of-type(1) {
        width: 27%
    }

    .v2020.hotelview #searchpanel #updateform .form-group:nth-of-type(2) {
        width: 70%
    }

    .v2020.hotelview #searchpanel #rooms-persons {
        position: static
    }

    .v2020.hotelview #searchpanel #rooms-persons #rooms-persons-panel {
        position: absolute;
        left: 9px;
        width: calc(100% - 18px)
    }

    .v2020.hotelview #searchpanel #schnellsuche {
        display: none
    }
}

.v2020.hotelview #hotelsearch-wrap .namepanel-container {
    top: 20vh
}

@media (min-width: 768px) {
    .v2020.hotelview #hotelsearch-wrap .namepanel-container {
        top:auto
    }
}

.v2020.hotelview section.hotelview-gallery {
    padding-top: 0px;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto
}

.v2020.hotelview section.hotelview-gallery .row .gallerynav {
    text-align: left
}

.v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide,.v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide {
    background: transparent;
    height: 455px
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide,.v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide {
        height:266px
    }
}

.v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide {
    background: transparent
}

.v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide:before {
    content: ' ';
    display: block;
    width: 22px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 16px;
    filter: brightness(100%);
    z-index: 1
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide:before {
        left:20px
    }
}

.v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide:after {
    content: ' ';
    display: block;
    width: 22px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 16px;
    filter: blur(2px) brightness(35%);
    margin: 2px 0 0 2px;
    z-index: 0
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .viewport .previousSlide:after {
        left:20px
    }
}

.v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide {
    background: transparent
}

.v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide:before {
    content: ' ';
    display: block;
    width: 22px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: 16px;
    filter: brightness(100%);
    z-index: 1
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide:before {
        right:20px
    }
}

.v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide:after {
    content: ' ';
    display: block;
    width: 22px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: 16px;
    filter: blur(2px) brightness(35%);
    margin: 2px 0 0 2px;
    z-index: 0
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .viewport .nextSlide:after {
        right:20px
    }
}

.v2020.hotelview section.hotelview-gallery .row .viewport .zoomify {
    bottom: 5px;
    right: 5px;
    background: transparent
}

.v2020.hotelview section.hotelview-gallery .row .viewport .zoomify:before {
    content: ' ';
    display: block;
    width: 42px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/zoomify_icon_2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 1px;
    right: 1px;
    filter: brightness(100%);
    z-index: 1
}

.v2020.hotelview section.hotelview-gallery .row .viewport .zoomify:after {
    content: ' ';
    display: block;
    width: 42px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/zoomify_icon_2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1px;
    right: -1px;
    filter: blur(2px) brightness(50%);
    z-index: 0
}

.v2020.hotelview section.hotelview-gallery .row .imgGallery {
    padding-top: 1.5rem;
    background: #656565;
    background: -moz-radial-gradient(center, ellipse cover, #656565 0%, #e1e1e1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #656565 0%, #e1e1e1 100%);
    background: radial-gradient(ellipse at center, #656565 0%, #e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#e1e1e1', GradientType=1);
    position: relative;
    z-index: 0
}

.v2020.hotelview section.hotelview-gallery .row .imgGallery .popupCaption {
    background: transparent;
    width: 100%;
    height: auto;
    min-height: 24px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 0 0 0;
    z-index: 1
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .imgGallery .popupCaption {
        left:0;
        bottom: 0;
        margin-left: 0px
    }
}

.v2020.hotelview section.hotelview-gallery .row .imgGallery .popupCaption span {
    color: #ffffff;
    background-color: #5a5a5a;
    padding: 3px 40px
}

.v2020.hotelview section.hotelview-gallery .row .caption {
    width: 100%;
    min-height: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -480px;
    padding: 0 0 0 0;
    z-index: 1
}

@media (max-width: 768px) {
    .v2020.hotelview section.hotelview-gallery .row .caption {
        left:0;
        bottom: 98px;
        margin-left: 0px
    }
}

.v2020.hotelview section.hotelview-gallery .row .caption span {
    color: #ffffff;
    background-color: #5a5a5a;
    padding: 3px 40px
}

.v2020.hotelview section.hotelview-gallery .row .caption span:empty {
    display: none
}

.v2020.hotelview section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a {
    background-size: cover
}

.v2020.hotelview #hvgOverlay {
    background: #c1c1c1;
    background: -moz-radial-gradient(center, ellipse cover, #616161 0%, #c1c1c1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #616161 0%, #c1c1c1 100%);
    background: radial-gradient(ellipse at center, #616161 0%, #c1c1c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#c1c1c1', GradientType=1)
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport {
    text-align: center
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .previousSlide,.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .nextSlide {
    background: transparent;
    background-size: 80% auto
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .previousSlide {
    background: transparent
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .previousSlide:before {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 2px;
    filter: brightness(100%);
    z-index: 1
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .previousSlide:after {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/previous_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 2px;
    filter: blur(2px) brightness(50%);
    margin: 2px 0 0 2px;
    z-index: 0
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .nextSlide {
    background: transparent
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .nextSlide:before {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 2px;
    filter: brightness(100%);
    z-index: 1
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .nextSlide:after {
    content: ' ';
    display: block;
    width: 36px;
    height: 72px;
    background: transparent url(/bw/v6/img/ico/next_lg_6.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 48%;
    right: 2px;
    filter: blur(2px) brightness(50%);
    margin: 2px 0 0 2px;
    z-index: 0
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .lightboxCaption {
    width: 100%;
    left: 0;
    background: transparent;
    height: 36px;
    padding: 0 0 0 0
}

.v2020.hotelview #hvgOverlay .lightboxGallery .viewport .lightboxCaption span {
    display: inline-block;
    background: rgba(62,62,62,0.9);
    padding: 6px 44px
}

.v2020.hotelview #hvgOverlay .overlayCloseBtn {
    width: 44px;
    height: 44px
}

@media (min-width: 576px) {
    .v2020.hotelview #hotelsearch-wrap.stick-on-top #searchpanel #updateform .form-group {
        width:33%
    }

    .v2020.hotelview #hotelsearch-wrap.stick-on-top #searchpanel #updateform .form-group .form-control {
        max-width: 170px
    }

    .v2020.hotelview #hotelsearch-wrap.stick-on-top #searchpanel #updateform #bookingUpdateBtn {
        width: 100% !important
    }
}

.v2020.hotelview #virtual-tour {
    clear: both;
    padding-top: .5rem
}

.v2020.hotelview #virtual-tour .virtual-tour-btn {
    background-color: #003c7e;
    line-height: inherit;
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: 1rem;
    height: 32px
}

.v2020.hotelview #virtual-tour .virtual-tour-btn strong:before {
    width: auto
}

.v2020.hotelview .hotelviewArrangementPackage .btn-green {
    background-color: #033878;
    border-color: #033878;
    color: white;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.v2020.hotelview p.seating-notice {
    margin: 0 0 1rem 0
}

.v2020.hotelview-2021 {
    --carousel-height: 126px;
    --lh: 1.3125rem
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 {
        --carousel-height:334px
    }
}

.v2020.hotelview-2021 nav.navbar #navbar {
    display: block
}

@media (min-width: 577px) {
    .v2020.hotelview-2021 nav.navbar #navbar {
        display:none
    }
}

.v2020.hotelview-2021 nav.navbar #navbar ul {
    display: block
}

.v2020.hotelview-2021 nav.navbar #navbar #languageMenuMobile ul.dropdown-menu {
    display: none
}

.v2020.hotelview-2021 nav.navbar #navbar #languageMenuMobile.open ul.dropdown-menu {
    display: block;
    right: 0;
    left: auto;
    min-width: 100px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.v2020.hotelview-2021 #hotelsearch-wrap .namepanel-container {
    text-align: center
}

@media (min-width: 1024px) {
    .v2020.hotelview-2021 .namepanel-container {
        margin-left:auto;
        transform: translate(-50%, 0);
        width: auto;
        bottom: 145px;
        top: auto;
        left: 50%;
        position: absolute
    }
}

.v2020.hotelview-2021 #namepanel {
    background-color: rgba(0,0,0,0.6);
    text-align: left;
    width: 100%;
    max-width: 100%
}

.v2020.hotelview-2021 #namepanel .slideShowHeadlineSpan {
    display: block;
    margin-bottom: 13px;
    font-size: 1rem;
    font-weight: 500
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #namepanel {
        max-width:300px
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 #namepanel {
        max-width:500px
    }
}

.v2020.hotelview-2021 #namepanel * {
    color: #ffffff
}

.v2020.hotelview-2021 #namepanel h1 {
    font-size: 1rem;
    font-weight: 600;
    white-space: normal;
    display: inline
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #namepanel h1 {
        font-size:1.25rem
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 #namepanel h1 {
        font-size:1.5rem
    }
}

.v2020.hotelview-2021 #namepanel h5,.v2020.hotelview-2021 #namepanel .subline {
    font-size: 1rem;
    margin: 0;
    font-weight: 500
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #namepanel h5,.v2020.hotelview-2021 #namepanel .subline {
        font-size:.875rem
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 #namepanel h5,.v2020.hotelview-2021 #namepanel .subline {
        font-size:1rem;
        display: block;
        margin: .5rem 0
    }
}

.v2020.hotelview-2021 #in-page-navigation {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    margin: 0 20px;
    height: 38px;
    position: relative;
    z-index: 0;
    display: none;
    font-family: 'Noto Sans';
    font-weight: 400
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #in-page-navigation {
        display:block
    }
}

.v2020.hotelview-2021 #in-page-navigation ul {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    visibility: hidden
}

.v2020.hotelview-2021 #in-page-navigation ul.nav1 {
    margin-left: 6px
}

.v2020.hotelview-2021 #in-page-navigation ul.nav2 {
    margin-left: 4px
}

.v2020.hotelview-2021 #in-page-navigation ul li {
    display: block;
    float: left;
    padding-left: 0px
}

.v2020.hotelview-2021 #in-page-navigation ul li:before {
    content: "";
    display: none
}

.v2020.hotelview-2021 #in-page-navigation ul li a {
    font-size: 1rem;
    color: #646363;
    text-decoration: none;
    display: inline-block;
    padding: 8px 6px;
    position: relative
}

.v2020.hotelview-2021 #in-page-navigation ul li a:after {
    content: "|";
    font-size: .85rem;
    position: absolute;
    right: -4px;
    top: 7px
}

.v2020.hotelview-2021 #in-page-navigation ul li.active a {
    font-weight: 600
}

.v2020.hotelview-2021 #in-page-navigation ul li.active a:after {
    font-weight: normal
}

.v2020.hotelview-2021 #in-page-navigation ul.nav2 li a {
    padding-left: 3px
}

.v2020.hotelview-2021 #in-page-navigation ul.nav2 li a:after {
    content: ""
}

.v2020.hotelview-2021 #in-page-navigation .dropdown {
    float: right
}

.v2020.hotelview-2021 #in-page-navigation .dropdown .dropdown-toggle {
    background: none;
    font-size: 1rem;
    color: #646363
}

.v2020.hotelview-2021 #in-page-navigation .dropdown .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-top: 9px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.v2020.hotelview-2021 #in-page-navigation .dropdown ul.dropdown-menu {
    display: none
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show {
    position: absolute;
    top: 0;
    right: 0;
    z-iindex: 2
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show ul.dropdown-menu {
    display: block;
    min-width: 170px;
    left: auto;
    right: -1px;
    top: 37px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show ul.dropdown-menu li {
    display: block;
    width: 100%
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show ul.dropdown-menu li a {
    width: 100%;
    text-align: right;
    padding: 3px 6px
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show ul.dropdown-menu li a:after {
    content: ""
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show ul.dropdown-menu li a.all-hotels:before {
    content: '';
    margin: 0;
    padding: 0;
    width: 0
}

.v2020.hotelview-2021 #in-page-navigation .dropdown.show .dropdown-toggle:after {
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-bottom: 9px solid;
    border-right: 4px solid transparent;
    border-top: 0;
    border-left: 4px solid transparent
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .site-header {
        height:0px
    }

    .v2020.hotelview-2021 .site-header .bw-logo {
        background-image: none !important;
        height: 0
    }

    .v2020.hotelview-2021 .site-header .bw-logo #homelink {
        width: 16px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px
    }

    .v2020.hotelview-2021 .site-header .bw-logo #homelink:before {
        font-family: 'bw-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e857';
        color: white;
        text-decoration: none
    }

    .v2020.hotelview-2021 #navpanel-open:before {
        display: block;
        content: url(/bw/v6/img/hamburger-mobile.svg);
        width: 78px;
        height: auto;
        float: none;
        margin: 0 auto
    }

    .v2020.hotelview-2021 #navpanel {
        margin-top: 0
    }

    .v2020.hotelview-2021 .visual-wrap {
        top: 36px;
        padding-top: 68px
    }

    .v2020.hotelview-2021 .visual-wrap #carousel {
        border-top: none;
        height: 126px
    }

    .v2020.hotelview-2021 #hotelsearch-wrap .namepanel-container {
        top: 46px
    }

    .v2020.hotelview-2021 #schnellsuche {
        display: none
    }

    .v2020.hotelview-2021 #searchpanel {
        min-height: 56px
    }

    .v2020.hotelview-2021 nav.navbar .navbar-container {
        height: 36px
    }

    .v2020.hotelview-2021 nav.navbar #navbar #navpanel #bookingCartIndicator {
        padding-bottom: 0
    }

    .v2020.hotelview-2021 nav.navbar #navbar #navpanel div.column:first-of-type div ul li a:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 0;
        display: none
    }

    .v2020.hotelview-2021 nav.navbar #navbar #navpanel a.all-hotels {
        font-size: 1rem
    }

    .v2020.hotelview-2021 nav.navbar #navbar #navpanel a.all-hotels:before {
        content: '';
        margin: 0;
        padding: 0;
        width: 0
    }

    .v2020.hotelview-2021 .more-tipps {
        display: none
    }

    .v2020.hotelview-2021 .hotel-infos {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .v2020.hotelview-2021 .hotel-infos>div {
        width: 100%
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 {
        order: 0;
        margin-top: 1rem
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 .logo-wrap {
        float: left;
        width: 33%
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 .logo-wrap img {
        width: auto !important;
        max-width: 100%;
        margin: 0 0 0 0
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 .hotelview-icons {
        float: right;
        width: 63%;
        margin: 0
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 .hotelview-icons span {
        width: 22px;
        height: 22px;
        padding: 0
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-4 .covid-btn {
        margin: 1rem 0 0
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-8 {
        order: 1;
        margin-top: 0
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-8 h2,.v2020.hotelview-2021 .hotel-infos>div.col-lg-8 h6 {
        display: none
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-8:after {
        content: " ";
        display: block;
        border-bottom: 1px solid #CECDCF;
        margin-left: 0;
        margin-right: 0;
        height: 1rem
    }

    .v2020.hotelview-2021 .hotel-infos>div.col-lg-8 #hoteldescription {
        --max-lines: 10;
        margin-top: 0
    }

    .v2020.hotelview-2021 .hotel-infos:after {
        border-bottom-color: #fff !important
    }

    .v2020.hotelview-2021 .location-infos .flex-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .v2020.hotelview-2021 .location-infos .flex-container .col-lg-4 {
        width: 66%
    }

    .v2020.hotelview-2021 .location-infos .flex-container .col-lg-8 {
        width: 33%;
        margin-top: 0 !important
    }
}

.v2020.hotelview-2021 .visual-wrap {
    height: var(--carousel-height)
}

.v2020.hotelview-2021 #carousel {
    height: var(--carousel-height)
}

.v2020.hotelview-2021 #carousel .uSlider-slides li .item {
    height: var(--carousel-height)
}

.v2020.hotelview-2021 section.page {
    position: relative;
    z-index: 0
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 section.page {
        padding:220px 0 0 0
    }

    .v2020.hotelview-2021 section.page section.page {
        padding: 0 0 0 0
    }
}

.v2020.hotelview-2021 .page-content {
    position: relative;
    z-index: -1
}

.v2020.hotelview-2021 .page-content h2 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: .5rem
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content h2 {
        margin-bottom:1rem
    }
}

.v2020.hotelview-2021 .page-content h2.hotel-name {
    display: inline
}

.v2020.hotelview-2021 .page-content h2.hotel-name .stars {
    margin-right: 0
}

.v2020.hotelview-2021 .page-content h2.hotel-name .stars::before {
    font-size: 70%;
    vertical-align: top;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    line-height: 1em;
    margin-left: .2em
}

.v2020.hotelview-2021 .page-content h6.hotel-stars {
    font-size: .75rem;
    font-weight: bold;
    display: inline
}

.v2020.hotelview-2021 .page-content h6.hotel-stars .stars {
    margin: 0 0 0 12px
}

.v2020.hotelview-2021 .page-content .logo-wrap {
    text-align: center;
    position: relative;
    z-index: -1
}

@media (min-width: 920px) {
    .v2020.hotelview-2021 .page-content .logo-wrap {
        width:100%
    }
}

.v2020.hotelview-2021 .page-content img {
    width: auto;
    max-width: 100%;
    margin-left: 0
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .page-content img {
        width:104% !important;
        max-width: 104%;
        height: auto !important;
        margin-left: -2%
    }
}

.v2020.hotelview-2021 .page-content .row>h2 {
    padding-left: 2%;
    padding-right: 2%;
    margin: 1.6rem 0 .5rem 0
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row>h2 {
        margin:1.6rem 0 1rem 0
    }
}

.v2020.hotelview-2021 .page-content .row>h2+div,.v2020.hotelview-2021 .page-content .row>h2+div+div,.v2020.hotelview-2021 .page-content .row>h2+div+div+div,.v2020.hotelview-2021 .page-content .row>h2+div+div+div+div {
    margin: 0 0 0 0
}

.v2020.hotelview-2021 .page-content .row>h2+div>h3,.v2020.hotelview-2021 .page-content .row>h2+div+div>h3,.v2020.hotelview-2021 .page-content .row>h2+div+div+div>h3,.v2020.hotelview-2021 .page-content .row>h2+div+div+div+div>h3,.v2020.hotelview-2021 .page-content .row>h2+div>h4,.v2020.hotelview-2021 .page-content .row>h2+div+div>h4,.v2020.hotelview-2021 .page-content .row>h2+div+div+div>h4,.v2020.hotelview-2021 .page-content .row>h2+div+div+div+div>h4,.v2020.hotelview-2021 .page-content .row>h2+div>h5,.v2020.hotelview-2021 .page-content .row>h2+div+div>h5,.v2020.hotelview-2021 .page-content .row>h2+div+div+div>h5,.v2020.hotelview-2021 .page-content .row>h2+div+div+div+div>h5 {
    margin-top: 0
}

.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div+div {
    margin: 0 0 0 0;
    min-height: 1.7rem
}

.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div:empty,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div:empty,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div+div:empty {
    min-height: 0
}

.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div .bottom-right,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div .bottom-right,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div+div .bottom-right {
    margin-right: 7px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row>h2+.flex-container>div .bottom-right,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div .bottom-right,.v2020.hotelview-2021 .page-content .row>h2+.flex-container>div+div+div .bottom-right {
        margin-right:21px
    }
}

.v2020.hotelview-2021 .page-content .row:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #CECDCF;
    margin-left: 2%;
    margin-right: 2%;
    height: 1rem
}

.v2020.hotelview-2021 .page-content .row:last-child:after,.v2020.hotelview-2021 .page-content .row:last-of-type:after {
    border-bottom: none
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row div:first-of-type.col-lg-4,.v2020.hotelview-2021 .page-content .row div:first-of-type.col-lg-6,.v2020.hotelview-2021 .page-content .row div:first-of-type.col-lg-8 {
        padding-right:1%;
        padding-left: 2% !important
    }
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row div:last-of-type.col-lg-4,.v2020.hotelview-2021 .page-content .row div:last-of-type.col-lg-6,.v2020.hotelview-2021 .page-content .row div:last-of-type.col-lg-8 {
        padding-left:1%
    }
}

.v2020.hotelview-2021 .page-content .row+div,.v2020.hotelview-2021 .page-content .row+div+div,.v2020.hotelview-2021 .page-content .row+div+div+div {
    position: relative
}

.v2020.hotelview-2021 .page-content .row+div .bottom-right,.v2020.hotelview-2021 .page-content .row+div+div .bottom-right,.v2020.hotelview-2021 .page-content .row+div+div+div .bottom-right {
    margin-right: 7px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row+div .bottom-right,.v2020.hotelview-2021 .page-content .row+div+div .bottom-right,.v2020.hotelview-2021 .page-content .row+div+div+div .bottom-right {
        margin-right:21px
    }
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content .row .flex-container {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: flex-start
    }

    .v2020.hotelview-2021 .page-content .row .flex-container div+div .bottom-right,.v2020.hotelview-2021 .page-content .row .flex-container div+div+div .bottom-right {
        margin-right: 21px
    }
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .page-content .row .col-xs-12 {
        margin:.5rem 0
    }
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .page-content .row:first-of-type .col-xs-12 {
        margin:0 0 0 0
    }
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .page-content .row:first-of-type .col-xs-12+.col-xs-12 {
        margin:.75rem 0 0 0
    }
}

.v2020.hotelview-2021 .page-content .row.gastro .col-lg-6 {
    margin-top: 0;
    padding: 0
}

.v2020.hotelview-2021 .page-content .row.gastro .col-lg-6+div.text {
    width: 50%;
    float: left
}

.v2020.hotelview-2021 .page-content .no-border+.row .col-xs-12 {
    margin-top: 0
}

.v2020.hotelview-2021 .page-content p {
    line-height: --lh
}

.v2020.hotelview-2021 .page-content a {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer
}

.v2020.hotelview-2021 .page-content a:hover {
    text-decoration: underline
}

.v2020.hotelview-2021 .page-content a.point-right:before,.v2020.hotelview-2021 .page-content a.point-right.icon-minus-circled:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.hotelview-2021 .page-content a.point-right.icon-plus-circled:before,.v2020.hotelview-2021 .page-content a.point-right.collapse-down:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020.hotelview-2021 .page-content a.point-right.collapse-up:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-bottom: 8px solid;
    border-left: 4px solid transparent;
    border-top: 0;
    border-right: 4px solid transparent
}

.v2020.hotelview-2021 .page-content a.rate-info {
    color: #4a4a4a;
    text-decoration: none
}

.v2020.hotelview-2021 .page-content a.rate-info:before {
    text-decoration: none
}

.v2020.hotelview-2021 .page-content address {
    display: block;
    background-image: url('/bw/v6/img/pin.png');
    margin: 0;
    padding-left: 25px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    line-height: 1.2em
}

.v2020.hotelview-2021 .page-content address a.hotel-map {
    display: block;
    width: 19px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 0
}

.v2020.hotelview-2021 .page-content address p.wrap {
    margin: 1.4rem 0 .8rem -25px
}

.v2020.hotelview-2021 .page-content address p.wrap a.w3w {
    white-space: nowrap
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .page-content address p.wrap a.w3w {
        margin-left:5px
    }
}

.v2020.hotelview-2021 .page-content address p.wrap a.w3w span {
    white-space: normal
}

.v2020.hotelview-2021 .page-content address p.wrap a.w3w img {
    margin-right: 3px;
    width: 18px !important;
    height: 18px !important
}

.v2020.hotelview-2021 .page-content address a:before {
    margin-left: 0
}

.v2020.hotelview-2021 .page-content address a.icon-mail-alt {
    white-space: nowrap
}

.v2020.hotelview-2021 .page-content address a.icon-mail-alt:before {
    font-size: 18px
}

.v2020.hotelview-2021 .page-content ul {
    list-style-type: none;
    margin: 0 0 1rem
}

.v2020.hotelview-2021 .page-content ul li {
    padding-left: .5rem;
    position: relative
}

.v2020.hotelview-2021 .page-content ul li:before {
    content: "\00B7";
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 0
}

.v2020.hotelview-2021 .page-content ul.nav-tabs {
    display: none
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .page-content ul.nav-tabs {
        display:block;
        margin: 0 0 0 0;
        height: 3rem;
        z-index: 1
    }
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.nav-item {
    padding-left: 0px;
    cursor: pointer;
    min-width: 6rem;
    height: 3rem
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.nav-item .nav-link {
    padding: 1rem .75rem;
    height: 3rem;
    text-decoration: none
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.nav-item .nav-link:hover {
    text-decoration: none
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.nav-item:before {
    content: ""
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown {
    padding-left: 0
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown:before {
    content: ""
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu {
    list-style-type: none;
    left: auto;
    right: 0;
    border: 1px solid;
    border-color: #ffffff #edede2 #edede2 #edede2;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li:before {
    content: ""
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link {
    font-weight: 600;
    color: #AEAEAE
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link:hover,.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link.active {
    color: #5A5A59;
    text-decoration: none
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu.show {
    width: auto
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu.show li .nav-link {
    border: none
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle {
    background: transparent;
    display: block;
    width: 100%;
    padding: 1rem .75rem;
    height: 3rem;
    text-align: right;
    color: #646363;
    font-size: 1rem
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle:before {
    border: none
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-top: 9px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.v2020.hotelview-2021 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle.show:after {
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-bottom: 9px solid;
    border-right: 4px solid transparent;
    border-top: 0;
    border-left: 4px solid transparent
}

.v2020.hotelview-2021 .page-content ul.no-list-style li,.v2020.hotelview-2021 .page-content ul#packageFilterList li {
    padding-left: 0px
}

.v2020.hotelview-2021 .page-content ul.no-list-style li:before,.v2020.hotelview-2021 .page-content ul#packageFilterList li:before {
    content: ""
}

.v2020.hotelview-2021 .page-content ul.arrow_blue {
    color: #646363
}

.v2020.hotelview-2021 .hotelview-icons {
    margin: 1em 0;
    overflow: hidden
}

.v2020.hotelview-2021 .hotelview-icons span {
    font-size: 16px;
    background: transparent;
    color: #fff;
    display: block;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 5px 0 0 0;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 2px
}

.v2020.hotelview-2021 .hotelview-icons span.withBackground {
    background: #D0CED4;
    padding: 5px 3px
}

.v2020.hotelview-2021 .hotelview-icons span img {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    max-width: 70px !important
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 .hotelview-icons span {
        font-size:150%
    }
}

.v2020.hotelview-2021 .hotelview-icons span.icon-tagung:before {
    margin-left: -4px
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 .hotelview-icons span.icon-tagung:before {
        margin-left:1px;
        font-size: 22px
    }
}

.v2020.hotelview-2021 .covid-btn {
    margin: 0;
    width: 100%
}

@media (min-width: 768px) and (max-width:920px) {
    .v2020.hotelview-2021 .covid-btn {
        font-size:.875rem;
        line-height: 1.5rem
    }
}

.v2020.hotelview-2021 #hoteldescription {
    margin: .8rem 0 1rem
}

.v2020.hotelview-2021 .clamped-text {
    font-size: .9375rem;
    line-height: var(--lh);
    --min-lines: 1;
    display: -webkit-box;
    overflow: hidden;
    --max-lines-mobile: 10;
    max-height: calc(var(--lh) * var(--max-lines-mobile));
    min-height: calc(var(--lh) * var(--min-lines));
    -webkit-line-clamp: var(--max-lines-mobile);
    -webkit-box-orient: vertical
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .clamped-text {
        --max-lines:7;
        max-height: calc(var(--lh) * var(--max-lines) + .2rem);
        min-height: calc(var(--lh) * var(--min-lines) + .2rem);
        -webkit-line-clamp: var(--max-lines)
    }
}

.v2020.hotelview-2021 .clamped-text.open {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

.v2020.hotelview-2021 .clamped-text.truncateByChars,.v2020.hotelview-2021 .clamped-text.truncateByWords {
    display: block;
    min-height: 0px;
    max-height: none;
    -webkit-line-clamp: none
}

.v2020.hotelview-2021 .gallery-preview .grid-container {
    display: table
}

@supports (display: grid) {
    .v2020.hotelview-2021 .gallery-preview .grid-container {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 10px 10px;
        grid-template-areas: "Image1 Image2"
    }

    @media (min-width: 576px) {
        .v2020.hotelview-2021 .gallery-preview .grid-container {
            display:grid;
            grid-template-columns: 2fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 10px 10px;
            grid-template-areas: "Image1 Image2" "Image1 Image3";
            margin: 2rem 0 0 0
        }
    }
}

.v2020.hotelview-2021 .gallery-preview .Image1,.v2020.hotelview-2021 .gallery-preview .Image2,.v2020.hotelview-2021 .gallery-preview .Image3 {
    display: block;
    background-position: center;
    background-size: cover
}

.v2020.hotelview-2021 .gallery-preview .Image1 {
    display: table-cell;
    width: 66%;
    border-right: 10px solid #ffffff;
    height: 214px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .gallery-preview .Image1 {
        height:352px
    }
}

@supports (display: grid) {
    .v2020.hotelview-2021 .gallery-preview .Image1 {
        width:100%;
        display: block;
        border-right: none;
        grid-area: Image1
    }
}

.v2020.hotelview-2021 .gallery-preview .Image2 {
    border-bottom: 10px solid #ffffff;
    box-sizing: content-box;
    grid-area: Image2;
    height: 214px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .gallery-preview .Image2 {
        height:171px
    }
}

@supports (display: grid) {
    .v2020.hotelview-2021 .gallery-preview .Image2 {
        border-bottom:none;
        box-sizing: border-box;
        grid-area: Image2
    }
}

.v2020.hotelview-2021 .gallery-preview .Image3 {
    display: none
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .gallery-preview .Image3 {
        display:block;
        height: 171px
    }

    @supports (display: grid) {
        .v2020.hotelview-2021 .gallery-preview .Image3 {
            grid-area:Image3
        }
    }
}

.v2020.hotelview-2021 .gallery-preview .grid-container+div {
    margin-top: 10px
}

.v2020.hotelview-2021 .gallery-preview .gallery-opener {
    float: right;
    margin-top: 4px
}

.v2020.hotelview-2021 .gallery-preview:after {
    height: .7rem !important
}

.v2020.hotelview-2021 #myOptmap {
    height: 140px;
    margin-bottom: 15px;
    overflow: hidden
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #myOptmap {
        height:174px;
        margin-bottom: 2rem
    }
}

.v2020.hotelview-2021 #myOptmap a {
    display: block;
    width: 100%;
    height: 140px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #myOptmap a {
        height:174px
    }
}

.v2020.hotelview-2021 #myOptmap a img {
    width: 100%;
    max-width: 100%;
    margin-left: 0
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 #myOptmap a img {
        height:165px !important;
        width: auto !important;
        max-width: none !important;
        margin-left: -108%
    }
}

@media (max-width: 420px) {
    .v2020.hotelview-2021 #myOptmap a img {
        margin-left:-166%
    }
}

@media (max-width: 375px) {
    .v2020.hotelview-2021 #myOptmap a img {
        margin-left:-192%
    }
}

@media (max-width: 320px) {
    .v2020.hotelview-2021 #myOptmap a img {
        margin-left:-225%
    }
}

.v2020.hotelview-2021 #myOptmap+a {
    float: right;
    margin-right: 21px
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 #myOptmap+a {
        margin-right:7px;
        bottom: auto
    }
}

.v2020.hotelview-2021 .check-in-out {
    display: table;
    width: 100%
}

@supports (display: flex) {
    .v2020.hotelview-2021 .check-in-out {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.v2020.hotelview-2021 .check-in-out span {
    display: table-cell;
    width: 48%;
    text-align: center;
    background-color: #ECECEC;
    border-radius: 4px;
    margin-bottom: 1rem
}

.v2020.hotelview-2021 .check-in-out span:first-child {
    border-right: 10px solid #ffffff
}

@supports (display: flex) {
    .v2020.hotelview-2021 .check-in-out span {
        display:block;
        border-right: none !important
    }
}

.v2020.hotelview-2021 .check-in-out span b {
    display: block
}

.v2020.hotelview-2021 .rating {
    float: left;
    transform: scale(1.1)
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .rating {
        transform:scale(1)
    }
}

.v2020.hotelview-2021 .rating-bars {
    overflow: hidden;
    margin: 0 0 0 4rem;
    padding-bottom: 2.5rem;
    position: relative
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .rating-bars {
        margin:0 4rem
    }

    @supports (display: grid) {
        .v2020.hotelview-2021 .rating-bars {
            display:grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 10px 10px
        }
    }
}

.v2020.hotelview-2021 .rating-bars .bar-wrap {
    width: 100%;
    margin: 0 0 10px 0
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .rating-bars .bar-wrap {
        width:45%;
        float: left;
        margin: 0 10px 10px 0
    }

    @supports (display: grid) {
        .v2020.hotelview-2021 .rating-bars .bar-wrap {
            width:100%;
            float: none;
            margin: 0
        }
    }
}

.v2020.hotelview-2021 .rating-bars .bar {
    height: 4px;
    background-color: #d4d4d4
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .rating-bars .bar {
        height:3px
    }
}

.v2020.hotelview-2021 .rating-bars .bar .percentage {
    height: 4px;
    background-color: #003c7e;
    max-width: 100%
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .rating-bars .bar .percentage {
        height:3px
    }
}

.v2020.hotelview-2021 .rating-bars .bottom-right {
    margin-right: 0 !important
}

.v2020.hotelview-2021 .conference-infos img {
    width: 104%;
    height: 176px;
    object-fit: cover
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .conference-infos img {
        width:100%
    }
}

.v2020.hotelview-2021 #eventCalendarWrap {
    margin-top: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.v2020.hotelview-2021 #eventCalendarWrap.flexStart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.v2020.hotelview-2021 #eventCalendarWrap.flexStart .calendarEvent {
    margin-right: 3.33%
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent {
    width: 32.6%;
    background-color: #4a4a4a;
    color: white;
    margin-bottom: 2%;
    padding-bottom: 4rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    position: relative
}

@media (max-width: 768px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent {
        width:48%
    }
}

@media (max-width: 480px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent {
        width:100%
    }
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent .calendarEventImgWrap {
    height: 222px;
    max-height: 222px;
    overflow: hidden
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent .calendarEventImgWrap {
        height:185px;
        max-height: 185px
    }
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent .calendarEventImgWrap img {
    width: 100%;
    max-width: 100%;
    height: 222px;
    margin-left: 0;
    object-fit: cover;
    object-position: center
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent .calendarEventImgWrap img {
        height:185px
    }
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent p,.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3,.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent a {
    padding-left: 1rem;
    padding-right: 1rem
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent .calendarEventDate {
    margin-top: 1rem;
    font-weight: 600;
    font-size: .875rem
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent a {
    display: inline-block;
    margin: 1rem 0 .5rem 0;
    color: white;
    font-weight: 600;
    text-decoration: underline;
    position: absolute;
    left: 0;
    bottom: 1rem
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent a:before {
    content: ">";
    display: inline-block;
    padding: 0 .25rem 0 0
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3 {
    text-transform: none;
    margin: 1rem 0;
    line-height: --lh;
    font-weight: bold
}

@media (min-width: 320px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3 {
        font-size:1.15rem
    }
}

@media (min-width: 480px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3 {
        font-size:1.3rem
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3 {
        font-size:1.05rem
    }
}

@media (min-width: 845px) {
    .v2020.hotelview-2021 #eventCalendarWrap .calendarEvent h3 {
        font-size:1.2rem
    }
}

.v2020.hotelview-2021 #eventCalendarWrap .calendarEvent.showing {
    visibility: visible;
    opacity: 1
}

.v2020.hotelview-2021 #eventCalendarWrap button {
    background-color: #003c7e;
    color: #fff;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    height: 32px;
    cursor: pointer
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #eventCalendarWrap button {
        width:32.6%
    }
}

.v2020.hotelview-2021.edge #eventCalendarWrap .calendarEvent {
    margin-bottom: 48px
}

.v2020.hotelview-2021 .eventCalendarBtn {
    display: block;
    height: 38px;
    background-color: #4a4a4a;
    color: #fff;
    clear: both;
    text-align: center;
    margin-bottom: 32px;
    text-decoration: none;
    font-size: 20px;
    line-height: 38px;
    text-transform: uppercase
}

@media (max-width: 360px) {
    .v2020.hotelview-2021 .eventCalendarBtn {
        font-size:18px
    }
}

.v2020.hotelview-2021 .eventCalendarBtn:hover {
    color: #fff;
    text-decoration: none
}

.v2020.hotelview-2021 .eventCalendarBtn span {
    background-image: url(/bw/v6/img/ico/calendar-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    padding-left: 35px
}

.v2020.hotelview-2021 a.toggle-text-length {
    display: inline-block;
    margin-top: 1rem
}

.v2020.hotelview-2021 h3,.v2020.hotelview-2021 h4,.v2020.hotelview-2021 h5 {
    font-size: 1rem;
    font-weight: bold;
    margin: 1rem 0
}

.v2020.hotelview-2021 table th,.v2020.hotelview-2021 table td {
    font-size: .9375rem;
    padding: .4rem .5rem .4rem .5rem
}

.v2020.hotelview-2021 table th:first-child,.v2020.hotelview-2021 table td:first-child {
    padding-left: 0
}

.v2020.hotelview-2021 table th:last-child,.v2020.hotelview-2021 table td:last-child {
    padding-right: 0
}

.v2020.hotelview-2021 table td {
    vertical-align: top
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 table.responsive-table th {
        display:none
    }

    .v2020.hotelview-2021 table.responsive-table td {
        display: block;
        width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 1rem;
        min-height: 70px
    }

    .v2020.hotelview-2021 table.responsive-table td:before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        white-space: nowrap
    }
}

.v2020.hotelview-2021 table.opening-hours {
    width: auto;
    margin-top: 1rem
}

.v2020.hotelview-2021 table.opening-hours caption {
    font-weight: bold;
    color: #646363
}

.v2020.hotelview-2021 table.opening-hours td {
    position: relative;
    padding: .2rem .5rem .2rem .5rem
}

.v2020.hotelview-2021 table.opening-hours td:before {
    content: "|";
    font-size: 1rem;
    position: absolute;
    left: -2px
}

.v2020.hotelview-2021 table.opening-hours td:first-child {
    padding-left: 0
}

.v2020.hotelview-2021 table.opening-hours td:first-child:before {
    content: ""
}

.v2020.hotelview-2021 table.opening-hours td:last-child {
    padding-right: 0
}

.v2020.hotelview-2021 table.table-tagungsraeume thead th,.v2020.hotelview-2021 table.table-super-responsive thead th {
    white-space: nowrap !important
}

.v2020.hotelview-2021 table.table-tagungsraeume th:first-child,.v2020.hotelview-2021 table.table-tagungsraeume td:first-child,.v2020.hotelview-2021 table.table-super-responsive th:first-child,.v2020.hotelview-2021 table.table-super-responsive td:first-child {
    padding-left: .333rem
}

.v2020.hotelview-2021 table.table-tagungsraeume td,.v2020.hotelview-2021 table.table-super-responsive td {
    vertical-align: top
}

.v2020.hotelview-2021 table.layoutTable td {
    vertical-align: middle
}

.v2020.hotelview-2021 .room-presentation:after {
    border-bottom-color: #fff !important
}

.v2020.hotelview-2021 .room-presentation #room-filter-nav .dropdown {
    float: right
}

.v2020.hotelview-2021 #room-collection {
    display: block;
    width: 100%;
    border: 1px solid #DEDDDF;
    border-top-color: #fff;
    padding: 1% 1% 0 1%;
    position: relative;
    z-index: 0
}

@supports (display: flex) {
    .v2020.hotelview-2021 #room-collection {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.v2020.hotelview-2021 #room-collection .room-container {
    width: 100%;
    border: 1px solid #DEDDDF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    margin-bottom: 1.5%;
    z-index: 0
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #room-collection .room-container {
        width:49.5%
    }
}

.v2020.hotelview-2021 #room-collection .room-container img {
    width: 100%
}

.v2020.hotelview-2021 #room-collection .room-container.on-top {
    z-index: 1
}

.v2020.hotelview-2021 #room-collection .room-container h3 {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-right: 2px
}

.v2020.hotelview-2021 #room-collection .room-container h3 em {
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    float: right
}

.v2020.hotelview-2021 #room-collection .room-container p {
    margin: 1rem 0
}

.v2020.hotelview-2021 #room-collection .room-container .pad {
    padding: 1rem .35rem 1.3rem
}

.v2020.hotelview-2021 #room-collection .room-container .form-toggle {
    display: block;
    width: 100%;
    background: #003c7e;
    color: white;
    text-decoration: none;
    line-height: 1.2em;
    min-height: 32px;
    text-align: center;
    padding: 6px 6px 6px 6px
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 32px;
    background-color: #fff
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form.active {
    max-height: 120px;
    overflow: visible;
    border-top: 1px solid #DEDDDF
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group {
    width: 50%;
    float: left;
    padding: 8px
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group label {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: .875rem;
    margin: 0
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control {
    display: block;
    height: 34px;
    width: 100%;
    border: 1px solid #C6C5C9;
    font-size: 15px;
    letter-spacing: -0.02rem;
    color: black;
    background-color: #fff;
    box-shadow: none;
    padding: 3px 6px 0px
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control::-moz-placeholder {
    color: black;
    opacity: 1
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control:-ms-input-placeholder {
    color: black
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control::-webkit-input-placeholder {
    color: black
}

@media (min-width: 375px) {
    .v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control {
        font-size:16px
    }
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control {
        height:32px;
        font-size: 15px
    }
}

@media (min-width: 1024px) {
    .v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control {
        font-size:16px
    }
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control.required {
    border: 1px solid #C6C5C9;
    box-shadow: none
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control.has-error {
    border: 1px solid #990000;
    box-shadow: 0 0 5px 1px rgba(255,0,0,0.5)
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .form-group .form-control.combined-adults-children {
    cursor: default
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .submit {
    width: 100%;
    padding: 0
}

.v2020.hotelview-2021 #room-collection .room-container .room-booking-wrap form .submit input[type="submit"] {
    display: block;
    width: 100%;
    height: 32px;
    background: #003c7e;
    border: 1px solid #003c7e;
    color: white;
    cursor: pointer
}

.v2020.hotelview-2021 #room-collection .room-container .rooms-persons {
    position: relative
}

.v2020.hotelview-2021 #room-collection .room-container a.room-gallery {
    position: relative;
    display: block
}

.v2020.hotelview-2021 #room-collection .room-container a.room-gallery .icon-search {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.v2020.hotelview-2021 #room-collection .room-container a.room-gallery .icon-search:before {
    color: white;
    font-size: 1.5rem;
    opacity: .7
}

.v2020.hotelview-2021 #room-collection .room-container a.room-gallery img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.v2020.hotelview-2021 #room-collection .occupancy-panel {
    display: none;
    position: absolute;
    right: 8px;
    height: auto;
    background: #fff;
    padding: 8px 4px 4px;
    border: 1px solid #C6C5C9;
    margin: -1px 0 0 8px
}

.v2020.hotelview-2021 #room-collection .occupancy-panel.visible {
    display: block;
    width: 130%
}

@media (min-width: 769px) {
    .v2020.hotelview-2021 #room-collection .occupancy-panel.visible {
        width:100%
    }
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room {
    display: block;
    margin: 0 0 0 0
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    outline: none;
    cursor: pointer
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span,.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button {
    display: inline-block;
    float: left;
    overflow: hidden
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(1),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(1),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(5),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(5) {
    width: 26%;
    text-align: left
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(2),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(2),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(6),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(6) {
    width: 6%;
    text-align: center
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(3),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(3),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(7),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(7) {
    width: 3%
}

.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(4),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(4),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(8),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(8) {
    text-align: left
}

@supports (display: grid) {
    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room {
        display:grid;
        grid-template-columns: 2fr 1fr 20fr;
        column-gap: 0px;
        row-gap: 4px;
        align-items: center
    }

    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room span,.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button {
        float: none
    }

    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(1),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(1),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(2),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(2),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(3),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(3),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(4),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(4),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(5),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(5),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room span:nth-child(6),.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button:nth-child(6) {
        width: 100%;
        width: auto;
        max-width: 190px
    }

    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.add-adult,.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.add-child {
        padding-left: 6px;
        padding-right: 0px;
        text-align: left
    }

    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.add-adult i,.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.add-child i {
        padding-right: 6px
    }

    .v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.remove-adult,.v2020.hotelview-2021 #room-collection .occupancy-panel div.room button.remove-child {
        padding-left: 6px;
        padding-right: 14px
    }
}

.v2020.hotelview-2021 .lightpick {
    margin-left: -9px
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 .lightpick {
        margin-left:0
    }
}

.v2020.hotelview-2021 .panel-group .panel-heading {
    background-color: #ECECEC;
    border-radius: 4px
}

.v2020.hotelview-2021 .panel-group .panel-heading .panel-title {
    margin: 0 0 0 0;
    font-weight: normal
}

.v2020.hotelview-2021 .panel-group .panel-heading .panel-title a {
    color: #646363;
    text-decoration: none
}

.v2020.hotelview-2021 .panel-group .panel-heading .panel-title a:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 0px;
    margin-top: 8px;
    content: "";
    border-top: 9px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.v2020.hotelview-2021 .panel-group .panel-heading .panel-title a.active:after {
    margin-left: 4px;
    vertical-align: 0px;
    margin-top: 8px;
    content: "";
    border-bottom: 9px solid;
    border-right: 4px solid transparent;
    border-top: 0;
    border-left: 4px solid transparent
}

.v2020.hotelview-2021 .panel-group .panel-heading .panel-title>a.accordion-toggle {
    padding: 8px 40px 8px 15px
}

.v2020.hotelview-2021 .arrangementsHotelview .arrwblue_hv li {
    list-style-type: circle
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList {
    overflow: visible
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li:first-child.selected {
    background: #fff
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li:first-child.selected a span {
    color: #5A5A59
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li .nav-link {
    color: #AEAEAE
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li .nav-link.active {
    color: #5A5A59
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li .nav-link.active span {
    color: #5A5A59
}

.v2020.hotelview-2021 .arrangementsHotelview #packageFilterList li.dropdown {
    background: transparent
}

@media (max-width: 768px) {
    .v2020.hotelview-2021 .arrangementsHotelview .nav-tabs .nav-item {
        min-width:90px
    }

    .v2020.hotelview-2021 .arrangementsHotelview .nav-tabs .nav-item .nav-link {
        padding: 1rem .75rem
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap {
    position: relative;
    display: block
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap {
        border:1px solid #c7c5cb;
        border-top-color: #fff;
        padding: 1% 1% 0 1%
    }

    @supports (display: flex) {
        .v2020.hotelview-2021 #arrangementPackageWrap {
            display:-webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage {
    width: 100%;
    opacity: 1;
    margin-bottom: 2rem
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage {
        width:49.5%;
        margin-bottom: 1.5%
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .container {
    border: 1px solid #DEDDDF;
    position: relative;
    z-index: 0
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .container {
        border-bottom-left-radius:5px;
        border-bottom-right-radius: 5px;
        padding-bottom: 4rem;
        height: 100%
    }
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .container {
        padding-bottom:1rem !important
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .imgholder {
    height: 240px;
    position: relative
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .imgholder .overlay {
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 8px 20px;
    font-size: 1.3rem
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .imgholder .overlay {
        font-size:1.75rem
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .imgholder img {
    width: 100%;
    height: 240px;
    margin: 0 0 0 0;
    object-fit: cover
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .imgholder img {
        width:100% !important;
        max-width: 100%;
        height: 240px !important
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details-toggle {
    float: right
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details-toggle.open:before {
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .pad {
    padding: 1rem .35rem 1.3rem
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .row {
    overflow: hidden
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .row:after {
    border: none;
    height: 0
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details {
    display: block;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details.showing {
    margin: 3rem 0 0 0;
    max-height: 660px
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .details h6 {
    font-weight: bold;
    font-size: .9375rem
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .preisangabe {
    padding: 1rem .35rem .5rem;
    overflow: hidden;
    opacity: 0
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .preisangabe {
        position:absolute;
        bottom: 0px
    }
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .preisangabe p {
    margin: 1rem 1.2rem 0 0;
    float: left;
    font-size: .875rem
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .preisangabe strong {
    font-size: 150%
}

.v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage input.btn {
    background: #003c7e;
    color: white;
    font-size: .9375rem;
    text-decoration: none;
    line-height: 1.2em;
    min-height: 32px;
    text-align: center;
    padding: 6px 12px;
    border-radius: 4px;
    width: 97.1%;
    margin: 8px .35rem
}

@media (min-width: 576px) {
    .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage input.btn {
        position:absolute;
        bottom: 8px;
        right: 8px;
        margin: 0;
        width: auto
    }
}

.v2020.hotelview-2021 ul.packageFilterList.open li:first-child a:after {
    content: ""
}

.v2020.hotelview-2021 .contactFormHotelview .data-privacy {
    margin-top: 28px
}

.v2020.hotelview-2021 .contactFormHotelview .data-privacy .checkbox input[name="datenschutz"] {
    opacity: 1;
    width: auto;
    height: auto
}

.v2020.hotelview-2021 .hv-rewards-memberform-widget>h1 {
    display: none
}

.v2020.hotelview-2021 .hide-in-hv {
    display: none
}

.v2020.hotelview-2021 .hotel .col-lg-4 img {
    width: 100%;
    height: 170px;
    object-fit: cover
}

.v2020.hotelview-2021 .hotel .col-lg-4 .logo-wrap img {
    width: auto;
    height: auto;
    object-fit: none
}

.v2020.hotelview-2021 .lage-anfahrt #myOptmap+a.bottom-right,.v2020.hotelview-2021 .location-directions #myOptmap+a.bottom-right {
    display: none
}

.v2020.hotelview-2021 #mbNextLink.gotoNextSlide,.v2020.hotelview-2021 #mbPrevLink.gotoPreviousSlide {
    bottom: 57px
}

.v2020.hotelview-2021 .pb-img-gallery a.icon-left-dir,.v2020.hotelview-2021 .pb-img-gallery a.icon-right-dir {
    color: #4a4a4a
}

@media (max-width: 576px) {
    .v2020.hotelview-2021 .pb-img-gallery {
        margin-top:1rem
    }
}

.v2020.hotelview-2021 .pb-img-gallery a.icon-left-dir,.v2020.hotelview-2021 .pb-img-gallery a.icon-right-dir {
    color: #4a4a4a
}

.v2020.hotelview-2021 ul.pagebox-imagegallery li:before {
    content: ""
}

.v2020.hotelview-2021 ul.pagebox-imagegallery li h3 {
    position: absolute;
    top: -40px
}

.v2020.hotelview-2021 .pb-img-gallery.has-titles a.icon-left-dir,.v2020.hotelview-2021 .pb-img-gallery.has-titles a.icon-right-dir {
    margin: -15px 0 0
}

.v2020.hotelview-2021 .pb-img-gallery.has-titles ul.pagebox-imagegallery li {
    padding-left: 0
}

.v2020.hotelview-2021 .pb-img-gallery.has-titles ul.pagebox-imagegallery li a.zoom {
    top: 20px
}

.v2020.hotelview-2021 .pb-img-gallery.has-titles ul.pagebox-imagegallery li h3 {
    top: 0px;
    font-size: .875rem;
    font-weight: normal;
    margin: 0;
    text-transform: none
}

.v2020.hotelview-2021 form .error {
    color: #990000;
    display: block;
    margin-top: -10px;
    font-weight: 600
}

.v2020.hotelview-2021 form .error:before {
    font-family: 'bw-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    content: '\e832';
    margin-right: 4px;
    font-size: 14px;
    vertical-align: top
}

.v2020.hotelview-2021 form .checkbox .error strong {
    border: 1px solid #990000;
    display: block;
    padding: 10px;
    font-weight: 600
}

@media (max-width: 1024px) {
    .v2020.hotelview-2021.en #searchpanel #rooms-persons #rooms-persons-panel div.room {
        font-size:.875rem
    }

    @supports (display: grid) {
        .v2020.hotelview-2021.en #searchpanel #rooms-persons #rooms-persons-panel div.room {
            grid-template-columns:3.5fr 1fr .5fr 10fr
        }
    }

    .v2020.hotelview-2021.en #searchpanel #rooms-persons #rooms-persons-panel button.add-room,.v2020.hotelview-2021.en #searchpanel #rooms-persons #rooms-persons-panel button.remove-room {
        font-size: .875rem
    }
}

.v2020.hotelview-2021 .bwr_new_account .error {
    margin-top: 0
}

.v2020 .hotelviewArrangementBookOnline {
    margin-top: 60px
}

.v2020 .hotelviewArrangementBookOnline:first-child {
    margin-top: 0
}

.v2020 .hotelviewArrangementBookOnline h3 {
    margin-bottom: 5px
}

.v2020 .hotelviewArrangementBookOnline h4 {
    margin-bottom: 5px
}

.v2020 .hotelviewArrangementBookOnline .panel-heading {
    max-width: 175px
}

.v2020 .hotelviewArrangementBookOnline .panel-title span.closeArrangement {
    display: none
}

.v2020 .hotelviewArrangementBookOnline .panel-title>a.accordion-toggle {
    padding-right: 0
}

.v2020 .hotelviewArrangementBookOnline .panel-title>a.accordion-toggle.active span.closeArrangement {
    display: inline-block
}

.v2020 .hotelviewArrangementBookOnline .panel-title>a.accordion-toggle.active span.openArrangement {
    display: none
}

.v2020 .hotelviewArrangementBookOnline .panel-title>a.accordion-toggle:after {
    right: 4px
}

.v2020 .hotelviewArrangementBookOnline .clampMe {
    margin-bottom: 7px
}

@media (min-width: 768px) {
    .v2020 .hotelviewArrangementBookOnline .clampMe {
        min-height:40px
    }
}

.v2020 .panel-anfrageArrangement {
    margin-top: 1em
}

.v2020 .icon-tagung {
    padding-right: 14px !important
}

@media (min-width: 992px) {
    .v2020 .headlineHotelviewInternational {
        line-height:1.5rem !important
    }

    .v2020 .headlineHotelviewInternational .stars {
        font-size: 1.1rem;
        display: inline
    }
}

.v2020 .starsSmall {
    font-size: .8rem;
    letter-spacing: 3px
}

@media (min-width: 577px) {
    .v2020.hotelview-international nav.navbar #navbar {
        display:block
    }
}

@media (min-width: 576px) {
    .v2020.hotelview-international nav.navbar #navbar #navpanel div.column div ul {
        display:block
    }

    .v2020.hotelview-international nav.navbar #navbar #navpanel div.column h4.nav-header {
        margin-bottom: 4px
    }

    .v2020.hotelview-international nav.navbar #navbar #navpanel {
        grid-template-columns: 3fr 1fr
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-international nav.navbar #navbar #navpanel div.column:first-of-type div {
        column-count:3
    }

    .v2020.hotelview-international nav.navbar #navbar #navpanel {
        width: 734px
    }
}

@media (min-width: 1024px) {
    .v2020.hotelview-international #navpanel {
        width:969px !important
    }
}

@media (min-width: 1025px) {
    .v2020.hotelview-international #navpanel {
        width:1006px !important
    }
}

.v2020.hotelview-international nav.navbar .navbar-container {
    max-width: 100%
}

.v2020.hotelview-international .hotelview-icons {
    text-align: center
}

.v2020.hotelview-international .hotelview-icons span {
    display: inline-block;
    float: none
}

@media (max-width: 768px) {
    .v2020.hotelview-international .hotel-wissenswertes .check-in-out {
        margin-top:1rem
    }
}

.v2020.hotelview-international .ratingInternational .ratingMedallia {
    text-align: center
}

.v2020.hotelview-international .ratingInternational .ratingMedallia .ball {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #E3C684;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    margin-right: 0px;
    text-align: left
}

.v2020.hotelview-international .ratingInternational .ratingMedallia .ball .fill {
    display: block;
    background-color: #E3C684;
    width: 0;
    height: 100%
}

.v2020.hotelview-international .ratingInternational .ratingMedallia small {
    display: inline-block;
    font-size: .9rem
}

@media (max-width: 768px) {
    .v2020.hotelview-international .ratingInternational {
        clear:both;
        padding-top: 1rem
    }
}

.v2020.hotelview-international .internationalCategories span.link {
    display: none
}

.v2020.hotelview-international .show-more-categories {
    float: right
}

@media (min-width: 768px) {
    .v2020.hotelview-international .hotel-ausstattung ul {
        column-count:3;
        column-gap: 2rem
    }

    .v2020.hotelview-international .hotel-ausstattung ul li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        break-inside: avoid-column
    }
}

@media (min-width: 768px) {
    .v2020.hotelview-international .freizeit-infos .freizeitColumns {
        column-count:2;
        column-gap: 2rem;
        column-fill: balance
    }

    .v2020.hotelview-international .freizeit-infos .freizeitColumns div {
        margin-bottom: 1rem
    }

    .v2020.hotelview-international .freizeit-infos .freizeitColumns strong {
        column-span: all
    }
}

.v2020.hotelview-international .freizeit-infos .freizeitColumns span.link {
    display: none
}

@media (max-width: 768px) {
    .v2020.hotelview-international .freizeit-infos .freizeitColumns {
        margin-top:1rem
    }
}

.v2020 section.hotelview-gallery {
    width: 100%;
    padding-top: 20px;
    background: #c1c1c1;
    margin-top: 40px
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery {
        padding-top:15px
    }
}

.v2020 section.hotelview-gallery .row {
    position: relative
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row {
        height:458px
    }
}

.v2020 section.hotelview-gallery .row .viewport {
    height: 512px;
    max-height: 512px;
    max-width: 960px;
    margin: 0 auto 32px;
    position: relative;
    overflow: hidden
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .viewport {
        height:323px;
        max-height: 323px;
        margin: 0 12px 50px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .viewport {
        height:220px;
        max-height: 220px;
        margin: 0 12px 98px
    }
}

.v2020 section.hotelview-gallery .row .viewport ul {
    height: 512px;
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    position: absolute
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .viewport ul {
        height:323px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .viewport ul {
        height:220px
    }
}

.v2020 section.hotelview-gallery .row .viewport ul li {
    height: 512px;
    display: block;
    float: left
}

.v2020 section.hotelview-gallery .row .viewport ul li a,.v2020 section.hotelview-gallery .row .viewport ul li span {
    height: 512px;
    display: block;
    width: 100%;
    max-width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    position: relative;
    cursor: default
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .viewport ul li a,.v2020 section.hotelview-gallery .row .viewport ul li span {
        height:323px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .viewport ul li a,.v2020 section.hotelview-gallery .row .viewport ul li span {
        height:220px
    }
}

.v2020 section.hotelview-gallery .row .viewport ul li a.icon-play-circled,.v2020 section.hotelview-gallery .row .viewport ul li span.icon-play-circled {
    color: rgba(255,255,255,0.6)
}

.v2020 section.hotelview-gallery .row .viewport ul li a.icon-play-circled:hover,.v2020 section.hotelview-gallery .row .viewport ul li span.icon-play-circled:hover {
    color: rgba(255,255,255,0.8)
}

.v2020 section.hotelview-gallery .row .viewport ul li a span.caption,.v2020 section.hotelview-gallery .row .viewport ul li span span.caption {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    position: absolute;
    bottom: 0;
    opacity: 0
}

.v2020 section.hotelview-gallery .row .viewport ul li a img.loading,.v2020 section.hotelview-gallery .row .viewport ul li span img.loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.v2020 section.hotelview-gallery .row .viewport ul li a .spinner,.v2020 section.hotelview-gallery .row .viewport ul li span .spinner {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top-color: #fff;
    -webkit-animation: rotate 1.5s linear 0s infinite;
    animation: rotate 1.5s linear 0s infinite
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe {
    position: absolute;
    top: 0
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe *.cmpboxbtnyes,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a.cmpboxbtnyes,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a.cmpboxbtnyes:link {
    width: 200px;
    max-width: 200px;
    margin: 10px
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe span,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a:link {
    display: inline-block;
    height: auto
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe a:link {
    height: auto
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe .cmplogo2 span,.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe .cmplogo2 a {
    display: inline
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe .cmplogo2 .cmplogo2h {
    display: none
}

.v2020 section.hotelview-gallery .row .viewport ul li .cmplazypreviewiframe input[type="checkbox"] {
    margin: 0
}

.v2020 section.hotelview-gallery .row .viewport .previousSlide,.v2020 section.hotelview-gallery .row .viewport .nextSlide {
    display: block;
    width: 50px;
    height: 512px;
    background-color: rgba(148,148,148,0.5);
    background-repeat: no-repeat;
    background-size: 24px 48px;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .viewport .previousSlide,.v2020 section.hotelview-gallery .row .viewport .nextSlide {
        height:323px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .viewport .previousSlide,.v2020 section.hotelview-gallery .row .viewport .nextSlide {
        height:220px;
        background-color: transparent
    }
}

.v2020 section.hotelview-gallery .row .viewport .previousSlide.disabled,.v2020 section.hotelview-gallery .row .viewport .nextSlide.disabled {
    display: none
}

.v2020 section.hotelview-gallery .row .viewport .previousSlide {
    left: 0;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

.v2020 section.hotelview-gallery .row .viewport .nextSlide {
    right: 0;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

.v2020 section.hotelview-gallery .row .viewport .zoomify {
    display: block;
    width: 42px;
    height: 42px;
    background: transparent url(/bw/v6/img/ico/zoomify_icon.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 17px;
    right: 73px;
    z-index: 20;
    cursor: pointer
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .viewport .zoomify {
        background:none;
        width: 72%;
        height: 100%;
        top: 0px;
        bottom: auto;
        left: 14%;
        right: auto
    }
}

.v2020 section.hotelview-gallery .row .caption {
    max-width: 960px;
    min-height: 30px;
    margin: 0 auto;
    padding: 0 0 10px 50px;
    color: #3f3f3f
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .caption {
        padding-left:12px;
        padding-bottom: 3px;
        display: table-cell;
        height: 35px;
        vertical-align: bottom
    }
}

.v2020 section.hotelview-gallery .row .gallerynav {
    text-align: center;
    position: relative;
    background: #e1e1e1;
    width: 100%;
    height: 48px
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .gallerynav {
        position:absolute;
        z-index: 120;
        left: 0;
        top: 278px;
        height: 75px
    }
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport {
    width: 100%;
    max-width: 960px;
    height: 48px;
    margin: 0 auto;
    position: relative
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideRight,.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideLeft {
    display: block;
    width: 50px;
    height: 48px;
    background-color: #BABABA;
    background-repeat: no-repeat;
    background-size: 15px 28px;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 130;
    cursor: pointer
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideRight.disabled,.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideLeft.disabled {
    background-color: #A2A0A0;
    cursor: default
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideRight {
    left: 0;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideRight.disabled {
    background-image: url(/bw/v6/img/ico/previous_lg_disabled.svg)
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideLeft {
    right: 0;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

.v2020 section.hotelview-gallery .row .gallerynav .viewport .slideLeft.disabled {
    background-image: url(/bw/v6/img/ico/next_lg_disabled.svg)
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .gallerynav .viewport {
        height:auto;
        max-height: none
    }
}

.v2020 section.hotelview-gallery .row .gallerynav .nav {
    display: inline-block;
    width: auto;
    max-width: 960px;
    margin: 0 auto;
    height: 48px;
    white-space: nowrap
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .gallerynav .nav {
        width:100%;
        height: auto;
        max-height: 384px;
        overflow: hidden;
        margin-top: 25px;
        position: relative
    }
}

.v2020 section.hotelview-gallery .row .gallerynav .nav.sliding {
    position: absolute;
    top: 0;
    left: 49px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.v2020 section.hotelview-gallery .row .gallerynav .nav a {
    display: inline-block;
    height: 48px;
    text-align: center;
    text-decoration: none;
    color: #646363;
    margin: 0;
    padding-left: 22px;
    padding-right: 22px;
    border-right: 1px solid #fff
}

.v2020 section.hotelview-gallery .row .gallerynav .nav a:first-child {
    border-left: 1px solid #fff
}

.v2020 section.hotelview-gallery .row .gallerynav .nav a.selected {
    background: #0573b6;
    color: #fff
}

.v2020 section.hotelview-gallery .row .gallerynav .nav a.surround {
    text-indent: -5000px;
    background-image: url(/bw/v6/img/ico/360_icon_black.svg);
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center;
    width: 80px
}

.v2020 section.hotelview-gallery .row .gallerynav .nav a.surround.selected {
    background-image: url(/bw/v6/img/ico/360_icon.svg)
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .gallerynav .nav a {
        padding-left:15px;
        padding-right: 15px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .gallerynav .nav a {
        display:block;
        width: 100%;
        text-align: left;
        padding-left: 56px;
        background: #0573b6;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        border-right: none
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a:first-child {
        border-left: none
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.surround {
        width: 100%;
        background-image: none
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.surround.selected {
        background-image: none
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.surround:before {
        display: inline-block;
        height: 48px;
        width: 90px;
        content: '';
        background-image: url(/bw/v6/img/ico/360_icon.svg);
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: 56px center;
        position: absolute;
        left: 0
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.showSelected {
        position: absolute;
        top: 0;
        border-bottom: 1px solid #fff;
        background-image: url(/bw/v6/img/ico/arrow-down.svg);
        background-size: 28px 15px;
        background-repeat: no-repeat;
        background-position: 80% center
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.showSelected.closed {
        background-image: url(/bw/v6/img/ico/arrow-down.svg)
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.slideUp {
        position: absolute;
        bottom: 0;
        background-image: url(/bw/v6/img/ico/arrow-down.svg);
        background-size: 28px 15px;
        background-repeat: no-repeat;
        background-position: center center
    }

    .v2020 section.hotelview-gallery .row .gallerynav .nav a.slideUp.showAll {
        position: static;
        background-image: url(/bw/v6/img/ico/arrow-up.svg)
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery {
    position: relative;
    margin: 0;
    height: 121px;
    background: #909090
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery {
        height:140px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery {
        height:109px;
        border-top: 25px solid #e1e1e1
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap {
    height: 121px;
    max-width: 960px;
    margin: 0 auto;
    padding: 16px 0;
    position: relative
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap {
        height:140px;
        padding: 25px 0
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap {
        overflow:hidden;
        height: 84px;
        padding: 17px 0
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport {
    width: 795px;
    margin: 0 auto;
    overflow: hidden;
    height: 121px;
    position: relative
}

@media (max-width: 895px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport {
        width:82%
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport {
        width:52%;
        height: 66px
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    position: absolute;
    width: 100%
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li {
    display: block;
    float: left;
    width: 20%;
    height: 89px
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li {
        height:49px
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a {
    display: block;
    width: 141px;
    height: 89px;
    margin: 0 auto;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a {
        width:90%
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a {
        height:49px;
        max-width: 76px
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a.icon-play-circled:before {
    color: rgba(255,255,255,0.6);
    padding: 17% 35%
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a em {
    display: inline-block;
    width: auto;
    padding: 0 12px;
    background-color: rgba(0,0,0,0.8);
    font-style: normal;
    color: #fff;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 5px
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li a em {
        display:none
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li.active a {
    border: 4px solid #0573b6
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport ul li.active a em {
    bottom: 1px
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb,.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb {
    display: block;
    width: 50px;
    height: 89px;
    position: absolute;
    top: 16px;
    background-color: rgba(215,210,210,0.5);
    background-repeat: no-repeat;
    background-size: 15px 28px;
    background-position: center center;
    cursor: pointer
}

@media (max-width: 768px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb,.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb {
        top:25px
    }
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb,.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb {
        height:49px;
        top: 17px;
        background-size: 8px 15px
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb.disabled,.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb.disabled {
    opacity: .5;
    cursor: default
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb {
    left: 0;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .previousThumb {
        left:12px
    }
}

.v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb {
    right: 0;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

@media (max-width: 400px) {
    .v2020 section.hotelview-gallery .row .thumbnailGallery .viewportWrap .nextThumb {
        right:12px
    }
}

.v2020 .hitlist-popup section.hotelview-gallery {
    max-width: 960px;
    margin: 18px auto 0;
    background: #fff;
    padding: 0 40px
}

@media (max-width: 400px) {
    .v2020 .hitlist-popup section.hotelview-gallery .row {
        height:350px
    }
}

.v2020 .hitlist-popup section.hotelview-gallery .row .caption {
    display: none
}

.v2020 .hitlist-popup section.hotelview-gallery .row .viewport {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .v2020 .hitlist-popup section.hotelview-gallery .row .viewport {
        margin:0 0 0 0
    }
}

.v2020 .hitlist-popup section.hotelview-gallery .row .viewport .popupCaption {
    width: 50%;
    height: 51px;
    padding: 13px;
    background: rgba(255,255,255,0.6);
    position: absolute;
    bottom: 0;
    left: 25%;
    color: #646363
}

@media (max-width: 400px) {
    .v2020 .hitlist-popup section.hotelview-gallery .row .viewport .popupCaption {
        display:none !important
    }
}

.v2020 .hitlist-popup section.hotelview-gallery .row .thumbnailGallery {
    background: #fff
}

@media (max-width: 400px) {
    .v2020 .hitlist-popup section.hotelview-gallery .row .thumbnailGallery {
        border-top:none
    }
}

@media (max-width: 400px) {
    .v2020 .hitlist-popup section.hotelview-gallery .row .gallerynav {
        background:#fff;
        top: 286px
    }
}

.v2020 .single-image-popup section.hotelview-gallery {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    padding: 0 40px
}

@media (max-width: 400px) {
    .v2020 .single-image-popup section.hotelview-gallery .row {
        height:auto
    }
}

.v2020 .single-image-popup section.hotelview-gallery .row .caption {
    display: none
}

.v2020 .single-image-popup section.hotelview-gallery .row .viewport {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .v2020 .single-image-popup section.hotelview-gallery .row .viewport {
        margin:0 0 0 0
    }
}

.v2020 .single-image-popup section.hotelview-gallery .row .viewport .popupCaption {
    width: 50%;
    height: 51px;
    padding: 13px;
    background: rgba(255,255,255,0.6);
    position: absolute;
    bottom: 0;
    left: 80px;
    color: #646363
}

@media (max-width: 400px) {
    .v2020 .single-image-popup section.hotelview-gallery .row .viewport .popupCaption {
        display:none
    }
}

.v2020 .single-image-popup section.hotelview-gallery .row .thumbnailGallery {
    background: #fff;
    height: 0px;
    overflow: hidden
}

@media (max-width: 400px) {
    .v2020 .single-image-popup section.hotelview-gallery .row .thumbnailGallery {
        border-top:none
    }
}

.v2020 .single-image-popup section.hotelview-gallery .row .thumbnailGallery .viewportWrap {
    height: 0px
}

.v2020 .single-image-popup section.hotelview-gallery .row .thumbnailGallery .viewportWrap .viewport {
    height: 0px
}

.v2020 .single-image-popup section.hotelview-gallery .row .gallerynav {
    height: 0px
}

.v2020 .single-image-popup section.hotelview-gallery .row .gallerynav .viewport {
    height: 0px
}

@media (max-width: 400px) {
    .v2020 .single-image-popup section.hotelview-gallery .row .gallerynav {
        background:#fff;
        top: 286px
    }
}

.v2020 #hvgOverlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.v2020 #hvgOverlay .overlayCloseBtn {
    border-radius: 50%;
    background-image: url(/bw/v6/img/hvg-lightbox-close-btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 1040
}

.v2020 #hvgOverlay .lightboxGallery {
    position: absolute;
    left: 0;
    top: 50%;
    height: 800px;
    width: 100%;
    z-index: 1020
}

.v2020 #hvgOverlay .lightboxGallery .viewport {
    height: 800px;
    max-height: 800px;
    width: 88%;
    max-width: 1600px;
    margin: 0 auto 22px;
    position: relative;
    overflow: hidden
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul {
    height: 800px;
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    position: absolute
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li {
    height: 800px;
    display: block;
    float: left
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li span {
    height: 800px;
    display: block;
    width: 100%;
    max-width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    position: relative;
    cursor: default
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li span.icon-play-circled {
    color: rgba(255,255,255,0.6)
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li span.icon-play-circled:hover {
    color: rgba(255,255,255,0.8)
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li span span.caption {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    position: absolute;
    bottom: 0;
    opacity: 0
}

.v2020 #hvgOverlay .lightboxGallery .viewport ul li span .spinner {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top-color: #fff;
    -webkit-animation: rotate 1.5s linear 0s infinite;
    animation: rotate 1.5s linear 0s infinite
}

.v2020 #hvgOverlay .lightboxGallery .viewport .previousSlide,.v2020 #hvgOverlay .lightboxGallery .viewport .nextSlide {
    display: block;
    width: 50px;
    height: 800px;
    position: absolute;
    top: 0;
    z-index: 1030;
    cursor: pointer
}

.v2020 #hvgOverlay .lightboxGallery .viewport .previousSlide.disabled,.v2020 #hvgOverlay .lightboxGallery .viewport .nextSlide.disabled {
    display: none
}

.v2020 #hvgOverlay .lightboxGallery .viewport .previousSlide {
    left: 0
}

.v2020 #hvgOverlay .lightboxGallery .viewport .nextSlide {
    right: 0
}

.v2020 #hvgOverlay .lightboxGallery .viewport .lightboxCaption {
    position: absolute;
    bottom: 0;
    color: #fff
}

@media (max-width: 400px) {
    .v2020 #hvgOverlay .lightboxGallery .viewport .lightboxCaption {
        display:none
    }
}

.v2020 #hvgOverlay .thumbnailGallery {
    position: relative;
    margin: 22px 0 0 0;
    height: 121px;
    background: #909090
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap {
    height: 121px;
    max-width: 88%;
    margin: 0 auto;
    padding: 16px 0;
    position: relative
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport {
    margin: 0 80px;
    min-width: 170px;
    overflow: hidden;
    height: 90px;
    position: relative
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    position: absolute
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li {
    display: block;
    float: left;
    width: 20%;
    height: 89px
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li a {
    display: block;
    width: 141px;
    height: 89px;
    margin: 0 auto;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li a.icon-play-circled:before {
    color: rgba(255,255,255,0.6);
    padding: 17% 35%
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li a em {
    display: inline-block;
    width: auto;
    padding: 0 12px;
    background-color: rgba(0,0,0,0.8);
    font-style: normal;
    color: #fff;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 5px
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li.active a {
    border: 4px solid #0573b6
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .viewport ul li.active a em {
    bottom: 1px
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .previousThumb,.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .nextThumb {
    display: block;
    width: 50px;
    height: 89px;
    position: absolute;
    top: 16px;
    background-color: rgba(215,210,210,0.5);
    background-repeat: no-repeat;
    background-size: 15px 28px;
    background-position: center center;
    cursor: pointer
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .previousThumb.disabled,.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .nextThumb.disabled {
    opacity: .5;
    cursor: default
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .previousThumb {
    left: 0;
    background-image: url(/bw/v6/img/ico/previous_lg.svg)
}

.v2020 #hvgOverlay .thumbnailGallery .viewportWrap .nextThumb {
    right: 0;
    background-image: url(/bw/v6/img/ico/next_lg.svg)
}

.v2020 .edge .hotelview #virtual-tour .virtual-tour-btn span {
    background-size: 24px 23px
}

@media (max-width: 400px) {
    .v2020 .edge section.hotelview-gallery .row .gallerynav .nav a.surround::before {
        background-size:28px 26px
    }
}

.v2020.rewards-2022 .slide-content .teaser-box h1 {
    font-weight: 800;
    margin-top: 1rem;
    line-height: 1.1em
}

.v2020.rewards-2022 .slide-content .teaser-box p {
    line-height: 1.3em !important;
    margin: 0 0 20px 0
}

.v2020.rewards-2022 .slide-content .teaser-box a.btn {
    font-weight: 600
}

.v2020.rewards-2022 #in-page-navigation {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    margin: 0 20px;
    height: 38px;
    position: relative;
    z-index: 0;
    display: none
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #in-page-navigation {
        display:block
    }
}

.v2020.rewards-2022 #in-page-navigation ul {
    list-style-type: none;
    display: inline-block;
    margin: 0
}

.v2020.rewards-2022 #in-page-navigation ul.nav1 {
    margin-left: 6px
}

.v2020.rewards-2022 #in-page-navigation ul.nav2 {
    margin-left: 4px
}

.v2020.rewards-2022 #in-page-navigation ul li {
    display: block;
    float: left;
    padding-left: 0px
}

.v2020.rewards-2022 #in-page-navigation ul li:before {
    content: "";
    display: none
}

.v2020.rewards-2022 #in-page-navigation ul li a {
    font-size: 1rem;
    color: #646363;
    text-decoration: none;
    display: inline-block;
    padding: 8px 6px;
    position: relative
}

.v2020.rewards-2022 #in-page-navigation ul li a:after {
    content: "|";
    font-size: .85rem;
    position: absolute;
    right: -2px;
    top: 7px
}

.v2020.rewards-2022 #in-page-navigation ul li.active a {
    font-weight: bold
}

.v2020.rewards-2022 #in-page-navigation ul li.active a:after {
    font-weight: normal
}

.v2020.rewards-2022 #in-page-navigation ul.nav2 li a {
    padding-left: 3px
}

.v2020.rewards-2022 #in-page-navigation ul.nav2 li a:after {
    content: ""
}

.v2020.rewards-2022 #in-page-navigation .logout {
    float: right
}

.v2020.rewards-2022 #in-page-navigation .logout #logoutButton {
    background: none;
    font-size: 1rem;
    color: #646363 !important;
    text-transform: lowercase
}

.v2020.rewards-2022 section.page {
    position: relative;
    z-index: 0
}

@media (max-width: 576px) {
    .v2020.rewards-2022 section.page {
        padding:510px 0 0 0 !important
    }

    .v2020.rewards-2022 section.page section.page {
        padding: 0 0 0 0
    }
}

.v2020.rewards-2022 .page-content {
    position: relative;
    z-index: -1
}

.v2020.rewards-2022 .page-content>h1 {
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 3rem
}

.v2020.rewards-2022 .page-content h2,.v2020.rewards-2022 .page-content .welcomeHeadline {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content h2,.v2020.rewards-2022 .page-content .welcomeHeadline {
        margin-bottom:1rem
    }
}

.v2020.rewards-2022 .page-content img {
    width: auto;
    max-width: 100%;
    margin-left: 0
}

.v2020.rewards-2022 .page-content img.ajax-loader {
    margin-right: auto;
    margin-left: auto
}

.v2020.rewards-2022 .page-content .row>h2 {
    padding-left: 2%;
    padding-right: 2%;
    margin: 1.6rem 0 .5rem 0
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row>h2 {
        margin:1.6rem 0 1rem 0
    }
}

.v2020.rewards-2022 .page-content .row>h2+div,.v2020.rewards-2022 .page-content .row>h2+div+div,.v2020.rewards-2022 .page-content .row>h2+div+div+div,.v2020.rewards-2022 .page-content .row>h2+div+div+div+div {
    margin: 0 0 0 0
}

.v2020.rewards-2022 .page-content .row>h2+div>h3,.v2020.rewards-2022 .page-content .row>h2+div+div>h3,.v2020.rewards-2022 .page-content .row>h2+div+div+div>h3,.v2020.rewards-2022 .page-content .row>h2+div+div+div+div>h3,.v2020.rewards-2022 .page-content .row>h2+div>h4,.v2020.rewards-2022 .page-content .row>h2+div+div>h4,.v2020.rewards-2022 .page-content .row>h2+div+div+div>h4,.v2020.rewards-2022 .page-content .row>h2+div+div+div+div>h4,.v2020.rewards-2022 .page-content .row>h2+div>h5,.v2020.rewards-2022 .page-content .row>h2+div+div>h5,.v2020.rewards-2022 .page-content .row>h2+div+div+div>h5,.v2020.rewards-2022 .page-content .row>h2+div+div+div+div>h5 {
    margin-top: 0
}

.v2020.rewards-2022 .page-content .row>h2+.flex-container>div,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div+div {
    margin: 0 0 0 0;
    min-height: 1.7rem
}

.v2020.rewards-2022 .page-content .row>h2+.flex-container>div:empty,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div:empty,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div+div:empty {
    min-height: 0
}

.v2020.rewards-2022 .page-content .row>h2+.flex-container>div .bottom-right,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div .bottom-right,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div+div .bottom-right {
    margin-right: 7px
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row>h2+.flex-container>div .bottom-right,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div .bottom-right,.v2020.rewards-2022 .page-content .row>h2+.flex-container>div+div+div .bottom-right {
        margin-right:21px
    }
}

.v2020.rewards-2022 .page-content .row:last-child:after,.v2020.rewards-2022 .page-content .row:last-of-type:after {
    border-bottom: none
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row div:first-of-type.col-lg-4,.v2020.rewards-2022 .page-content .row div:first-of-type.col-lg-6,.v2020.rewards-2022 .page-content .row div:first-of-type.col-lg-8 {
        padding-right:1%;
        padding-left: 2% !important
    }
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row div:last-of-type.col-lg-4,.v2020.rewards-2022 .page-content .row div:last-of-type.col-lg-6,.v2020.rewards-2022 .page-content .row div:last-of-type.col-lg-8 {
        padding-left:1%
    }
}

.v2020.rewards-2022 .page-content .row+div,.v2020.rewards-2022 .page-content .row+div+div,.v2020.rewards-2022 .page-content .row+div+div+div {
    position: relative
}

.v2020.rewards-2022 .page-content .row+div .bottom-right,.v2020.rewards-2022 .page-content .row+div+div .bottom-right,.v2020.rewards-2022 .page-content .row+div+div+div .bottom-right {
    margin-right: 7px
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row+div .bottom-right,.v2020.rewards-2022 .page-content .row+div+div .bottom-right,.v2020.rewards-2022 .page-content .row+div+div+div .bottom-right {
        margin-right:21px
    }
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row .flex-container {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: flex-start
    }

    .v2020.rewards-2022 .page-content .row .flex-container div+div .bottom-right,.v2020.rewards-2022 .page-content .row .flex-container div+div+div .bottom-right {
        margin-right: 21px
    }
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .row .col-lg-4 {
        padding-right:0;
        padding-left: 2%
    }

    .v2020.rewards-2022 .page-content .row .col-lg-4+.col-lg-4 {
        padding-right: 1%;
        padding-left: 1%
    }

    .v2020.rewards-2022 .page-content .row .col-lg-4+.col-lg-4+.col-lg-4 {
        padding-right: 2%;
        padding-left: 0
    }
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .page-content .row .col-xs-12 {
        margin:.5rem 0
    }
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .page-content .row:first-of-type .col-xs-12 {
        margin:0 0 0 0
    }
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .page-content .row:first-of-type .col-xs-12+.col-xs-12 {
        margin:.75rem 0 0 0
    }
}

.v2020.rewards-2022 .page-content .row.bottom-border:after,.v2020.rewards-2022 .page-content .row.welcome:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #CECDCF;
    margin-left: 2%;
    margin-right: 2%;
    height: 1rem
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content .profile .col-lg-4 {
        padding-right:2%;
        padding-left: 2%
    }

    .v2020.rewards-2022 .page-content .profile .col-lg-4+.col-lg-4 {
        padding-right: 2%;
        padding-left: 2%
    }

    .v2020.rewards-2022 .page-content .profile .col-lg-4+.col-lg-4+.col-lg-4 {
        padding-right: 2%;
        padding-left: 2%
    }
}

.v2020.rewards-2022 .page-content p {
    line-height: 1.3125rem
}

.v2020.rewards-2022 .page-content>p {
    padding-left: 2%;
    padding-right: 2%
}

.v2020.rewards-2022 .page-content a {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer
}

.v2020.rewards-2022 .page-content a:hover {
    text-decoration: underline
}

.v2020.rewards-2022 .page-content a.point-right:before,.v2020.rewards-2022 .page-content a.point-right.icon-minus-circled:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 .page-content a.point-right.icon-plus-circled:before,.v2020.rewards-2022 .page-content a.point-right.collapse-down:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020.rewards-2022 .page-content a.point-right.collapse-up:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-bottom: 8px solid;
    border-left: 4px solid transparent;
    border-top: 0;
    border-right: 4px solid transparent
}

.v2020.rewards-2022 .page-content a.rate-info {
    color: #4a4a4a;
    text-decoration: none
}

.v2020.rewards-2022 .page-content a.rate-info:before {
    text-decoration: none
}

.v2020.rewards-2022 .page-content a.btn {
    text-decoration: none
}

.v2020.rewards-2022 .page-content a.btn:hover {
    text-decoration: none
}

.v2020.rewards-2022 .page-content address {
    display: block;
    background-image: url('/bw/v6/img/pin.png');
    margin: 0;
    padding-left: 25px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    line-height: 1.2em
}

.v2020.rewards-2022 .page-content address a.hotel-map {
    display: block;
    width: 19px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 0
}

.v2020.rewards-2022 .page-content address p.wrap {
    margin: 1.4rem 0 .8rem -25px
}

.v2020.rewards-2022 .page-content address p.wrap a.w3w {
    white-space: nowrap
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .page-content address p.wrap a.w3w {
        margin-left:5px
    }
}

.v2020.rewards-2022 .page-content address p.wrap a.w3w span {
    white-space: normal
}

.v2020.rewards-2022 .page-content address p.wrap a.w3w img {
    margin-right: 3px;
    width: 18px !important;
    height: 18px !important
}

.v2020.rewards-2022 .page-content address a:before {
    margin-left: 0
}

.v2020.rewards-2022 .page-content address a.icon-mail-alt {
    white-space: nowrap
}

.v2020.rewards-2022 .page-content address a.icon-mail-alt:before {
    font-size: 18px
}

.v2020.rewards-2022 .page-content ul {
    list-style-type: none;
    margin: 0 0 1rem
}

.v2020.rewards-2022 .page-content ul li {
    padding-left: .5rem;
    position: relative
}

.v2020.rewards-2022 .page-content ul li:before {
    content: "\00B7";
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 0
}

.v2020.rewards-2022 .page-content ul.nav-tabs {
    display: none
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .page-content ul.nav-tabs {
        display:block;
        margin: 0 0 0 0;
        height: 3rem;
        z-index: 1
    }
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.nav-item {
    padding-left: 0px;
    cursor: pointer;
    min-width: 6rem;
    height: 3rem
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.nav-item .nav-link {
    padding: 1rem .75rem;
    height: 3rem;
    text-decoration: none
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.nav-item .nav-link:hover {
    text-decoration: none
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.nav-item:before {
    content: ""
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown {
    padding-left: 0
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown:before {
    content: ""
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu {
    list-style-type: none;
    left: auto;
    right: 0;
    border: 1px solid;
    border-color: #ffffff #edede2 #edede2 #edede2;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li:before {
    content: ""
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link {
    font-weight: 600;
    color: #AEAEAE
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link:hover,.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu li .nav-link.active {
    color: #5A5A59;
    text-decoration: none
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu.show {
    width: auto
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown ul.dropdown-menu.show li .nav-link {
    border: none
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle {
    background: transparent;
    display: block;
    width: 100%;
    padding: 1rem .75rem;
    height: 3rem;
    text-align: right;
    color: #646363;
    font-size: 1rem
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle:before {
    border: none
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-top: 9px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.v2020.rewards-2022 .page-content ul.nav-tabs li.dropdown button.dropdown-toggle.show:after {
    margin-left: 4px;
    vertical-align: 0px;
    content: "";
    border-bottom: 9px solid;
    border-right: 4px solid transparent;
    border-top: 0;
    border-left: 4px solid transparent
}

.v2020.rewards-2022 .page-content ul.no-list-style li,.v2020.rewards-2022 .page-content ul#packageFilterList li {
    padding-left: 0px
}

.v2020.rewards-2022 .page-content ul.no-list-style li:before,.v2020.rewards-2022 .page-content ul#packageFilterList li:before {
    content: ""
}

.v2020.rewards-2022 .page-content ul.arrow_blue {
    color: #646363
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .imgholder {
    height: 227px
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .imgholder img {
    width: 100%;
    height: 227px;
    margin: 0 0 0 0;
    object-fit: cover
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .text-im-bild .text-overlay {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 0
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .text-im-bild .text-overlay h3 {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: bold
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .text-im-bild .text-overlay h3 span {
    display: block;
    width: 100%;
    padding: 4px 8px 2px 8px
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details-toggle {
    display: block;
    margin-top: 1rem
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details-toggle.open:before {
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details {
    display: block;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details h6 {
    font-weight: bold;
    font-size: .9375rem
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .details.showing {
    margin: 1rem 0 0 0;
    max-height: 660px
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .teaser+.pad {
    border: 1px solid #D7D7D8;
    border-top: none;
    overflow: hidden;
    padding: 1.5rem .5rem .5rem
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .teaser+.pad h3 {
    margin-bottom: 1rem
}

.v2020.rewards-2022 .page-content .bonuspunkte-aktionen .btn-register {
    float: right;
    margin-top: 1rem
}

.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-1,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-1,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-1,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-1,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-2,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-2,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-2,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-2,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-3,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-3,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-3,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-3,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-4,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-4,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-4,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-4,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-5,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-5,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-5,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-5,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-6,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-6,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-6,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-6,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-7,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-7,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-7,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-7,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-8,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-8,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-8,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-8,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-9,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-9,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-9,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-9,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-10,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-10,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-10,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-10,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-11,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-11,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-11,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-11,.v2020.rewards-2022 .page-content .col-xs-12 .col-xs-12,.v2020.rewards-2022 .page-content .col-xs-12 .col-sm-12,.v2020.rewards-2022 .page-content .col-xs-12 .col-md-12,.v2020.rewards-2022 .page-content .col-xs-12 .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
    margin: 0
}

.v2020.rewards-2022 .page-content .col-xs-12.bonus-order-form .col-sm-6,.v2020.rewards-2022 .page-content .col-xs-12.bonus-order-form .col-xs-6,.v2020.rewards-2022 .page-content .col-xs-12.bonus-order-form .col-xs-12,.v2020.rewards-2022 .page-content .col-xs-12.bonus-order-form .col-xs-3,.v2020.rewards-2022 .page-content .col-xs-12.bonus-order-form .col-sm-3 {
    padding-right: 2%;
    padding-left: 2%
}

.v2020.rewards-2022 .page-content .row .row .col-xs-12 {
    margin-top: 0
}

.v2020.rewards-2022 .profile .edit-block {
    margin-bottom: 2rem;
    position: relative
}

.v2020.rewards-2022 .profile .edit-block h3 {
    display: inline;
    font-weight: 600;
    font-size: 1rem
}

.v2020.rewards-2022 .profile .edit-block p {
    margin: .8rem 0 0 0
}

.v2020.rewards-2022 .profile .edit-block p.no-margin {
    margin: 0 0 0 0
}

.v2020.rewards-2022 .profile .edit-block a.edit-profile {
    margin-left: 1rem
}

.v2020.rewards-2022 .profile .edit-block a.edit-profile:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 .profile .edit-block a.edit-profile#show-all-addresses {
    display: inline-block;
    margin-left: 0;
    margin-top: 1rem
}

.v2020.rewards-2022 .profile .edit-block .cbox-line {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v2020.rewards-2022 .profile .edit-block .cbox-line label {
    font-weight: normal;
    font-size: .9375rem;
    margin: 0
}

.v2020.rewards-2022 .profile .edit-block .cbox-line input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.v2020.rewards-2022 .profile .edit-block .cbox-line .checkmark {
    position: absolute;
    top: 0;
    right: 20px;
    height: 15px;
    width: 15px;
    background-color: #6F6E74;
    border: 1px solid #6F6E74;
    box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.3);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0
}

.v2020.rewards-2022 .profile .edit-block .cbox-line .checkmark:after {
    display: inline-block;
    content: " ";
    position: absolute;
    top: -1px;
    left: 14px;
    height: 15px;
    width: 15px;
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #a4a4a4;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0
}

.v2020.rewards-2022 .profile .edit-block .cbox-line input:checked~.checkmark {
    background: #ffffff;
    border-color: #a4a4a4;
    box-shadow: none
}

.v2020.rewards-2022 .profile .edit-block .cbox-line input:checked~.checkmark:after {
    background-color: #88BC24;
    box-shadow: none
}

.v2020.rewards-2022 .profile .edit-block .radio-line {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px
}

.v2020.rewards-2022 .profile .edit-block .radio-line label {
    font-weight: normal;
    font-size: .9375rem;
    margin: 0;
    cursor: pointer
}

.v2020.rewards-2022 .profile .edit-block .radio-line input {
    position: absolute;
    left: 4px;
    top: 2px;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.v2020.rewards-2022 .profile .edit-block .radio-line .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 50%
}

.v2020.rewards-2022 .profile .edit-block .radio-line input:checked~.checkmark {
    background-color: #003c7e
}

.v2020.rewards-2022 .profile .edit-block .radio-line.disabled {
    cursor: default
}

.v2020.rewards-2022 .profile .edit-block .radio-line.disabled label,.v2020.rewards-2022 .profile .edit-block .radio-line.disabled input {
    cursor: default
}

.v2020.rewards-2022 .profile #personalData {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .profile #personalData {
        max-width:320px
    }
}

.v2020.rewards-2022 .profile #addressEditor {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .profile #addressEditor {
        width:670px
    }
}

.v2020.rewards-2022 .profile #collectingPreferences {
    width: 100%
}

.v2020.rewards-2022 .profile .details-toggle {
    display: block;
    margin-top: 1rem
}

.v2020.rewards-2022 .profile .details-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 .profile .details-toggle.open:before {
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid !important;
    border-left: 4px solid transparent !important;
    border-bottom: 0 !important;
    border-right: 4px solid transparent !important
}

.v2020.rewards-2022 .profile .details {
    display: block;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.v2020.rewards-2022 .profile .details h6 {
    font-weight: bold;
    font-size: .9375rem
}

.v2020.rewards-2022 .profile .details.showing {
    margin: 1rem 0 0 0;
    max-height: 660px
}

.v2020.rewards-2022 .profile-editor-overlay {
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

.v2020.rewards-2022 .profile-editor-overlay input.close {
    border-radius: 30px;
    border: 1px solid #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-top: -10px;
    cursor: pointer
}

.v2020.rewards-2022 .hiddenForm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    background: #ffffff
}

.v2020.rewards-2022 .hiddenForm form {
    border: 1px solid;
    border-color: #DBDADD #B2B0B5 #CFCED1 #C4C3C6;
    padding: .8rem .5rem .5rem;
    margin-bottom: 4rem
}

.v2020.rewards-2022 .hiddenForm form h3 {
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-size: 1rem
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .hiddenForm form h3 {
        margin-bottom:0
    }
}

.v2020.rewards-2022 .hiddenForm form p {
    margin: .8rem 0
}

.v2020.rewards-2022 .hiddenForm form div {
    margin: .5rem 0
}

.v2020.rewards-2022 .hiddenForm form div.form-submit {
    margin: 1rem 0 0 0;
    text-align: right
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .hiddenForm form div.no-right-pad,.v2020.rewards-2022 .hiddenForm form div.no-left-pad {
        padding-right:0 !important;
        padding-left: 0 !important
    }
}

.v2020.rewards-2022 .hiddenForm form label {
    font-weight: normal;
    font-size: .9375rem;
    margin: 0
}

.v2020.rewards-2022 .hiddenForm form input[type="reset"].btn {
    background-color: transparent;
    border: 1px solid #003c7e;
    font-size: 1rem;
    line-height: 1em;
    color: #003c7e;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    padding: 6px 12px 6px 12px;
    -webkit-appearance: none;
    height: 32px;
    border-radius: 4px;
    cursor: pointer
}

.v2020.rewards-2022 .hiddenForm form .radiobutton {
    padding-left: 0
}

.v2020.rewards-2022 .hiddenForm form .radiobutton label {
    position: relative;
    padding-left: 20px;
    padding-right: 12px;
    cursor: pointer
}

.v2020.rewards-2022 .hiddenForm form .radiobutton input {
    position: absolute;
    left: 1px;
    top: 4px;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.v2020.rewards-2022 .hiddenForm form .radiobutton .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 50%
}

.v2020.rewards-2022 .hiddenForm form .radiobutton .checkmark:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff
}

.v2020.rewards-2022 .hiddenForm form .radiobutton input:checked~.checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #003c7e;
    opacity: 1
}

.v2020.rewards-2022 .hiddenForm form .checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 1rem 0;
    padding: 0 0 0 20px
}

.v2020.rewards-2022 .hiddenForm form .checkbox label {
    width: auto
}

.v2020.rewards-2022 .hiddenForm form .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.v2020.rewards-2022 .hiddenForm form .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 3px;
    padding: 0
}

.v2020.rewards-2022 .hiddenForm form .checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.v2020.rewards-2022 .hiddenForm form .checkbox input:checked~.checkmark {
    background-color: #003c7e
}

.v2020.rewards-2022 .hiddenForm form .checkbox input:checked~.checkmark:after {
    content: "✓";
    color: white;
    font-size: 12px;
    display: inline-block;
    padding-left: 1px
}

.v2020.rewards-2022 .hiddenForm form .checkbox:hover input~.checkmark {
    opacity: 1
}

.v2020.rewards-2022 .hiddenForm#collectingPreferences form {
    margin-bottom: 1rem
}

.v2020.rewards-2022 #contactDataEditor {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor {
        width:640px
    }
}

.v2020.rewards-2022 #contactDataEditor table {
    margin-top: 1rem
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table {
        margin-top:1.5rem
    }
}

.v2020.rewards-2022 #contactDataEditor table thead tr th {
    font-weight: normal;
    font-size: .9375rem !important;
    text-align: left;
    border-bottom: none !important
}

.v2020.rewards-2022 #contactDataEditor table thead tr th:first-child {
    padding-left: 0
}

.v2020.rewards-2022 #contactDataEditor table thead tr th:last-child {
    padding-right: 0
}

@media (max-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr {
        margin-bottom:2rem
    }

    .v2020.rewards-2022 #contactDataEditor table tbody tr:last-child {
        margin-bottom: 0
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr:nth-child(odd) {
    background-color: #fff
}

.v2020.rewards-2022 #contactDataEditor table tbody tr:hover {
    background-color: #fff
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td {
    padding: 0px 0px 8px 0px
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td {
        padding:2px 4px
    }
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td:first-child {
        padding-left:0
    }
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td:last-child {
        padding-right:0
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td select.form-control {
    font-size: .9375rem;
    width: 100%
}

@media (max-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td .radio {
        overflow:hidden;
        width: 100%;
        margin-top: 1.5rem
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .radio label {
    max-width: 43%;
    float: left;
    position: relative;
    padding-left: 10px
}

@media (max-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td .radio label {
        width:auto;
        text-align: left;
        padding-left: 24px;
        padding-right: 12px
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .radio label+label {
    max-width: 57%
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .radio input {
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    margin: 0
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 16px;
    width: 16px;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #a4a4a4;
    border-radius: 50%
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .radio input:checked~.checkmark {
    background-color: #003c7e
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.email,.v2020.rewards-2022 #contactDataEditor table tbody tr td.phone {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td.email,.v2020.rewards-2022 #contactDataEditor table tbody tr td.phone {
        width:40%
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.email input[type="text"].form-control,.v2020.rewards-2022 #contactDataEditor table tbody tr td.phone input[type="text"].form-control {
    font-size: .9375rem;
    width: 100%
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td:nth-of-type(2) {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td:nth-of-type(2) {
        width:20%
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td:nth-of-type(3) {
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td:nth-of-type(3) {
        width:29%
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.delete_address {
    vertical-align: middle;
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table tbody tr td.delete_address {
        width:1%
    }
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.delete_address a.icon-trash-empty {
    font-size: 20px;
    color: #646363
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.delete_address a.icon-trash-empty:before {
    margin: 0;
    width: 18px
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td.delete_address a.icon-trash-empty:hover {
    color: #a94442
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td .error {
    margin: 0
}

.v2020.rewards-2022 #contactDataEditor table tbody tr td[data-title]:before {
    font-size: 1rem;
    line-height: 1.7rem
}

@media (max-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor table+a+table {
        margin-top:3rem
    }
}

.v2020.rewards-2022 #contactDataEditor a.btn {
    background-color: transparent;
    border: 1px solid #003c7e;
    font-size: 1rem;
    line-height: 1em;
    color: #003c7e !important;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    padding: 6px 12px 6px 12px;
    -webkit-appearance: none;
    height: 32px;
    border-radius: 4px
}

.v2020.rewards-2022 #contactDataEditor a.btn-add {
    min-width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor a.btn-add {
        min-width:42%
    }
}

.v2020.rewards-2022 #contactDataEditor a.btn-add:before {
    content: "+ "
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address {
    margin-top: 2rem
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address .flex-container {
    margin: 0
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor .edit-profile_address .flex-container {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address .flex-container .address-box {
    margin: 0;
    width: 100%
}

@media (min-width: 576px) {
    .v2020.rewards-2022 #contactDataEditor .edit-profile_address .flex-container .address-box {
        width:50%
    }
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address a.edit-profile {
    margin-left: 0
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address a.edit-profile:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address a.icon-trash-empty {
    color: #646363
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address a.icon-trash-empty:before {
    margin-left: -2px;
    width: 12px
}

.v2020.rewards-2022 #contactDataEditor .edit-profile_address a.icon-trash-empty:hover {
    color: #a94442
}

.v2020.rewards-2022 #contactDataEditor .bwr_editprofile_address .flex-container table td {
    width: 33%
}

.v2020.rewards-2022 #addressDataContainer .details p:first-child {
    margin-top: 0
}

.v2020.rewards-2022 .bonus-points {
    margin-top: 1rem
}

.v2020.rewards-2022 .bonus-points fieldset {
    padding: 12px 0;
    text-align: right
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select div {
    position: relative;
    height: 32px;
    overflow: hidden;
    border: 1px solid #c7c5cb
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-month div {
    width: 30px;
    border-right: none
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-year {
    margin-left: -5px
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-year div {
    width: 56px;
    border-left: none
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select .selection-visible {
    display: block;
    height: 32px;
    width: auto;
    color: #646363;
    position: absolute;
    top: 0
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-month .selection-visible {
    padding: 2px 0 0 8px
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-month .selection-visible:after {
    content: ".";
    color: #646363
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select.select-year .selection-visible {
    padding: 2px 0 0 6px;
    margin-left: 4px
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select select {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 50px
}

.v2020.rewards-2022 .bonus-points fieldset div.styled-select select:hover {
    cursor: pointer
}

.v2020.rewards-2022 .bonus-points fieldset .form-group {
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 2px
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .bonus-points fieldset .form-group {
        margin-left:12px;
        margin-bottom: 0
    }
}

.v2020.rewards-2022 .bonus-points fieldset .form-group label {
    font-weight: normal;
    font-size: .9375rem;
    margin-right: 4px
}

.v2020.rewards-2022 .bonus-points form[name=AccountStatement] #pdwait {
    float: right;
    width: 103px;
    line-height: 1em;
    height: 32px;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 8px
}

.v2020.rewards-2022 .bonus-points form[name=AccountStatement] #pdwait img {
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    margin: auto
}

.v2020.rewards-2022 .bonus-points table th,.v2020.rewards-2022 .bonus-points table td {
    font-size: .9375rem !important;
    line-height: 1.3em !important;
    text-align: center;
    vertical-align: middle;
    padding: 8px 4px;
    border-top: 1px solid #87858A !important
}

.v2020.rewards-2022 .bonus-points table th:first-child,.v2020.rewards-2022 .bonus-points table td:first-child,.v2020.rewards-2022 .bonus-points table th:nth-child(2),.v2020.rewards-2022 .bonus-points table td:nth-child(2) {
    text-align: left
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .bonus-points table tbody tr {
        margin-bottom:2rem
    }
}

.v2020.rewards-2022 .bonus-points table tbody tr:nth-child(odd) {
    background-color: #ffffff
}

@media (min-width: 576px) {
    .v2020.rewards-2022 .bonus-points table tbody tr:nth-child(odd) {
        background-color:#F0F1F1
    }
}

.v2020.rewards-2022 .bonus-points table tbody tr:nth-child(odd):hover {
    background-color: #F0F1F1
}

.v2020.rewards-2022 .bonus-points table tbody tr:nth-child(even) {
    background-color: #ffffff
}

.v2020.rewards-2022 .bonus-points table tbody tr:nth-child(even):hover {
    background-color: #ffffff
}

.v2020.rewards-2022 .bonus-points table tbody td {
    height: 50px
}

.v2020.rewards-2022 .bonus-points table tbody td:first-child {
    color: #003c7e;
    font-weight: 600
}

.v2020.rewards-2022 .bonus-points table tbody td:nth-child(2) {
    width: 15%
}

@media (max-width: 576px) {
    .v2020.rewards-2022 .bonus-points table tbody td[data-title] {
        width:100%;
        padding-left: 31%;
        position: relative;
        text-align: left;
        height: 40px
    }

    .v2020.rewards-2022 .bonus-points table tbody td[data-title]:nth-child(2) {
        width: 100%
    }

    .v2020.rewards-2022 .bonus-points table tbody td[data-title]:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        display: inline-block;
        width: 30%;
        text-align: left;
        font-weight: 600;
        color: #646363
    }
}

.v2020.rewards-2022 .bonus-points input.btn-download {
    background-color: #ffffff;
    color: #003c7e;
    border: 1px solid #003c7e;
    padding-left: 24%;
    padding-right: 20%;
    background-image: url(/bw/v6/img/ico/download.svg);
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: 18px 11px
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel {
    border-bottom: 1px solid #C5C5C7;
    margin: 0 0 0 0
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading {
    overflow: hidden;
    padding: 14px .5rem;
    position: relative
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.accordion-toggle {
    color: #003c7e;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 1rem
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.accordion-toggle:hover {
    text-decoration: underline
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.accordion-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid #003c7e;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.accordion-toggle.active:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 4px solid transparent;
    border-top: 8px solid #003c7e;
    border-right: 4px solid transparent;
    border-bottom: 0
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.btn {
    width: 115px;
    position: absolute;
    right: .5rem;
    top: 2rem
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading a.btn.registered {
    background-color: #99be1a
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-heading h4 {
    margin-right: 130px
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel:first-child {
    border-top: 1px solid #C5C5C7
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel:nth-child(odd) .panel-heading {
    background-color: #F0F1F1 !important
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel:nth-child(even) .panel-heading {
    background-color: #ffffff !important
}

.v2020.rewards-2022 .bonus-points-promotions .panel-group .panel .panel-collapse {
    height: 0px
}

.v2020.rewards-2022 .bonus-order-form {
    margin-top: 2rem
}

.v2020.rewards-2022 .bonus-order-form .radiobutton {
    margin-top: 5px;
    float: left;
    margin-right: 1rem
}

.v2020.rewards-2022 .bonus-order-form .radiobutton .checkmark {
    top: 2px
}

.v2020.rewards-2022 #newaccountform {
    padding-left: 2%;
    padding-right: 2%
}

.v2020.rewards-2022 #newaccountform .radio-inline {
    margin-left: 0
}

.v2020.rewards-2022 #newaccountform .radio-inline input[type="radio"] {
    position: static;
    vertical-align: -2px;
    margin-left: -8px
}

.v2020.rewards-2022 #newaccountform .form-group>div label.radio-inline {
    padding-left: 8px
}

.v2020.rewards-2022 #newaccountform .form-group>div label.radio-inline~label.radio-inline {
    padding-left: 20px
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_std,.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_gcci,.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_diamond,.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_diamondselect,.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_gold,.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_platinum {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 100%;
    padding: 30% 0 4% 20%;
    margin: 0 auto 2em;
    font-size: .8rem;
    line-height: 1rem
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_gcci {
    color: #fff
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_gcci {
    background-image: url(/bw/v6/img/rewards/cards-blue.jpg)
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_diamond {
    background-image: url(/bw/v6/img/rewards/cards-diamond.jpg)
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_diamondselect {
    background-image: url(/bw/v6/img/rewards/cards-diamondselect.jpg)
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_gold {
    background-image: url(/bw/v6/img/rewards/cards-gold.jpg)
}

.v2020.rewards-2022 .welcome .welcome_mitgliedskarte_platinum {
    background-image: url(/bw/v6/img/rewards/cards-platinum.jpg)
}

.v2020.rewards-2022 #specialOfferListContainer {
    text-align: center
}

.v2020.rewards-2022 #specialOfferListContainer .bonus-points-promotions {
    text-align: left
}

.v2020.rewards-2022 #accountFetcherResponseContainerWaiting {
    text-align: center
}

.v2020.rewards-2022 .page-content .conentelementsRewards .row div:first-of-type.col-lg-4 {
    padding-right: 0
}

.v2020.rewards-2022 .page-content .conentelementsRewards .row div:first-of-type.col-lg-6,.v2020.rewards-2022 .page-content .conentelementsRewards .row div:last-of-type.col-lg-6 {
    padding-left: 1% !important;
    padding-right: 1% !important
}

.v2020.rewards-2022 .bwr_editprofile_address_popup {
    margin-top: 2rem !important
}

.v2020.rewards-2022 .bwr_editprofile_address_popup table {
    margin-top: 0 !important
}

.v2020.rewards-2022 .bwrRegisterPage .col-xs-12 {
    padding-right: 2% !important
}

.v2020.rewards-2022 .rewardsNightsSlider {
    height: 55px;
    width: 50%;
    float: left;
    margin-bottom: 10px
}

.v2020.rewards-2022 .rewardsNightsSlider div {
    position: relative;
    height: 23px
}

.v2020.rewards-2022 .rewardsNightsSlider div::before {
    content: '';
    border-radius: 30px;
    width: 25px;
    height: 25px;
    left: 0;
    position: absolute;
    z-index: 500
}

.v2020.rewards-2022 .rewardsNightsSlider div::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a4a4a4;
    left: 0;
    top: 50%
}

.v2020.rewards-2022 .rewardsNightsSlider span {
    position: absolute;
    left: 25px;
    z-index: 5;
    height: 3px;
    border-radius: 10px;
    top: 46%
}

.v2020.rewards-2022 .rewardsNightsSlider small {
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 10px
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard div::before {
    background: #003c7e
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard div span {
    background: #003c7e
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard.nights1 div span {
    width: 20%
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard.nights2 div span {
    width: 40%
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard.nights3 div span {
    width: 60%
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard.nights4 div span {
    width: 80%
}

.v2020.rewards-2022 .rewardsNightsSlider.blueCard.nights5 div span {
    width: 100%
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard div::before,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview div::before {
    background: #C9A657
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard div span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview div span {
    background: #C9A657
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights1 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights1 span {
    width: 14.2%
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights2 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights2 span {
    width: 28.4%
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights3 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights3 span {
    width: 42.85%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights4 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights4 span {
    width: 57.14%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights5 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights5 span {
    width: 71.42%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights6 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights6 span {
    width: 85.71%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCard.nights7 span,.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview.nights7 span {
    width: 100%
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview small,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview small,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview small,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview small {
    color: #a4a4a4
}

.v2020.rewards-2022 .rewardsNightsSlider.goldCardPreview div::after,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview div::after,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview div::after,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview div::after {
    background: #acb1b4;
    background: linear-gradient(90deg, #acb1b4 0%, #fff 100%)
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard div::before,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview div::before {
    background: #ACB1B4
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard div span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview div span {
    background: #ACB1B4
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights1 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights1 span {
    width: 6.666%
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights2 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights2 span {
    width: 13.333%
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights3 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights3 span {
    width: 19.999%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights4 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights4 span {
    width: 26.666%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights5 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights5 span {
    width: 33.333%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights6 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights6 span {
    width: 39.999%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights7 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights7 span {
    width: 46.666%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights8 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights8 span {
    width: 53.333%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights9 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights9 span {
    width: 59.999%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights10 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights10 span {
    width: 66.666%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights11 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights11 span {
    width: 73.333%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights12 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights12 span {
    width: 79.999%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights13 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights13 span {
    width: 86.666%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights14 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights14 span {
    width: 93.333%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.platinumCard.nights15 span,.v2020.rewards-2022 .rewardsNightsSlider.platinumCardPreview.nights15 span {
    width: 100%;
    margin-left: -25px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard div::before,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview div::before,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview div::before {
    background: #E5E8E9
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard div::after,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview div::after,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview div::after {
    background: #C4C4C4
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard div span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview div span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview div span {
    background: #E5E8E9
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights1 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights1 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights1 span {
    width: 4%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights2 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights2 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights2 span {
    width: 8%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights3 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights3 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights3 span {
    width: 12%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights4 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights4 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights4 span {
    width: 16%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights5 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights5 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights5 span {
    width: 20%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights6 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights6 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights6 span {
    width: 24%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights7 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights7 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights7 span {
    width: 28%
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights8 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights8 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights8 span {
    width: 32%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights9 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights9 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights9 span {
    width: 36%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights10 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights10 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights10 span {
    width: 40%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights11 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights11 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights11 span {
    width: 44%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights12 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights12 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights12 span {
    width: 48%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights13 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights13 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights13 span {
    width: 52%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights14 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights14 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights14 span {
    width: 56%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights15 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights15 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights15 span {
    width: 60%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights16 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights16 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights16 span {
    width: 64%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights17 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights17 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights17 span {
    width: 68%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights18 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights18 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights18 span {
    width: 72%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights19 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights19 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights19 span {
    width: 76%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights20 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights20 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights20 span {
    width: 80%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights21 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights21 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights21 span {
    width: 84%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights22 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights22 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights22 span {
    width: 88%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights23 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights23 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights23 span {
    width: 92%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights24 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights24 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights24 span {
    width: 96%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCard.nights25 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardPreview.nights25 span,.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview.nights25 span {
    width: 100%;
    margin-left: -15px
}

.v2020.rewards-2022 .rewardsNightsSlider.diamondCardSelectPreview div::before {
    background: #646464
}

.v2020.rewards-2022 .rewardsNightsSlider.nights1 span {
    width: 16.6%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights2 span {
    width: 33.333%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights3 span {
    width: 50%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights4 span {
    width: 66.666%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights5 span {
    width: 83%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights6 span {
    width: 100%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights7 span {
    width: 11.11%;
    left: 25px
}

.v2020.rewards-2022 .rewardsNightsSlider.nights8 span {
    width: 22.22%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights9 span {
    width: 33.33%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights10 span {
    width: 44.44%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights11 span {
    width: 55.55%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights12 span {
    width: 66.66%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights13 span {
    width: 77.77%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights14 span {
    width: 88.88%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights15 span {
    width: 100%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights16 span {
    width: 10%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights17 span {
    width: 20%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights18 span {
    width: 30%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights19 span {
    width: 40%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights20 span {
    width: 50%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights21 span {
    width: 60%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights22 span {
    width: 70%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights23 span {
    width: 80%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights24 span {
    width: 90%
}

.v2020.rewards-2022 .rewardsNightsSlider.nights25 span {
    width: 100%
}

.v2020 #div_bwr_loginpanel .bwr_login form {
    margin-top: 20px
}

.v2020 #div_bwr_loginpanel .bwr_login form div {
    margin-bottom: 12px
}

.v2020 .bwr_new_account .form-group {
    overflow: hidden
}

.v2020 #div_bwr_loginpanel .bwr_addresseditor form div {
    margin-bottom: 12px
}

.v2020 #dialogoverlay {
    display: none;
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    width: 100%;
    z-index: 10
}

.v2020 #dialogbox {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    background: #ffffff;
    border-radius: 7px;
    width: 100vw;
    z-index: 10000;
    box-shadow: 4px 4px 10px 0 rgba(99,99,99,0.6)
}

@media (min-width: 576px) {
    .v2020 #dialogbox {
        left:50%;
        width: 550px;
        margin-left: -275px
    }
}

.v2020 #dialogbox>div {
    background: #ffffff;
    margin: 8px
}

.v2020 #dialogbox>div>#dialogboxhead {
    background: #ffffff;
    font-size: 19px;
    padding: 10px;
    color: #646363
}

.v2020 #dialogbox>div>#dialogboxbody {
    background: #ffffff;
    padding: 20px;
    color: #646363
}

.v2020 #dialogbox>div>#dialogboxfoot {
    background: #ffffff;
    padding: 10px;
    text-align: center
}

.v2020 #dialogbox>div>#dialogboxfoot button {
    background-color: #003c7e;
    color: #ffffff;
    border: 1px solid #003c7e;
    border-radius: 4px;
    margin: 4px 4px;
    padding: 1px 20px
}

.v2020 #dialogbox>div>#dialogboxfoot button.btn-outline {
    background-color: #fff;
    color: #003c7e
}

.v2020 .bookingOverview {
    margin-top: 2rem;
    padding: 0 2%
}

@media (max-width: 576px) {
    .v2020 .bookingOverview #bookingFilterList {
        display:flex;
        border-bottom: 0
    }

    .v2020 .bookingOverview #bookingFilterList li {
        display: block
    }

    .v2020 .bookingOverview #bookingFilterList li .nav-link.active {
        border-color: #c7c5cb #c7c5cb #fff #c7c5cb
    }
}

.v2020 .bookingOverview #bookingWrap {
    position: relative;
    display: block
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap {
        min-height:250px;
        border: 1px solid #c7c5cb;
        border-top-color: #fff;
        padding: 1% 1% 0 1%
    }

    @supports (display: flex) {
        .v2020 .bookingOverview #bookingWrap {
            display:-webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }

    .v2020 .bookingOverview #bookingWrap .noBookingItemsInfo {
        text-align: center;
        display: block;
        width: 100%;
        padding-top: 100px
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox {
    width: 100%;
    opacity: 1;
    margin-bottom: 2rem
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox {
        width:49.5%;
        margin-bottom: 1.5%
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .container {
    border: 1px solid #DEDDDF;
    position: relative;
    z-index: 0
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .container {
        border-bottom-left-radius:5px;
        border-bottom-right-radius: 5px;
        height: 100%
    }
}

@media (max-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .container {
        padding-bottom:1rem !important
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .imgholder {
    height: 240px;
    position: relative
}

.v2020 .bookingOverview #bookingWrap .bookingBox .imgholder .overlay {
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 12px 20px 8px 8px;
    font-size: 1.25rem
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .imgholder .overlay {
        font-size:1.5rem
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .imgholder img {
    width: 100%;
    height: 240px;
    margin: 0 0 0 0;
    object-fit: cover
}

@media (max-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .imgholder img {
        width:100% !important;
        max-width: 100%;
        height: 240px !important
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .details-toggle {
    margin-top: 1rem;
    display: block
}

.v2020 .bookingOverview #bookingWrap .bookingBox .details-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-left: 8px solid;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent
}

.v2020 .bookingOverview #bookingWrap .bookingBox .details-toggle.open:before {
    margin-right: 4px;
    vertical-align: 1px;
    content: "";
    border-top: 8px solid;
    border-left: 4px solid transparent;
    border-bottom: 0;
    border-right: 4px solid transparent
}

.v2020 .bookingOverview #bookingWrap .bookingBox .pad {
    padding: 1rem .35rem 0
}

.v2020 .bookingOverview #bookingWrap .bookingBox .row {
    overflow: hidden
}

.v2020 .bookingOverview #bookingWrap .bookingBox .row:after {
    border: none;
    height: 0
}

.v2020 .bookingOverview #bookingWrap .bookingBox .preisangabe {
    padding: 1rem .35rem .5rem;
    overflow: hidden
}

@media (min-width: 576px) {
}

.v2020 .bookingOverview #bookingWrap .bookingBox .preisangabe p {
    margin: 1rem 1.2rem 0 0;
    float: left;
    font-size: .875rem
}

.v2020 .bookingOverview #bookingWrap .bookingBox .preisangabe strong {
    font-size: 150%
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .preisangabe a {
        float:right;
        margin-top: 3.7rem
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox input.btn {
    background: #003c7e;
    color: white;
    font-size: .9375rem;
    text-decoration: none;
    line-height: 1.2em;
    min-height: 32px;
    text-align: center;
    padding: 6px 12px;
    border-radius: 4px;
    width: 97.1%;
    margin: 8px .35rem
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox input.btn {
        position:absolute;
        bottom: 8px;
        right: 8px;
        margin: 0;
        width: auto
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 32px;
    background-color: #fff
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form.active {
    max-height: 120px;
    overflow: visible;
    border-top: 1px solid #DEDDDF
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group {
    width: 50%;
    float: left;
    padding: 8px
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group label {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: .875rem;
    margin: 0
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control {
    display: block;
    height: 34px;
    width: 100%;
    border: 1px solid #C6C5C9;
    font-size: 15px;
    letter-spacing: -0.02rem;
    color: black;
    background-color: #fff;
    box-shadow: none;
    padding: 3px 6px 0px
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control::-moz-placeholder {
    color: black;
    opacity: 1
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control:-ms-input-placeholder {
    color: black
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control::-webkit-input-placeholder {
    color: black
}

@media (min-width: 375px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control {
        font-size:16px
    }
}

@media (min-width: 576px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control {
        height:32px;
        font-size: 15px
    }
}

@media (min-width: 1024px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control {
        font-size:16px
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control.required {
    border: 1px solid #C6C5C9;
    box-shadow: none
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control.has-error {
    border: 1px solid #990000;
    box-shadow: 0 0 5px 1px rgba(255,0,0,0.5)
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .form-group .form-control.combined-adults-children {
    cursor: default
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .submit {
    width: 100%;
    padding: 0
}

.v2020 .bookingOverview #bookingWrap .bookingBox .room-booking-wrap form .submit input[type="submit"] {
    display: block;
    width: 100%;
    height: 32px;
    background: #003c7e;
    border: 1px solid #003c7e;
    color: white;
    cursor: pointer
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel {
    display: none;
    position: absolute;
    right: 8px;
    height: auto;
    background: #fff;
    padding: 8px 4px 4px;
    border: 1px solid #C6C5C9;
    margin: -1px 0 0 8px
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel.visible {
    display: block;
    width: 130%
}

@media (min-width: 769px) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel.visible {
        width:100%
    }
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room {
    display: block;
    margin: 0 0 0 0
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button {
    justify-self: start;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 0 2px;
    outline: none;
    cursor: pointer
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span,.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button {
    display: inline-block;
    float: left;
    overflow: hidden
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(1),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(1),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(5),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(5) {
    width: 26%;
    text-align: left
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(2),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(2),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(6),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(6) {
    width: 6%;
    text-align: center
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(3),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(3),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(7),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(7) {
    width: 3%
}

.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(4),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(4),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(8),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(8) {
    text-align: left
}

@supports (display: grid) {
    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room {
        display:grid;
        grid-template-columns: 2fr 1fr 20fr;
        column-gap: 0px;
        row-gap: 4px;
        align-items: center
    }

    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span,.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button {
        float: none
    }

    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(1),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(1),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(2),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(2),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(3),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(3),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(4),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(4),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(5),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(5),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room span:nth-child(6),.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button:nth-child(6) {
        width: 100%;
        width: auto;
        max-width: 190px
    }

    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.add-adult,.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.add-child {
        padding-left: 6px;
        padding-right: 0px;
        text-align: left
    }

    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.add-adult i,.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.add-child i {
        padding-right: 6px
    }

    .v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.remove-adult,.v2020 .bookingOverview #bookingWrap .bookingBox .occupancy-panel div.room button.remove-child {
        padding-left: 6px;
        padding-right: 14px
    }
}

.v2020 .bookingOverview .show {
    display: block
}

.v2020 .bookingOverview .remove {
    display: none
}

.v2020 .bookingOverview .nav-item .booking-order {
    position: absolute;
    right: 0;
    top: 16px;
    border: 0;
    background: transparent
}

@media (max-width: 768px) {
    .v2020 .bookingOverview .nav-item .booking-order {
        display:none
    }
}

.v2020 .bookingOverview .nav-item .nav-link {
    padding-right: 1.5rem !important
}

.v2020 .reservations-info-popup #mbBottom {
    display: none
}

@media (min-width: 992px) {
    .payWithPointsOverlay {
        padding:1rem 1rem 0 1rem
    }
}

@media (max-width: 768px) {
}

.payWithPointsOverlay .topSection {
    text-align: center;
    margin-bottom: 3.5rem
}

.payWithPointsOverlay .topSection h1 img {
    width: 25vw
}

.payWithPointsOverlay p {
    font-size: .875rem
}

.payWithPointsOverlay p.blue {
    color: #003c7e;
    font-weight: bold;
    margin-bottom: 1rem
}

.payWithPointsOverlay .pointsSlider {
    height: 13px;
    margin: auto 0 1.2rem 0;
    display: block;
    color: #000000;
    border-radius: 5px;
    position: relative
}

.payWithPointsOverlay .pointsSlider::after {
    content: '';
    position: absolute;
    left: 0;
    width: 96%;
    background: #EBEBEB;
    height: 13px;
    top: 0;
    border-top: 1px solid #6B6B6B;
    border-radius: 5px;
    z-index: 1
}

@media (max-width: 992px) {
    .payWithPointsOverlay .pointsSlider {
        margin-left:0
    }
}

.payWithPointsOverlay .pointsSlider .knob {
    height: 32px;
    width: 32px;
    display: block;
    background: #DEDCDC;
    color: #000000;
    top: -11px;
    position: relative;
    border-radius: 100px;
    border: 1px solid #888888;
    z-index: 50
}

.payWithPointsOverlay .pointsSlider .knob .knobArrow {
    position: absolute;
    top: -11px;
    width: 0;
    height: 0;
    border-width: 5px 6px 0 6px;
    left: 8px;
    border-color: #646363 transparent transparent transparent;
    border-style: solid
}

.payWithPointsOverlay .pointsSlider .knob #knobLabel {
    position: absolute;
    top: -35px;
    padding: 0 .5rem;
    color: #ffffff;
    margin-left: -7px;
    font-size: .75rem;
    background: #646363;
    border-radius: 3px
}

.payWithPointsOverlay .infoText {
    margin-top: 1rem
}

@media (min-width: 992px) {
    .payWithPointsOverlay .infoText {
        margin-left:2rem
    }
}

.payWithPointsOverlay #sliderMinLabel,.payWithPointsOverlay #sliderMaxLabel {
    font-style: italic;
    font-size: .75rem
}

.payWithPointsOverlay #sliderMinLabel {
    margin-left: 2rem
}

.payWithPointsOverlay #sliderMaxLabel {
    margin-right: 2rem
}

.payWithPointsOverlay .selectedPointsSection {
    margin: 2rem 2rem 0 2rem;
    text-align: right;
    font-weight: 600;
    line-height: 1.8rem;
    font-size: 1.4rem
}

@media (max-width: 992px) {
    .payWithPointsOverlay .selectedPointsSection {
        font-size:1rem;
        margin: 0 0 0 0
    }
}

.payWithPointsOverlay .selectedPointsSection .font-normal {
    font-weight: 300
}

.payWithPointsOverlay .selectedPointsSection hr {
    border-top: 1px solid #B6B6B6;
    border-bottom: transparent;
    margin-bottom: 2rem
}

.payWithPointsOverlay #closeBtn {
    display: block;
    overflow: hidden;
    margin-top: 1rem
}

.payWithPointsOverlay #closeBtn button {
    visibility: visible;
    font-family: inherit;
    height: 32px;
    background-color: #003c7e;
    color: white;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    cursor: pointer;
    width: auto;
    line-height: 1.8em;
    vertical-align: text-bottom;
    position: static;
    font-size: 1rem;
    float: right;
    display: block
}

.payWithPointsOverlay #sliderAlert {
    color: #990000;
    margin: 1rem 2rem
}

.payWithPointsOverlay #slideInactive {
    width: 100%;
    height: 13px;
    background: #b6b6b6;
    background: linear-gradient(180deg, #b6b6b6 0%, #e2e2e2 100%);
    position: absolute;
    top: 0;
    border-radius: 5px;
    border-top: 1px solid #6B6B6B;
    z-index: 20
}

.payWithPointsOverlay #slideActive {
    width: 100%;
    height: 13px;
    background: #003c7e;
    position: absolute;
    top: -1px;
    border-radius: 5px;
    border-top: 1px solid #6B6B6B;
    z-index: 30
}

@media (max-width: 768px) {
    .selected-room-pwp {
        background-color:#003c7e;
        border-radius: 4px;
        padding: 4px;
        font-size: .85rem !important
    }

    .selected-room-pwp a {
        position: absolute;
        top: 0;
        width: 100%
    }
}

.selected-room-pwp a button {
    font-family: inherit;
    height: 32px;
    background-color: #003c7e;
    color: white;
    border: none;
    -webkit-appearance: none;
    border-radius: 4px;
    left: 0;
    bottom: 0;
    z-index: -1;
    cursor: pointer;
    width: auto;
    line-height: 1.8em;
    vertical-align: text-bottom;
    position: static;
    font-size: 1rem
}

@media (min-width: 768px) {
    .selected-room-pwp a button {
        float:right;
        display: block
    }
}

@media (max-width: 768px) {
    .selected-room-pwp a button {
        background-color:transparent;
        width: 100%;
        font-size: 0
    }
}

.rate-not-available {
    margin-right: 3px;
    display: inline-block
}

.reservations .pwpOverview {
    display: inline-block;
    font-size: 1.625rem;
    margin-top: .6rem;
    position: relative;
    text-decoration-thickness: 1px !important
}

@media (min-width: 768px) {
    .reservations .pwpOverview {
        text-decoration:underline;
        transform: translate(1rem, 0)
    }
}

@media (min-width: 768px) {
    .reservations .pwpOverview::after {
        content:'';
        width: 40px;
        height: 1px;
        position: absolute;
        right: -40px;
        background: #646363;
        bottom: -1px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:768px) {
    .booking-summary .pwpOverview::after {
        display:none;
        bottom: 1px
    }
}

.totalSumAll {
    position: relative;
    overflow: hidden;
    float: right;
    margin-bottom: 8px
}

.totalSumAll .pwpOverview {
    font-weight: bold;
    text-decoration: none;
    transform: translate(0, 0)
}

.totalSumAll span {
    margin-left: 8px !important
}

.totalSumAll span strong {
    text-decoration: none !important
}

.totalSumAll::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #646363
}

#logicform-container {
    border: 1px solid #D6D4D9;
    padding: 2rem;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: .8rem
}

@media (max-width: 768px) {
    #logicform-container {
        padding:1rem
    }
}

#logicform-container .formAsk-item {
    text-align: center;
    font-weight: bold;
    color: #000000
}

#logicform-container .item-content {
    text-align: left;
    font-weight: normal;
    color: #646363;
    margin-top: 1rem
}

#logicform-container .item-content label {
    font-weight: normal;
    font-size: .875rem;
    margin-left: 5px
}

#logicform-container #logicform-wrap {
    margin-bottom: 1rem
}

#logicform-container #logicform-wrap .formLogic-header {
    text-align: center;
    margin-bottom: 1.5rem
}

#logicform-container #next-button {
    background-color: #003c7e;
    border: 0;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    padding: .5rem 2rem;
    float: right
}

#logicform-container #prev-button {
    background-color: #ffffff;
    border: 0;
    color: #003c7e;
    border-radius: 5px;
    cursor: pointer;
    padding: .5rem 2rem
}

@media (min-width: 768px) {
    #logicform-container #prev-button {
        float:right
    }
}

@media (max-width: 768px) {
    #logicform-container #prev-button {
        float:left;
        padding-left: 0
    }
}

.logicform-info {
    position: relative;
    left: 50%;
    top: 0;
    background: #ffffff;
    border: 2px solid #003c7e;
    padding: 1rem 2rem;
    border-radius: 15px;
    transform: translate(-50%, 0%);
    width: 80%;
    text-align: center;
    margin: 2rem 0
}

@media (max-width: 768px) {
    .logicform-info {
        width:90%
    }
}

.logicform-info::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -22px;
    transform: translate(-50%, 0%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #003c7e
}

@media (max-width: 576px) {
    .v2020.no-visual-wrap-mobile section.page {
        padding:135px 0 0 0 !important
    }

    .v2020.no-visual-wrap-mobile.no-searchpanel section.page {
        padding: 0 0 0 0 !important
    }

    .v2020.no-visual-wrap-mobile.no-searchpanel nav.navbar .navbar-container {
        height: 40px
    }

    #showNotMobile .carousel,#showNotMobile #splide {
        display: none
    }
}

@media (min-width: 576px) {
    .hasXXLHead section.pagehead {
        max-width:2500px;
        top: calc(-85vh - 65px)
    }

    .hasXXLHead section.pagehead nav.navbar.stick-on-top {
        max-width: 2500px
    }

    .hasXXLHead section.pagehead .slide-content.center {
        align-content: center
    }

    .hasXXLHead section.pagehead .slide-content.center .teaser-box {
        width: 60%;
        max-width: 60%
    }

    .hasXXLHead section.pagehead .slide-content.center .teaser-box span {
        display: block;
        line-height: 30px
    }
}

@media (min-width: 768px) {
    .hasXXLHead section.pagehead .visual-wrap {
        max-width:2500px;
        height: 85vh
    }
}

@media (min-width: 768px) {
    .hasXXLHead section.pagehead .splide__slide,.hasXXLHead section.pagehead .splide__img {
        height:85vh
    }
}

@media (min-width: 768px) {
    .hasXXLHead .slide-content {
        height:85vh
    }
}

@media (min-width: 576px) {
    .hasXXLHead #hotelsearch-wrap.stick-on-top {
        max-width:2500px
    }
}

@media (min-width: 576px) {
    .hasXXLHead.sticky-searchpanel .splide {
        z-index:5
    }
}

.v5-row-fullwidth .full-width-inside {
    width: min(100vw, 2500px);
    margin-left: calc(50% - min(50vw, 1250px));
    box-sizing: border-box
}

.v5-row-fullwidth .full-width-inside .content-wrapper {
    max-width: 1046px;
    margin: 0 auto
}

.v5-row-fullwidth .full-width-inside .background-box {
    height: 100%
}

.v5-row-fullwidth .full-width-inside .full-width-image-wrapper {
    position: relative;
    min-height: 1px
}

.v5-row-fullwidth .full-width-inside .full-width-image-wrapper::after {
    content: "";
    display: table;
    clear: both
}

.v5-row-fullwidth .full-width-inside .backgroundWrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 0
}

.v5-row-fullwidth .full-width-inside .noMargins .content-box {
    height: 100%
}

.v5-row-fullwidth .full-width-inside .noMargins .content-box .html-wrap {
    height: 100%
}

.v5-row-fullwidth .full-width-inside .noMargins .content-box .html-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.scroll-nav-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    font-family: sans-serif;
    max-width: 100%;
    margin-bottom: 1rem
}

.scroll-btn {
    background: none;
    border: none;
    padding: 0 10px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    font-weight: bold
}

.scroll-btn:disabled {
    color: #eee;
    cursor: default
}

.scroll-nav {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    padding: 10px 0 7px 0;
    gap: 12px;
    flex: 1;
    scrollbar-width: none;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x
}

.scroll-nav::-webkit-scrollbar {
    display: none
}

.scroll-nav a {
    color: #333;
    text-decoration: none;
    padding: 0 6px;
    white-space: nowrap;
    font-size: 14px;
    touch-action: manipulation;
    position: relative
}

.scroll-nav a::after {
    content: '';
    width: 1px;
    height: 15px;
    background: #ccc;
    position: absolute;
    right: -7px;
    top: 4px
}

.scroll-nav a:last-child::after {
    display: none
}

.scroll-nav a:first-child {
    border-left: none
}

.scroll-nav a.active {
    font-weight: bold
}

.wcagFooter {
    display: grid;
    border-top: 1px solid #c7c5cb;
    padding-top: 2rem;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .wcagFooter div.column:first-of-type div {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.wcagFooter .navbarWSBKflex section a {
    text-decoration: none;
    color: #646363;
    display: block;
    font-size: .75rem
}

.wcagFooter div.column div .nav-header {
    color: #003c7e;
    font-weight: 600;
    text-align: left;
    margin-bottom: 4px;
    line-height: 15px;
    display: block
}

@media (max-width: 768px) {
    .wcagFooter div.column div .nav-header {
        margin-top:.5rem
    }
}

.wcagFooter div.column div .nav-header a {
    text-decoration: none;
    font-size: .75rem
}

.wcagFooter div.column:first-of-type div ul {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.wcagFooter div.column div ul {
    display: block;
    padding: 0;
    margin: 0 0 18px 0 !important;
    list-style-type: none
}

@media (max-width: 768px) {
    .wcagFooter div.column div ul {
        margin:0 0 5px 0 !important
    }
}

.wcagFooter div.column div ul li {
    display: list-item;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.33em;
    border: none
}

.wcagFooter div.column div ul li a {
    font-size: .75rem;
    line-height: 1.33em;
    width: 100%;
    text-transform: none;
    color: #646363;
    padding: 0;
    margin: 0;
    text-decoration: none;
    white-space: nowrap
}

.wcagFooter div.column div ul li a:hover {
    color: #689a39
}

.wcagFooter div.column div section {
    page-break-inside: avoid
}

.wcagFooterWrap {
    margin-top: 0 !important
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room {
    display: block;
    margin: 0 0 20px 0;
    display: none
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room#room1 {
    display: block
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span,.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button {
    display: inline-block;
    float: left;
    overflow: hidden
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(1),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(1),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(5),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(5) {
    width: 26%;
    text-align: left
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(2),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(2),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(6),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(6) {
    width: 6%;
    text-align: center
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(3),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(3),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(7),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(7) {
    width: 3%
}

.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(4),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(4),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room span:nth-child(8),.brokenIE .v2020 #searchpanel #rooms-persons #rooms-persons-panel div.room button:nth-child(8) {
    text-align: left
}

.brokenIE .v2020 .select-extras .extras-wrap section .row {
    display: table;
    width: 100%
}

.brokenIE .v2020 .select-extras .extras-wrap section .row>div {
    display: table-cell
}

.brokenIE .v2020 .select-extras .extras-wrap section .add-an-extra .cnt {
    vertical-align: text-bottom
}

.brokenIE .v2020 .page-3-col .page-3-col-content .page-3-col-right.col {
    display: block
}

.brokenIE .v2020 .page-3-col .page-3-col-content .page-3-col-right.col #div_bwr_loginpanel {
    position: relative
}

.brokenIE .v2020 #navpanel {
    position: absolute
}

.brokenIE .v2020 #navpanel .column {
    height: 260px
}

.brokenIE .v2020 #navpanel div:first-of-type.column {
    width: 76%;
    float: left
}

.brokenIE .v2020 #navpanel div.column div section {
    break-inside: avoid
}

.brokenIE .v2020 #searchpanel .hitlist-arrangements-panel #specialhotelsearch .hitlist-arrangements-wrapper input[type="submit"] {
    width: 25%
}

.brokenIE .v2020.hotelview #navpanel div:first-of-type.column {
    width: 55%
}

.brokenIE .v2020.hotelview-2021 #arrangementPackageWrap {
    overflow: hidden
}

.brokenIE .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage {
    width: 48%;
    float: left
}

.brokenIE .v2020.hotelview-2021 #arrangementPackageWrap .hotelviewArrangementPackage .preisangabe {
    opacity: 0
}

.v2020 .ie11-notice,.landscape .v2020 .ie11-notice {
    display: none
}

.iphone .v2020 nav.navbar {
    position: static
}

@media (min-width: 576px) {
    .iphone .v2020 .navbar.stick-on-top+.visual-wrap {
        margin-top:0
    }
}

.iphone .v2020 section.pagehead {
    position: static
}

.iphone .v2020 #navpanel-open {
    transition: none
}

.iphone .v2020 .not-visible-on-mobile,.iphone .v2020 .flex-not-visible-on-mobile {
    display: none
}

.iphone .v2020 .booking-summary #bookingform select {
    -webkit-appearance: none;
    background: transparent url(/bw/v6/img/ico/select.png) no-repeat 100% 60%
}

.iphone .v2020 .booking-summary #bookingform #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.iphone .v2020 .booking-summary #bookingform #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"] {
    padding: 6px 6px
}

.iphone .v2020 .booking-summary .customer-data label small {
    font-size: .5rem
}

.iphone .v2020 .booking-summary .customer-data .no-member-yet {
    padding-top: 24px
}

.iphone .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-adult,.iphone .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.remove-child {
    margin-right: 11px
}

.iphone .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-adult,.iphone .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person button.add-child {
    margin-left: 5px
}

.iphone.landscape .v2020 #navpanel {
    margin-top: -1px !important;
    width: 100%
}

@media (min-width: 808px) {
    .iphone.landscape .v2020 #navpanel {
        margin-top:0px !important
    }
}

.iphone.landscape .v2020 #searchpanel {
    min-height: 92px
}

@media (min-width: 576px) {
    .iphone.landscape .v2020 #searchpanel .form-control {
        font-size:14px;
        -webkit-appearance: none
    }

    .iphone.landscape .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(1),.iphone.landscape .v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(1) {
        width: 21%
    }

    .iphone.landscape .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(2),.iphone.landscape .v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(2) {
        width: 18%
    }

    .iphone.landscape .v2020 #searchpanel #cf_quicksearch .form-group:nth-of-type(3),.iphone.landscape .v2020 #searchpanel #specialhotelsearch .form-group:nth-of-type(3) {
        width: 47%
    }

    .iphone.landscape .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit,.iphone.landscape .v2020 #searchpanel #specialhotelsearch .form-group.submit #quickSearchSubmit,.iphone.landscape .v2020 #searchpanel #cf_quicksearch .form-group.submit #specialSearchSubmit,.iphone.landscape .v2020 #searchpanel #specialhotelsearch .form-group.submit #specialSearchSubmit {
        font-size: 13px
    }

    .iphone.landscape .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width: 364px;
        margin: -1px 0 2px -40px
    }
}

.iphone.landscape .v2020 #top-menu {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    text-align: right
}

.iphone.landscape .v2020 .namepanel-container {
    top: -150px
}

.iphone.landscape .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
    grid-template-columns: 1fr .6fr 6fr
}

.iphone.landscape .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox {
    line-height: .9rem
}

.iphone.landscape .v2020 .page-tl .page-tl-content .tl-sortColumn .options.options-filter .checkbox .checkmark {
    top: 2px
}

.iphone.landscape .v2020 .hitlist-item .book {
    width: 100%
}

.iphone.landscape .v2020 .hitlist-item .book .price {
    width: 47%;
    margin-right: 2%;
    text-align: right;
    float: left
}

.iphone.landscape .v2020 .hitlist-item .book .btn {
    min-width: 45%;
    float: left;
    text-align: center
}

.ipad .v2020 .booking-summary #bookingform select {
    -webkit-appearance: none;
    background: transparent url(/bw/v6/img/ico/select.png) no-repeat 100% 60%
}

.ipad .v2020 .booking-summary #bookingform #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Monat"],.ipad .v2020 .booking-summary #bookingform #billingdata .creditcardInfo>div.col-sm-3 select[name="KK-Jahr"] {
    padding: 6px 6px
}

.ipad .v2020 .booking-summary .customer-data label small {
    font-size: .5rem
}

@media (min-width: 1024px) {
    .ipad .v2020 .booking-summary .customer-data label small {
        font-size:1rem
    }
}

.ipad .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper div #ss_nights {
    width: 60px;
    padding: 6px
}

.ipad .v2020 .bookingBoxInLine .hitlist-arrangements-wrapper .arrivalDiv {
    margin-right: 15px
}

.ipad .v2020 #searchpanel #updateform .form-group:nth-of-type(1) {
    width: 23%
}

.ipad .v2020 #searchpanel #updateform .form-group:nth-of-type(2) {
    width: 45%
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .v2020 .lightpick {
        margin-left:-120px
    }

    .v2020 .covid-btn {
        padding: 4px 4px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .v2020 .lightpick {
        margin-left:294px
    }
}

@media only screen and (min-device-width: 810px) and (max-device-width:1010px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width:328px
    }

    .v2020 .lightpick {
        margin-left: -132px
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .v2020 .lightpick {
        margin-left:-120px
    }

    .v2020 .select-a-rate .room-rate-wrap .room-container form>div:last-child .selected-room-total {
        font-size: 1.2rem
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width: 364px
    }
}

@media only screen and (min-device-width: 834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .v2020 #navpanel {
        margin:5px auto 0
    }

    .v2020 #navbar.navbar-collapse {
        padding-right: 16px;
        padding-left: 16px
    }

    .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width: 364px
    }
}

@media (orientation: landscape) {
    .android .v2020 #hotelsearch-wrap.stick-on-top {
        position:relative
    }

    .android .v2020 #hotelsearch-wrap.stick-on-top #searchpanel {
        min-height: 66px;
        height: 66px
    }

    .android .v2020 #navpanel {
        margin-top: -1px !important;
        width: 100%
    }

    .android .v2020 #searchpanel {
        min-height: 92px
    }

    .android .v2020 .namepanel-container {
        top: -150px
    }

    .android .v2020 .select-a-rate .room-rate-wrap .room-container form>div:first-child .add-a-person {
        grid-template-columns: 1fr .6fr 7fr
    }

    .android .v2020 .page-3-col .page-3-col-content .col.page-3-col-right {
        margin-left: 1%
    }
}

@media (orientation: landscape) and (min-width:576px) {
    .android .v2020 #hotelsearch-wrap.stick-on-top #searchpanel #schnellsuche {
        padding:0 12px
    }
}

@media (orientation: landscape) and (min-width:576px) {
    .android .v2020 #searchpanel .form-control {
        font-size:14px
    }

    .android .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit {
        font-size: 14px
    }

    .android .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width: 364px
    }
}

@media (orientation: landscape) and (width:780px) {
    .android .v2020 .lightpick {
        margin-left:37vw !important
    }
}

@media (orientation: landscape) and (width:790px) {
    .android .v2020 .lightpick {
        margin-left:30vw !important
    }
}

@media (orientation: portrait) and (min-width:576px) {
    .android .v2020 #searchpanel {
        min-height:92px
    }

    .android .v2020 #searchpanel .form-control {
        font-size: 14px
    }

    .android .v2020 #searchpanel #rooms-persons #rooms-persons-panel {
        width: 364px
    }

    .android .v2020 #searchpanel #cf_quicksearch .form-group.submit #quickSearchSubmit {
        font-size: 14px
    }
}

.android43 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.android43 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right {
    bottom: 20px
}

@media (min-width: 600px) {
    .android44 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left,.android44 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right {
        position:static;
        color: #aaa
    }

    .android44 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-left:before,.android44 .v2020 #availability_calendarselector table.availability td a.icon-angle-circled-right:before {
        margin-top: 20px;
        bottom: 0px
    }
}

@media (max-width: 576px) {
    .v2020.individual-arrangements.no-searchpanel.no-visual-wrap .page.hotellistbookingboxAsLine {
        padding:0px 0 0 10px !important
    }

    .v2020.individual-arrangements.no-searchpanel.no-visual-wrap .templateHitlist {
        margin-top: 0
    }
}