/*
============================================================
UROANDRO – BARRIEREFREIHEIT FINAL
============================================================
*/


/* ---------------------------------------------------------
   ALTE / PETROLFARBENE LAUNCHER SICHER VERSTECKEN
--------------------------------------------------------- */

#uroandro-a11y-proxy,
#uad-stable-toolbar,
#accessibility-toggle,
#a11y-toggle,
#accessibility-button,
#a11y-button,
.accessibility-fab,
.a11y-fab,
.accessibility-toggle,
.a11y-toggle,
[data-uad-a11y-main="1"] {
    display: none !important;
}


/* ---------------------------------------------------------
   NEUES HAUPTICON
--------------------------------------------------------- */

#uad-a11y-v3 {
    position: fixed !important;

    left: 16px !important;
    right: auto !important;

    bottom: 16px !important;
    top: auto !important;

    width: 58px !important;
    height: 58px !important;

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

    z-index: 2147483646 !important;

    pointer-events: none !important;
}


#uad-a11y-launcher-v3 {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    min-width: 58px !important;
    min-height: 58px !important;

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

    border:
        1.5px solid
        #d4af37 !important;

    border-radius:
        50% !important;

    background:
        linear-gradient(
            145deg,
            #fffdf8 0%,
            #f7ead5 100%
        ) !important;

    box-shadow:
        0 7px 20px
        rgba(86, 58, 34, .22)
        !important;

    color: #8b6042 !important;

    cursor: grab !important;

    pointer-events: auto !important;

    touch-action: none !important;

    overflow: hidden !important;
}


#uad-a11y-launcher-v3:active {
    cursor: grabbing !important;
}


.uad-a11y-person-v3 {
    position: relative !important;

    display: block !important;

    width: 39px !important;
    height: 39px !important;

    border:
        1.5px solid
        #d4af37 !important;

    border-radius:
        50% !important;

    background:
        #fffaf0 !important;
}


.uad-a11y-person-v3::before {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 7px !important;

    width: 6px !important;
    height: 6px !important;

    margin-left: -3px !important;

    border-radius: 50% !important;

    background:
        #9b6845 !important;

    box-shadow:
        0 0 0 1px
        rgba(155,104,69,.05)
        !important;
}


.uad-a11y-person-v3::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 15px !important;

    width: 25px !important;
    height: 19px !important;

    transform:
        translateX(-50%) !important;

    background:
        linear-gradient(
            #9b6845,
            #9b6845
        )
        center top /
        3px 11px
        no-repeat,

        linear-gradient(
            35deg,
            transparent 44%,
            #9b6845 45%,
            #9b6845 55%,
            transparent 56%
        )
        left bottom /
        50% 10px
        no-repeat,

        linear-gradient(
            -35deg,
            transparent 44%,
            #9b6845 45%,
            #9b6845 55%,
            transparent 56%
        )
        right bottom /
        50% 10px
        no-repeat,

        linear-gradient(
            90deg,
            #9b6845,
            #9b6845
        )
        center 3px /
        24px 3px
        no-repeat;
}


/* ---------------------------------------------------------
   BEDIENFELD
--------------------------------------------------------- */

#uad-a11y-panel-v3 {
    position: fixed !important;

    left: 14px !important;
    right: auto !important;

    bottom: 84px !important;
    top: auto !important;

    width: 370px !important;

    max-width:
        calc(100vw - 28px) !important;

    max-height:
        min(
            560px,
            calc(100dvh - 100px)
        ) !important;

    box-sizing:
        border-box !important;

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

    border:
        1px solid
        rgba(195,160,112,.48)
        !important;

    border-radius:
        20px !important;

    background:
        #fffdf8 !important;

    box-shadow:
        0 18px 45px
        rgba(66,47,32,.24)
        !important;

    overflow: hidden !important;

    pointer-events: auto !important;

    z-index: 2147483647 !important;
}


#uad-a11y-panel-v3[hidden] {
    display: none !important;
}


/* ---------------------------------------------------------
   PANELKOPF
--------------------------------------------------------- */

.uad-a11y-head-v3 {
    display: grid !important;

    grid-template-columns:
        36px
        minmax(0,1fr)
        36px !important;

    align-items: center !important;

    gap: 8px !important;

    min-height: 52px !important;

    box-sizing:
        border-box !important;

    padding:
        7px 8px !important;

    background:
        linear-gradient(
            105deg,
            #f4dd70 0%,
            #eee99b 55%,
            #d6ebcb 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(197,166,113,.25)
        !important;
}


#uad-a11y-panel-drag-v3,
#uad-a11y-close-v3 {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    min-height: 32px !important;

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

    border:
        1px solid
        rgba(137,102,73,.32)
        !important;

    border-radius:
        10px !important;

    background:
        rgba(255,253,248,.92)
        !important;

    color:
        #594033 !important;
}


