/*body {
}*/
/* =========================================================
   COMPACT HEIGHT MODE (für geringe Bildschirmhöhe)
   ========================================================= */
/*body.compact-height {
    }*/

/* die beiden großen Karten nicht auf 685px festnageln */
/*body.compact-height .feda-web-conf-leftside-container,
        body.compact-height .feda-web-conf-rightside-container {
            min-height: unset !important;*/ /* killt 685px */
/*height: 100%;
        }*/

/* weniger Innenabstände in den Cards */
/*body.compact-height .feda-web-conf-leftside-container.p-3,
            body.compact-height .feda-web-conf-rightside-container.p-3 {
                padding-left: 0.4rem !important;
                padding-right: 0.4rem !important;
                padding-bottom: 0.4rem !important;
                padding-top: 0.2rem !important;
            }*/

/* diese Container sind bei dir echte Höhenfresser */
/*body.compact-height .dimContainer,
        body.compact-height .coAttriContainer,
        body.compact-height .cbAttriContainer,
        body.compact-height .RackExtraRContainer,
        body.compact-height .choicesContainer {
            min-height: unset !important;*/ /* statt 110px */
/*padding-top: 6px !important;*/ /* statt 12px */
/*margin: 0 !important;*/ /* statt -5 / -10 */
/*}*/

/* Form Controls kompakter machen (Bootstrap Default ist relativ hoch) */
/*body.compact-height .form-control,
        body.compact-height .form-select {
            font-size: 0.78rem !important;
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }*/

/* Labels minimal kleiner und dichter */
/*body.compact-height label {
            font-size: 0.75rem !important;
            margin-bottom: 0.15rem !important;
        }*/

/* Bildbereich links: kleiner, sonst drückt der alles nach unten */
/*body.compact-height .feda-web-product-wrapper {
            width: 200px !important;
            height: 200px !important;
        }

        body.compact-height .feda-web-conf-cloth-Picture {
            height: 72px !important;*/ /* war 90px */
/*max-width: 105px !important;*/ /* war 125px */
/*}*/

/* Textareas: weniger Höhe frisst weniger Viewport */
/*body.compact-height .feda-web-conf-PosText,
        body.compact-height .feda-web-conf-CustInfo {
            max-height: 70px !important;
        }*/

/* Bottom-Container: etwas kompakter */
/*body.compact-height .feda-web-bottomContainer .form-control {
            padding-top: 0.2rem !important;
            padding-bottom: 0.2rem !important;
        }


.vhg-web-icon-img {
    max-width: 28px;
    max-height:28px;
    width:100%;
    height:auto;
    margin-right: 4px;
}

.feda-web-icon-img {
    border: 1px solid white;
    width: 100%;
    height: 100%;
    display: flex;
    max-width:  28px;
    max-height: 28px;
}

.feda-web-page-logo {
    height: 8rem;
}

h2{
    font-size: 1.5rem;
}


.feda-login-container {
    display: flex;
    justify-content: center;
    margin-top: 28px;
    font-size: 0.8rem !important;
}

.container.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.feda-login-container h4 {
    font-size: 1.1rem !important;
}


.feda-web-conf-CompleteContainer {
    margin-top: -18px !important;
}




    .feda-web-nav-bar,
    .feda-web-nav-bar * {
        font-size: 0.9rem !important;
        
    }

.select2-container--default .select2-selection--single {
    height: 30px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 1.3 !important;
        font-size: 0.8rem !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        font-size: 1.3em !important;
    }

#SPContainer,
#ExPrContainer,
#CtContainer,
#UnitContainer,
#PPrGrContainer,
#PD14Container,
#PoPrContainer{
    margin-top: -6px;
}

#ShoppingCartContainer {
    margin-top: 6px;
}

.feda-web-bottomContainer {
    min-height: 62px;
    height: 100%;
    margin-bottom: -2px;
}

.feda-web-ShoppingCard-Button {
    padding: 4px;
    max-height: 34px !important;
    height: 100%;
    width: 100% !important;
    margin-top: 14px !important;
}

.feda-web-powered-block{
    font-size: 0.75rem;
}*/


