/**
Theme Name: anschuetz
Author: unimess GmbH
Author URI: https://www.unimess.de/
Description: Astra-Child Theme für Anschütz
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: anschuetz
Template: astra
*/


:root{
    /* Standart-theme farbe */
    --primary-color: #d20f15;
    --e-global-color-astglobalcolor0: var(--primary-color);
    --ast-global-color-0: var(--primary-color);
    --anschuetz-hover: color-mix(#000000, var(--primary-color)90%);
    --anschuetz-light: color-mix(#ffffff, var(--primary-color)20%);

    /* weitere standart farben */
    --anschuetz-border-color: #eaeaea;
    --anschuetz-bg-light: #f9f9f9;
    --anschuetz-dark-text: #222222;
    --anschuetz-muted-text: #6e6e6e;

    /* standart rot überall */
    --anschütz-red: #d20f15;

}
#theme-apr{
    /* überschreiben von theme-farben */
    --primary-color: #9c8a6a;
    --e-global-color-astglobalcolor0: var(--primary-color);
    --ast-global-color-0: var(--primary-color);
    --anschuetz-hover: color-mix(#000000, var(--primary-color)90%);
    --anschuetz-light: color-mix(#ffffff, var(--primary-color)20%);
    --theme-family: "industry-inc-base", sans-serif;
    width: 100%; 
    h1, h2, h3, h4, h5, h6{
        font-family: var(--theme-family);
    } 
}

#theme-sport{

}
#theme-hunting{

}
#theme-biathlon{

}



body{
    font-family: "museo-sans" , sans-serif;
    font-size: 16px;
    max-width: 2560px;
    margin: 0px auto;
}
h2{
    font-size: 26px;
    font-weight: 900;
}
a{
    text-decoration: none;
}
.abstand-text-to-element{
    margin: 100px 0px 25px 0px;
}






/* 
#######################################
BUTTON
#######################################
*/
.primary-button{
    background-color: var(--primary-color);
    color: white;
    border-radius: 8px;
    padding: 17px 40px 15px 40px;
    font-weight: 500;
    font-size: 16px;
}
.primary-button:hover{
    background-color: var(--anschuetz-hover);
}

.primary-button-outline{
    background-color: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 8px;
    padding: 15px 40px 15px 40px;
    font-weight: 500;
    font-size: 16px;
}
.primary-button-outline:hover{
    background-color: var(--primary-color);
}


.gform_button {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: 8px;
    padding: 17px 40px 15px 40px;
    font-weight: 500;
    font-size: 16px;
}

.gform_button:hover{
    background-color: var(--anschuetz-hover) !important;
}


/* 
#####################################################
Welten-Auswahl auf Hauptseiten 
##################################################### 
*/
.welt-apr span, .welt-sport span, .welt-hunting span, .welt-biathlon span {
    text-decoration: none !important;
    font-size: 22px;
    font-weight: 900;
}

