/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* FONTS */
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-BlackItalic.eot');
    src: url('fonts/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-BlackItalic.woff2') format('woff2'),
        url('fonts/Raleway-BlackItalic.woff') format('woff'),
        url('fonts/Raleway-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold.eot');
    src: url('fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff'),
        url('fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Black.eot');
    src: url('fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Black.woff2') format('woff2'),
        url('fonts/Raleway-Black.woff') format('woff'),
        url('fonts/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.eot');
    src: url('fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff'),
        url('fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraLightItalic.eot');
    src: url('fonts/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Raleway-ExtraLightItalic.woff') format('woff'),
        url('fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-BoldItalic.eot');
    src: url('fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-BoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-BoldItalic.woff') format('woff'),
        url('fonts/Raleway-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraLight.eot');
    src: url('fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraLight.woff2') format('woff2'),
        url('fonts/Raleway-ExtraLight.woff') format('woff'),
        url('fonts/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-MediumItalic.eot');
    src: url('fonts/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-MediumItalic.woff2') format('woff2'),
        url('fonts/Raleway-MediumItalic.woff') format('woff'),
        url('fonts/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-LightItalic.eot');
    src: url('fonts/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-LightItalic.woff2') format('woff2'),
        url('fonts/Raleway-LightItalic.woff') format('woff'),
        url('fonts/Raleway-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraBoldItalic.eot');
    src: url('fonts/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Light.eot');
    src: url('fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Light.woff2') format('woff2'),
        url('fonts/Raleway-Light.woff') format('woff'),
        url('fonts/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraBold.eot');
    src: url('fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff'),
        url('fonts/Raleway-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ThinItalic.eot');
    src: url('fonts/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ThinItalic.woff2') format('woff2'),
        url('fonts/Raleway-ThinItalic.woff') format('woff'),
        url('fonts/Raleway-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBoldItalic.eot');
    src: url('fonts/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-SemiBoldItalic.woff') format('woff'),
        url('fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBold.eot');
    src: url('fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff'),
        url('fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.eot');
    src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff'),
        url('fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Thin.eot');
    src: url('fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Thin.woff2') format('woff2'),
        url('fonts/Raleway-Thin.woff') format('woff'),
        url('fonts/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Italic.eot');
    src: url('fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Italic.woff2') format('woff2'),
        url('fonts/Raleway-Italic.woff') format('woff'),
        url('fonts/Raleway-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'Raleway', sans-serif;
}

h1, 
h3,
p,
span,
.menu-item {
    font-family: 'Raleway', sans-serif;
}

/* FONTS END */

h1, 
h2, 
h3 {
  margin-bottom: 0.75em;  
}

h4, 
h5, 
h6,
ol,
ul,
p {
    margin-bottom: 1em;
}

.title h1 {
    margin-bottom: auto;
}

ul.menu {
    margin-bottom: auto;
}

a, p a {
    transition: all .2s ease-in-out;
}

a:hover, p a:hover {
    color: #818181;
    transition: all .2s ease-in-out;
}

.wlcm-head {

}

.wlcm-head h1 {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

.wlcm-head p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

.gold p {
    font-weight: 500;
    font-size: 19px;
}

.foot-navigation {
    position: fixed;
    z-index: 101;
    bottom: 5px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}

.foot-navigation-mobile {
    position: fixed;
    z-index: 101;
    bottom: 5px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    justify-content: center;
    display: none;
    -webkit-justify-content: center;
}

.termin-btn {
     
}

.termin-btn a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    background-color: #303030;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 1px;
    border: solid 1px #303030;
    transition: all .2s ease;
}

.termin-btn a:hover {
    color: #FFF;
    background-color: #818181;
    border: solid 1px #818181;
}

.std-btn {
    
}

.std-btn a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    background-color: #303030;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 1px;
    border: solid 1px #303030;
    transition: all .2s ease;
}

.std-btn a:hover {
    color: #FFF;
    background-color: #818181;
    border: solid 1px #818181;
}

.std-btn-w a {
    color: #303030 !important;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 1px;
    border: solid 1px #fff;
    transition: all .2s ease;
}

.std-btn-w a:hover {
    color: #fff !important;
    background-color: #EBB23A;
    border: solid 1px #fff;
}

#close-btn {
    z-index: 101;
}

#close-btn a {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    background-color: #303030;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 1px;
    border: solid 1px #303030;
    transition: all .2s ease;
}

