/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2026 | 08:23:32 */
/* =========================================================
   MAPO – KI-KENNZEICHNUNG
   Bilder + Videos + JSON / Lottie
   ========================================================= */


/* =========================================================
   BASIS
   ========================================================= */

.ki-kennzeichnung {
    position: relative !important;
}


/* =========================================================
   KI-ICON
   ========================================================= */

.ki-kennzeichnung::after {

    content: "";

    position: absolute !important;

    right: 10px !important;
    bottom: 10px !important;

    z-index: 99999 !important;

    display: block !important;

    width: 3vh !important;
    height: 3vh !important;

    opacity: 0.8 !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    background-color: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   SCHWARZES ICON
   ========================================================= */

.ki-kennzeichnung.ki-schwarz::after {

    background-image:
        url("https://herrenmode-potsdam.de/wp-content/uploads/ai-schwarz-mapo.svg") !important;
}


/* =========================================================
   WEISSES ICON
   ========================================================= */

.ki-kennzeichnung.ki-weiss::after {

    background-image:
        url("https://herrenmode-potsdam.de/wp-content/uploads/ai-weiss-mapo.svg") !important;
}


/* =========================================================
   VIDEO
   ========================================================= */

.ki-kennzeichnung.ki-typ-video::after {

    z-index: 999999 !important;
}


/* =========================================================
   JSON / LOTTIE
   ========================================================= */

.ki-kennzeichnung.ki-typ-json::after {

    z-index: 999999 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 500px) {

    .ki-kennzeichnung::after {

        right: 7px !important;
        bottom: 7px !important;

        width: 2vh !important;
        height: 2vh !important;
    }

}