@font-face {
    font-family: "Urbanist";
    src: url("../font/Urbanist-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Urbanist", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
.hr-sect {
    font-family: "Urbanist", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 3rem;
}
p, #sidepanel_left, li:not(.breadcrumb-item, .breadcrumb-backtolist), #tab-content-product-tabs .desc p, .product-detail .product-info-inner .shortdesc {
    font-size: 1rem;
}
.hr-sect {
    font-size: 2.6rem !important;
}
h1 {
    font-size: 2.6rem !important;
}
h2 {
    font-size: 2.3rem !important;
}
h3 {
    font-size: 1.5rem !important;
}
h4 {
    font-size: 1.2rem !important;
}
h1, .product-title.h2 {
    color:#013289;
    text-shadow: unset;
}
/* Reservierter Platz für Icon bei JEDEM Link (mit und ohne Icon) → sorgt für gleiche Text-Einrückung */
#sidepanel_left .nav-panel li a.nav-link,
#sidepanel_left .nav-panel li span.nav-link.dropdown-toggle {
    position: relative;
    padding-left: 24px !important; /* 18px Icon + 6px Abstand */
}

/* Icon bei Links MIT Submenü */
#sidepanel_left .nav-panel span.nav-link.dropdown-toggle > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    margin-top: -1px;
    height: 18px;
    background: center / contain no-repeat;
}

/* Verschachtelter <a> braucht kein eigenes Padding (Icon sitzt schon am Span) */
#sidepanel_left .nav-panel span.nav-link.dropdown-toggle > a.nav-link {
    padding-left: 0 !important;
}

/* Ausnahme: "Gutscheine" ist Hauptmenüpunkt OHNE Submenü, bekommt aber trotzdem ein eigenes Icon */
#sidepanel_left .nav-panel > ul > li.nav-item:not(.dropdown) > a.nav-link[href*="Gutscheine"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('https://www.1deins.de/bilder/icon/gutscheine.svg') center / contain no-repeat;
}

/* ===== 1. Ebene: eigene Icons (Punkte MIT Submenü) ===== */
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="snogard-pc-systeme"]::before          { background-image: url('https://www.1deins.de/bilder/icon/snogardpcsysteme.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Service-Dienstleistungen"]::before    { background-image: url('https://www.1deins.de/bilder/icon/service.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Andere-PC-Systeme"]::before           { background-image: url('https://www.1deins.de/bilder/icon/andere.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="PC-Komponenten"]::before              { background-image: url('https://www.1deins.de/bilder/icon/pckomp.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="pc-zubehor"]::before                  { background-image: url('https://www.1deins.de/bilder/icon/pczub.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Gaming"]::before                      { background-image: url('https://www.1deins.de/bilder/icon/gaming.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="zweite-chance"]::before               { background-image: url('https://www.1deins.de/bilder/icon/zweitechance.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="kabel-adapter"]::before               { background-image: url('https://www.1deins.de/bilder/icon/kabel.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="notebook"]::before                    { background-image: url('https://www.1deins.de/bilder/icon/notebook.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Drucker-Scanner"]::before             { background-image: url('https://www.1deins.de/bilder/icon/drucker.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="monitore"]::before                    { background-image: url('https://www.1deins.de/bilder/icon/monitore.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="tv-audio"]::before                    { background-image: url('https://www.1deins.de/bilder/icon/tvaudio.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="netzwerktechnik"]::before             { background-image: url('https://www.1deins.de/bilder/icon/netzwerk.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="server-komponenten"]::before          { background-image: url('https://www.1deins.de/bilder/icon/server.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Buero-Schreibwaren"]::before          { background-image: url('https://www.1deins.de/bilder/icon/buero.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Home-Living"]::before                 { background-image: url('https://www.1deins.de/bilder/icon/home.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="spielzeug"]::before                   { background-image: url('https://www.1deins.de/bilder/icon/spielzeug.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="festnetz-und-ip-telefonie"]::before   { background-image: url('https://www.1deins.de/bilder/icon/festnetz.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Apple"]::before                       { background-image: url('https://www.1deins.de/bilder/icon/apple.svg'); }
#sidepanel_left .nav-panel > ul > li.nav-item.dropdown > span.nav-link.dropdown-toggle > a[href*="Smartphones-Tablets"]::before         { background-image: url('https://www.1deins.de/bilder/icon/smartphones.svg'); }

/* ===== Alle tieferen Ebenen mit Submenü → category.svg ===== */
#sidepanel_left .nav-panel span.nav-link.dropdown-toggle.snippets-categories-nav-link-child > a::before {
    background-image: url('https://www.1deins.de/bilder/icon/category.svg');
}


/* ============================================================
#mainNavigation – Icons NUR in den Hauptpunkten (1. Ebene)
============================================================ */

/* Basis: Platz für Icon bei jedem Hauptpunkt reservieren
   (29px = 5px Verschiebung + 18px Icon + 6px Abstand) */
#mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.nav-home-button) > a.nav-link {
    position: relative;
    padding-left: 30px !important;
}

