/**
 * Feature Name:	 Main CSS File
 * Version:      0.9
 * Author:       web dev media UG
 * Author URI:   http://web-dev-media.de
 */
* {
    -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, body {
    height: 100%
    }
html {
    position: relative;
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
body {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300
    }
body.custom_pages-template-custom_pages-chain {
    padding-top: 65px
    }
body.admin-bar {
    padding-top: 32px
    }
body.front-page {
    background-size: cover
    }
body.menu-open {
    overflow-y: hidden
    }
body.menu-open .menu {
    overflow-y: scroll
    }
body.body-metropol, body.body-mirabell {
    color: #fff;
    background: #262626
    }
.body-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 310;
    background-color: rgba(0, 0, 0, 0.8)
    }
.body-overlay.body-overlay-on {
    display: block
    }
.admin-bar .navbar-fixed-top {
    top: 33px
    }
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
    }
a {
    color: #fff;
    text-decoration: none
    }
a:hover, a:focus {
    color: #fff;
    text-decoration: underline
    }
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
    }
.body-metropol a, a[href*="metropol"] {
    color: #88b934
    }
b, strong {
    font-weight: 600
    }
.body-mirabell a, a[href*="mirabell"] {
    color: #e2007a
    }
figure {
    margin: 0
    }
img {
    vertical-align: middle
    }
.img-responsive, .thumbnail > img, .thumbnail a > img, .attachment-post-thumbnail {
    display: block;
    max-width: 100%;
    height: auto
    }
.img-rounded {
    border-radius: 6px
    }
.img-thumbnail {
    padding: 4px;
    line-height: 1.2;
    background-color: #262729;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
    }
.img-circle {
    border-radius: 50%
    }
hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid #eee
    }
.container-full {
    padding-left: 0;
    padding-right: 0
    }
.row-full {
    margin-left: 0;
    margin-right: 0
    }
.row-full .col-xs-12, .row-full .col-sm-12, .row-full .col-md-12, .row-full .col-lg-12 {
    padding-left: 0;
    padding-right: 0
    }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
    }
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
    }
[role="button"] {
    cursor: pointer
    }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.7;
    color: inherit
    }
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 16px;
    margin-bottom: 8px
    }
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 8px;
    margin-bottom: 8px
    }
h1, .h1 {
    font-size: 36px
    }
h2, .h2 {
    font-size: 30px
    }
h3, .h3 {
    font-size: 24px
    }
h4, .h4 {
    font-size: 18px
    }
h5, .h5 {
    font-size: 14px
    }
h6, .h6 {
    font-size: 12px
    }
.wrapper {
    flex: 1 0 auto
    }
.custom_pages-template-custom_pages-chain .wrapper {
    padding-top: 65px
    }
.headline-xl, .headline-l, .headline-m {
    line-height: 50px
    }
.headline-s {
    line-height: 34px
    }
.headline-xl, .headline.page {
    font-size: 46px
    }
.headline-l {
    margin-bottom: 0;
    font-size: 34px
    }
.body-metropol .headline.page, .body-mirabell .headline.page, .body-metropol .subheadline.page, .body-mirabell .subheadline.page {
    text-align: center
    }
.headline-m, .subheadline.page {
    font-size: 28px
    }
.headline-s {
    font-size: 22px
    }
.subtitle {
    margin-top: 0;
    font-weight: 300
    }
.flex-container {
    position: relative;
    z-index: 50
    }
.flexslider {
    color: #fff
    }
p {
    margin: 0 0 8px
    }
.lead {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
    }
@media (min-width: 768px) {
    .lead {
        font-size: 21px
        }
    }
small, .small {
    font-size: 85%
    }
mark, .mark {
    background-color: #fcf8e3;
    padding: 0.2em
    }
.text-left {
    text-align: left
    }
.text-right {
    text-align: right
    }
.text-center {
    text-align: center
    }
.text-justify {
    text-align: justify
    }
.text-nowrap {
    white-space: nowrap
    }
.text-lowercase {
    text-transform: lowercase
    }
.text-uppercase {
    text-transform: uppercase
    }
.text-capitalize {
    text-transform: capitalize
    }
