.blurred {
    filter: blur(10px);
    transition: filter 0.3s, visibility 0.3s;
}

.blurred:hover {
    filter: blur(0);
}

.btn-login {
    background-color: rgba(206, 212, 218, 0.07) !important;
    border: 1px solid rgba(206, 212, 218, 0.05) !important;
    color: #ced4da !important;
}
.btn-login:hover {
    background-color: rgba(206, 212, 218, 0.4) !important;
    border-color: #ced4da !important;
    color: #ffffff !important;
}

.btn-glass {
    background-color: rgba(206, 212, 218, 0.07) !important;
    border: 1px solid rgba(206, 212, 218, 0.05) !important;
    color: #ced4da !important;
}
.btn-glass:hover {
    background-color: rgba(206, 212, 218, 0.2) !important;
    border-color: rgba(206, 212, 218, 0.5) !important;
    color: #ffffff !important;
}

.btn-info2 {
    --bs-btn-color: #000000;
    --bs-btn-bg: #41a2d8;
    --bs-btn-border-color: #41a2d8;
    --bs-btn-hover-color: #4cbfff;
    --bs-btn-hover-bg: #4cbfff;
    --bs-btn-hover-border-color: #4cbfff;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;

    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #41a2d8;
    --bs-btn-active-border-color: #41a2d8;
    --bs-btn-active-shadow: none;

    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #29688b;
    --bs-btn-disabled-border-color: #29688b;
}

.badge-info2 {
    color: #ffffff;
    background-color: #41a2d8
}


.badge-info2.badge-outline {
    border: 1px solid #41a2d8;
    background-color: transparent;
    color: #ffffff
}

.text-info2 {
    color: #41a2d8 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: #15171c;
}

::-webkit-scrollbar-thumb:hover {
    background: #1e2027;
}

.testborder {
    border-width: 4px 4px 4px 4px;
    border-color: white;
    border-radius: 0.3rem;
}

.product {
    height: 180px !important;
    height: 120%;
    padding: 2px;
    border-radius: 15px;
}

.no-product {
    height: 202px !important;
}


.product-list {
    padding: 2px;
    border-radius: 15px;
}

.product-card {
    border-radius: 13px;
    background-color:#13151a;
    padding: 25px;
    height: 100%
}

.product-normal {
    background: #1A1D22;
}

.product-gray {
    background: #2c2d37;
}

.product-warning {
    background: linear-gradient(128deg, #f9c158 0%, #d4a14a 35%, #ce9443 100%);
}

.product-danger {
    background: linear-gradient(128deg, #812024 0%, #e42639 35%, #b52655 100%);
}

.product-success {
    background: linear-gradient(128deg, #00a261 0%, #006e42 35%, #003b23 100%);
}

.product-info {
    background: linear-gradient(128deg, #1c63bd 0%, #073c7a  35%, #042247 100%);
}

.product-blue {
    background: linear-gradient(128deg, #246ac3 0%, #126bdc 35%, #085ec0 100%);
}

.product-best {
    background: linear-gradient(128deg, #0064ff 0%, #004fcc  35%, #003b99 100%);
}

.password-field {
    white-space: nowrap;
    overflow-x: auto;
    max-width: 250px;
}

/*
    Landing
*/

.landing-wave-color {
    color: #13151a;
}

.landing-footer-color {
    background-color: #13151a;
}

/*
 Special Offer // Angebote
*/

.product-offer-orange {
    background: linear-gradient(128deg, #FFA500 0%, #FF8C00 35%, #FF4500 100%);
}

.product-offer-blue {
    background: linear-gradient(128deg, #66B2FF 0%, #3385FF 35%, #005CE6 100%);
}

.product-offer-violet {
    background: linear-gradient(128deg, #FF00FF 0%, #8A2BE2 35%, #9400D3 100%);
}

.product-offer-violet2 {
    background: linear-gradient(128deg, #cf5ec3 0%, #ac39a0 35%, #812577 100%);
}

.product-offer-green {
    background: linear-gradient(128deg, #2bc62b 0%, #119f11 35%, #058005 100%);
}

.product-offer-green2 {
    background: linear-gradient(128deg, #c5d874 0%, #a9bb5a 35%, #899a3c 100%);
}

.product-offer-blue2 {
    background: linear-gradient(128deg, #4074f4 0%, #2754c1 35%, #163e9f 100%);
}

.product-offer-red {
    background: linear-gradient(128deg, #b14744 0%, #913432 35%, #7a2624 100%);
}

.product-offer-red2 {
    background: linear-gradient(128deg, #c33d3c 0%, #aa2c2a 35%, #881817 100%);
}

.product-offer-herbst1 {
    background: linear-gradient(128deg, #952f1e 0%, #b1241c 35%, #a3111e 100%);
}

.product-offer-herbst2 {
    background: linear-gradient(128deg, #ca3c17 0%, #d66e21 35%, #cfa41b 100%);
}

.product-offer-herbst3 {
    background: linear-gradient(128deg, #7b8017 0%, #86a435 35%, #61803c 100%);
}

/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://aitch.systems/assets/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.d3d56028 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #f15151,
            #f15151 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.c2997307 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #6ad147,
            #6ad147 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.d66f19f4 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #ef7847,
            #ef7847 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.df447d29 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #d1a5e4,
            #d1a5e4 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.f88f09f8 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #84c7f6,
            #84c7f6 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.f3266a6d {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #d954e4,
            #d954e4 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}
.c5ee6e42 {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: repeating-linear-gradient(
            45deg,
            #11bd9e,
            #11bd9e 6px,
            #ffe9aa 6px,
            #ffe9aa 12px
    );
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Schattierung für den 3D-Effekt */
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
}



.e:hover {
    transform: scale(1.15); /* Ei wird beim Hover größer */
}

.bodycolor {
    background-color: #0F1115;
}