/**
Theme Name: TRADER-MENTALCOACH
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme für Kunde: TRADER-MENTALCOACH
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: TRADER-MENTALCOACH
Template: astra
*/

/*
*
* ==========================================
* #Theme
* ==========================================
*
*/

:root{
    --primary-color: #d4967d;
    --secondary-color: #3f4a49;
    --tertiary-color: #dcd9d0;
}
.um-bg-light{
    background-color: var(--tertiary-color);
}
.um-bg-dark{
    background-color: var(--secondary-color);
    color:#ffffff
}
.um-container{
    margin: 0;
    padding: 75px 0px;
}
.um-fett{
    font-weight: 700;
}
h2{
    font-size: 68px;
}

/*
*
* ==========================================
* #Button
* ==========================================
*
*/
/* .elementor-button, button{
    padding: 15px 20px!important;
    background-color: #d4967d!important;
    color: #ffffff!important;
} */


/*
*
* ==========================================
* #Generell
* ==========================================
*
*/
.um-kopfbereich {
    padding-top: 60px;
    padding-left: 40px!important;
    padding-right: 40px!important;
    min-height: 100lvh!important;
}
.um-kopfbereich :is(h1, h2, h3, h4, h5, h6, span, p) {
  color: #fff;
}
.um-kopfbereich h1 {
  font-size: 30px;
  line-height: auto;
  font-weight: 400;
}
.um-kopfbereich h2 {
  font-size: 68px;
  line-height: 115px;
  font-weight: 700;
}


/*
*
* ==========================================
* #Menu
* ==========================================
*
*/
.menu-item.current-menu-item .menu-text{
 text-decoration: underline;
 text-underline-offset: 8px;   
}
body:has(.um-secondary-menu) .menu-item .menu-text, body:has(.um-secondary-menu) .site-header-section h3 a{
    color: var(--secondary-color) !important;
}
.mobile-menu-toggle-icon svg{
    fill: #ffffff;
}
body:has(.um-secondary-menu) .mobile-menu-toggle-icon svg{
    fill: var(--secondary-color);
}

#ast-mobile-popup .ast-mobile-popup-content{
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
}
.site-branding.ast-site-identity {
    padding-top: 0;
    padding-bottom: 0;
}
/*
*
* ==========================================
* #Kopfslider /Slider
* ==========================================
*
*/

/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/
.um-startseite-reviews {
    text-align: center;
}
.um-startseite-reviews .elementor-testimonial__header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-block-end:none!important;
    margin-bottom: 16px;
}
.um-startseite-reviews .elementor-testimonial__name {
    width: fit-content;
    border-bottom: 1px solid var(--secondary-color);
    padding: 5px 10px;
    margin-bottom: 10px;
    color: var(--secondary-color)!important;
}
.um-startseite-reviews .elementor-star-rating i:before {
    color: var(--primary-color);
}
.um-startseite-reviews .elementor-star-full {
    padding: 0px 1px;
}
.daten-headline{
    color: var(--secondary-color);
    margin-top: 150px;
}
/*
*
* ==========================================
* #Beiträge
* ==========================================
*
*/
.um-beitragsbild img{
    width: 100%;
    max-width: 40vw;
    height: auto;
    object-fit: contain;
    object-position: 0% 0%;
    max-height: 600px;
}
.um-beitragsbild {
    position: sticky;
    top: 60px;
}
.um-beitrag-headline-container {
    max-width: 460px;
}
.um-beitrags-inhalt .elementor-element.e-flex.e-con-boxed.e-con.e-parent {
    margin-block-start: 0px!important;
}
/*
*
* ==========================================
* #Footer
* ==========================================
*
*/


/*
*
* ==========================================
* Responsive
* ==========================================
*
*/

/* #2000px */
@media(min-width:2000px) {
}

/* #1440px */
@media(max-width:1440px) {
    .um-container{
        padding: 50px 20px;
    }
}

/* #1024px */
@media(max-width:1024px) {
    .um-kopfbereich h1 {
        font-size: 25px;
    }
    .um-kopfbereich h2 {
        font-size: 50px;
        line-height: 60px;
    }

}

/* #768px */
@media(max-width:768px) {
    .um-container{
        padding: 50px 20px!important;   
    }
     .um-container.e-con.e-parent.elementor-element.e-flex {
        padding-left:20px!important;
        padding-right:20px!important;
    }
    
    .um-kopfbereich {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .um-beitragsbild img{
        width: 100%;
        max-width: unset;
        height: auto;
        object-fit: contain;
        object-position: 0% 0%;
        max-height: 600px;
}
.um-beitragsbild {
    position: relative;
    top: unset;
}
.um-beitrag-headline-container {
    max-width: unset;
}
}

/* #640px */
@media(max-width:640px) {


}