.text-muted {
    color: #777
    }
.text-primary {
    color: #ec0079
    }
a.text-primary:hover, a.text-primary:focus {
    color: #b9005f
    }
.text-success {
    color: #3c763d
    }
a.text-success:hover, a.text-success:focus {
    color: #2b542c
    }
.text-info {
    color: #31708f
    }
a.text-info:hover, a.text-info:focus {
    color: #245269
    }
.text-warning {
    color: #8a6d3b
    }
a.text-warning:hover, a.text-warning:focus {
    color: #66512c
    }
.text-danger {
    color: #a94442
    }
a.text-danger:hover, a.text-danger:focus {
    color: #843534
    }
.bg-primary {
    color: #fff;
    background-color: #ec0079
    }
a.bg-primary:hover, a.bg-primary:focus {
    background-color: #b9005f
    }
.bg-success {
    background-color: #dff0d8
    }
a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
    }
.bg-info {
    background-color: #d9edf7
    }
a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
    }
.bg-warning {
    background-color: #fcf8e3
    }
a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
    }
.bg-danger {
    background-color: #f2dede
    }
a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
    }
.page-header {
    padding-bottom: 7px;
    margin: 32px 0 16px;
    border-bottom: 1px solid #eee
    }
ul, ol {
    margin-top: 0;
    margin-bottom: 8px
    }
ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
    }
.list-unstyled {
    padding-left: 0;
    list-style: none
    }
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
    }
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
    }
dl {
    margin-top: 0;
    margin-bottom: 16px
    }
dt, dd {
    line-height: 1.2
    }
dt {
    font-weight: bold
    }
dd {
    margin-left: 0
    }
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
        }
    .dl-horizontal dd {
        margin-left: 180px
        }
    }
abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
    }
.initialism {
    font-size: 90%;
    text-transform: uppercase
    }
blockquote {
    padding: 8px 16px;
    margin: 0 0 16px;
    font-size: 17.5px;
    border-left: 5px solid #eee
    }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
    }
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.2;
    color: #777
    }
blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: "— "
    }
.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
    }
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ""
    }
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: " —"
    }
address {
    margin-bottom: 16px;
    font-style: normal;
    line-height: 1.2
    }
code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
    }
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
    }
kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
    }
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
    }
pre {
    display: block;
    padding: 7.5px;
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.2;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
    }
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
    }
.cf:before, .cf:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
    }
.cf:after, .clearfix:after, .dl-horizontal dd:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both
    }
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.pull-right, .alignright {
    float: right !important
    }
.pull-left, .alignleft {
    float: left !important
    }
.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 16px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    border-style: solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
    }
.body-mprivat .btn {
    border: 2px solid #fff;
    color: #fff
    }
.body-metropol .btn, .btn[href*="metropol"] {
    color: #fff;
    background: #88b934;
    border-color: #88b934
    }
.body-mirabell .btn, .btn[href*="mirabell"] {
    color: #fff;
    background: #e2007a;
    border-color: #e2007a
    }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
    }
.btn:hover, .btn:focus, .btn.focus {
    text-decoration: none
    }
.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }
.btn.big {
    padding: 20px;
    font-size: 24px;
    line-height: 1;
    border-radius: 8px
    }
.btn-mirabell {
    background: rgb(236, 0, 121)
    }
.btn-metropol {
    background: rgb(130, 185, 67)
    }
.btn-mirabell.btn-invers, .btn-mirabell.btn-invers:active {
    border-color: rgb(236, 0, 121);
    color: rgb(236, 0, 121);
    background: transparent
    }
.btn-metropol.btn-invers, .btn-metropol.btn-invers:active {
    border-color: rgb(151, 191, 13);
    color: rgb(151, 191, 13);
    background: transparent
    }
.section1 .btn-mirabell {
    background: rgba(236, 0, 121, 0.85)
    }
.section1 .btn-metropol {
    background: rgba(130, 185, 67, 0.85)
    }
.btn-booking {
    position: fixed;
    z-index: 100;
    top: 64px;
    width: 100%;
    display: block;
    padding: 10px 0;
    border-radius: 0;
    text-align: center
    }