#uad-a11y-panel-drag-v3 {
    display: grid !important;

    grid-template-columns:
        repeat(2, 3px) !important;

    grid-template-rows:
        repeat(3, 3px) !important;

    align-content:
        center !important;

    justify-content:
        center !important;

    gap: 4px !important;

    cursor: grab !important;
}


#uad-a11y-panel-drag-v3 span {
    width: 3px !important;
    height: 3px !important;

    border-radius:
        50% !important;

    background:
        #594033 !important;
}


#uad-a11y-close-v3 {
    visibility:
        visible !important;

    opacity:
        1 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        23px !important;

    font-weight:
        300 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;
}


.uad-a11y-head-copy-v3 {
    min-width: 0 !important;
}


.uad-a11y-head-copy-v3 strong {
    display: block !important;

    margin: 0 !important;

    color:
        #382c27 !important;

    font-size:
        18px !important;

    line-height:
        1.05 !important;

    font-weight:
        750 !important;
}


.uad-a11y-head-copy-v3 span {
    display: block !important;

    margin-top:
        2px !important;

    color:
        #675347 !important;

    font-size:
        10.5px !important;

    line-height:
        1.15 !important;
}


/* ---------------------------------------------------------
   PANELBODY
--------------------------------------------------------- */

.uad-a11y-body-v3 {
    max-height:
        calc(100dvh - 170px)
        !important;

    overflow-y:
        auto !important;

    overflow-x:
        hidden !important;

    overscroll-behavior:
        contain !important;

    -webkit-overflow-scrolling:
        touch !important;
}


.uad-a11y-section-v3 {
    padding:
        10px 11px !important;
}


.uad-a11y-section-v3 + .uad-a11y-section-v3 {
    border-top:
        1px solid
        #ece2d8 !important;
}


.uad-a11y-section-v3 h3 {
    margin:
        0 0 7px !important;

    color:
        #4a392f !important;

    font-size:
        14px !important;

    line-height:
        1.1 !important;

    font-weight:
        750 !important;
}


/* ---------------------------------------------------------
   SCHRIFTGRÖSSE
--------------------------------------------------------- */

.uad-font-grid-v3 {
    display: grid !important;

    grid-template-columns:
        48px
        minmax(0,1fr)
        48px !important;

    gap:
        6px !important;
}


#uad-font-minus-v3,
#uad-font-plus-v3,
#uad-font-value-v3 {
    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    box-sizing:
        border-box !important;

    min-height:
        39px !important;

    margin:
        0 !important;

    border:
        1px solid
        #d9cec2 !important;

    border-radius:
        10px !important;

    background:
        #fff !important;

    color:
        #362b27 !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;
}


/* ---------------------------------------------------------
   FUNKTIONSKARTEN
--------------------------------------------------------- */

.uad-a11y-grid-v3 {
    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        ) !important;

    gap:
        6px !important;
}


.uad-a11y-action-v3 {
    display: grid !important;

    grid-template-columns:
        21px
        minmax(0,1fr)
        !important;

    align-items:
        center !important;

    gap:
        6px !important;

    min-height:
        44px !important;

    box-sizing:
        border-box !important;

    margin:
        0 !important;

    padding:
        6px 7px !important;

    border:
        1px solid
        #d9cec2 !important;

    border-radius:
        10px !important;

    background:
        #fff !important;

    color:
        #3b302b !important;

    font-family:
        inherit !important;

    font-size:
        11.5px !important;

    font-weight:
        650 !important;

    line-height:
        1.1 !important;

    text-align:
        left !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;
}


.uad-a11y-action-v3:hover {
    border-color:
        #d4af37 !important;

    background:
        #fff8eb !important;
}


.uad-a11y-action-v3[aria-pressed="true"] {
    border-color:
        #d4af37 !important;

    background:
        #fff1cf !important;

    box-shadow:
        inset 3px 0 0
        #d4af37 !important;
}


.uad-a11y-glyph-v3 {
    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        19px !important;

    font-size:
        15px !important;

    line-height:
        1 !important;
}


.uad-a11y-reset-v3 {
    color:
        #774e38 !important;

    background:
        #fff6ee !important;
}


/* ---------------------------------------------------------
   HANDY
--------------------------------------------------------- */