/* Unterstreichung/Linie NUR bei den Elementen entfernen, die tatsächlich
   ein Icon bekommen (Punkte MIT Submenü + Gutscheine) */
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle,
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle:hover,
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle:focus,
#mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.dropdown) > a.nav-link[href*="Gutscheine"],
#mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.dropdown) > a.nav-link[href*="Gutscheine"]:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Icon-Basis: bei left: 5px startend, weiß eingefärbt, ohne jede Linie */
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle::before,
#mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.dropdown) > a.nav-link[href*="Gutscheine"]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: center / contain no-repeat;
    filter: brightness(0) saturate(100%);
    text-decoration: none !important;
    border-bottom: none !important;
    margin-top: 0px;
}

@media (max-width: 991px){
    #mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle::before,
    #mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.dropdown) > a.nav-link[href*="Gutscheine"]::before {
        filter: brightness(0) invert(100%) !important;
    }
    header a:not(.btn, .topbar-main .nav-link) {
        color: #ffffff !important;
    }
    .navbar-nav.nav-scrollbar-inner .nav-item.nav-scrollbar-item.active > a.nav-link {
        background: #9e8f29 !important;
    }
    .hr-sect {
        font-size: 2rem !important;
    }
    h1 {
        font-size: 2rem !important;
    }
    h2 {
        font-size: 1.8rem !important;
    }
    h3 {
        font-size: 1.2rem !important;
    }
    h4 {
        font-size: 1rem !important;
    }
    body[data-page="18"] #main-wrapper .hr-sect {
        padding: 10px !important;
        margin: 0;
        color: #000e2e;
        border-top: 2px solid #00005c;
    }
}