#close-btn a:hover {
    color: #FFF;
    background-color: #818181;
    border: solid 1px #818181;
}

.content .elementor-widget-text-editor ul {
    list-style-position: outside;
}

.content .elementor-widget-text-editor ul li {
    margin-left: 16px;
}

.footer_bottom ul li {
    margin-right: 20px;
}

.q_social_icon_holder .simple_social {
    color: #303030;
}

.q_social_icon_holder:hover .simple_social {
    color: #818181;
}

.qode_pricing_item_text p {
    margin-bottom: 0;
}

.qode_pricing_list .qode_pricing_item_price_inner span {
    font-size: 17px;
    font-weight: 600;
}

.popup_menu_inner {
    width: 25px;
}

.popup_menu .line, .popup_menu .line::after, .popup_menu .line::before {
    height: 2px;
    width: 100%;
}

.popup_menu .line::before {
    top: -6px;
}

.popup_menu .line::after {
    top: 6px;
}

.popup_menu_inner {

}

.fa.fa-facebook::before {
    content: "\f09a";
}

.q_icon_list {
    margin-bottom: 0;
}

.q_icon_list p {
    margin-bottom: 0;
}

.ol-attribution.ol-uncollapsible {
    display: none;
}

.old-price {
    display: inline-block !important;
    color: red !important;
    text-decoration: line-through;
    font-weight: 400 !important;
}

.wpcf7-form label span {
    margin-bottom: 1rem;
}

.qodef-qi-pricing-list .h5, body.qode-overridden-elementors-fonts .elementor-widget-heading h5.elementor-heading-title, h5 {
    font-size: 17px;
    line-height: 26px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
    color: #818181;
}

.qodef-qi-pricing-list .qodef-e-heading-price {
    margin: 0;
    color: #303030;
    font-weight: 600;   
}

.qodef-qi-pricing-list .qodef-m-item:not(:last-child) {
    margin-bottom: 25px;
}

.qodef-m-item:last-child {
    margin-bottom: 0px;
}

.qodef-qi-pricing-list .qodef-m-button {
    display: none;
}

.qodef-qi-pricing-list .qodef-m-item.qodef-has-discount .qodef-e-heading-price {
    font-weight: 400;
}

.qodef-qi-pricing-list .qodef-e-heading-discount-price, .qodef-qi-pricing-list .qodef-e-heading-price {
    color: #303030;
    font-weight: 600;
}

.q_team .q_team_description_inner {
    padding: 0 10px;
}

#ps-reise .q_image_with_text_over {
  overflow:hidden;
}

#ps-reise .q_image_with_text_over img {
  transform: scale(1.1);
}

#ps-reise .q_image_with_text_over:hover img {
  transform: scale(1.3);
}

#ps-reise img {
  transition: transform 0.3s ease-in-out;
}

.reise h3 {
    font-size: 22px;
    line-height: 1.2 !important;
}

.reise h4 {
    font-size: 14px; 
    line-height: 1.2;
    font-weight: bold;
    color: #303030;
}

.reise p {
    font-size: 14px; 
    font-weight: 600; 
    line-height: 1.5; 
    color: #303030 !important;
}

.klick-btn:after {
    content: "klick mich!";
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    background: #303030;
    display: inline;
    width: 60px;
    height: 60px;
    word-wrap: break-word;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    line-height: 1.1;
    z-index: 20;
    top: 5px;
    right: 5px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    padding: 15px;
    padding-top: 15px;
    padding-top: 19px;
}

.q_image_with_text_over .desc {
    margin: 0 15px;
}

.ratenzahlung {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    position: fixed;
    z-index: 101;
    bottom: 60px;
    left: 30px;
    display: flex;
      justify-content: center;
      align-items: center; 
    background: #D892B6;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}


.raten-info {
  margin: 0;
    padding: 0;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    word-wrap: break-word;
    line-height: 1.1;
    text-align: center;
}


nav.popup_menu ul.sub_menu {
    margin-bottom: 10px;
}

nav.popup_menu ul.sub_menu:before {
    content: '';
    background-color: #303030;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 5px auto 10px;
}

.behandlungen h1:after {
    content: '';
    background-color: #303030;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 5px auto 10px; 
}

.behandlungen .elementor-image-box-img {
    width: 60% !important;
}

.behandlungen h4 a {
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
}

.behandlungen_grid h1:after {
    content: '';
    background-color: #303030;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 5px auto 10px; 
}

.behandlungen_grid .elementor-image-box-img a img {
    display: block;
}

.behandlungen_grid .elementor-image-box-img {
    display: block;
    transition: all .2s;
}

.behandlungen_grid .elementor-image-box-img a img:hover {
    
}

.behandlungen_grid .elementor-image-box-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}

