/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1663586195
Updated: 2022-09-19 11:16:35

*/

/* <div class="container-valentin" stylr="">
<div class="inner-content">
<div class="top">
   <img src="https://www.carec.at/wp-content/uploads/2023/06/prozent.png">
   <span class="date"><strong>Bis 30. Juni</strong> </span>
</div>
<div class="bottom">
   <p class="headline">auf Microblading</p>
   <p class="text"> Fit für den Sommer: Buchen<br> Sie unsere neue Behandlung <br>jetzt günstiger!</p>
</div>
</div>
</div> */

.container-valentin{
    /* display: none !important; */
    position: fixed;
    right: 50px;
    z-index: 100000;
    bottom: 121px;
    border: black solid 1px;
    background-color: #E8BB9E;
    /* cursor: pointer; */
}
.container-valentin .inner-content{
    padding: 0 20px;
}
.container-valentin .inner-content .top{
    display: flex;
    align-items: center;
    justify-content: end;
    padding-top: 10px;
    padding-bottom: 20px;
    /* padding-right: 10px; */
}
.container-valentin .inner-content .top .date{
    font-weight: bold; font-size: 14px; text-decoration: underline;
}
.container-valentin .inner-content .top img{
    position: absolute; top: -43px; left: -38px; width: 200px; max-width: 100%;
}
.container-valentin .inner-content .bottom{
    padding-bottom: 10px;
}
.container-valentin .inner-content .bottom .headline{
    font-weight: bold; font-size: 22px; color: #FFF7EF; line-height: 30px;
    margin-bottom:0;
}
.container-valentin .inner-content .bottom .headline.mobile{
    display: none;
}
.container-valentin .inner-content .bottom svg{
    position: absolute; bottom: 5px; right: 5px;
}

@media screen and (max-width: 1024px){
    .container-valentin{
        right: 10px;
        bottom: 80px;
    }
    .container-valentin .inner-content .bottom .text, .container-valentin .inner-content .bottom .headline{
        display: none;
    }
    .container-valentin .inner-content .bottom .headline.mobile{
        display:block;
    }
    .container-valentin .inner-content .top img{
        width: 150px; max-width: 100%; top: -10px; left: 0px;
    }
}

.popup-container{
    display: block;
    margin: 0 auto;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.3);
    height: 100%;
    z-index: 100000;
}
.popup-container .container-valentin{
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    background-color: #E8BB9E;
    border: black solid 1px;
    padding: 70px 60px;
    width: fit-content;
    height: fit-content;
    display: block;
}
.popup-container .container-valentin .inner-content .top{
    justify-content: center;
}
.popup-container .container-valentin .inner-content .top img{
    width: 100px; height: auto; max-width: 100%; top: -100px;
}
.popup-container .container-valentin .inner-content .top .date{
    font-weight: bold; font-size: 17px; line-height: 22px;
}
.popup-container .container-valentin .inner-content .content{
    text-align: center;
}
.popup-container .container-valentin .inner-content .content .first .headline-main{
    font-weight: bold; font-size: 45px; color: #FFF7EF; line-height: 60px;
}
.popup-container .container-valentin .inner-content .content .first .text{

}
.popup-container .container-valentin .inner-content .content .second .headline-b,
.popup-container .container-valentin .inner-content .content .third .headline-b{
    font-weight: bold; font-size: 30px; color: #2B1700; line-height: 40px;
}
.popup-container .container-valentin .inner-content .content .second .sub,
.popup-container .container-valentin .inner-content .content .third .sub{
    font-weight: bold; font-size: 18px; color: #FFF7EF; line-height: 24px;
}
.popup-container .container-valentin .inner-content .bottom{
    text-align: center;
}
.popup-container .container-valentin hr{
    border: 1px solid #2B1700; margin-top: 20px;
}
.popup-container .container-valentin .inner-content .content .third{
    margin-bottom: 30px;
}
/* .popup-container .container-valentin .inner.content{
    justify-content: center;
} */

.popup-container .container-valentin .inner-content .top #close{
    position: absolute;
    top: 20px;
    right: 20px;
    /* cursor: pointer; */
}

@media screen and (max-width: 1150px){
    .popup-container .container-valentin{
        width: 80%;
    }
}
@media screen and (max-width: 1024px){
    .team .elementor-row{
        flex-wrap: wrap; row-gap: 20px; justify-content: flex-end;
    }
    .team .elementor-row .elementor-column{
        width: 33%;
    }
}
@media screen and (max-width: 768px){
    .popup-container .container-valentin .inner-content .top img{
        width: 120px; height: auto; max-width: 100%; top: -40px;
    }
    .popup-container .container-valentin{
        width: 95%;
    }
    .popup-container .container-valentin .inner-content .content .first .headline-main{
        font-size: 35px; line-height: normal;
        margin: 15px 0 10px;
    }
    .popup-container .container-valentin .inner-content .content .second .headline-b,
    .popup-container .container-valentin .inner-content .content .third .headline-b{
        font-size: 25px; line-height: normal;
        margin: 15px 0 10px;
    }
    .popup-container .container-valentin .inner-content .content .second .sub,
    .popup-container .container-valentin .inner-content .content .third .sub{
        font-size: 18px; margin: 10px 0 10px;
    }
    .popup-container .container-valentin{
        padding: 10px;
    }
    .popup-container .container-valentin .inner-content .top{
        padding-bottom: 0;
    }
    .team .elementor-row .elementor-column{
        width: calc(50% - 20px);
    }
    .team .elementor-row{
        gap: 20px;
    }
}
@media screen and (max-width: 500px){
    .popup-container .container-valentin .inner-content .top img{
        width: 80px; height: auto; max-width: 100%; top: -15px;
    }
    .team .elementor-row .elementor-column{
        width: 100%;
    }
    .container-valentin .inner-content .top img{
        width: 150px; max-width: 100%; top: -8px; left: 7px;
    }
}

/* //Popup fix */
.elementor-column-wrap{
        z-index: 0;
}