.btn-booking.bottom {
    top: auto;
    bottom: 0
    }
.nav-lng, .nav-meta {
    float: right
    }
.nav-lng {
    margin-left: 15px
    }
.visible-xs .language-switch {
    margin-left: 25px
    }
.header-banner {
    padding: 75px 0 170px;
    font-size: 40px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    background-repeat: no-repeat;
    background-size: cover
    }
.page-content {
    padding-bottom: 60px
    }
.sow-google-map-canvas {
    color: #444
    }
.page-footer, .page-footer a {
    font-size: 14px;
    color: #b1b1b1
    }
.page-footer {
    flex-shrink: 0;
    padding-top: 20px;
    background: #262626
    }
.body-mprivat.front-page .page-footer {
    z-index: 50;
    width: 100%
    }
.body-metropol .page-footer, .body-mirabell .page-footer {
    position: initial;
    width: 100%
    }
.body-metropol .footer-content, .body-mirabell .footer-content {
    padding: 40px 0 50px
    }
.page-footer .menu {
    float: none;
    overflow: visible;
    max-height: none;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
    }
.body-mprivat .page-footer .menu {
    margin-top: 30px
    }
.page-footer .menu-item {
    display: inline-block;
    margin-right: 16px
    }
.page-footer .menu a {
    display: inline-block;
    padding: 0
    }
.colophon {
    margin-bottom: 20px;
    padding: 15px 0;
    font-size: 12px;
    border-top: 1px solid #000
    }
@media (max-width: 767px) {
    .colophon {
        text-align: center
        }
    .colophon .pull-left, .colophon .pull-right {
        float: none !important
        }
    }
.colophon p {
    margin: 0
    }
.colophon a {
    color: #fff
    }
.has-slider .ibe-widget {
    position: relative;
    z-index: 100;
    margin-top: -49px
    }
.ibe-widget.top {
    position: fixed;
    z-index: 500;
    width: 100%
    }
.ibe-widget.top form {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25)
    }
.ibe-widget.bottom {
    animation: fadeInIbe 1s
    }
@keyframes fadeInIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Firefox < 16 */
@-moz-keyframes fadeInIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Internet Explorer */
@-ms-keyframes fadeInIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Opera < 12.1 */
@-o-keyframes fadeInIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
.ibe-widget.affix {
    position: fixed;
    top: 116px;
    left: 0;
    right: 0;
    animation: pinIbe 1s
    }
.slider-half .ibe-widget.bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
    }
.slider-half .ibe-widget.affix {
    position: fixed;
    top: 116px;
    right: 0;
    bottom: auto;
    left: 0;
    animation: pinIbe 1s
    }
.slider-half .ibe-widget.top, .slider-half .ibe-widget.top.affix {
    top: 67px;
    animation: none
    }
.slider-full .ibe-widget.top, .slider-full .ibe-widget.top.affix {
    top: 67px;
    animation: none
    }
@keyframes pinIbe {
    from {
        transform-style: preserve-3d;
        transform: translateX(0px) translateY(-65px) translateZ(0px);
        } to {
        transform-style: preserve-3d;
        transition: transform 500ms;
        transform: translateX(0px) translateY(0) translateZ(0px);
        }
    }
/* Firefox < 16 */
@-moz-keyframes pinIbe {
    from {
        transform-style: preserve-3d;
        transition: transform 750ms;
        transform: translateX(0px) translateY(-65px) translateZ(0px);
        } to {
        transform-style: preserve-3d;
        transition: transform 500ms;
        transform: translateX(0px) translateY(0) translateZ(0px);
        }
    }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes pinIbe {
    from {
        transform-style: preserve-3d;
        transition: transform 750ms;
        transform: translateX(0px) translateY(-65px) translateZ(0px);
        } to {
        transform-style: preserve-3d;
        transition: transform 500ms;
        transform: translateX(0px) translateY(0) translateZ(0px);
        }
    }
/* Internet Explorer */
@-ms-keyframes pinIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Opera < 12.1 */
@-o-keyframes pinIbe {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
.ibe-widget.bottom form {
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.25)
    }
