/*
Theme Name:     StrapPress Child
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Thirteen theme
Author:         Your name here
Author URI:     http://example.com/about/
Template:       strappress
Version:        0.1.0
*/

@import url("../strappress/style.css");
@import url("../strappress-child/theme_variablen.css");
@import url("../strappress-child/theme_fonts.css");
@import url("../strappress-child/theme_layout.css");
@import url("../strappress-child/theme_nav.css");
@import url("../strappress-child/theme-nav-variant-2.css");
@import url("../strappress-child/theme_header.css");
@import url("../strappress-child/theme_footer.css");
@import url("../strappress-child/theme_tab.css");
@import url("../strappress-child/theme_booking.css");
img[src*=".svg"] {
    width: 100%;
}


/* Dachstein Seite*/


/*Moritz*/

.templatera_shortcode {
    max-width: 1270px;
    margin: 0 auto;
}

.abstand-unten-weg h5 {
    color: var(--global-color-5);
    font-size: var(--h5-font-size);
}

.button-blau img {
    height: 1.3em;
    width: auto;
    margin-right: var(--gap-s);
}

.einleitung-txt-dachstein {
    /* margin: calc(var(--gap-m) * 2) auto calc(var(--gap-l) + var(--gap-m)) auto !important; */
    max-width: 1270px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ult-carousel-wrapper button.default.slick-arrow {
    display: none !important;
}

.wrapper-bild-dachstein .vc_column-inner,
.vc_row.wpb_row.zimmer-grid-wrapper>.wpb_column:first-child>.vc_column-inner {
    padding: 0 !important;
}

.wrapper-bild-dachstein .wpb_single_image,
.vc_row.wpb_row.zimmer-grid-wrapper>.wpb_column:first-child>.vc_column-inner .wpb_single_image {
    margin-bottom: 0 !important;
}

.zimmer-grid-wrapper {
    display: flex;
    background-color: var(--global-color-6);
    max-width: 1270px;
    margin: 0 auto !important;
    width: 90vw;
    margin-bottom: calc(var(--gap-m) * -1) !important;
}

.zimmer-grid {
    max-width: 500px;
    margin: auto;
}

.zimmer-grid a {
    color: inherit !important;
}

.zimmer-grid .wpb_text_column.wpb_content_element {
    margin-bottom: 0 !important;
}

.zimmer-grid .wpb_text_column.wpb_content_element.button-zimmer {
    margin-bottom: 5px !important;
}

.zimmer-grid>.vc_column-inner>.wpb_wrapper>.vc_row {
    margin: var(--gap-m) 0;
}

.icons-fewo img {
    max-width: 50px;
    max-height: 55px;
}

.icons-fewo .wpb_single_image {
    margin-bottom: var(--gap-s) !important;
}

.zimmer-grid img {
    max-width: 50px;
    max-height: 35px;
}

.zimmer-grid .vc_row::after,
.zimmer-grid .vc_row::before {
    display: none;
}

.zimmer-grid .vc_row {
    display: flex;
    gap: var(--gap-s);
    justify-content: space-between;
}

.buttons-wrapper-dachstein {
    max-width: fit-content;
    display: flex;
    gap: 0;
    margin: 0 auto !important;
    flex-wrap: wrap;
}

.buttons-wrapper-dachstein>.wpb_column.vc_column_container {
    width: auto !important;
}

.buttons-wrapper-dachstein .vc_col-sm-4 {
    width: auto;
}

.icon-person .vc_single_image-img,
.icon-bett .vc_single_image-img,
.icon-m2 .vc_single_image-img {
    width: 100% !important;
    height: 40px !important;
}


/* Info Seite */

.abstand-unten-mobile h3 {
    font-size: var(--h5-font-size);
}

.abstand-unten-mobile h4 {
    font-size: calc(var(--base-font-size) * 1.2);
    font-family: var(--main-font);
    color: var(--global-color-2);
}

.wrapper-text-info::before,
.wrapper-text-info::after {
    display: none !important;
}

.wrapper-text-info {
    display: flex;
    gap: var(--gap-xl);
}

.dsgvo,
.dsgvo * {
    font-size: 12px;
    line-height: 1.2;
}

#wrapper .margin-bottom-0 {
    margin-bottom: 0 !important;
}

