@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('NotoSansJP-Thin.ttf') format('truetype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('NotoSansJP-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('NotoSansJP-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('NotoSansJP-Medium.ttf') format('truetype');
}


body {
    font-family: 'Noto Sans JP', sans-serif;
    background: #fff;
}

body.bodyranker {
    background: #f3e7db;
}

body.bodysonnwies {
    background: #e4dcc6;
}

body.bodylofertal {
    background: #d7d5d5;
}


/*
h1 {
    color: #333;
    font-size: 38px;
    font-family: "Playfair Display",sans-serif;
    font-weight: 300 !important;
    text-decoration: none;
    margin-bottom: 5px;
}

*/

h1 {
    color: #5b5e6a;
    font-size: 35px;
    line-height: 40px;
    margin-top: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    margin-left: 0;
    font-weight: 100;
    letter-spacing: normal;
    text-transform: uppercase;
}

@media(max-width: 767px) {
    h1 {
        font-size: 26px;
    }
}

h2 {
    color: #5b5e6a;
    font-size: 35px;
    line-height: 40px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600 !important;
    text-decoration: none;
    margin-bottom: 5px;
    text-transform: uppercase;
}

h3 {
    color: #6d6d6d;
    font-size: 23px;
    font-family: 'Noto Sans JP', sans-serif;
    text-decoration: none;
    margin-bottom: 5px;
}

h4 {
    color: #fff;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 5px;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.75), rgba(102, 102, 102, 0));
    width: 50%
}

p {
    font-size: 16px;
    font-weight: 200;
    margin: 0 0 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-frame {
    position: relative;
    z-index: 1;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}

.video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
}

.success-message {
    display: none;
}

.toggle-btn {
    width: 100%;
    max-width: 200px;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    background-color: #D83C3C;
    border: 1px solid transparent;
    transition: all .31s;
    text-align: center;
    padding: 5px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.toggle-btn:hover,
.toggle-btn:focus,
.toggle-btn:active {
    border: 1px solid #D83C3C;
    background-color: #fff;
    color: #D83C3C;
    text-decoration: none;
}

primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    border: 1px solid #fff!important;
    background-color: #5B5E6A!important;
    color: #fff!important;
    text-decoration: none;
}


/*2. Untermenü*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.open>.dropdown-submenu {
    display: block;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
    margin-left: 5px;
}

.dropdown-submenu .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/*2. Untermenü*/

.footer {
    margin-top: 20px;
    background-color: rgb(243 243 243 / 55%);
    padding-top: 35px;
    padding-bottom: 40px;
    background-image: url(../img/diagmonds.png);
    background-repeat: repeat;
    color: #333;
    font-size: 15px;
}

.footer h3 {
    color: #333;
    font-weight: 600;
    font-size: 22px;
}

.footer a {
    color: #333;
}

.footer a:hover {
    color: #333;
    text-decoration: underline;
}

hr.footer-hr {
    background: #333;
    width: 100%;
    height: 1px;
    background: rgb(51 51 51 / 62%);
}

.footer i {
    font-size: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

.subfooter {
    background-color: #212121;
    color: #fff;
}

.subfooter a {
    color: #D83C3C;
}

.subfooter a:hover {
    color: #D83C3C;
    text-decoration: underline;
}

.footerlinie {
    background: #e4e4e4;
    width: 100%;
    height: 1px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.box {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px -1px 10px 3px rgba(199, 199, 199, 0.69);
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    min-height: 200px;
}

.box h2 {
    margin-top: 0px;
    text-transform: none;
    font-size: 20px;
    color: #777
}

.box p {
    min-height: 80px
}

.btn-primary {
    border: 1px solid black;
    color: #000;
    border-radius: 0;
    background-color: transparent;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
    transition: all .31s;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    border: 1px solid #5B5E6A;
    color: white;
    background-color: #5B5E6A;
}


/*Styles für Layout Stefan*/

.parallax-window {
    min-height: 300px;
    background: rgba(255, 255, 255, 0.6);
}

.navbar-inverse {
    background-color: #313131;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.dropdown.open {
    background-color: #212121;
}

@media(min-width:768px) {
    .dropdown-menu {
        background-color: #fff;
        border-bottom: 5px solid #5b5e6a;
        border-radius: 0;
        width: 100%;
        margin-top: -1px;
    }
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #D83C3C;
    color: #fff;
}

.header-start>div.carousel-inner>div.item>div.fill {
    min-height: 700px;
}

.carousel-item .fill {
    width: 100%;
    min-height: 555px;
    background-size: cover;
    background-position: center center;
}

@media(max-width: 767px) {
    .carousel-item .fill {
        min-height: 300px;
    }
}

.section-dark {
    background-color: #333;
    padding-top: 35px;
    padding-bottom: 25px;
    background-image: url(../img/knot.png);
    background-repeat: repeat;
    margin-bottom: 20px;
}

.primer-p {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.primer-box {
    position: relative;
}

.pulse {
    -webkit-animation: pulse 3s linear infinite;
    -moz-animation: . pulse 3s linear infinite;
    -ms-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}

@keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.97);
        -moz-transform: scale(0.97);
        -o-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.97);
        transform: scale(0.97);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes "pulse" {
    0% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.parallax-section {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 50px;
    color: #333;
    min-height: 400px;
    position: relative;
}

@media(max-width: 767px) {
    .parallax-section {
        background-attachment: unset;
    }
}

.bodysonnwies .parallax-section::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(234 194 92 / 40%);
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}

.bodyranker .parallax-section::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    /*background: rgb(160 144 128 / 40%);*/
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}

.bodylofertal .parallax-section::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(200 200 200 / 40%);
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}