@media (max-width: 600px) {

    #uad-a11y-v3 {
        left:
            10px !important;

        bottom:
            10px !important;

        width:
            50px !important;

        height:
            50px !important;
    }


    #uad-a11y-launcher-v3 {
        width:
            50px !important;

        height:
            50px !important;

        min-width:
            50px !important;

        min-height:
            50px !important;
    }


    .uad-a11y-person-v3 {
        width:
            34px !important;

        height:
            34px !important;
    }


    .uad-a11y-person-v3::before {
        top:
            6px !important;
    }


    .uad-a11y-person-v3::after {
        top:
            13px !important;

        transform:
            translateX(-50%)
            scale(.84) !important;
    }


    #uad-a11y-panel-v3 {
        left:
            8px !important;

        bottom:
            68px !important;

        width:
            min(
                288px,
                calc(100vw - 16px)
            ) !important;

        max-width:
            min(
                288px,
                calc(100vw - 16px)
            ) !important;

        max-height:
            min(
                430px,
                calc(100dvh - 84px)
            ) !important;

        border-radius:
            15px !important;
    }


    .uad-a11y-head-v3 {
        grid-template-columns:
            31px
            minmax(0,1fr)
            31px !important;

        gap:
            5px !important;

        min-height:
            43px !important;

        padding:
            5px 6px !important;
    }


    #uad-a11y-panel-drag-v3,
    #uad-a11y-close-v3 {
        width:
            28px !important;

        height:
            28px !important;

        min-width:
            28px !important;

        min-height:
            28px !important;

        border-radius:
            8px !important;
    }


    #uad-a11y-close-v3 {
        font-size:
            20px !important;
    }


    .uad-a11y-head-copy-v3 strong {
        font-size:
            15px !important;
    }


    .uad-a11y-head-copy-v3 span {
        font-size:
            8.5px !important;
    }


    .uad-a11y-body-v3 {
        max-height:
            calc(100dvh - 140px)
            !important;
    }


    .uad-a11y-section-v3 {
        padding:
            7px !important;
    }


    .uad-a11y-section-v3 h3 {
        margin-bottom:
            5px !important;

        font-size:
            11.5px !important;
    }


    .uad-font-grid-v3 {
        grid-template-columns:
            38px
            minmax(0,1fr)
            38px !important;

        gap:
            4px !important;
    }


    #uad-font-minus-v3,
    #uad-font-plus-v3,
    #uad-font-value-v3 {
        min-height:
            31px !important;

        border-radius:
            8px !important;

        font-size:
            11px !important;
    }


    .uad-a11y-grid-v3 {
        gap:
            4px !important;
    }


    .uad-a11y-action-v3 {
        grid-template-columns:
            17px
            minmax(0,1fr)
            !important;

        gap:
            4px !important;

        min-height:
            35px !important;

        padding:
            4px 5px !important;

        border-radius:
            8px !important;

        font-size:
            9.5px !important;
    }


    .uad-a11y-glyph-v3 {
        width:
            15px !important;

        font-size:
            12px !important;
    }
}



/* =========================================================
   BARRIERE-EFFEKTE
   ========================================================= */


html.uad-links-active
body a:not(#uad-a11y-v3 a) {
    text-decoration:
        underline 2px !important;

    text-underline-offset:
        3px !important;

    outline:
        2px solid
        rgba(212,175,55,.45)
        !important;

    outline-offset:
        2px !important;
}


html.uad-readable-active
body *:not(#uad-a11y-v3):not(#uad-a11y-v3 *) {
    font-family:
        Arial,
        Helvetica,
        sans-serif
        !important;
}


html.uad-motion-active
body *:not(#uad-a11y-v3):not(#uad-a11y-v3 *) {
    animation:
        none !important;

    transition:
        none !important;

    scroll-behavior:
        auto !important;
}


html.uad-gray-active
body > *:not(#uad-a11y-v3):not(dialog) {
    filter:
        grayscale(1) !important;
}


html.uad-contrast-active
body > *:not(#uad-a11y-v3):not(dialog) {
    filter:
        contrast(1.22) !important;
}


html.uad-gray-active.uad-contrast-active
body > *:not(#uad-a11y-v3):not(dialog) {
    filter:
        grayscale(1)
        contrast(1.22)
        !important;
}


/* =========================================================
   UROANDRO A11Y TEXT SICHTBAR FINAL
   ========================================================= */

/*
   Nur das Bedienfeld.
   Keine Auswirkung auf die Website selbst.
*/

#uad-a11y-panel-v3 {
    color: #3b302b !important;
}


/* Titel */