div#map_ol3js_1 {
    width: 100% !important;
}

div#map_ol3js_1_popup * {
    font-size: 18px;
    line-height: 1.7;
}

div#map_ol3js_1_popup>br {
    display: none !important;
}

div#map_ol3js_1_popup-content>br {
    display: none !important;
}

div#map_ol3js_1_popup {
    width: 330px;
}

a#map_ol3js_1_popup-closer {
    text-decoration: none;
}

.DOPBSPCalendar-sidebar {
    display: none;
}

.DOPBSPCalendar-container {
    width: 100% !important;
}

.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-available {
    color: #000 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon>.shiftnav-target>i.shiftnav-icon {
    margin-right: 11px !important;
}

.home .wpb_single_image img,
.home .wpb_single_image .vc_single_image-wrapper,
.home .wpb_single_image .vc_figure {
    width: 100%;
}

iframe {
    width: 100% !important;
}

.ganze-breite {
    margin-left: -100px !important;
    margin-right: -100px !important;
}

.vc_grid.vc_row .vc_grid-item {
    height: 425px !important;
    overflow: hidden;
    margin-bottom: 40px !important;
}

hr {
    height: 1px !important;
}

.iphorm-clearfix {
    margin-bottom: 7px !important;
}

.vc_row-full-width.vc_clearfix {
    position: absolute;
}

.slick-prev {
    left: -55px !important;
}

.slick-next {
    right: -55px !important;
}

.alignleft {
    margin: 0 10px 0 0 !important;
}


/*
.abstand-akkordion {
  margin-top: 40px !important;
}
*/

.parallax h5 {
    margin: 0 0 var(--gap-m) 0;
}

.mapp-map-links,
.mapp-layout {
    border: none !important;
    margin: 0 !important;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
    display: none !important;
}

.flexslider {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
}

.flex-direction-nav .flex-prev {
    left: 20px !important;
    color: #fff !important;
    opacity: 1 !important;
}

.flex-direction-nav .flex-next {
    right: 20px !important;
    color: #fff !important;
    opacity: 1 !important;
}

a.agm_mh_marker_item .agm_mh_marker_item_content {
    display: none !important;
}

.agm_mh_marker_item_directions {
    display: none !important;
}

.agm_mh_container ul li {
    padding: 0 !important;
    border: none !important;
    margin-top: 0 !important;
}

a.agm_mh_marker_item img {
    display: none !important;
}

.us_wrapper .us_button .us_count {
    display: none !important;
}

img.wp-post-image,
img.attachment-thumbnail,
img.attachment-medium,
img.attachment-large,
img.attachment-full {
    margin: 0px auto !important;
}

.us_wrapper.us_skin_default .us_button .us_share {
    width: 100% !important;
}

#cookie-law-info-bar a:hover {
    text-decoration: none !important;
    opacity: 0.7 !important;
}

.cli-plugin-button {
    border-radius: 0 !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
}

sup {
    top: 0;
    font-size: 60% !important;
}

.mapp-map-links,
.mapp-layout {
    border: none !important;
    margin: 0 !important;
}

.tooltip-inner {
    background: rgba(3, 73, 119, 1);
    opacity: 1 !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 13px 15px 9px !important;
    min-width: 260px !important;
    font-weight: 600 !important;
    font-family: "Mulish", sans-serif;
    font-weight: 400 !important;
    border-radius: 0 !important;
    z-index: 99999 !important;
    position: relative !important;
}

.tooltip-arrow {
    border-bottom-color: rgba(3, 73, 119, 1) !important;
    color: #fff !important;
    opacity: 1 !important;
}


/* ---------------------------------- Pauschalenslider ---------------------------*/

.vc_gitem_row .vc_gitem-col {
    padding: 40px !important;
    border: 1px solid #dfdfdf !important;
    text-align: center !important;
}

.vc_custom_heading h4 {
    color: #034977 !important;
    font-size: 33px !important;
    margin-bottom: -15px !important;
}

.haus {
    color: #034977;
    text-align: center;
    /* font-family: 'Alegreya Sans', sans-serif; */
    font-size: 25px !important;
    margin-bottom: 25px !important;
    margin-top: 16px !important;
    font-weight: 300 !important;
    font-family: "Overpass", sans-serif;
    font-weight: bold !important;
}