.ibe-widget label {
    display: block;
    padding: 9px 15px 10px;
    cursor: pointer;
    border-width: 0;
    border-radius: 0;
    border-right: 1px solid #e0e0e0 !important
    }
@-moz-document url-prefix("") {
    . ibe-widget label {
        padding: 9px 15px;
        }
    }
.ibe-widget label.datepicker {
    position: relative
    }
.datepicker {
    z-index: 999 !important;
    font-size: 18px;
    color: #3a3b40;
    background-color: #fff;
    border-radius: 0
    }
label.datepicker:after {
    display: block;
    position: absolute;
    top: 30%;
    right: 5%;
    font-family: "FontAwesome";
    content: "";
    font-size: 0.75em;
    padding: 0 0 0 0.5em
    }
label.datepicker-arrival:after {
    /*top: 30%;
        left: 23%; */
    }
label.datepicker-departure:after {
    /*top: 30%;
        right: 47%;*/
    }
.datepicker .prev, .datepicker .next, .datepicker .datepicker-switch {
    color: rgb(170, 170, 170)
    }
.datepicker.datepicker-dropdown {
    position: absolute;
    font-size: 14px;
    border: 1px solid #aaa
    }
.datepicker .day {
    color: rgb(51, 51, 51)
    }
.datepicker table tr td.today {
    background: rgb(255, 230, 132)
    }
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.selected {
    background: rgb(68, 153, 238)
    }
.datepicker table tr td.range, .datepicker table tr td.range:hover {
    background: rgb(205, 236, 250)
    }
.ibe-widget.bottom-fixed {
    position: fixed;
    bottom: 0;
    z-index: 500;
    width: 100%
    }
.ibe-widget.bottom-fixed .container {
    padding: 0
    }
.ibe-widget.bottom-fixed form {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
    }
.ibe-widget .container {
    max-width: 940px
    }
.ibe-widget label, .ibe-widget #daterange {
    width: 50%
    }
.ibe-widget .col-roomselector, .ibe-widget .col-button {
    width: 25%
    }
.ibe-widget .btn, .ibe-widget .datepicker input {
    width: 100%
    }
.ibe-widget .btn {
    padding: 16px 12px 15px;
    font-size: 18px;
    border-radius: 0;
    border: 0;
    font-weight: 300
    }
.ibe-widget .datepicker input {
    padding: 0;
    border: 0;
    color: #3a3b40;
    text-align: left;
    background: transparent;
    cursor: pointer
    }
.ibe-widget .select2-container--default .select2-selection--single {
    border: 0;
    border-radius: 0
    }
.form-control::-moz-placeholder {
    color: #3a3b40;
    opacity: 1
    }
.form-control:-ms-input-placeholder {
    color: #3a3b40
    }
.form-control::-webkit-input-placeholder {
    color: #3a3b40
    }
.page {
    font-size: 18px;
    line-height: 1.3
    }
#pg-17-5 .mirabell-row {
    margin-bottom: 32px
    }
.df_container_roomconfig {
    position: relative;
    z-index: 50
    }
.df_container_roomconfig button {
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    background: #fff
    }
#js_dealform_extRooms {
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    padding: 5px 15px 10px;
    font-size: 12px;
    border-radius: 4px;
    color: #9b9b9b;
    background: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5)
    }
@media (min-width: 550px) {
    #js_dealform_extRooms {
        width: 500px
        }
    }
#js_dealform_extRooms:after {
    content: "";
    display: block;
    position: absolute;
    right: 3%;
    bottom: 100%;
    margin-left: 1px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0)
    }
.room_row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b9b9b9
    }
.df_container_roomconfig .row {
    margin-left: 0;
    margin-right: 0
    }
.col-xs-3.room_child_container, .col-sm-3.adults, .col-sm-3.childs, .col-sm-6.ages {
    padding-left: 0
    }
.col-sm-6.ages {
    padding-right: 0
    }
@media (max-width: 550px) {
    .col-xs-3.adults, .col-xs-3.childs {
        width: 20%
        }
    .col-xs-6.ages {
        width: 60%
        }
    }
@media (max-width: 480px) {
    .col-xs-3.adults, .col-xs-3.childs {
        width: 50%
        }
    .col-xs-6.ages {
        width: 100%
        }
    }