.parallax-section h1 {
    color: #fff;
}

.parallax-section h2 {
    color: #fff;
}

.artikel-image {
    max-width: 400px;
    width: 100%;
    margin-top: 20px;
}

/* Style Start */

section {
    margin: 50px 0px;
    overflow: hidden;
}

.boxes .outter-box {
    background-size: cover!important;
    background-position: center center!important;
    min-height: 300px;
    position: relative;
}

.boxes .outter-box::after {
    content: "";
    background: rgb(200 200 200 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s;
}

.boxes .outter-box.Lofertal::after {
    content: "";
    background: rgb(200 200 200 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.boxes .outter-box.Sonnwies::after {
    content: "";
    background: rgb(234 194 92 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.boxes .outter-box.Ranker::after {
    content: "";
    background: rgb(160 144 128 / 70%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.boxes a:hover .outter-box::after {
    background: transparent;
}

.boxes .inner-text h1 {
    color: white;
}

.boxes .inner-text {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: white;
    z-index: 2;
}

.aktionen img.aktionen-image {
    width: 100%;
}

.aktionen-text {
    position: relative;
    width: 100%;
    height: 100%;
}

.aktionen-text-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.post {
    border: 1px solid rgb(128 128 128 / 35%);
    padding: 10px;
    height: 340px;
    transition: all .5s;
    position: relative;
}

.read-more-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}

.post:hover {
    background: rgb(255 255 255 / 65%);
    cursor: pointer;
}

.post-img-content img {
    width: 100%;
}

.content h2 {
    margin: 0;
    margin-top: 10px;
    text-transform: none;
    font-size: 18px;
}

.my__content {
    margin-bottom: 15px;
    font-style: italic;
    font-size: 14px;
}

.Ranker a.btn.zimmer-btn {
    border: 2px solid #A09080;
    background: #A09080;
    color: rgba(255, 255, 255);
    border-radius: 0;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
}

.Ranker a.btn.zimmer-btn:hover {
    background: #A09080;
    color: white;
}

.Lofertal a.btn.zimmer-btn {
    border: 2px solid #9c9c9c;
    background: #9c9c9c;
    color: white;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
}

.Lofertal a.btn.zimmer-btn:hover {
    background: #9c9c9c;
    color: white;
}

.Sonnwies a.btn.zimmer-btn {
    border: 2px solid #ca982a;
    background: #ca982a;
    color: white;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
}

.Sonnwies a.btn.zimmer-btn:hover {
    background: #ca982a;
    color: white;
}

.portfolio-section {
    padding-top: 0;
    transition: 1.3s;
    box-sizing: border-box;
    height: auto;
}

.portfolio-tab ul {
    text-align: center;
    margin-top: 50px;
    padding: 0;
}

.portfolio-tab ul li {
    color: #343a40;
    background: rgb(255 255 255 / 65%);
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    width: 100px;
padding-top: 12px;
padding-bottom: 12px;
    border: 2px solid #9e0007;
    margin: 5px 5px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 580px) {
    .portfolio-tab ul li {
        margin: 5px 5px;
        width: 200px;
    }
}
@media (max-width: 400px) {
    .portfolio-tab ul li {
        margin: 5px 5px;
        max-width: 200px;
    }
}

.portfolio-tab ul li:hover {
    background: #9e0007;
    color: #fff
}

.portfolio-tab ul .active {
    background: #9e0007;
    color: #fff
}

li.filter.Lofertal {
    border: 2px solid #9c9c9c;
}

.carouselnext {
    font-size: 36px;
}

.carosuelprevious {
    font-size: 36px;
}

li.filter.Lofertal.active,
.portfolio-tab ul li.Lofertal:hover {
    background: #9c9c9c;
    border: 2px solid #9c9c9c;
}

li.filter.Sonnwies {
    border: 2px solid #ca982a;
}

li.filter.Sonnwies.active,
.portfolio-tab ul li.Sonnwies:hover {
    background: #ca982a;
    border: 2px solid #ca982a;
}

li.filter.Ranker {
    border: 2px solid #A09080;
}

li.filter.Ranker.active,
.portfolio-tab ul li.Ranker:hover {
    background: #A09080;
    border: 2px solid #A09080;
}

.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.portfolio-grid {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 350px;
}

@media (max-width: 768px) {
    .portfolio-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (min-width: 768.1px) and (max-width: 991px) {
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.portfolio-grid .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    overflow: hidden;
    padding: 5px;
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
}

.portfolio-bg {
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 1s;
    transform: scale(1)
}

.portfolio:hover .portfolio-bg {
    transform: scale(1.2)
}

.first .portfolio-bg {
    background-image: url('https://images.pexels.com/photos/267350/pexels-photo-267350.jpeg?cs=srgb&dl=accounts-applications-apps-267350.jpg&fm=jpg');
}

.second .portfolio-bg {
    background-image: url('https://images.pexels.com/photos/1053687/pexels-photo-1053687.jpeg?cs=srgb&dl=art-art-materials-artwork-1053687.jpg&fm=jpg');
}

.third .portfolio-bg {
    background-image: url('https://images.pexels.com/photos/6224/hands-people-woman-working.jpg?cs=srgb&dl=brainstorming-campaign-collaborate-6224.jpg&fm=jpg');
}

.portfolio .label {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden
}

.portfolio .label-bg {
    background: #232323;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1px;
}

.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 10;
    padding: 50px 20px;
}

.portfolio:hover .label {
    opacity: 1;
    visibility: visible;
}

.portfolio .text-category {
    display: block;
}

.portfolio .template-btn {
    background: #9e0007;
    border: 1px solid #9e0007;
    text-decoration: none;
    margin-top: 20px;
    font-weight: 500
}

.portfolio.small {
    grid-area: span 1 / span 1 / auto / auto;
}

.portfolio.wide {
    grid-area: span 2 / span 2 / auto / auto;
}

.portfolio.wide .portfolio-bg {
    height: 360px;
}

.portfolio.tall {
    grid-area: span 2 / span 1 / auto / auto;
}

.portfolio.tall .portfolio-bg {
    height: 360px;
}

.portfolio.big {
    grid-area: span 4 / span 2 / auto / auto;
}

.portfolio.big .portfolio-bg {
    height: 720px;
}

@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav {
        display: inline-block;
        text-align: left;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
        display: inline-block;
    }
}

@media(max-width: 991px) {
    .portfolio.small {
        grid-area: span 1 / span 1 / auto / auto;
    }
    .post {
        height: 340px;
    }
}

@media(max-width: 767px) {
    .portfolio.small {
        grid-area: span 1 / span 1 / auto / auto;
    }
    .post {
        height: 360px;
    }
    .owl-item .post {
        height: 365px;
    }
}

.bg-dark {
    background-color: rgb(91, 94, 106)!important;
    padding: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding: 19px 55px;
    text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
    background: #9c9c9c;
}

.bodylofertal .link-Lofertal.nav-link {
    color: #fff;
    background: #9c9c9c;
}

.dropdown-menu {
    background: rgb(91, 94, 106);
    border-top: 0;
    border-radius: 0;
    margin-top: -1px;
}

.show .link-Lofertal.nav-link {
    color: #fff;
    background: #9c9c9c;
}

.dropdown-menu.Lofertal {
    color: white;
    background: #9c9c9c;
}

.navbar-dark .navbar-nav .link-Lofertal.nav-link:hover {
    color: #fff;
    background: #9c9c9c;
}

.bodysonnwies .link-Sonnwies.nav-link {
    color: #fff;
    background: #ca982a;
}

.dropdown-menu.Sonnwies {
    color: white;
    background: #ca982a;
}

.show .link-Sonnwies.nav-link {
    color: #fff;
    background: #ca982a;
}

.navbar-dark .navbar-nav .link-Sonnwies.nav-link:hover {
    color: #fff;
    background: #ca982a;
}

.bodyranker .link-Ranker.nav-link {
    color: #fff;
    background: #A09080;
}

.dropdown-menu.Ranker {
    color: white;
    background: #A09080;
}

.show .link-Ranker.nav-link {
    color: #fff;
    background: #A09080;
}

.navbar-dark .navbar-nav .link-Ranker.nav-link:hover {
    color: #fff;
    background: #A09080;
}

.col-md-5 ul.navbar-nav.mr-auto.ml-auto {
    position: relative;
    top: 5px;
}

.bodylofertal .artikel_split .leftside {
    border: 1px solid #a3a2a2;
    padding: 25px;
    background-color: #e4e4e4;
}

.bodylofertal .artikel_split .rightside {
    background: #a3a2a2;
    padding: 25px;
    border: 1px solid #a3a2a2;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgb(248 249 250 / 11%);
}

.bodysonnwies .artikel_split .leftside {
    border: 1px solid #ca982a;
    padding: 25px;
    background-color: #e4dcc6;
}

.bodysonnwies .artikel_split .rightside {
    background: #ca982a;
    padding: 25px;
}

.bodyranker .artikel_split .leftside {
    border: 1px solid #A09080;
    padding: 25px;
    background-color: #f3e7db;
}

.bodyranker .artikel_split .rightside {
    background: #A09080;
    padding: 25px;
}

.artikel_split .rightside h1 {
    color: white;
    font-weight: 300;
}

a.btn {
    text-transform: uppercase;
}

.artikel_split a.btn {
    border: 1px solid white;
    color: white;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
    margin-top: 25px;
}

.artikel_split a.btn:hover {
    color: #ca982a;
    background: white;
}

.bodylofertal .artikel_split a.btn:hover {
    color: #9c9c9c;
    background: white;
}

.bodyranker .artikel_split a.btn:hover {
    color: #A09080;
    background: white;
}

.artikel_split .row {
    margin: 0;
}

section.artikel_bg_image {
    background-size: cover;
}

.artikel_bg_image .white-bg {
    background: rgb(255 255 255 / 85%);
    min-height: 30vh;
    padding: 35px;
}

#form1 h2 {
    text-align: center;
}

a.btn.angebot {
    border: 1px solid black;
    color: #000;
    border-radius: 0;
    font-size: 15px;
    padding: 5px 25px;
    font-weight: 400;
}

a.btn.angebot:hover {
    border: 1px solid #5B5E6A;
    color: white;
    background-color: #5B5E6A;
}

.text-parallax {
    z-index: 2;
    color: white;
}

.zimmerliste p {
    margin: 0 0 0px;
}

.booking-bar {
    background: #333;
    color: white;
    padding: 12px;
    position:relative;
    min-height: 49px;

}

.booking-bar a.booking-link {
    color: white;
    padding: 12px;
    text-decoration: none;
}

.bodylofertal .booking-bar a.booking-link:hover {
    background-color: #7c7c7c;
}

.bodyranker .booking-bar a.booking-link:hover {
    background-color: #7d7064;
}

.bodysonnwies .booking-bar a.booking-link:hover {
    background-color: #b08421;
}

.bodysonnwies .anfrage {
    background-color: #b08421;
}

.bodyranker .anfrage {
    background-color: #7d7064;
}

.bodylofertal .anfrage {
    background-color: #7c7c7c;
}

.bodysonnwies .booking-bar {
    background: #ca982a;
}

.bodyranker .booking-bar {
    background: #A09080;
}

.bodylofertal .booking-bar {
    background: #9C9C9C;
}

.padding-top {
    padding-top: 62px;
}

.bodylofertal .artikel_split .row:hover .leftside {
    background-color: #d5d5d5;
    transition: background-color 1s ease;
}

.bodysonnwies .artikel_split .row:hover .leftside {
    background-color: #d7ccab;
    transition: background-color 1s ease;
}

.bodyranker .artikel_split .row:hover .leftside {
    background-color: #c2b7ad;
    transition: background-color 1s ease;
}

@media (max-width:991px) {
    .navbar-logo {
        display: none
    }
}

@media (min-width:991px) and (max-width:1175px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        padding: 19px 36px;
    }
}

.booking-bar .container {
    margin-left: 0;
}

.booking-links {
  position:absolute;
    width: 49%;
    display: inline-block;
}

.booking-rechts {
    text-align: right;
    width: 100%;
    display: inline-block;
    right: 5px;

}

@media(max-width: 1200px) {
    .std iframe {
        width: 100%;
    }
}

@media (min-width:992px) {
  .span-bk2 {
    display:none;
  }
}
@media (max-width:991px) {
    .booking-links span.span-bk1 {
        display: none
    }
    .booking-link span.span-bk1 {
        display: none
    }
    .booking-links i {
        font-size: 20px;
    }
    .booking-link i {
        font-size: 20px;
    }

}
@media (max-width:430px) {
  .booking-rechts a {
    margin-left:0px!important;
  }
}

@media (max-width:400px) {
  .booking-rechts a {
    margin-left:0px!important;
  }
.booking-bar a.booking-link {
  padding-top: 12px;
padding-bottom: 12px;
padding-left: 6px;
padding-right: 6px;
}

}
@media (max-width:340px) {

  .booking-links a.booking-link {

  padding-left: 3px;
  padding-right: 3px;
  }

}


.anfrage {
    right: 5px;
}

.Klein label.col-sm-2.control-label {
    height: 0px;
    display: none;
}

.carousel-caption h1 {
    font-size: 5vw;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.5;
    text-align: center;
    line-height: 100%;
    text-shadow: 2px 2px 11px rgb(0 0 0 / 10%), -2px 2px 11px rgb(0 0 0 / 10%), 0px 0px 100px rgb(0 0 0 / 15%);
}

.carousel-caption h1.two {
    opacity: 0.8;
}

.sidename {
    position: fixed;
    top: 105px;
    font-size: 7rem;
    left: -500px;
    width: 200px;
    word-break: break-all;
    line-height: 96px;
    z-index: 100;
    transition: all .5s;
    font-weight: 100;
    opacity: 0.2;
    font-weight: 700;
    text-transform: uppercase;
}

.sidename.get-in {
    left: 10px;
}

.bodylofertal .sidename {
    color: #9c9c9c;
}

.bodysonnwies .sidename {
    color: #ca982a;
    width: 213px;
    font-size: 7.45rem!important;
    line-height: 100px;
}

.bodyranker .sidename {
    color: #a09080;
    width: 157px;
}

a.btn.anfrage {
    color: white;
    border-radius: 0;
    padding: 7px 15px;
}


/*reit im Winkel Card*/

.tabs {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}

.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
    color: #312113;
    cursor: pointer;
    display: block;
    /* font-size: 1.1em; */
    /* font-weight: 300; */
    line-height: 1em;
    /* padding: 2rem 0; */
    text-align: center;
    font-weight: 600;
    font-size: 22px;
}

.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid rgba(49, 33, 19, 0.25);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs [class^="tab"] [type="radio"]:hover,
.tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
    border-bottom: 1px solid #312113;
}

.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 2px solid #CA982A;
    outline: none;
}