.datum {
    color: #7b7c7e;
    text-align: center;
    font-family: "Alegreya Sans", sans-serif;
    font-size: 31px !important;
    margin-bottom: 15px !important;
    font-weight: 300 !important;
}

.preis {
    color: #034977 !important;
    font-size: 42px !important;
    font-family: "Overpass", sans-serif;
    font-weight: 800 !important;
    margin-top: 20px !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    text-decoration: none !important;
    border-radius: 0 !important;
    color: #034977;
    background: #dfdfdf !important;
    padding: 18px 95px;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    font-family: "Overpass", sans-serif;
    margin-top: 30px !important;
    margin-bottom: -30px !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    opacity: 1 !important;
    font-size: 105px !important;
    height: 105px !important;
    color: #dfdfdf !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
    opacity: 1 !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev.vc_grid-nav-prev-outside {
    left: -120px !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next.vc_grid-nav-next-outside {
    right: -120px !important;
}


/* ---------------------------------- GLOBALS ---------------------------*/

.wpb_text_column p+p .button a {
    margin-top: var(--gap-m);
}

.pfeil-element-buttons a,
.zimmer-grid .button-zimmer a,
span.button-block-blau a,
.button-block a {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--gap-s) * 1.8);
}

.pfeil-element-buttons a::after,
.zimmer-grid .button-zimmer a::after,
span.button-block-blau a::after,
.button-block a::after {
    content: "";
    display: inline-block;
    position: static;
    background-image: url(img/icon-pfeil.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    width: 13px;
    pointer-events: none;
}

#content a:hover {
    color: var(--global-color-2);
    text-decoration: none;
}

.tp-bullets {
    display: none;
}

#slideshow-mobile {
    display: none;
}

#slideshow img {
    width: 100%;
}

#slideshow-startseite {
    position: absolute;
}

.home #wrapper {
    margin-top: 0px !important;
}

.box-startseite h3 {
    font-size: 40px;
}

.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

#content .box-startseite .button-block-blau a {
    margin-top: 20px !important;
}

.logos-home {
    padding: 50px 60px 20px !important;
    position: absolute !important;
    z-index: 999;
}

body,
html {
    padding-top: 0 !important;
    overflow-x: hidden;
}

#icons {
    margin-left: 230px !important;
    padding: 30px;
}

.home #icons {
    margin-left: 10px !important;
    position: absolute !important;
    z-index: 99;
}

#icons a {
    margin: 0 7px;
}

.tparrows {
    background: none !important;
}

.tparrows:before {
    font-size: 6.3rem !important;
    color: var(--global-color-6) !important;
}

.tp-rightarrow {
    margin-right: -100px !important;
}

rs-arrow.tp-leftarrow.tparrows.custom {
    transform: translateX(calc(-100% - 20px)) translateY(-50%) !important;
}

rs-arrow.tp-rightarrow.tparrows.custom {
    transform: translateX(calc(100% + 20px)) translateY(-50%) !important;
    margin: 0 !important;
    left: unset !important;
    right: 0;
}

rs-module {
    position: relative;
    overflow: visible !important;
    display: block;
}


/* ---------------------------------- BUTTONS ---------------------------*/

#header-radient .button-header a,
.wrapper-img-txt .startseite-text a,
#content .parallax .button a {
    font-size: var(--btn-font-size);
}

#header-radient .button-header a,
.button-block a {
    background: var(--global-color-6);
}

.wrapper-img-txt .startseite-text a,
#content .parallax .button a,
.zimmer-grid .button-zimmer a,
.button-blau a,
.button-block-blau a {
    background: var(--global-color-1);
}

.button-header a,
.button-header a,
.wrapper-img-txt,
.startseite-text a,
#content .parallax .button a,
.zimmer-grid .button-zimmer a,
.button-blau a,
.button-block a,
.button-block-blau a {
    color: var(--global-color-7);
    padding: 1em 2.3em;
    text-align: center;
    font-weight: 300;
    border-radius: 50px;
    text-decoration: none;
    line-height: 1;
    transition: all .5s ease-in-out 0s;
}

#content .parallax .button a:first-of-type {
    margin-right: var(--gap-s);
}


/* END */