.label-df-select {
    display: block
    }
.df_container_roomconfig select {
    width: 100%;
    border-radius: 4px;
    background: #fff
    }
.df_container_roomconfig select.error {
    border-color: #fbb
    }
.df_container_roomconfig .close_icon {
    cursor: pointer
    }
.room_children_container > span.hidden {
    display: none
    }
.room_children_container .multi, .room_children_container .single {
    display: block
    }
.card-hotel {
    max-width: 460px;
    margin: auto;
    box-shadow: 0 0 20px 5px rgba(38, 38, 38, 0.75);
    border-radius: 4px
    }
.card-hotel.metropol {
    margin-bottom: 40px
    }
@media (min-width: 768px) {
    .card-hotel.metropol {
        float: right;
        margin-bottom: 0
        }
    .card-hotel.mirabell {
        float: left
        }
    }
.card-header {
    padding: 20px;
    border-radius: 4px 4px 0 0;
    font-size: 30px;
    line-height: 1.267;
    color: #000;
    background-color: rgba(255, 255, 255, 1)
    }
.blog-25 .card-header, .blog-26 .card-header, .blog-25 .card-footer, .blog-26 .card-footer {
    color: #fff;
    background-color: rgba(177, 177, 177, 0.6)
    }
.card-header .headline-m {
    margin: 0;
    font-weight: 600
    }
.metropol .card-header .headline-m {
    color: #88b934
    }
.mirabell .card-header .headline-m {
    color: #e2007a
    }
.card-header .claim {
    width: 100%
    }
.card-header .btn {
    float: right
    }
@media (min-width: 1200px) {
    .card-header .claim {
        width: 71%;
        display: inline-block
        }
    .card-header .btn {
        float: none
        }
    }
.card-footer {
    color: #000;
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 4px 4px
    }
.card-footer a {
    color: #fff
    }
.card-footer .address {
    padding: 25px 20px
    }
.card-footer .address p {
    display: inline-block;
    font-size: 15px;
    line-height: 1.2
    }
.card-footer .map-marker {
    display: inline-block;
    height: 50px;
    width: 33px;
    margin: 0 14px 0 0;
    content: " "
    }
.body-mprivat .card-footer .map-marker path {
    fill: #fff
    }
.card-offer {
    margin-right: 15px;
    margin-left: 15px
    }
@media (min-width: 992px) {
    .card-offer {
        display: flex;
        overflow: hidden;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 15px;
        padding-left: 15px
        }
    .card-offer:nth-child( even) {
        flex-direction: row-reverse
        }
    .card-offer .card-half {
        width: 50%;
        padding-right: 0;
        padding-left: 0
        }
    }
.card-offer .colored {
    position: relative;
    background: #efefef
    }
.body-metropol .card-offer .colored {
    background: #88b934
    }
.body-mirabell .card-offer .colored {
    background: #e2007a
    }
.body-metropol .card-half.colored a, .body-mirabell .card-half.colored a {
    color: #fff
    }
.card-offer .image {
    position: relative;
    vertical-align: bottom;
    min-height: 320px;
    background-repeat: no-repeat;
    background-size: cover
    }
.card-offer .image-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 40px 40px;
    color: #fff;
    text-shadow: 1px 2px 3px #000
    }
.card-offer .image-text.shaded {
    padding-top: 20px;
    background-color: rgba(0, 0, 0, 0.3)
    }
@media (min-width: 768px) {
    .card-offer .image-text {
        max-width: none
        }
    }
.card-offer .image-text .btn {
    text-shadow: none
    }
.card-offer .image-text .headline-m {
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 300
    }
.card-offer .text {
    padding: 40px
    }
.downloads, .links, .faq, .row-dropdown .accordion {
    margin-bottom: 0;
    padding: 0;
    list-style: none
    }
.downloads li, .faq li {
    margin-bottom: 15px;
    border-radius: 4px;
    background: #3a3b40
    }
.downloads a {
    display: block;
    line-height: 50px;
    color: #fff;
    background: url(../img/icon-download.svg) no-repeat;
    background-size: 27px 27px;
    background-position: 97% 50%
    }
