/**
 * Swoppen Soferu
 *
 * copyright since 2000 by Swoppen Systems GmbH - All rights reserved.
 */

.or-box-title * {
    color: black;
}
.logo-img {
    position: fixed;
    left: 25px;
    top: 10px;
    width: 16vw;
    box-shadow: 0px 0px 3px 0px #0000008c;
    z-index: 99999;
}
main.tmpl-content.container {
    margin-top: 92px;
}
nav.navbar.navbar-default.navbar-static-top {
    background: #333;
    border: none;
    color: white;
}

.col-md-12.col-xs-12.col-sm-12.item-description {
    background: #d2d2d2;
}

body {
    background-color: #e7e7e7!important;
}

.carousel-inner>.item>img {
    margin: 0 auto;
    max-height: 500px;
    height: auto;
    width: auto;
}
.Highlighted a{
    background-color : Green !important;
    background-image :none !important;
    color: White !important;
    font-weight:bold !important;
    font-size: 12pt;
}

* {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3 {
    font-family:  'Dosis', sans-serif !important;
}

.navbar-header {
    float: none !important;
}
.navbar-toggle {
    display: block !important;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar-nav {
    float: none!important;
}
.navbar-nav>li {
    float: none !important;
}

@media screen and (max-width: 600px) {
    .room {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}



.bold {
    font-weight: bold;
}

.decimal {
    text-align: right;
}

.hm-checkout-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #EEE;
    border-top: 1px solid #DDD;
}

.hm-checkout-status li.disabled a {
    cursor: default;
    color: #555;
}

.box#agb .box-content {
    overflow: auto;
    height: 150px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 27px;
}
.btn-group.error .btn {
    color: #b94a48;
    border-color: #b94a48;
}

.btn-group.error .btn .caret {
    border-top-color: #b94a48;
}


.clearer {
    clear: both;
}

.spinner-group {
    white-space: nowrap;
}

.spinner-group div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.spinner-group .spin-put {
    text-align: right;
}

.floating {
    float: left;
}


/* ----- MENÜ  ----- */
/***************************
 *	Variables
 **************************/
/***************************
 *	Project Main Styles
 **************************/

/***************************
 *	Application Main Styles
 **************************/
#menu--toggle[type="checkbox"]:not(:checked), #menu--toggle[type="checkbox"]:checked {
    display: none;
}
.menu--toggle__trigger, .menu--toggle__burger, .menu--toggle__burger:before, .menu--toggle__burger:after {
    position: absolute;
    top: 1.6em;
    right: 19px;
    min-width: 31px;
    height: 5px;
    background-color: #282828;
    border-radius: 2px;
    cursor: pointer;
    z-index: 100;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
    z-inedx: 999999999;
}
.menu--toggle__trigger {
    height: 2em;
    background: none;
}
.menu--toggle__burger:before {
    content: "";
    top: 10px;
    left: 0;
}
.menu--toggle__burger:after {
    content: "";
    top: 20px;
    left: 0;
}
.menu__body {
    position: absolute;
    width: 5em;
    height: 5em;
    right: 0px;
    margin: 0;
    padding: 0;
    background-color: #fcfcfc00;
    border-bottom-left-radius: 0%;

    z-index: 10;
    animation: checkboxUncheckedAnimation 0.35s both;
}
.menu__body-element, .menu__body-link {
    display: none;
    margin: 4.4em 0 -3.3em -0.1em;
    font-weight: normal;
    color: #282828;
    text-decoration: none;
    text-transform: none;
    list-style: none;
    outline: 0;
}

.menu--toggle__trigger:after {
    background: white;
    padding: 7px;
    /* margin: -5px; */
    content: " ";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    box-shadow: 0px 0px 2px 0px #00000057;
}

.menu__body-element {
    text-indent: 2em;
}
.menu__body-link:hover {
    display: block;
    width: 0;
    color: #282828;
    background-color: #e2e2e2;
    animation: changeWidthOfElementAnimation 0.35s both;
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger {
    top: 35px;
    transform: rotate(405deg);
    transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:before {
    top: 0;
    transform: rotate(-90deg);
    transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:after {
    top: 0;
    transform: rotate(90deg);
    transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.modal-content {
    margin-top: 100px;
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger + .menu__body {
    animation: checkboxCheckedAnimation 1s cubic-bezier(0.01, 0.82, 1, 0.44) both;
}
#menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-element, #menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-link {
    display: block;
}

.fixed {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999999;
}
/**
 *	Animations
 *
 *  @note checkboxCheckedAnimation - added fix for Microsoft Edge
 */
@keyframes checkboxCheckedAnimation {
    20% {
        background:white;
    }
    50% {
        width: 100vw;
        height: 100vh;
        border-bottom-left-radius:100%;
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
    70% {

        border-bottom-left-radius:32%;

    }
    100% {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
}
@keyframes checkboxUncheckedAnimation {
    0% {
        width: 100vw;
        height: 100vh;
        border-bottom-left-radius:100%;
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
    50% {
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
}
@keyframes changeWidthOfElementAnimation {
    10% {
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
    50% {
        width: 0;
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
    100% {
        width: 100%;
        background:white;
        box-shadow: 3px 3px 7px rgba(40, 40, 40, .2);
    }
}

/* ----- MENÜ ----- */