#content .button a:hover {
    text-decoration: none;
    color: var(--global-color-7) !important;
    background: #a6a7a9;
}

#content .parallax .button a:hover {
    text-decoration: none;
    color: var(--global-color-7) !important;
    background: #a6a7a9;
}

#content .button-block a:hover {
    text-decoration: none;
    background: var(--global-color-1);
    color: var(--global-color-7);
}

#content .button-block-blau a:hover,
#content .button-blau a:hover,
.startseite-text a:hover {
    text-decoration: none;
    color: var(--global-color-7) !important;
    background: #a6a7a9;
}

.startseite-text a:hover span {
    color: var(--global-color-7) !important;
}


/* ---------------------------------- Formular ---------------------------*/

.quform-option {
    display: grid;
    grid-template-columns: 15px auto;
    align-items: flex-start;
}

.quform-option input {
    margin-top: 0.45em !important;
}

h4.quform-group-title {
    margin-bottom: var(--gap-m) !important;
    font-size: var(--h5-font-size);
}

.quform .quform-label>label {
    color: var(--global-color-5) !important;
    font-weight: 300 !important;
}

button.quform-submit {
    color: var(--global-color-7);
    padding: 1em 2.3em;
    text-align: center;
    font-weight: 300;
    border-radius: 50px;
    text-decoration: none;
    line-height: 1;
    transition: all .5s ease-in-out 0s;
    background: #034977 !important;
    color: #fff;
    border: none !important;
}


/* -------------- -------------------- FORMATIERUNGEN ---------------------------*/

.iphorm-group-title {
    font-size: 26px !important;
    font-weight: normal !important;
    color: #7b7c7e !important;
    font-family: "Overpass", sans-serif;
}

label {
    font-weight: normal !important;
}


/* =Accordion
-------------------------------------------------------------- */

.wpb_text_column.wpb_content_element.wrapper-txt-dachstein p {
    padding: var(--gap-xl) 0 var(--gap-xl) 0;
    font-weight: 300;
}

.vc_tta.vc_general .vc_tta-panel-title>a {
    font-family: var(--mainfont);
    color: var(--global-color-5) !important;
    font-size: calc(var(--base-font-size) * 1.2) !important;
    text-decoration: none !important;
    padding: 1em 0 !important;
    background: var(--global-color-0) !important;
    border-bottom: 1px solid var(--global-color-1) !important;
    display: flex !important;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: var(--gap-s);
    line-height: 1.6;
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
    padding: var(--gap-m) 20px;
}

.vc_tta-accordion .vc_tta-panel-body {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    top: unset !important;
    transform: translateY(37.5%) !important;
    left: unset !important;
    position: unset !important;
}

.vc_tta.vc_general .vc_tta-panel-title>a:hover {
    background: var(--global-color-0) !important;
}

.vc_tta.vc_general .vc_active .vc_tta-panel-title>a {
    background: transparent;
}

.vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
    margin-top: -2px !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after {
    border-color: var(--global-color-5) !important;
}

.vc_tta-accordion span.vc_tta-title-text {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.vc_tta-accordion .vc_tta-panel-title i.vc_tta-controls-icon {
    display: none !important;
}

.vc_tta-accordion span.vc_tta-title-text:before {
    content: '';
    display: block;
    --my-size: 0.8em;
    height: var(--my-size);
    width: var(--my-size);
    background-image: url('./img/acc-plus');
    background-size: contain;
    margin-top: 0.45em;
    transition: all .5s ease-in-out 0s;
    rotate: 180deg;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.vc_tta-accordion .vc_tta-panel.vc_active span.vc_tta-title-text:before {
    background-image: url('./img/acc-minus');
    rotate: -180deg;
}


/* Media Queries */

@media (max-width: 1400px) {
    .wrapper-img-txt .vc_row.vc_inner>.vc_col-sm-6 {
        width: 100%;
    }
    .wrapper-img-txt .text-padding-left {
        padding-left: 0;
        margin-top: var(--gap-l);
    }
    .text-padding-left .startseite-text {
        padding-top: var(--gap-l);
    }
}

@media (max-width: 1100px) {
    .zimmer-grid .vc_row {
        gap: 0;
    }
}

@media (max-width: 990px) {
    #header-radient .header-text {
        padding: calc(var(--gap-xl) - 2rem) 0 0 0;
        margin: 0;
    }
    .wrapper-inhalt-header {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    #header-radient.header-bild-wrapper {
        width: 100%;
    }
    .header-bild-wrapper.vc_col-sm-6 {
        width: 100%;
    }
    #header-radient .startseite-text.button-header {
        margin-top: var(--gap-m);
        margin-bottom: var(--gap-xl) !important;
    }
    .wrapper-text-header {
        margin-bottom: var(--gap-xl);
    }
    .outer-wrapper-content-header::after {
        top: -4%;
    }
    /*Haus Dachstein*/
    .zimmer-grid-wrapper {
        flex-direction: column;
    }
    .wrapper-bild-dachstein,
    .wrapper-bild-dachstein .vc_column-inner,
    .wrapper-bild-dachstein .wpb_wrapper,
    .wrapper-bild-dachstein .wpb_single_image,
    .wrapper-bild-dachstein .vc_single_image-wrapper,
    .wrapper-bild-dachstein img {
        width: 100% !important;
    }
    .zimmer-grid {
        margin: 50px auto;
    }
}