.welt-biathlon, .welt-hunting, .welt-sport, .welt-apr{
    transition: all 0.25s ease-in;
    text-decoration: none !important;
}
.welt-biathlon:hover, .welt-hunting:hover, .welt-sport:hover, .welt-apr:hover{
    transform: translateY(-7px) scale(1.025);
    box-shadow: 0px 0px 30px -5px #00000042;
    transition: all 0.25s ease-out;
}
.welt-biathlon.active, .welt-hunting.active, .welt-sport.active, .welt-apr.active{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.welt-biathlon.active span, .welt-hunting.active span, .welt-sport.active span, .welt-apr.active span{
    color: white !important;
}
/* #### #### */





/* 
#### ###
HEADER SEKTION 
#### ###
*/
.um-header{
    height: 80vh;
}
.um-header:before{
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, var( --e-global-color-astglobalcolor2 ) 0%, #00000000 83%);
}

.header-img img{
    max-height: 80vh !important;
    width: 100%;
    object-fit: cover;
}
.header-img::after{
    content:' ' !important;
    display: block !important;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #000000 0%, #00000000 83%);
}
.header-content{
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    width: var(--content-width) !important;
    max-width: 100% !important;
    margin: 0px auto !important;
    z-index: 2 !important;
}
.header-content > div{
    padding: 25px 25px 100px 25px !important;
}
.header-content a{
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: 8px !important;
    padding: 12px 30px 10px 30px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.3s ease-in-out !important;
}
.header-content a:hover{
    background-color: #000000 !important;
    color: white !important;
}
.um-einleser-450{
    max-width: 450px !important;
}

/* Dealer Icon */
#masthead .ast-custom-button {
    font-size: 0;
    width: 26px;
    height: 26px;
    padding: 0;
    color: transparent;
    background-color: transparent;
    border: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s8-7.2 8-13A8 8 0 0 0 4 9c0 5.8 8 13 8 13Z' fill='black' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='9' r='2.8' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width:1200px) {
    .header-img::after{
        background: linear-gradient(0deg, #000000 0%, #00000000 83%);
    }
    .header-content{
        position: relative !important;
        transform: translateY(0%);
        top: 0;
        width: var(--content-width) !important;
        margin: 0px auto !important;
        z-index: 2 !important;
        background: #000000;
    }
    .header-content h1{
       font-size: 32px !important;
    }
    
}

/* #### #### */





/* 
#################### 
BASIC KACHELN 
#################### 
*/
.um-basic-kachel{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    color: white;
    padding: 30px 35px;
    min-height: 676px;
    position: relative;
    gap: 0px;
}
.um-basic-kachel *{
    color: white;
}
.um-basic-kachel:before{
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, 
    rgb(0% 0% 0%) 0%, 
    rgb(0% 0% 0% / 0.9375) 3.125%, 
    rgb(0% 0% 0% / 0.875) 6.25%, 
    rgb(0% 0% 0% / 0.8125) 9.375%, 
    rgb(0% 0% 0% / 0.75) 12.5%, 
    rgb(0% 0% 0% / 0.6875) 15.625%, 
    rgb(0% 0% 0% / 0.625) 18.75%, 
    rgb(0% 0% 0% / 0.5625) 21.875%, 
    rgb(0% 0% 0% / 0.5) 25%, 
    rgb(0% 0% 0% / 0.4375) 28.125%, 
    rgb(0% 0% 0% / 0.375) 31.25%, 
    rgb(0% 0% 0% / 0.3125) 34.375%, 
    rgb(0% 0% 0% / 0.25) 37.5%, 
    rgb(0% 0% 0% / 0.1875) 40.625%, 
    rgb(0% 0% 0% / 0.125) 43.75%, 
    rgb(0% 0% 0% / 0.0625) 46.875%, 
    rgb(0% 0% 0% / 0) 50%
    );
    position: absolute;
    border-radius: 8px;
}
/* #### #### */

/* ### counter fix ### */
.no-suffix .elementor-counter-number-suffix, .no-suffix .elementor-counter-number-prefix{
    display: none;
}
.no-suffix .elementor-counter-number-wrapper{
    flex-grow: 0;
}
@media (max-width:1200px) {
    .um-counter .elementor-counter-number-wrapper{
    min-width: 200px;
}
}



@media (max-width:1500px) {

    /* BASIC MOBIL PADDING */
    .e-con-boxed.e-parent{
        padding-right: 20px;
        padding-left: 20px;
    }
    /* Sicherheits Ebene für unterklassen */
    .e-con-boxed.e-parent .e-con-boxed.e-parent{
        padding-right: unset;
        padding-left: unset;
    }
}


@media (max-width:768px) {
    
    .um-basic-kachel{
        min-height: 500px;
        &::before {
            background: linear-gradient(0deg, 
                rgb(0% 0% 0%) 0%, 
                rgb(0% 0% 0% / 0.9375) 4.6875%, 
                rgb(0% 0% 0% / 0.875) 9.375%, 
                rgb(0% 0% 0% / 0.8125) 14.0625%, 
                rgb(0% 0% 0% / 0.75) 18.75%, 
                rgb(0% 0% 0% / 0.6875) 23.4375%, 
                rgb(0% 0% 0% / 0.625) 28.125%, 
                rgb(0% 0% 0% / 0.5625) 32.8125%, 
                rgb(0% 0% 0% / 0.5) 37.5%, 
                rgb(0% 0% 0% / 0.4375) 42.1875%, 
                rgb(0% 0% 0% / 0.375) 46.875%, 
                rgb(0% 0% 0% / 0.3125) 51.5625%, 
                rgb(0% 0% 0% / 0.25) 56.25%, 
                rgb(0% 0% 0% / 0.1875) 60.9375%, 
                rgb(0% 0% 0% / 0.125) 65.625%, 
                rgb(0% 0% 0% / 0.0625) 70.3125%, 
                rgb(0% 0% 0% / 0) 75%); 
            }
    }

    .um-header{
        height: 60vh;
        &::before{
            background: color-mix(var(--e-global-color-astglobalcolor2), transparent);
        }
    }
    .header-content > div{
        padding: 25px 25px 150px 25px !important;
    }
    .um-product-info-column{
        padding: 10px;
    }

}

/* WooCommerce */
.ast-on-card-button {
    display: none !important;
}

.product_meta {
    border-top: none !important;
}

.ast-woocommerce-container a, .ast-breadcrumbs-wrapper a {
    color: var(--anschuetz-dark-text);
}

.ast-woocommerce-container a:hover, .ast-breadcrumbs-wrapper a:hover {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}