.tabs [class^="tab"] [type="radio"]:checked+div,
.tabs [class*=" tab"] [type="radio"]:checked+div {
    opacity: 1;
}

.tabs [class^="tab"] [type="radio"]+div,
.tabs [class*=" tab"] [type="radio"]+div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs .tab-2 {
    width: 50%;
}

.tabs .tab-2 [type="radio"]+div {
    width: 200%;
    margin-left: 200%;
}

.tabs .tab-2 [type="radio"]:checked+div {
    margin-left: 0;
}

.tabs .tab-2:last-child [type="radio"]+div {
    margin-left: 100%;
}

.tabs .tab-2:last-child [type="radio"]:checked+div {
    margin-left: -100%;
}

.home-list {
    list-style: none;
    padding-left: 30px;
}

.list-check-winter li {
    margin-bottom: 5px;
}

.list-check-winter li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 10px 0 -25px;
    color: #9C9C9C;
}

.list-check-sommer li {
    margin-bottom: 5px;
}

.list-check-sommer li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 10px 0 -25px;
    color: #CA982A;
}

.imageList li a img:hover {
    border: 1px solid #AB2F17;
    border-radius: 5px!important;
}


/*fotobox*/

.aktibody {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
    min-height: 226px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.aktilink {
    margin-top: 15px;
    position: absolute;
    bottom: 15px;
}

.aktibox {
    margin-top: 30px;
}

.sommer_list li {
    font-size: 16px;
    font-weight: 200;
    margin: 0 0 20px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 0 0px;
}

.bodylofertal .aktibox:hover .aktibody {
    background-color: #d5d5d5;
    transition: background-color 1s ease;
}

.bodysonnwies .aktibox:hover .aktibody {
    background-color: #d7ccab;
    transition: background-color 1s ease;
}

.bodyranker .aktibox:hover .aktibody {
    background-color: #c2b7ad;
    transition: background-color 1s ease;
}

.bodylofertal a {
    color: #898989;
}

.bodylofertal .footer a {
    color: black;
}

.bodylofertal .dropdown-menu a {
    color: white;
}

.bodysonnwies a {
    color: #9e6e05;
}

.bodysonnwies .footer a {
    color: black;
}

.bodysonnwies .dropdown-menu a {
    color: white;
}

.bodyranker a {
    color: #766e66;
}

.bodyranker .footer a {
    color: black;
}

.bodyranker .dropdown-menu a {
    color: white;
}

@media(max-width:767px) {
    .sidename {
        display: none;
    }
}

.owl-carousel .owl-dots {
    text-align: center;
}

.owl-carousel button.owl-dot.active {
    opacity: 1;
}

.owl-carousel button.owl-dot {
    margin-top: 10px;
    background-color: #5b5e6a;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    filter: Alpha(Opacity=500);
    opacity: 0.75;
}

.owl-nav {
    position: relative;
}

button.owl-prev {
    position: absolute;
    left: -30px;
    top: -235px;
    font-size: 50px;
}

button.owl-next {
    position: absolute;
    right: -30px;
    top: -235px;
    font-size: 50px;
}

button.owl-next span,
button.owl-prev span {
    font-size: 55px;
}

.hreview.hreview-vertical.hreview-100 {
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 767px) {
    .col-md-5.rightside {
        min-height: 350px;
    }
    .owl-bg .item {
        min-height: 350px;
    }
}

button.navbar-toggler {
    border: 0;
    color: white;
    font-size: 30px;
    position: relative;
    left: -8px;
    top: -2px;
}

button:focus,
a:focus {
    outline: none!important;
}
.navbar {
  z-index:12000;
}