/*
 * Zielaro Shop v4.2.8
 * Vollständig editierbarer Responsive-Hero, seitenbezogene Motive und
 * identische Breiten für Hero und nachfolgenden Inhaltsbereich.
 */

.zielaro-page-hero,
.zielaro-page-hero--commerce,
.zielaro-page-hero--woocommerce,
.zielaro-page-hero--legal,
.zielaro-page-hero--faq,
.zielaro-page-hero--pricing{
    width:min(calc(var(--za-page-hero-width-desktop) - 32px),var(--za-content-width));
    min-height:var(--za-page-hero-min-height-desktop);
    margin-top:var(--za-page-hero-margin-top-desktop);
    padding:var(--za-page-hero-padding-y-desktop) var(--za-page-hero-padding-x-desktop);
    border-radius:var(--za-page-hero-radius-desktop);
    background:linear-gradient(135deg,var(--za-page-hero-gradient-start) 0%,var(--za-page-hero-gradient-middle) 58%,var(--za-page-hero-gradient-end) 100%)!important;
    font-family:var(--za-page-hero-font);
}
.zielaro-page-hero .zielaro-container{
    position:relative;
    z-index:2;
    max-width:var(--za-page-hero-text-width-desktop);
}
.zielaro-page-hero .zielaro-kicker{
    color:var(--za-page-hero-kicker-color)!important;
    font-family:var(--za-page-hero-kicker-font);
    font-size:var(--za-page-hero-kicker-size-desktop);
    font-weight:var(--za-page-hero-kicker-weight);
}
.zielaro-page-hero h1,
.woocommerce-account .zielaro-page-hero h1,
.woocommerce-cart .zielaro-page-hero h1,
.woocommerce-checkout .zielaro-page-hero h1{
    max-width:100%;
    color:var(--za-page-hero-title-color)!important;
    font-family:var(--za-page-hero-title-font);
    font-size:var(--za-page-hero-title-size-desktop);
    font-weight:var(--za-page-hero-title-weight);
}
.zielaro-page-hero p{
    max-width:100%;
    color:var(--za-page-hero-description-color)!important;
    font-family:var(--za-page-hero-description-font);
    font-size:var(--za-page-hero-description-size-desktop);
    font-weight:var(--za-page-hero-description-weight);
}

/* Motive können global und je Seite gewählt werden. */
.zielaro-page-hero::before,
.zielaro-page-hero::after{
    pointer-events:none;
}
.zielaro-page-hero--variant-target{
    background:
        radial-gradient(circle at 88% 50%,transparent 0 32px,rgba(109,222,201,.12) 33px 34px,transparent 35px 58px,rgba(109,222,201,.09) 59px 60px,transparent 61px 86px,rgba(109,222,201,.07) 87px 88px,transparent 89px),
        linear-gradient(135deg,var(--za-page-hero-gradient-start) 0%,var(--za-page-hero-gradient-middle) 58%,var(--za-page-hero-gradient-end) 100%)!important;
}
.zielaro-page-hero--variant-crosshair::before{
    content:"";
    position:absolute;
    z-index:1;
    right:7%;
    top:50%;
    width:150px;
    height:150px;
    transform:translateY(-50%);
    opacity:.34;
    border:1px solid rgba(130,225,209,.28);
    border-radius:50%;
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(130,225,209,.42) calc(50% - .5px),rgba(130,225,209,.42) calc(50% + .5px),transparent calc(50% + .5px)),
        linear-gradient(transparent calc(50% - .5px),rgba(130,225,209,.42) calc(50% - .5px),rgba(130,225,209,.42) calc(50% + .5px),transparent calc(50% + .5px));
    box-shadow:0 0 0 28px rgba(130,225,209,.045),0 0 0 56px rgba(130,225,209,.025);
}
.zielaro-page-hero--variant-grid{
    background:
        linear-gradient(rgba(130,225,209,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(130,225,209,.055) 1px,transparent 1px),
        linear-gradient(135deg,var(--za-page-hero-gradient-start) 0%,var(--za-page-hero-gradient-middle) 58%,var(--za-page-hero-gradient-end) 100%)!important;
    background-size:28px 28px,28px 28px,auto!important;
}
.zielaro-page-hero--variant-waves::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:auto -5% -52% 38%;
    height:145%;
    opacity:.25;
    border:2px solid rgba(130,225,209,.24);
    border-radius:50% 45% 0 0;
    transform:rotate(-8deg);
    box-shadow:0 -30px 0 -28px rgba(130,225,209,.2),0 -62px 0 -59px rgba(130,225,209,.15);
}
.zielaro-page-hero--variant-plain::after,
.zielaro-page-hero--variant-plain::before{
    display:none!important;
}
.zielaro-page-hero--variant-image{
    background:
        linear-gradient(90deg,rgba(9,31,34,.92) 0%,rgba(9,47,43,.76) 58%,rgba(9,47,43,.55) 100%),
        var(--za-page-hero-image,linear-gradient(135deg,var(--za-page-hero-gradient-start),var(--za-page-hero-gradient-end))) center/cover no-repeat!important;
}

