@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
    font-family: "Roboto", "Segoe UI", 'Trebuchet MS', sans-serif;
    padding-top: 50px;
}

a {
    color: #000066;
}

h1 {
    font-size: 20pt;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

nav#main-navbar.navbar.navbar-default {
    background-image: url(https://www.rujana.de/site/templates/images/trans_85.png);
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.main-navbar__booking_phone {
    margin-top: 10px;
    margin-bottom: 0;
}

.main-navbar__booking_phone span {
    font-size: 18px;
}

.main-navbar__imprint {
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 0;
    text-align: right;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.nav > li.dropdown.open .dropdown-menu {
    border: 0;
    background-color: #ffcc00;
    border-radius: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #000066;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #ffcc00;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #ffcc00;
}

.navbar-brand img {
    margin-top: -10px;
}

#main-nav-rujana-logo {
    position: absolute;
}

#main-nav-rujana-logo-link {
    width: 60px;
}

.main-content__contact_form form {
    background-color: #e9e9e9;
    padding: 10px;
}

.carousel__overlay_block {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    left: 0;
    right: 0;
}

.carousel__overlay_picture_credits {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 12px;
    font-size: 9pt;
}

.rujana-bestprice__carousel {
    position: absolute;
    margin-left: auto;
    right: 55px;
    top: 150px;
    z-index: 1000;
}

.best-price-garantie {
    width: 100px;
}

.rujana-stornogarantie__carousel {
    position: absolute;
    margin-left: auto;
    right: 20px;
    top: 280px;
    z-index: 1000;
}

.storno-garantie {
    width: 180px;
}

.carousel__overlay_block h1 {
    margin-left: 10px;
    font-size: 16pt;
    margin-top: 230px;
    color: rgb(51, 51, 51);
    background-image: url(https://www.rujana.de/site/templates/images/trans_85.png);
    padding: 6px;
    width: 50%;
}

@media (min-width: 768px) {
    .carousel__overlay_block {
        width: 750px
    }
}

@media (min-width: 992px) {
    .carousel__overlay_block {
        width: 970px
    }

    .carousel__overlay_block h1 {
        margin-left: 40px;
        margin-top: 280px;
        font-size: 24pt;

    }
}

@media (min-width: 1200px) {
    .carousel__overlay_block {
        width: 1170px
    }
}

.rujana-logo__carousel {
    position: relative;
    float: right;
    margin-right: 60px;
    margin-top: 18px;
    text-align: center;
    background-image: url(https://www.rujana.de/site/templates/images/trans_40.png);
    padding: 8px 3px 6px;
    border-radius: 6px;
}

.rujana-logo__carousel img {
    width: 96px;
}

.rujana-logo__carousel img.ironman_logo {
    width: 120px;
}

.carousel__partner_from {
    display: block;
    margin-top: 10px;
    font-size: 10pt;
}

.carousel {
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 6px solid #ffcc00;
}

.carousel-inner {
    height: 420px;
}

.carousel .item {
    background-position: center;
    background-size: cover;
}

.carousel .item img {

}

.carousel-control span {
    padding-top: 90px;

}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.layout-header__carousel-xs {
    margin-bottom: 12px;
    overflow: hidden;
}

.layout-header__carousel-xs img {
    min-width: 100%;
    height: 90px;
}

.layout-header__page_header {
    height: 80px;
    padding-top: 10px;
    background: #ffcc00 none center;
    background-size: cover;
    margin-bottom: 1em;
    border-bottom: 6px solid #ffcc00;
}

.main-nav_mainitem {
    font-size: 14pt;
    color: #000;
}

.main-nav__first_main_item {
    background-color: #ffe35f;

}

.main-nav__first_main_item_anim {
    animation: pulse 1s 4;
}

@keyframes pulse {
    0% {
        background-color: #ffee35;
    }
    100% {
        background-color: #ffcc00;
    }
}

.main-nav_sub_item {
    font-size: 14pt;
    color: #000;
    text-transform: uppercase;
    padding-left: 10px;
}

ul.main-nav_sub_item__list {
    padding-left: 10px;
}

.main-nav_sub_item__list {
    font-size: 11pt;
    color: #fff;
}

.main-nav_sub_item i.icon--rujana-ferienwohnungen {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: #9c9c9c;
}

.main-content h1 {
    font-size: 10pt;
}

.info-content {
    margin-top: 2em;
}

.info-content h3 {
    font-size: 14pt;
}

.info-content h4 {
    font-size: 14pt;
}

.main-content h5, .info-content h5 {
    font-size: 18pt;
    text-transform: uppercase;
}

.main-content h2 {
    font-size: 14pt;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: right;
}

.main-content__top-offers {
    margin-bottom: 1em;
}

h3.main-content__top-offers {
    font-size: 18pt;
    text-transform: uppercase;
}

.main-content__top-offer {
    height: 227px;
    overflow: hidden;
    margin-bottom: 12px;
}

.main-content__top-offer_bckgrnd {
    background-size: cover;
    height: 100%;
}

.main-content__top-offers img {
    height: 100%;

}

.main-content__top-offer_title {
    font-size: 13pt;
    color: #fff;
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    top: 0;
    left: 0;
    text-shadow: rgba(0, 0, 0, 0.5) 0 0 3px;
    width: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#142f66+0,7db9e8+100&0.8+0,0+100 */
    background: -moz-linear-gradient(top, rgba(20, 47, 102, 0.8) 0%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(20, 47, 102, 0.8) 0%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(20, 47, 102, 0.8) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc142f66', endColorstr='#007db9e8', GradientType=0); /* IE6-9 */

}

.main-content__top-offer_button {
    background-color: #ffcc00;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 3px;
    padding: 3px 24px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    text-transform: uppercase;
}

.main-content__top-offer_button a {
    text-decoration: none;
    color: #0c253e;
}

.main-content__hotline_line {
    background-color: #0b3f5a;
    color: #fff;
    font-size: 20pt;
    text-align: center;
    padding: 8px;
}

.main-content__beautyworld {
    background-color: #e9e9e9;
    padding: 4px 12px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.main-content__beautyworld img {
    float: right;
    margin-left: 12px;
    border: 4px solid #fff;
    width: 140px;
}

.main-content__external_links {
    background-color: #e9e9e9;
    padding: 4px 12px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.main-content__external_links img {
    float: right;
    margin-left: 12px;
    border: 4px solid #fff;
    width: 140px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #ffcc00;
    border-radius: 0;
    color: #000;
}

.nav-pills {
    font-size: 14pt;
    text-transform: uppercase;
    color: #0c253e;
}

.ib_searchmask_form {
    background-color: #ffcc00;
    padding: 2%;
}

.ib_searchmask_form .ageChild {
    margin-top: 3px;
}

#layout-footer {
    margin-top: 2em;
}

.footer__title {
    color: #9c9c9c;
    font-size: 16pt;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
}

div.footer__border {
    border-top: 1px solid #9c9c9c;
    padding-top: 10px;
}

.footer__text {
    font-size: 9pt;
    color: #6c6c6c;
}
div.footer__social_logos {
    display: inline;
    margin-right: 6px;
}
.footer__social_logos a {
    font-weight: bold;
}

.footer__social_logos img {
    width: 40px;
    border: 0;
}

.main-content__reviews {

}

.main-content__reviews iframe {
    min-height: 335px;
}

.main-content__facebook_news_title {
    background-image: linear-gradient(to left, #ffce2f 0px, #ffcc00 100%);
    height: 40px;
    padding-top: 9px;
    padding-right: 6px;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
}

.main-content__facebook_news_title img {
    height: 32px;
}

.plugin-content__socialnetwork_posts {
    margin-bottom: 1em;
    border: 1px solid #e5e5e5;
    padding-left: 12px;
    padding-right: 12px;
}

.plugin-content__socialnetwork_post {
    margin-top: 1em;
}

.plugin-content__socialnetwork_post a.source_link {
    color: #9c9c9c;
    font-size: 9pt;
}
.plugin-content__socialnetwork_post img.post-featured-image {
    width: 90px;
    float: right;
}
.main-content__booking .btn-success a {
    color: #fff;
}

.layout_content__contact_person {

}

.layout_content__contact_person img {
    max-width: 250px;
    width: 100%;
    background-color: #9a9a9a;
}

.layout_content__contact_person_title {
    font-size: 12pt;
}

.subpage_pagelist_row {
    margin-top: 6px;
}

.subpage_pagelist__preview_image {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
}

.subpage_pagelist__preview_text {
    /*background-color: #ffcc00;*/
    padding: 10px;
}

.subpage_pagelist__preview_text h4 {
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: normal;
}

.subpage_pagelist__preview_link {
    font-size: 11pt;
    display: block;
    text-align: right;
    font-weight: normal;
}

.subpage_pagelist__preview_link a {
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: normal;
}

.subpage_pagelist__preview_link a b {
    font-weight: normal;
}

.credit {
    color: #000;
}

.gradient-yellow {
    background: linear-gradient(-30deg, #ffec00, #ffcc00) repeat-x;
}

.module-content {
}

.module-content .panel-heading {
    font-size: 11pt;
    font-weight: bold;
}

.hrs-result-item {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin: 0 0 15px;
    border-radius: 4px;
    /*padding-top: 12px;*/
}

h3.hrs-result-item__title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 5px;
}

.hrs-detail-item__from-price {
    font-size: 12pt;
    margin-top: 10px;
    margin-bottom: 5px;
}

.hrs-detail-item__from-price span {
    font-weight: bold;
}

.hrs-result-item__from-price {
    font-size: 14pt;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.hrs-result-item__from-price span {
    font-weight: bold;
}


.hrs-result-item__img {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    height: 194px;
    border-bottom: 8px solid #ffcc00;
    margin-bottom: 6px;
}

.hrs-result-item__img img {
    width: 100%;
}

.btn.hrs-result-item__details {
    background-color: #f7f7f7;
    border-color: #ddd;
    color: #555 !important;
}

.btn.hrs-result-item__details:hover {
    background-color: #ffcc00;
    color: #555 !important;
}

.btn.btn-success.hrs-result-item__details {
    background-color: #ffcc00;
}

.btn.btn-success.hrs-result-item__details:hover {
    background-color: #ffee35;

}

.hrs-object-details__content {
    border-radius: 4px;
}

.hrs-object-details h2 {
    font-size: 14pt;
}

.hrs-object-details h3 {
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: normal;
    color: #000066;
}

.hrs-object-details__main_image {
    overflow: hidden;
    width: 100%;
    border-bottom: 8px solid #ffcc00;
    margin-bottom: 12px;
    max-height: 600px;
}

.hrs-object-details__main_image img {
    width: 100%;
}

.hrs-result-item__legend {
    margin-top: 12px;
    margin-bottom: 12px;
}

.hrs-result-item__legend legend {
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: normal;
    color: #000066;
    margin-bottom:6px;
}

.hrs-result-item__legend label {
    width: 200px;
}

.hrs-result-item__from-price-hint {
    margin-top: 12px;
    font-size: 9pt;
    color: #6c6c6c;
}

.hrs-result-item__map {
    background-size: cover;
    border: 1px solid #ddd;
    display: block;
    height: 400px;
    border-radius: 4px;
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hrs-result-item__map img {
    width: 400px;
    height: 400px;
    position: absolute;
    max-width: none;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px
}

.hrs-result-item__image_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.hrs-result-item__image_list li {
    padding-left: 0;
    padding-right: 0;
}

.hrs-result-item__right {

}

.hrs-result-item__image_list .thumbnail {
    width: 98%;

}

.hrs-result-item__image_list .thumbnail div {
    height: 110px;
    overflow: hidden;
}

.hrs-result-item__image_list img {

}

.hrs-object-details__description {

}

.hrs-result-item__roomslist {
    margin-top: 6px;
}

.hrs-result-item__roomslist .hrs-result-item {
    border: 0;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.hrs-result-item__buttons {
    margin-bottom: 12px;
    margin-top: 12px;
}

.hrs-result-item__button_request {
    margin-bottom: 12px;
    background-color: #ffcc00;
}

.hrs-result-item__button_request:hover {
    margin-bottom: 12px;
    background-color: #ffee35;
}

.hrs-search__searchfields fieldset {
    margin-bottom: 16px;
}

.hrs-search__searchfields legend {
    font-size: 11pt;
    margin-bottom: 0;
}

.hrs-search__sortfields {
    text-align: right;
    margin-bottom: 3px;
}

.hrs-search__sortfield-active {
    font-weight: bold;
}

i.glyphicon {
    margin-right: 6px;
}

.hrs-object-details__back-navigation {
    margin-bottom: 6px;
}

/*
    Reservation View
*/

.module__reservation_view_main {

}

.module__reservation_view_main .menu__top_links {
    text-align: right;
    padding-right: 6px;
}

.module__reservation_view_main .menu__items_top_links {

}

.module__reservation_view_main .menu__items_top_links a {
    padding: 6px;

}

.reservation_legend span {
    padding: 3px 3px 3px 6px;
    margin-left: 6px;
}

.reservation_table {
    width: 100%;
}

.reservation_table_month_block {

}

.reservation_table_month {
    background-color: transparent;
    text-align: center;
}

.reservation_table_weeks {
    border-bottom: 1px solid black;
    font-size: smaller;
    text-align: center;
}

.reservation_table_week td {
    padding: 3px;
    text-align: center;
    border: 1px solid #fff;
}

.reservation_table_inner_month {
    width: 90%;
    margin: auto;
    border: 1px solid #9f9f9f;
}

.reservation_table_month_block__days {
    border-right: 1px solid #003bb3;
    padding-right: 6px;
}

.reservation_table_month_block__days td {
    padding: 3px;
}

.reservation_legend {
    margin: 6px;
    padding-top: 6px;
    border-top: 1px solid #6c6c6c;
}

.reservation_free {
    background-color: #90ee90;
}

.reservation_used {
    background-color: #CC0000;
    color: #fff;
}

.reservation_unkown, td.reservation_unkown {
    background-color: #aeaeae;
    color: #000;
    border: 1px solid #aeaeae;
}

.reservation_ends {
    background: linear-gradient(135deg, #cc0000 0%, #cc0000 50%, #90ee90 51%, #90ee90 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #fff;
}

.reservation_starts {
    background: linear-gradient(135deg, #90ee90 0%, #90ee90 50%, #cc0000 51%, #cc0000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #fff;
}
.reservation_today {
    background-color: #ffcc00;
    font-weight: bold;
}
#ReservationCustomerView_Form {
    display: none;
}

#ReservationCustomerView_View {
    margin-top: 12px;
}

/*login form*/
.InputfieldForm {
    margin-bottom: 1em
}

.InputfieldForm .Inputfields, .InputfieldForm .Inputfields > .Inputfield {
    list-style: none;
    padding: 0
}

.InputfieldForm .Inputfields .Inputfields {
    margin-bottom: 0
}

.Inputfields .InputfieldHidden {
    display: none
}

.InputfieldForm .Inputfields .InputfieldSubmit, .InputfieldForm .Inputfields .InputfieldButton {
    margin-top: 0;
    padding-top: 0;
    clear: none;
    background: none
}

img.post-featured-image {
    width: 100%;
}

.post {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 6px solid #ffcc00;
}

.post-headline {
    text-align: center;
    font-size: 18pt;
    font-weight: normal;
    margin-left: 1em;
    margin-right: 1em;
}
.post-headline a {
    font-weight: normal;
}

.post a.more {
    font-weight: bold;
}

.post-byline {
    text-align: center;
    font-size: 9pt;
    margin-left: 1em;
    margin-right: 1em;
}

.post-body {
    margin-left: 1em;
    margin-right: 1em;
}
.blog_post__full_content .blog_post__images {
    margin-top: 12px;
    margin-bottom: 12px;
}
.blog_post__full_content .blog_post__images img {
    width: 100%;
}
.blog_post__full_content .post-head {
    margin-left: 15px;
    margin-right: 15px;
}

.blog_post__full_content .post-body p {
    margin-left: 15px;
    margin-right: 15px;
}

.blog_post__full_content .post-body h3 {
    margin-left: 15px;
    margin-right: 15px;
}

#post-author {
    margin-left: 15px;
    margin-right: 15px;
}
#post-author h4 {
    font-size: 10pt;
}

.next-prev-posts {
    margin-top: 1em;
    margin-bottom: 2em;
}

.next-post {
    text-align: right;
}

ul.MarkupPagerNav {

}

ul.MarkupPagerNav li {
    display: inline;
    list-style: none;
    margin: 0;
}

.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator, a.button-prev, a.button-next {
    display: block;
    float: left;
    padding: 5px 11px;
    margin-right: 3px;
    font-weight: bold;
    color: #000066;
    /*border: 1px solid #1D8ACB;*/
}

.MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover, a.button-prev:hover, a.button-next:hover {
    text-decoration: none !important;
    color: #000066;
    background: #ECF7FD;
}

label.dsgvo {
	font-weight: normal;
	padding-right: 5px;
	}