.downloads a:hover {
    text-decoration: none
    }
.downloads a[href*=".pdf"]:before {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 0 14px -10px 8px;
    content: " ";
    background: url(../img/icon-file-pdf.svg) no-repeat;
    background-size: 30px 30px
    }
.faq .keyword, .faq .answer {
    padding: 0 20px
    }
.faq .keyword, .row-dropdown .keyword {
    margin: 0;
    font-size: 16px;
    line-height: 50px;
    font-weight: 300;
    background: url(../img/chevron-down.svg) no-repeat;
    background-size: 30px 30px;
    background-position: 97% 50%
    }
.row-dropdown .keyword {
    margin: 0 0 18px;
    font-weight: 600;
    line-height: 1.25;
    background-position: 100% 50%
    }
.faq .open .keyword, .row-dropdown .open .keyword {
    background-image: url(../img/chevron-up.svg)
    }
.faq .open .answer {
    padding-bottom: 25px
    }
.js .faq [data-content] {
    max-height: 0;
    overflow: hidden
    }
.container-dropdown section.row {
    margin-bottom: 0
    }
.noheadline section.row {
    margin-top: 15px
    }
.dropdown {
    padding: 20px 25px 0;
    border-radius: 4px
    }
.dropdown.open {
    padding-bottom: 25px
    }
.dropdown .card {
    margin: 0 0 15px;
    font-size: 14px;
    background: #fff
    }
.dropdown .card .img-wrapper {
    min-height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
    }
@media (min-width: 992px) {
    .dropdown .card {
        display: flex;
        flex-wrap: nowrap
        }
    .dropdown .card .img-wrapper {
        display: flex;
        flex: 0 0 250px
        }
    }
.dropdown .card .txt-wrapper {
    flex: 1;
    padding: 15px 25px
    }
.dropdown .card .btn-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px 15px 0
    }
.dropdown .card .btn-wrapper .btn {
    align-self: flex-end;
    margin-top: auto
    }
.row-dropdown .card h3 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
    }
.slider-rooms {
    margin-top: 25px
    }
.roomname {
    margin-top: 0
    }
.row-teaser .headline-s, .row-teaser .headline-m {
    font-size: 24px;
    font-weight: 300
    }
.row-teaser .headline-s span, .row-teaser .headline-m span {
    display: inline-block;
    margin-top: 10px
    }
.row-teaser .img-responsive {
    display: inline-block;
    margin-top: -10px
    }
.row-infoboxes .headline-xl, .row-infoboxes .headline-l, .row-infoboxes .headline-s {
    margin-bottom: 40px
    }
.hero-unit {
    position: relative;
    overflow: hidden
    }
.body-mprivat .hero-unit {
    margin-top: 160px;
    margin-bottom: 20px
    }
.hero-unit .wrapper-headline {
    display: flex;
    flex-direction: column;
    /*	max-width: 940px;*/
    margin: 200px auto 160px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
    }
@media (max-width: 991px) {
    .hero-unit .wrapper-headline {
        max-width: 728px
        }
    }
@media (max-width: 479px) {
    .hero-unit .wrapper-headline {
        max-width: none
        }
    }
.hero-heading {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 50px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    animation: fadeInHeadlines 1s
    }
.hero-subheading {
    margin-bottom: 5%;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    animation: fadeInHeadlines 1s
    }
@media (max-width: 767px) {
    .hero-heading {
        margin-bottom: 0;
        font-size: 42px
        }
    .hero-subheading {
        font-size: 16px
        }
    }
@media (max-width: 479px) {
    .hero-heading {
        margin-bottom: 8px;
        line-height: 46px
        }
    .hero-subheading {
        margin-bottom: 14px;
        line-height: 24px
        }
    }