#uad-a11y-panel-v3 .uad-a11y-head-copy-v3,
#uad-a11y-panel-v3 .uad-a11y-head-copy-v3 strong,
#uad-a11y-panel-v3 .uad-a11y-head-copy-v3 span {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #3f3028 !important;

    text-indent: 0 !important;

    white-space: normal !important;

    overflow: visible !important;
}


#uad-a11y-panel-v3 .uad-a11y-head-copy-v3 strong {
    font-size: 18px !important;
    line-height: 1.08 !important;
}


#uad-a11y-panel-v3 .uad-a11y-head-copy-v3 > span {
    margin-top: 2px !important;

    font-size: 10.5px !important;
    line-height: 1.2 !important;

    color: #685448 !important;
}


/* Überschriften Schriftgröße / Darstellung */

#uad-a11y-panel-v3 .uad-a11y-section-v3 h3 {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #49382f !important;

    font-size: 14px !important;
    line-height: 1.15 !important;

    text-indent: 0 !important;

    white-space: normal !important;
}


/* A− / Prozent / A+ */

#uad-a11y-panel-v3 #uad-font-minus-v3,
#uad-a11y-panel-v3 #uad-font-plus-v3,
#uad-a11y-panel-v3 #uad-font-value-v3 {
    visibility: visible !important;
    opacity: 1 !important;

    color: #362b27 !important;

    font-size: 14px !important;
    line-height: 1 !important;

    text-indent: 0 !important;
}


/* Funktionskarten */

#uad-a11y-panel-v3 .uad-a11y-action-v3 {
    visibility: visible !important;
    opacity: 1 !important;

    color: #3b302b !important;

    text-indent: 0 !important;
}


/* Symbole */

#uad-a11y-panel-v3
.uad-a11y-action-v3
> .uad-a11y-glyph-v3 {
    display: flex !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #604638 !important;

    text-indent: 0 !important;
}


/* DIE EIGENTLICHEN BESCHRIFTUNGEN */

#uad-a11y-panel-v3
.uad-a11y-action-v3
> span:not(.uad-a11y-glyph-v3) {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

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

    color: #3b302b !important;

    font-size: 11.5px !important;
    line-height: 1.18 !important;

    font-weight: 650 !important;

    text-indent: 0 !important;

    white-space: normal !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;
}


/* Informationen ist ein Link */

#uad-a11y-panel-v3
a.uad-a11y-action-v3
> span:not(.uad-a11y-glyph-v3) {
    color: #3b302b !important;
}


/* Reset bleibt warmbraun */

#uad-a11y-panel-v3
.uad-a11y-reset-v3,
#uad-a11y-panel-v3
.uad-a11y-reset-v3
> span:not(.uad-a11y-glyph-v3),
#uad-a11y-panel-v3
.uad-a11y-reset-v3
> .uad-a11y-glyph-v3 {
    color: #774e38 !important;
}


/* =========================================================
   HANDY – LESBAR, ABER KOMPAKT
   ========================================================= */