body {
}

    /* =========================================================
   COMPACT HEIGHT MODE (für geringe Bildschirmhöhe)
   ========================================================= */
    body.compact-height {
    }

        /* die beiden großen Karten nicht auf 685px festnageln */
        body.compact-height .feda-web-conf-leftside-container,
        body.compact-height .feda-web-conf-rightside-container {
            min-height: unset !important; /* killt 685px */
            height: 100%;
        }

            /* weniger Innenabstände in den Cards */
            body.compact-height .feda-web-conf-leftside-container.p-3,
            body.compact-height .feda-web-conf-rightside-container.p-3 {
                padding-left: 0.4rem !important;
                padding-right: 0.4rem !important;
                padding-bottom: 0.4rem !important;
                padding-top: 0.2rem !important;
            }

        /* diese Container sind bei dir echte Höhenfresser */
        body.compact-height .dimContainer,
        body.compact-height .coAttriContainer,
        body.compact-height .cbAttriContainer,
        body.compact-height .RackExtraRContainer,
        body.compact-height .choicesContainer {
            min-height: unset !important; /* statt 110px */
            padding-top: 6px !important; /* statt 12px */
            margin: 0 !important; /* statt -5 / -10 */
        }

        /* Form Controls kompakter machen (Bootstrap Default ist relativ hoch) */
        body.compact-height .form-control,
        body.compact-height .form-select {
            font-size: 0.78rem !important;
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }

        /* Labels minimal kleiner und dichter */
        body.compact-height label {
            font-size: 0.75rem !important;
            margin-bottom: 0.15rem !important;
        }

        /* Bildbereich links: kleiner, sonst drückt der alles nach unten */
        body.compact-height .feda-web-product-wrapper {
            width: 200px !important;
            height: 200px !important;
        }

        body.compact-height .feda-web-conf-cloth-Picture {
            height: 72px !important; /* war 90px */
            max-width: 105px !important; /* war 125px */
        }

        /* Textareas: weniger Höhe frisst weniger Viewport */
        body.compact-height .feda-web-conf-PosText,
        body.compact-height .feda-web-conf-CustInfo {
            max-height: 70px !important;
        }

        /* Bottom-Container: etwas kompakter */
        body.compact-height .feda-web-bottomContainer .form-control {
            padding-top: 0.2rem !important;
            padding-bottom: 0.2rem !important;
        }

        /* -------------------------------------------------
   AB HIER: nur Prefix ergänzt, sonst 1:1 gelassen
------------------------------------------------- */

        body.compact-height .vhg-web-icon-img {
            max-width: 28px;
            max-height: 28px;
            width: 100%;
            height: auto;
            margin-right: 4px;
        }

        body.compact-height .feda-web-icon-img {
            border: 1px solid white;
            width: 100%;
            height: 100%;
            display: flex;
            max-width: 28px;
            max-height: 28px;
        }

        body.compact-height .feda-web-page-logo {
            height: 8rem;
        }

        body.compact-height h2 {
            font-size: 1.5rem;
        }

        body.compact-height .feda-login-container {
            display: flex;
            justify-content: center;
            margin-top: 28px;
            font-size: 0.8rem !important;
        }

        body.compact-height .container.py-5 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        body.compact-height .feda-login-container h4 {
            font-size: 1.1rem !important;
        }

        body.compact-height .feda-web-conf-CompleteContainer {
            margin-top: -18px !important;
        }

        body.compact-height .feda-web-nav-bar,
        body.compact-height .feda-web-nav-bar * {
            font-size: 0.9rem !important;
        }

        body.compact-height .select2-container--default .select2-selection--single {
            height: 30px !important;
        }

            body.compact-height
            .select2-container--default
            .select2-selection--single
            .select2-selection__rendered {
                line-height: 1.3 !important;
                font-size: 0.8rem !important;
            }

            body.compact-height
            .select2-container--default
            .select2-selection--single
            .select2-selection__clear {
                font-size: 1.3em !important;
            }

        body.compact-height #SPContainer,
        body.compact-height #ExPrContainer,
        body.compact-height #CtContainer,
        body.compact-height #UnitContainer,
        body.compact-height #PPrGrContainer,
        body.compact-height #PD14Container,
        body.compact-height #PoPrContainer {
            margin-top: -6px;
        }

        body.compact-height #ShoppingCartContainer {
            margin-top: 6px;
        }

        body.compact-height .feda-web-bottomContainer {
            min-height: 62px;
            height: 100%;
            margin-bottom: -2px;
        }

        body.compact-height .feda-web-ShoppingCard-Button {
            padding: 4px;
            max-height: 34px !important;
            height: 100%;
            width: 100% !important;
            margin-top: 14px !important;
        }

        body.compact-height .feda-web-powered-block {
            font-size: 0.75rem;
        }

        body.compact-height .btn-feda-primary,
        body.compact-height .btn-feda-modules {
            font-size: 0.8rem;
        }

        body.compact-height .btn-feda-modules {
            padding: 10px !important;
        }
        body.compact-height [id^="feda-web-pic-cloth"]:hover .feda-web-conf-cloth-Picture {
            transform: scale(0.99);
            filter: brightness(0.9);
            border: 1px solid rgba(233, 2, 143, 0.79);
            cursor: pointer;
        }

        body.compact-height .feda-web-cart-count-badge {
            padding: 0;
            font-size: 13px !important;            
            min-width: 20px;
        }