/* Zielaro Shop 4.3.1 – kompakte Dokumentkarten, 10px-Standardrundung und exakt zentrierte Zielmotive */

/* Normale Seiten und Rechtstexte erscheinen als echte, editierbare App-Karte. */
.zielaro-page-card,
.zielaro-legal-document{
    width:100%;
    margin:0;
    padding:var(--za-page-content-card-padding-desktop);
    border:1px solid var(--za-page-content-card-border);
    border-radius:var(--za-page-content-card-radius-desktop);
    background:var(--za-page-content-card-bg);
    box-shadow:0 14px 38px rgba(16,40,45,.07);
}
.zielaro-page-card.zielaro-editor-content > *,
.zielaro-legal-document.zielaro-editor-content > *{
    margin-left:0;
    margin-right:0;
}
.zielaro-page-card.zielaro-editor-content > :not(.alignwide):not(.alignfull),
.zielaro-legal-document.zielaro-editor-content > :not(.alignwide):not(.alignfull){
    max-width:var(--za-text-width);
}
.zielaro-page-card > :first-child,
.zielaro-legal-document > :first-child{margin-top:0}
.zielaro-page-card > :last-child,
.zielaro-legal-document > :last-child{margin-bottom:0}

/* Das vererbte Pseudo-Fadenkreuz aus älteren Styles wird für Zielmotive abgeschaltet. */
.zielaro-page-hero--variant-target::after,
.zielaro-page-hero--variant-crosshair::after{
    content:none!important;
    display:none!important;
}
.zielaro-page-hero--variant-target,
.zielaro-page-hero--variant-crosshair{
    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;
}
.zielaro-page-hero--variant-target::before,
.zielaro-page-hero--variant-crosshair::before{
    content:"";
    position:absolute;
    z-index:1;
    right:clamp(22px,6.5vw,92px);
    top:50%;
    width:176px;
    height:176px;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    opacity:.22;
    box-shadow:none;
    background:
        radial-gradient(circle at 50% 50%,rgba(130,225,209,.78) 0 3px,transparent 4px 29px,rgba(130,225,209,.62) 30px 31px,transparent 32px 57px,rgba(130,225,209,.48) 58px 59px,transparent 60px 85px,rgba(130,225,209,.34) 86px 87px,transparent 88px);
}
.zielaro-page-hero--variant-crosshair::before{
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(130,225,209,.55) calc(50% - .5px),rgba(130,225,209,.55) calc(50% + .5px),transparent calc(50% + .5px)),
        linear-gradient(transparent calc(50% - .5px),rgba(130,225,209,.55) calc(50% - .5px),rgba(130,225,209,.55) calc(50% + .5px),transparent calc(50% + .5px)),
        radial-gradient(circle at 50% 50%,rgba(130,225,209,.78) 0 3px,transparent 4px 29px,rgba(130,225,209,.62) 30px 31px,transparent 32px 57px,rgba(130,225,209,.48) 58px 59px,transparent 60px 85px,rgba(130,225,209,.34) 86px 87px,transparent 88px);
}

/* Auch die kompakten Zwischen-Heros verwenden exakt denselben Mittelpunkt. */
.zielaro-section-hero--target .zielaro-section-hero__motif,
.zielaro-section-hero--crosshair .zielaro-section-hero__motif{
    border:0;
    border-radius:50%;
    color:#8be2d5;
    box-shadow:none;
    background:
        radial-gradient(circle at 50% 50%,currentColor 0 3px,transparent 4px 24px,currentColor 25px 26px,transparent 27px 49px,currentColor 50px 51px,transparent 52px 73px,currentColor 74px 75px,transparent 76px);
}
.zielaro-section-hero--crosshair .zielaro-section-hero__motif::before,
.zielaro-section-hero--crosshair .zielaro-section-hero__motif::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:currentColor;
    transform:translate(-50%,-50%);
}
.zielaro-section-hero--crosshair .zielaro-section-hero__motif::before{width:1px;height:100%}
.zielaro-section-hero--crosshair .zielaro-section-hero__motif::after{width:100%;height:1px}

@media(max-width:980px){
    .zielaro-page-card,.zielaro-legal-document{
        padding:var(--za-page-content-card-padding-tablet);
        border-radius:var(--za-page-content-card-radius-tablet);
    }
    .zielaro-page-hero--variant-target::before,
    .zielaro-page-hero--variant-crosshair::before{width:148px;height:148px;right:clamp(18px,4vw,52px)}
}
@media(max-width:640px){
    .zielaro-page-card,.zielaro-legal-document{
        padding:var(--za-page-content-card-padding-mobile);
        border-radius:var(--za-page-content-card-radius-mobile);
    }
    .zielaro-page-hero--variant-target::before,
    .zielaro-page-hero--variant-crosshair::before{width:112px;height:112px;right:-16px;opacity:.16}
}