/* ============ Icons NUR bei Hauptpunkten MIT Submenü ============ */
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="snogard-pc-systeme"]::before               { background-image: url('https://www.1deins.de/bilder/icon/snogardpcsysteme.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Service-Dienstleistungen"]::before         { background-image: url('https://www.1deins.de/bilder/icon/service.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Andere-PC-Systeme"]::before                { background-image: url('https://www.1deins.de/bilder/icon/andere.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="PC-Komponenten"]::before                   { background-image: url('https://www.1deins.de/bilder/icon/pckomp.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="pc-zubehor"]::before                       { background-image: url('https://www.1deins.de/bilder/icon/pczub.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Gaming"]::before                           { background-image: url('https://www.1deins.de/bilder/icon/gaming.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="zweite-chance"]::before                    { background-image: url('https://www.1deins.de/bilder/icon/zweitechance.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="kabel-adapter"]::before                    { background-image: url('https://www.1deins.de/bilder/icon/kabel.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="notebook"]::before                         { background-image: url('https://www.1deins.de/bilder/icon/notebook.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Drucker-Scanner"]::before                  { background-image: url('https://www.1deins.de/bilder/icon/drucker.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="monitore"]::before                         { background-image: url('https://www.1deins.de/bilder/icon/monitore.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="tv-audio"]::before                         { background-image: url('https://www.1deins.de/bilder/icon/tvaudio.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="netzwerktechnik"]::before                  { background-image: url('https://www.1deins.de/bilder/icon/netzwerk.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="server-komponenten"]::before               { background-image: url('https://www.1deins.de/bilder/icon/server.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Buero-Schreibwaren"]::before               { background-image: url('https://www.1deins.de/bilder/icon/buero.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Home-Living"]::before                      { background-image: url('https://www.1deins.de/bilder/icon/home.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="spielzeug"]::before                        { background-image: url('https://www.1deins.de/bilder/icon/spielzeug.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="festnetz-und-ip-telefonie"]::before        { background-image: url('https://www.1deins.de/bilder/icon/festnetz.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Apple"]::before                            { background-image: url('https://www.1deins.de/bilder/icon/apple.svg'); }
#mainNavigation .navbar-nav > li.nav-item.dropdown > a.nav-link.dropdown-toggle[href*="Smartphones-Tablets"]::before              { background-image: url('https://www.1deins.de/bilder/icon/smartphones.svg'); }

/* ============ Ausnahme: "Gutscheine" – Hauptmenüpunkt OHNE Submenü,
   bekommt aber trotzdem sein eigenes Icon ============ */
#mainNavigation .navbar-nav > li.nav-item.nav-scrollbar-item:not(.dropdown) > a.nav-link[href*="Gutscheine"]::before {
    background-image: url('https://www.1deins.de/bilder/icon/gutscheine.svg');
}
@media (min-width: 992px) {
    .nav-scrollbar-inner .nav-mobile-heading {
        font-size: 1rem !important;
    }
    .navbar-nav.nav-scrollbar-inner .nav-link {
        font-size: 1rem !important;
    }
}


#result-wrapper .content-cats-small .sub-categories {
    align-items: center;
    justify-content: start;
    background: #f3f6f8;
    border:2px solid #fbf6de;
}
#result-wrapper .content-cats-small .sub-categories div {
    width:100%;
}
#result-wrapper .content-cats-small .sub-categories a:not(.caption a, li a) {
    display: none;
}

#result-wrapper .sub-categories .subcategories-image.d-none.d-md-flex img {
    display: none;
}
.logoflex {
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    margin: auto;
    max-width: 240px;
    height: 55px;
    background: rgba(255,255,255,0.4);
    border-radius: 15px;
    margin-top: 5px;
}
.payment.grey {
    height: 100%;
    background: rgba(165, 165, 165, 0.4);
}


header {
    background-color:#687798;
    background-image: url("../images/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom:2px #ffdc00 solid;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}

@media (min-width: 992px) {
    .navbar-nav.nav-scrollbar-inner > li > a.nav-link {
        background: #e2e5ec !important;
    }
    .navbar-nav.nav-scrollbar-inner::before {
        font-size: 0.9rem !important;
        background: #3c688f;
        color: #fff;
        fill: #fff;
    }
    .productbox-inner .productbox-title {
        min-height: 63px;
    }
    .caption {
        font-size: 1rem !important;
    }
}
.col.secure-checkout-icon {
    color: #fff;
}
.account-icon-dropdown .dropdown-footer {
    background-color: #606060;
}

body[data-page="18"] .product-wrapper {
    height: 100% !important;
    position: relative !important;
}
body[data-page="18"] p {
    font-size: 1.1rem !important;
}
.noUi-horizontal .noUi-handle {
    box-shadow: 0px 0px 0px 5px rgba(14, 57, 138, 0.5);
}
footer {
    border-top: 2px solid #ffdc00 !important;
}
.white-bold {
    color: #fff !important;
    font-weight: bold;
    font-size: 1.05rem;
}
.black-bold {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.05rem;
}
.white {
    color: #fff !important;
    font-weight: 400;
    font-size: 1.05rem;
}
.black {
    color: #000 !important;
    font-weight: 400;
    font-size: 1.05rem;
}
body[data-page="18"] #content {
    padding-bottom: 0;
}

body[data-page="18"] .item-slider-desc {
    background: rgba(255,255,255,0.9) !important;
    border-radius: 5px;

    font-size: 0.9rem;
    min-height: 61px;
}
body[data-page="18"] .mitbg .item-slider-desc {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
}
body[data-page="18"] .product-wrapper .item-slider-desc span {
    font-size: 1.1rem !important;
}
#sidebox127 img {
    max-width: 260px;
    margin: auto;
    text-align: center;
    display: block;
}
@media (min-width: 992px) {
    body[data-page="18"] .productbox-price, body[data-page="18"] .price.productbox-price span {
        font-size: 2rem !important;
    }
    .price_wrapper {
        margin-bottom: 0 !important;
    }
    .product-title.h2 {
        font-size: 2rem !important;
    }
}