@media (max-width: 600px) {

    #uad-a11y-panel-v3
    .uad-a11y-head-copy-v3 strong {
        font-size: 15px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-head-copy-v3 > span {
        font-size: 8.8px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-section-v3 h3 {
        font-size: 11.5px !important;
    }


    #uad-a11y-panel-v3
    #uad-font-minus-v3,

    #uad-a11y-panel-v3
    #uad-font-plus-v3,

    #uad-a11y-panel-v3
    #uad-font-value-v3 {
        font-size: 11px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-action-v3
    > span:not(.uad-a11y-glyph-v3) {
        font-size: 10px !important;

        line-height: 1.12 !important;
    }
}


/* =========================================================
   ENDE A11Y TEXT SICHTBAR FINAL
   ========================================================= */


/* UAD-A11Y-LABELS-GUARANTEED-START */

/*
=========================================================
BARRIERE-PANEL – BESCHRIFTUNGEN GARANTIERT SICHTBAR
=========================================================

Die sichtbaren Namen werden jetzt über data-uad-label
gerendert. Damit können alte Regeln für SPAN-Elemente
die Beschriftungen nicht mehr verschwinden lassen.
*/


/* ------------------------------------------------------
   Panel-Grundfarbe
------------------------------------------------------ */

#uad-a11y-panel-v3 {
    color: #3b302b !important;

    -webkit-text-fill-color:
        initial !important;
}


/* ------------------------------------------------------
   Kopfzeile
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-head-copy-v3 {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    min-width: 0 !important;

    color: #3e3029 !important;

    -webkit-text-fill-color:
        #3e3029 !important;
}


#uad-a11y-panel-v3
.uad-a11y-head-copy-v3
strong {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    color: #382c27 !important;

    -webkit-text-fill-color:
        #382c27 !important;

    font-size: 18px !important;

    line-height: 1.08 !important;

    text-indent: 0 !important;

    clip: auto !important;

    clip-path: none !important;

    overflow: visible !important;
}


#uad-a11y-panel-v3
.uad-a11y-head-copy-v3
> span {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    margin-top: 2px !important;

    color: #685448 !important;

    -webkit-text-fill-color:
        #685448 !important;

    font-size: 10.5px !important;

    line-height: 1.15 !important;

    text-indent: 0 !important;

    clip: auto !important;

    clip-path: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------
   Abschnittsüberschriften
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-section-v3
h3 {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    color: #49382f !important;

    -webkit-text-fill-color:
        #49382f !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    text-indent: 0 !important;

    clip: auto !important;

    clip-path: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------
   Schriftgröße A− / Prozent / A+
------------------------------------------------------ */

#uad-a11y-panel-v3
#uad-font-minus-v3,

#uad-a11y-panel-v3
#uad-font-plus-v3,

#uad-a11y-panel-v3
#uad-font-value-v3 {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: center !important;

    color: #362b27 !important;

    -webkit-text-fill-color:
        #362b27 !important;

    font-size: 14px !important;

    line-height: 1 !important;

    text-indent: 0 !important;

    clip: auto !important;

    clip-path: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------
   Alte zweite Text-SPANs ausblenden.

   Wir verwenden stattdessen ::after.
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-action-v3
> span:not(.uad-a11y-glyph-v3) {
    display: none !important;
}


/* ------------------------------------------------------
   Funktionskarten
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-action-v3 {
    display: grid !important;

    grid-template-columns:
        21px
        minmax(0,1fr)
        !important;

    align-items: center !important;

    gap: 6px !important;

    visibility: visible !important;

    opacity: 1 !important;

    color: #3b302b !important;

    -webkit-text-fill-color:
        #3b302b !important;

    text-indent: 0 !important;

    overflow: visible !important;
}


/* ------------------------------------------------------
   Symbole
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-action-v3
> .uad-a11y-glyph-v3 {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: center !important;

    width: 19px !important;

    color: #604638 !important;

    -webkit-text-fill-color:
        #604638 !important;

    font-size: 15px !important;

    line-height: 1 !important;

    text-indent: 0 !important;

    clip: auto !important;

    clip-path: none !important;
}


/* ------------------------------------------------------
   DAS IST JETZT DIE SICHTBARE BESCHRIFTUNG
------------------------------------------------------ */

#uad-a11y-panel-v3
.uad-a11y-action-v3[data-uad-label]::after {
    content:
        attr(data-uad-label)
        !important;

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #3b302b !important;

    -webkit-text-fill-color:
        #3b302b !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif
        !important;

    font-size: 11.5px !important;

    font-weight: 650 !important;

    line-height: 1.16 !important;

    letter-spacing: normal !important;

    text-indent: 0 !important;

    text-align: left !important;

    text-transform: none !important;

    white-space: normal !important;

    overflow: visible !important;

    clip: auto !important;

    clip-path: none !important;

    transform: none !important;
}


/* Reset warmbraun */

#uad-a11y-panel-v3
.uad-a11y-reset-v3[data-uad-label]::after,

#uad-a11y-panel-v3
.uad-a11y-reset-v3
.uad-a11y-glyph-v3 {
    color: #774e38 !important;

    -webkit-text-fill-color:
        #774e38 !important;
}


/* ------------------------------------------------------
   HANDY
------------------------------------------------------ */

@media (max-width: 600px) {

    #uad-a11y-panel-v3
    .uad-a11y-head-copy-v3
    strong {
        font-size: 15px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-head-copy-v3
    > span {
        font-size: 8.8px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-section-v3
    h3 {
        font-size: 11.5px !important;
    }


    #uad-a11y-panel-v3
    #uad-font-minus-v3,

    #uad-a11y-panel-v3
    #uad-font-plus-v3,

    #uad-a11y-panel-v3
    #uad-font-value-v3 {
        font-size: 11px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-action-v3 {
        grid-template-columns:
            17px
            minmax(0,1fr)
            !important;

        gap: 4px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-action-v3
    > .uad-a11y-glyph-v3 {
        width: 15px !important;

        font-size: 12px !important;
    }


    #uad-a11y-panel-v3
    .uad-a11y-action-v3[data-uad-label]::after {
        font-size: 10px !important;

        line-height: 1.1 !important;
    }
}


/* UAD-A11Y-LABELS-GUARANTEED-END */