/* Der Inhaltsbereich folgt standardmäßig exakt der Hero-Breite. */
.zielaro-page-container--hero{
    width:min(calc(var(--za-page-hero-width-desktop) - 32px),var(--za-content-width));
    max-width:none;
}
.zielaro-page-container--content{
    width:min(calc(100% - (var(--za-page-padding) * 2)),var(--za-content-width));
    max-width:none;
}
.zielaro-page-container--text{
    width:min(calc(100% - (var(--za-page-padding) * 2)),var(--za-text-width));
    max-width:none;
}
.zielaro-page-container--custom{
    width:min(calc(100% - (var(--za-page-padding) * 2)),var(--za-page-container-custom,var(--za-page-content-custom-width)));
    max-width:none;
}
.zielaro-subpage-shell,
.zielaro-subpage-shell--commerce,
.zielaro-subpage-shell--legal,
.zielaro-subpage-shell--pricing,
.zielaro-subpage-shell--faq{
    padding-top:var(--za-page-content-gap-desktop)!important;
    padding-bottom:var(--za-page-content-bottom-gap-desktop)!important;
}
.zielaro-page-content.zielaro-content-card,
.zielaro-legal-content,
.zielaro-content-card--commerce{
    padding:var(--za-page-content-card-padding-desktop);
    border-radius:var(--za-page-content-card-radius-desktop);
}
.zielaro-legal-layout{
    width:min(calc(var(--za-page-hero-width-desktop) - 32px),var(--za-content-width));
    max-width:none;
}

@media(max-width:980px){
    .zielaro-page-hero,
    .zielaro-page-hero--commerce,
    .zielaro-page-hero--woocommerce,
    .zielaro-page-hero--legal,
    .zielaro-page-hero--faq,
    .zielaro-page-hero--pricing{
        width:min(calc(var(--za-page-hero-width-tablet) - 28px),var(--za-content-width));
        min-height:var(--za-page-hero-min-height-tablet);
        margin-top:var(--za-page-hero-margin-top-tablet);
        padding:var(--za-page-hero-padding-y-tablet) var(--za-page-hero-padding-x-tablet);
        border-radius:var(--za-page-hero-radius-tablet);
    }
    .zielaro-page-hero .zielaro-container{max-width:var(--za-page-hero-text-width-tablet)}
    .zielaro-page-hero .zielaro-kicker{font-size:var(--za-page-hero-kicker-size-tablet)}
    .zielaro-page-hero h1{font-size:var(--za-page-hero-title-size-tablet)}
    .zielaro-page-hero p{font-size:var(--za-page-hero-description-size-tablet)}
    .zielaro-page-container--hero,.zielaro-legal-layout{width:min(calc(var(--za-page-hero-width-tablet) - 28px),var(--za-content-width))}
    .zielaro-subpage-shell,.zielaro-subpage-shell--commerce,.zielaro-subpage-shell--legal,
.zielaro-subpage-shell--pricing,
.zielaro-subpage-shell--faq{
        padding-top:var(--za-page-content-gap-tablet)!important;
        padding-bottom:var(--za-page-content-bottom-gap-tablet)!important;
    }
    .zielaro-page-content.zielaro-content-card,.zielaro-legal-content,.zielaro-content-card--commerce{
        padding:var(--za-page-content-card-padding-tablet);
        border-radius:var(--za-page-content-card-radius-tablet);
    }
}

@media(max-width:640px){
    .zielaro-page-hero,
    .zielaro-page-hero--commerce,
    .zielaro-page-hero--woocommerce,
    .zielaro-page-hero--legal,
    .zielaro-page-hero--faq,
    .zielaro-page-hero--pricing{
        width:min(calc(var(--za-page-hero-width-mobile) - 22px),var(--za-content-width));
        min-height:var(--za-page-hero-min-height-mobile);
        margin-top:var(--za-page-hero-margin-top-mobile);
        padding:var(--za-page-hero-padding-y-mobile) var(--za-page-hero-padding-x-mobile);
        border-radius:var(--za-page-hero-radius-mobile);
    }
    .zielaro-page-hero .zielaro-container{max-width:var(--za-page-hero-text-width-mobile)}
    .zielaro-page-hero .zielaro-kicker{font-size:var(--za-page-hero-kicker-size-mobile)}
    .zielaro-page-hero h1{font-size:var(--za-page-hero-title-size-mobile)}
    .zielaro-page-hero p{font-size:var(--za-page-hero-description-size-mobile)}
    .zielaro-page-container--hero,.zielaro-legal-layout{width:min(calc(var(--za-page-hero-width-mobile) - 22px),var(--za-content-width))}
    .zielaro-page-container--content,.zielaro-page-container--text,.zielaro-page-container--custom{
        width:calc(100% - (var(--za-page-padding-mobile) * 2));
    }
    .zielaro-subpage-shell,.zielaro-subpage-shell--commerce,.zielaro-subpage-shell--legal,
.zielaro-subpage-shell--pricing,
.zielaro-subpage-shell--faq{
        padding-top:var(--za-page-content-gap-mobile)!important;
        padding-bottom:var(--za-page-content-bottom-gap-mobile)!important;
    }
    .zielaro-page-content.zielaro-content-card,.zielaro-legal-content,.zielaro-content-card--commerce{
        padding:var(--za-page-content-card-padding-mobile);
        border-radius:var(--za-page-content-card-radius-mobile);
    }
    .zielaro-page-hero--variant-crosshair::before{right:-22px;width:112px;height:112px}
}