@media (max-width: 660px) {
    .outer-wrapper-content-header::after {
        background-size: cover;
        top: -4%;
        height: 8vh;
    }
    .ult-carousel-wrapper button.default.slick-arrow {
        display: none;
    }
    .ganze-breite {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .zimmer-grid>.vc_column-inner>.wpb_wrapper>.vc_row {
        margin: var(--gap-l) 0;
        flex-direction: column;
        gap: var(--gap-m);
    }
    .icon-person .vc_single_image-img,
    .icon-bett .vc_single_image-img,
    .icon-m2 .vc_single_image-img {
        width: 100% !important;
        height: 29px !important;
    }
    .vc_tta-accordion span.vc_tta-title-text:before {
        --my-size: 1em;
        margin-top: 0.15em;
    }
    .vc_tta.vc_general .vc_tta-panel-title>a {
        font-size: var(--base-font-size) !important;
    }
    .buttons-wrapper-dachstein .wpb_text_column.wpb_content_element {
        margin-bottom: 15px;
    }
    span.button-block,
    span.button-block-blau {
        width: 100%;
        display: block;
    }
    span.button-block-blau a,
    span.button-block a {
        width: 100%;
    }
    .button-header a,
    .button-header a,
    .wrapper-img-txt,
    .startseite-text a,
    #content .parallax .button a,
    .zimmer-grid .button-zimmer a,
    .button-blau a,
    .button-block a,
    .button-block-blau a {
        justify-content: center;
    }
    .wrapper-text-info {
        display: flex;
        flex-direction: column;
    }
    .buttons-wrapper-dachstein>.wpb_column.vc_column_container {
        width: 100% !important;
    }
    /* ---------------------------------- Formular ---------------------------*/
    .quform-option {
        display: grid;
        grid-template-columns: 15px auto;
        align-items: flex-start;
    }
    .quform input[type=checkbox],
    .quform input[type=radio] {
        margin-top: 0.45em;
    }
}

@media (max-width: 576px) {
    .zimmer-grid .vc_row.wpb_row.vc_inner.vc_row-fluid {
        flex-direction: row;
    }
    .zimmer-grid .vc_row.wpb_row.vc_inner.vc_row-fluid p {
        line-height: 1.2;
    }
    .zimmer-grid {
        margin: 25px auto;
    }
    #header-radient .header-text {
        padding-top: 0 !important;
    }
    .wrapper-text-header {
        margin-bottom: var(--gap-m);
    }
    #header-radient .startseite-text.button-header {
        margin-top: 0;
        margin-bottom: var(--gap-s) !important;
        width: 80%;
        transform: translateY(-50%);
        margin: 0 auto var(--gap-s) auto;
    }
    h2 {
        margin-top: var(--gap-s);
    }
    .einleitung-header {
        margin-top: var(--gap-xl);
    }
    #content .parallax {
        margin: 0 -7vw 0 -7vw;
        padding: calc(var(--gap-xl) + 20px) 30px;
    }
}

@media (max-width: 470px) {
    .parallax {
        padding: var(--gap-xl) 0 var(--gap-xl) 25px;
    }
}