@media (max-width: 991px) {
    .nav-scrollbar-inner .nav-scrollbar-item .nav-mobile-heading:not(.submenu-headline-toplevel a) {
        font-size: 1rem;
    }
    .nav-scrollbar-inner .container.subcategory-wrapper .nav-mobile-heading {
        color: #ffdc00 !important;
        font-weight: bold;
        font-size: 1rem;
    }
    header .navbar-brand img {
        height: 3rem;
    }
    .productbox-inner .productbox-title a {
        font-size: 0.9rem;
        font-weight: 400;
    }
    body[data-page="18"] .productbox-price, body[data-page="18"] .price.productbox-price span {
        font-size: 1.5rem !important;
    }
    .hr-sect {
        border:unset;
    }

}

.product-attributes .attr-characteristic a.badge {
    background: #ffdc00 !important;
}
@media (max-width: 579px) {
    .banner.rounded-true {
        margin-left: -16px;
        width: calc(100% + 32px);
        border-radius: 0 !important;
    }
    .banner.rounded-true img {
        border-radius: 0 !important;
    }
    .slick-dots li button {
        width: 1rem !important;
        height: 1rem !important;
        border: 1px solid #27357d !important;
        color:#7d7dbf !important;
        font-size: 0.7rem !important;
    }
}
.nivoSlider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.produkte-sommer .picture, .produkte-sommer .square-image .inner img {
    border-radius: 20px !important;
}
.produkte-sommer .button-green a {
    background-color: #b6521c !important;
    border-color: #fff !important;
}
.produkte-sommer .button-green .btn.btn-outline-primary:hover {
    background-color: #d85009 !important;
    border-color: #b7dff4 !important;
}
.produkte-sommer .button-green{
    margin-top: -44px !important;
    margin-bottom: 60px !important;
}
.produkte-sommer .head-h3  {
    font-size: 2rem !important;
    text-shadow: 0 0 5px  #d85009 !important;
}
@media (max-width: 1600px) {
    .produkte-sommer .head-h3  {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 1200px) {
    .produkte-sommer .head-h3  {
        font-size: 1.2rem !important;
    }
}
.produkte-sommer .very-big {
    font-size: 3rem !important;
    color: #fff !important;
    text-shadow: 0 0 5px #d85009 !important;
}
@media (max-width: 991px) {
    .produkte-sommer .head-h3  {
        font-size: 1rem !important;
    }

    .produkte-sommer .item-slider-desc  {
        min-height: unset !important;
    }
    .produkte-sommer .very-big {
        font-size: 2rem !important;
    }
}
.produkte-sommer > div {
    max-width: 1650px;
    margin: auto;
}

.price_wrapper .price-note .text-danger.text-stroke.text-nowrap-util {
    background: #bd0000;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 1px;
    font-size: 1rem !important;
    font-weight: 400 !important;
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.old-price .text-muted-util {
    background: #bd0000;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 1px;
    font-size: 1rem !important;
    font-weight: 400 !important;
    position: absolute;
    left: -13px;
    bottom: 180px;
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
}
body[data-page="18"] .old-price .text-muted-util {
    bottom: 125px;
}
.discount .text-muted-util {
    display: none;
}
body[data-page="18"] .discount .text-muted-util {
    background: #008f1c;
    display: block;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 1px;
    font-size: 1rem !important;
    font-weight: 800 !important;
    position: absolute;
    right: -13px;
    bottom: 125px;
    box-shadow: -5px 3px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width:991px) and (max-width: 1400px) {
    body[data-page="18"] .discount .text-muted-util {
        display: none;
    }
}