/**
Theme Name: azubi4germany
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme für Kunde: azubi4germany
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: azubi4germany
Template: astra
*/

/*
*
* ==========================================
* #Generell
* ==========================================
*
*/

/* Header wird mit max-width begrenzt */
header.entry-header {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0!important;
    padding-right: 0!important;
}
/* ###### Footer immer ganz unten ###### */
/* ###### Footer immer ganz unten ###### */
/* ###### Footer immer ganz unten ###### */
#page {
    display: flex;
    flex-direction: column;
	min-height: 100vh;
    min-height: 100lvh;
}
.admin-bar #page{
    min-height: calc(100vh - 32px);
	min-height: calc(100lvh - 32px);
}
#page .site-content{
    flex-grow: 1;
}
footer {
    margin-top: 30px;
}
/* ###### ENDE Footer immer ganz unten ENDE ###### */
body {
    font-weight: 400;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6em;
}
p, ul, li, a {
    font-size: 1rem;
    color: var(--ast-global-color-7);
}
a{
    color: var(--ast-global-color-0);
}
h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) {
    font-family: 'Korolev', sans-serif;
    font-weight: 700;
    line-height: 1.15em;
    letter-spacing: -0.022em!important;
    color: var(--ast-global-color-6);
}
h1 {
    font-size: 3.815rem!important;
}
h2 {
    font-size: 3.052rem!important;
}
h3 {
    font-size: 2.441rem!important;
}
h4 {
    font-size: 1.953rem!important;
}
h5 {
    font-size: 1.563rem!important;
}
h6 {
    font-size: 1.25rem!important;
}
a.elementor-button span {
    color: var(--ast-global-color-5);
}
a.elementor-button:hover span {
    color: var(--ast-global-color-6);
}
a.elementor-button:hover {
    transform: scale(.98);
    transition: all 0.18s ease-out;
} 

.elementor-icon path {
    fill: inherit;
}
/*
*
* ==========================================
* #Menu
* ==========================================
*
*/
#main:has(#um-impressum), #main:has(#um-datenschutz){
    margin: 160px 0px;
}


html[lang="en"] .main-navigation #menu-item-weglot-1001-en {
    background-color: var(--ast-global-color-1);
    border-radius: 0px 99px 99px 0px;
}
html[lang="de"] .main-navigation #menu-item-weglot-1001-de {
    background-color: var(--ast-global-color-1);
}
.main-navigation #menu-item-weglot-1001-de a, .main-navigation #menu-item-weglot-1001-en a{
    min-width: unset;
}

/* Close Button Menu */
.ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: fit-content;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
    padding: 30px;
}

.ahfb-svg-iconset svg {
    width: 30px;
    height: 30px;
    transition: none;
    fill: var(--e-global-color-primary);
}


/*
*
* ==========================================
* #Kopfslider /Slider
* ==========================================
*
*/

.site-branding .site-logo-img img{
    width: fit-content;
}


/* kalkuliert die erlaubte breite des content elements (die 40vw kommen von - 80% von 50vw und sind die breite des Bildes auf der rechten seite) stand 04.11.2025 */
.um-header-content{
    max-width: calc(1600px - (40vw - (100vw - 1600px)/2));
    margin-left: auto !important;
    margin-right: unset !important;
}




/* Sprachwechsler */
#ast-hf-menu-3 .menu-item a{
    border-radius: 999px;
}
#ast-hf-menu-3 .menu-item .sub-menu{
    width: 100%;
}


.site-header-primary-section-right {
    flex-wrap: wrap !important;
}
.site-header-primary-section-right .site-header-primary-section-right-center{
    display: none;
}

/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/

.um-hervorhebung::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/10/icon-before.svg);
    height: 20px;
    width: 20px;
    position: absolute;
    top: -8px;
    left: -22px;
    background-repeat: no-repeat;
}
.um-hervorhebung::after{
    content: '';
    background-image: url(/wp-content/uploads/2025/10/icon-after.svg);
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -8px;
    right: -22px;
    background-repeat: no-repeat;
}

/*
*
* ==========================================
* #Footer
* ==========================================
*
*/

/* !!! Vorsicht schneller fix | weil weglot funktion nicht gefunden !!! */
body > aside.country-selector{
    display: none;
}

.site-footer-primary-section-1{
    min-width: 400px;
}


/*
*
* ==========================================
* Responsive
* ==========================================
*
*/

/* #2000px */
@media(min-width:2000px) {
}

/* #1440px */
@media(max-width:1440px) {

}

/* #1024px */
@media(max-width:1024px) {


}

/* #768px */
@media(max-width:768px) {


}

/* #640px */
@media(max-width:640px) {
    .site-footer-primary-section-1{
        min-width: 200px;
    }
    .menu-toggle.main-header-menu-toggle{
        border: 1px solid #000 !important;
    }
    .main-header-bar.ast-sticky-active{
        box-shadow: none;
    }
    .ast-mobile-header-content{
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        border-radius: 12px;
        border:  1px solid #000;
        width: auto !important;
    }

}
  @media screen and (min-width: 1080px) and (max-width:1400px) {  
        a.ast-custom-button-link[aria-label="Beratung anfragen"] > div {
            padding: 10px 25px!important;
            text-wrap-mode: nowrap;
        }
        .main-header-menu>.menu-item>a.menu-link {
        min-width: fit-content!important;
        padding-left: 25px!important;
         padding-right: 25px!important;
    }
}

@media screen and (min-width:1080px) {
    .main-header-bar.ast-sticky-active {
        box-shadow: none;
    }

     ul.main-header-menu {
        box-shadow: 0px 2px 12px -4px #00000014;
        border-radius: 999px;
        border: solid 1px var(--ast-global-color-6);
    }

    .main-header-menu>.menu-item:first-of-type>a.menu-link {
        border-radius: 999px 0px 0px 999px;
    }

    .main-header-menu>.menu-item:last-of-type>a.menu-link {
        border-radius: 0px 999px 999px 0px;
    }

    .main-header-menu>.menu-item>a.menu-link {
        justify-content: center !important;
        min-width: 145px;
        font-weight: 300;
    }
}