.behandlungen_grid .elementor-image-box-wrapper img {
    transition: all .4s ease;
}

.behandlungen_grid .elementor-image-box-wrapper:hover img {
    transform: scale(1.25);
}

.behandlungen_grid .elementor-image-box-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.behandlungen_grid .elementor-image-box-content h3 {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48,48,48,0.70);
    transition: all .4s ease;
    padding: 5px;
}

.behandlungen_grid .elementor-image-box-content h3:hover {
    background-color: rgba(48,48,48,0.00);
}

.behandlungen_grid .elementor-image-box-content a {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
    opacity: 1;
}

.behandlungen_grid .elementor-image-box-content a:hover {
    opacity: 0;
}

.footer_bottom_columns {}

.ti-footer {
    display: none;
}

.ti-inner {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
}

#landing-container {
    cursor: pointer;
}

img .normal {
    display: block;
}

#floating-template {
    max-width: 600px;
}

@media only screen and (max-width:1024px) {
    
    .logo_wrapper {
        height: 100px!important;
        left: 0;
        transform: translateX(50%);
    }
    
    .wlcm-head h1 {
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }

    .wlcm-head p {
        font-size: 20px;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
    
    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 100%;
    }
    
    .footer_bottom_columns {
        display: flex;
    }
    
    .three_columns>.column1.footer_bottom_column, .three_columns>.column2.footer_bottom_column, .three_columns>.column3.footer_bottom_column {
        width: auto;
        float: none;
        flex-grow: 1;
    }
    
    .three_columns>.column2 {
        display: none;
    }
    
    .footer_bottom ul.menu li {
        width: auto!important;
    }
    
    .footer_bottom_holder .footer_bottom ul.menu li:last-child {
        margin-right: 0px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        word-wrap: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 30px;
    }
    
    .behandlungen .elementor-image-box-img {
        width: 50% !important;
    }
    
}

@media only screen and (max-width: 768px) {
    
    .wlcm-head h1 {
        font-size: 34px !important; 
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }

    .wlcm-head p {
        font-size: 19px;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    }
    
    .gold p {
        font-weight: 500;
        font-size: 17px;
    }
    
    .reise h4 {
        font-size: 16px; 
    }

    .reise p {
        font-size: 16px; 
    }
    
    .ratenzahlung {
        width: 75px;
        height: 75px;
        bottom: 5px;
        left: 5px;
    }
    
    .raten-info {
        font-size: 8px;
    }
    
    .foot-navigation {
        gap: 3px;
        width: 100%;
        display: none;
    }
    
    .foot-navigation-mobile {
        gap: 3px;
        width: 100%;
        display: flex;
        display: -webkit-flex;
    }
    
    .foot-navigation-mobile .termin-btn a {
        font-size: 14px;
    }

    
    .termin-btn a {
        font-size: 12px;
    }
    
    .footer_bottom_holder {
        padding: 10px;
        padding-bottom: 50px;
    }
    
    .footer_bottom_columns {
        display: flex;
    }
    
    .three_columns>.column1.footer_bottom_column, .three_columns>.column2.footer_bottom_column, .three_columns>.column3.footer_bottom_column {
        width: auto;
        float: none;
        flex-grow: 1;
    }
    
    .three_columns>.column2 {
        display: none;
    }
    
    .footer_bottom ul.menu li {
        width: auto!important;
    }
    
    .footer_bottom_holder .footer_bottom ul.menu li:last-child {
        margin-right: 0px;
    }
    
    nav.popup_menu ul.sub_menu li a span, nav.popup_menu ul li h6 span {
        font-size: 14px;
        line-height: 21px;
    }
    
    .behandlungen .elementor-image-box-img {
        width: 40% !important;
    }
    
    #floating-template {
        width: 100%;
    }
    
}

@media only screen and (max-width: 600px) {
    
    .footer_bottom_columns {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .three_columns>.column1.footer_bottom_column, .three_columns>.column2.footer_bottom_column, .three_columns>.column3.footer_bottom_column {
        width: auto;
        float: none;
        flex-grow: 1;
        padding: 10px;
    }
    
    .elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
        padding: 20px;
    }
    
}