@keyframes fadeInHeadlines {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Firefox < 16 */
@-moz-keyframes fadeInHeadlines {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInHeadlines {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Internet Explorer */
@-ms-keyframes fadeInHeadlines {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Opera < 12.1 */
@-o-keyframes fadeInHeadlines {
    from {
        opacity: 0;
        transform: translate(0px, 50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
.slider-full .jumper img {
    display: inline-block;
    height: 42px;
    width: 42px;
    -webkit-animation: fadeInJumper 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeInJumper 1s;
    /* Firefox < 16 */
    -ms-animation: fadeInJumper 1s;
    /* Internet Explorer */
    -o-animation: fadeInJumper 1s;
    /* Opera < 12.1 */
    animation: fadeInJumper 1s
    }
@keyframes fadeInJumper {
    from {
        opacity: 0;
        transform: translate(0px, -50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Firefox < 16 */
@-moz-keyframes fadeInJumper {
    from {
        opacity: 0;
        transform: translate(0px, -50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInJumper {
    from {
        opacity: 0;
        transform: translate(0px, -50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Internet Explorer */
@-ms-keyframes fadeInJumper {
    from {
        opacity: 0;
        transform: translate(0px, -50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
/* Opera < 12.1 */
@-o-keyframes fadeInJumper {
    from {
        opacity: 0;
        transform: translate(0px, -50px);
        } to {
        opacity: 1;
        transform: translateX(0px) translateY(0px) translateZ(0px);
        }
    }
.wrapper-pageheadline {
    margin-bottom: 40px
    }
.wrapper-pageheadline .headline, .wrapper-pageheadline .subheadline {
    margin-bottom: 0
    }
#map {
    min-height: 500px;
    width: 100%;
    margin: 0;
    padding: 0
    }
.row-map.row-colored {
    margin-left: 0;
    margin-right: 0
    }
.row-map.row-colored .col-md-6 {
    padding-left: 0;
    padding-right: 0
    }
.row-colored {
    background: #3a3b40
    }
.row-map .col-map-txt {
    margin-top: 40px
    }
.row-map.row-colored .col-map-txt {
    margin-top: 0;
    padding: 40px
    }
.row-colored .col-map-txt .headline-l, .row-colored .col-map-txt .headline-m {
    margin-top: 0
    }
.col-roomdesc h4 {
    line-height: 1.5
    }
.wrapper-button {
    margin-top: 30px
    }
.gm-style-iw {
    color: #3a3b40
    }
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0
    }
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.album-picture {
    display: block;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    overflow: hidden
    }
.slider-rooms .slides {
    overflow: hidden
    }
.slider-rooms .slides a img.imagehover, .album-picture img.imagehover {
    -webkit-transition: all 0.75s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.75s ease;
    /* Firefox */
    -ms-transition: all 0.75s ease;
    /* IE 9 */
    -o-transition: all 0.75s ease;
    /* Opera */
    transition: all 0.3s ease
    }
.slider-rooms .slides a:hover img.imagehover, .album-picture img:hover.imagehover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translatez(0) scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: translatez(0) scale(1.1);
    /* Opera */
    /*transform: translateZ(0) scale(1.1);*/
    transform: scale(1.1)
    }
.img-caption {
    position: relative;
    padding: 0 5px
    }
.caption-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    color: #fff;
    text-shadow: 1px 2px 3px #000;
    background: rgba(0, 0, 0, 0.3)
    }
.customer-review.odd, .customer-review .your-reply {
    background: transparent
    }
.customer-review .your-reply {
    box-shadow: none
    }
.body-mirabell .review-rating .rating-percentage, .body-metropol .review-rating .rating-percentage {
    color: #88b934
    }
.blog-61 .review-rating .rating-percentage, .blog-62 .review-rating .rating-percentage {
    color: #8a1b04
    }
/*.ibe-widget.affix {
	position: fixed;
	bottom: auto;
	z-index: 50;
	width: 100%;
	padding-bottom: 20px;
}*/
.customer-review .review-summary {
    background: transparent
    }
.customer-reviews + .pagination {
    display: none
    }
@media (max-width: 767px) {
    .row-picturegallery + .row-picturegallery, .row-rooomlist + .row-rooomlist, .row-teaser + .row-teaser {
        margin-top: -80px
        }
    }
.page-footer .col-logo {
    margin-bottom: 20px
    }
.page-footer .social-icons-widget ul {
    padding: 0
    }
.parallax {
    height: 50vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
    }
.parallax-window {
    min-height: 50vh;
    background: transparent
    }