/****************************************************************
 **
 ** Basics
 **
 ****************************************************************/

.drop-shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 10px -10px;
}

@media (max-width: 767px) {
    [id^="tmea-shape-divider-"] svg {
        height: 40px !important;
    }
}

.elementor-form-waiting {}

.elementor-form-waiting::after {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-content: center;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    content: "Bitte habe einen Moment Geduld…";
    color: #27313f;
    font-weight: 300;
    font-size: 1.5rem;
}

/****************************************************************
 **
 ** Typo
 **
 ****************************************************************/

h1 strong,
h1 b,
h2 strong,
h2 b,
h3 strong,
h3 b {
    font-weight: 800;
}

.elementor-widget-container p:last-child {
    margin-bottom: 0 !important;
}

.elementor-heading-title>em {
    display: block;
    margin: 0.3em 0;
    font-style: normal !important;
    line-height: 1.2em;
    font-family: "Inter", sans-serif;
}

h1.elementor-heading-title>em {
    font-weight: 200;
    font-size: 50%;
}

h2.elementor-heading-title>em {
    font-weight: 200;
    font-size: 50%;
}

h3.elementor-heading-title>em {
    font-weight: 300;
    font-size: 60%;
}

h4.elementor-heading-title>em {
    font-size: 60%;
}

h5.elementor-heading-title>em {
    font-size: 80%;
}

h6.elementor-heading-title>em {
    font-size: 80%;
}

/****************************************************************
 **
 ** Header
 **
 ****************************************************************/

header.she-header-transparent-yes #logo-header {
    display: none !important;
}

header:not(.she-header-transparent-yes) {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px;
}

/****************************************************************
 **
 ** Button
 **
 ****************************************************************/

.elementor-button {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 10px -10px !important;
}

.elementor-button:hover {
    scale: .98;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 10px -10px !important;
}

.elementor-button em {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9rem;
}

.elementor-button em.pre {
    margin-bottom: 4px;
}

.elementor-button em.suf {
    margin-top: 4px;
}

.btn-lg .elementor-button {
    font-size: 105% !important;
}

/****************************************************************
 **
 ** Cookie Banner
 **
 ****************************************************************/

.cmplz-btn {
    border: none !important;
    border-radius: 4px;
}

.cmplz-accept {
    min-width: 300px !important;
    font-weight: bold !important;
}

.cmplz-deny,
.cmplz-view-preferences {
    box-shadow: none !important;
    background: none !important;
    font-weight: 400 !important;
    font-size: 80% !important;
    text-shadow: none !important;
}