body{
    position: unset !important;
    color: var(--color-text);
}



/* -------------- BEGIN MAIN Wrapper */
.main-wrapper,
.navbar.fixed-top {
    max-width: 1960px;
    margin-left: auto;
    margin-right: auto;
}
.container {
    max-width: unset;
}
/* -------------- END MAIN Wrapper */


/* overflow */
.overflow-none {
    overflow-y: unset !important;
    max-height: unset !important;
}


.hover .hover-show {
    visibility: hidden;
}
.hover:hover .hover-show {
    visibility: visible;
}

.text-decoration-hover-none:hover {
    text-decoration: none !important;
}

/* ---- Hover Actions ------ */
.hover-action .hover-action-show {
    visibility: hidden;
}
.hover-action:hover .hover-action-show {
    visibility: visible;
}


/* HEADER */
.scroll-progress {
    z-index: 2000 !important;
    background-color: var(--bg-scroller-color) !important;
    max-width: 1960px;
    height: 5px;
}




/* ---- BEGIN Colours ---- */
.bg-success {
    background-color: var(--success-background-color) !important;
    color: var(--success-text-color) !important;
}
/* ---- END Colours ---- */

/* ------------ Float */
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}

/* ------------ Borders */
.border-bottom-none {
    border-bottom: none !important;
}
/* ------------ Alert */
.alert.alert-light {
    background-image: none;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333;
}

/* ------------ Badge */
.badge-dark {
    color: #ffffff;
    background-color: #000000;
}


/* ------------ Matomo BE Debug */

html {
    scroll-behavior: smooth;
}


/* Sticky ZB Produkte */
.sticky {
    max-height: unset !important;
}

/* ------------ Basket */
.del_basket_product:hover {
    cursor: pointer;
    color:#97233f !important;
}

/* ------------ Font-Size - Products */
.fs-1 {
    font-size:100px !important;
    line-height: 100px !important;
}

/* ------- Hover Element width shadow */
.hover-box-shadow:hover {
    box-shadow: var(--box-shadow-hover);
    background-color:transparent !important;
}


/* ------------ Background Image */
.img-bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

/* ------------ Color */
.color-light {
    color: #f5f5f5;
}
/* ------------ Colors Verified */
.color-red {
    color:#97233f;
}
.color-blue-light-soft {
    color:#8492a6 !important;
}
.color-blue-light {
    color:#a2cef2 !important;
}

/* ------------ */
.video-responsive {
    max-width:100%;
}
/* ------------ */
.vh-25 {
    height: 25vh;
}
.vh-50 {
    height: 50vh;
}
.vh-100 {
    height: 100vh;
}
.vh-70 {
    height: 70vh;
}
/* ------------ */
.mw-80 {
    max-width:80% !important;
}
/* ------------ */
.muted {
    color: var(--text-muted-color);
}


.text-decoration-none {
    text-decoration: none !important;
}
.display-block {
    display:block;
}
/* ------------ */













/* ------------ Link Color */
.main a,
.cookie .link,
.breadcrumb a {
    color: var(--color-content-text-a);
    text-decoration-color: var(--text-decoration-color) !important;
    -webkit-text-decoration-color: var(--text-decoration-color) !important;
    text-decoration: underline;
}

/* ------------ Text Markierung */
::selection{
    background-color: var(--selection-background-color);
    color:var(--selection-color);
}

/* ------------ Breadcrumb */
.breadcrumb {
    background-color: transparent;
}

/* ------------ */
.img-responsive {
    max-width:100%;
}
.thumbnail {
    max-width:100%;
    border-radius: 4px;
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



/* -------- BEGIN Features Startseite */
.btn {
    text-transform: none;
    text-decoration: none !important;
}
/* ----------- Coockie */
#cookie {
    font-size:80%;
    position: fixed;
    background-color: white;
    bottom: 0px;
    left: 0px;
    padding-left: 20px;
    margin-right: 20px;
    z-index: 98;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    padding-right: 15px;
}
#cookie .btn {
    padding: 6px 12px;
}

.cookie .icon {
    float:left;
    max-width:50px;
    text-align: right;
    padding-right:20px;
}

/* ---------------- BEGIN Section Black Quote About */
blockquote {
    border-left: 5px solid rgba(var(--blockquote-border-color),.1);
    padding-left:15px;
    font-style: italic;
}

/* ---------------- END Section Black Quote About */



/* ----------- Highlight-box */
.highlight-box-2 {
    background-color: #DEF0FF;
    padding: 25px;
    font-size: 120%;
    text-align: center;
}
.highlight-box-2 h3 {
    font-size: 30px;
    line-height: 1.25;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-top: none;
}

.highlight-box-3 {
    background-color: #E0E6ED;
    padding: 25px;
}

.sticky {
    position: sticky;
    top: 120px;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    order: 2;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-transition: top 0.8s ease-in;
    transition: top 0.8s ease-in;
    padding-right: 5px;
    padding-left: 5px;
}
/* ----------- Blog-Post Highlight List */
.ol-highlight {
    list-style-position: inside;
    padding-inline-start: 0px;
}
.ol-highlight li {
    padding-top:40px;
}

.ol-highlight ::marker {
    font-size: 60px;
}
/* ---- Unteraufzaehlung */
.ol-highlight ul li {
    padding-top:0px;
    padding-inline-start: 40px;
}
.ol-highlight ul ::marker {
    font-size: 18px;
}
.ol-highlight ul p {
    margin-bottom:0px;
}



.white {
    color: #fff;
}

/* ---------- Logo Startseite */
@media (max-width: 510px) {
    .logos .col-sm-6.responsive-border-top {
        border-top: 1px solid #777;
        margin-bottom:25px;
        padding-top:25px;
        width:50%;
    }
}
@media (max-width: 992px) {
    .logos .col-sm-6 {
        margin-bottom:25px;
        padding-top:25px;
    }
}
/* ---------- */

.img-bw {
    opacity: 0.125;
    filter: grayscale(100%);
}
.img-bw-hover:hover,
.img-bw-hover:hover img {
    opacity: 1;
    filter: grayscale(100%);
}

.img.border-round {
    border-radius: 50%;
}
/* ---------- */

.grayscale-100 {
    filter: grayscale(100%);
}

.opacity-5 {

}

/* ----------- GLOBAL */
.no-wrap {
    white-space: nowrap;
}

/* ----------- Menue */
.dropdown-menu .dropdown-item:hover {
    background-color:#0a253b !important;
    box-shadow: none !important;
}
#sectionsNav .dropdown-item.active,
#sectionsNav .dropdown-menu a:active {
    background-color: #154e7c !important;
    box-shadow: none !important;
}



/* ----------- Footer Watermark */
.text-3xl {
    font-size: 1.875rem;
}
.text-sm {
    font-size: .875rem;
}
.font-normal {
    font-weight: 400;
}
.block {
    display: block;
}
.w-16 {
    width: 4rem;
}
.h-16 {
    height: 4rem;
}
.fill-current {
    fill: currentColor;
}



small, .small {
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: 400;
    color: var(--text-muted-color);
    display:block;
}
/* ----------- Responsive */
/* ----------- Screen | Mobile */
@media (max-width: 992px) {

    .sm-pt-0 {
        padding-top:0px !important;
    }
    .sm-mt-0 {
        margin-top:0px !important;
    }

    /* --------------- Font */
    h1 small {
        font-size: 20px !important;
    }
    small, .small {
        font-size: 0.675em;
    }


    /* --------------- */
    #bodyClick {
        background: #fff;
        opacity: 1;
        /*

                filter: alpha(opacity = 50);
                */
        right:0px;
    }

    /* Footer */
    .netinsiders {
        margin-top:0px !important;
    }
    .visit {
        text-align: center;
        margin-top:25px;
        padding-top:25px;
        border-bottom: 1px solid hsla(0,0%,100%,.2);
    }
    .logo {
        margin-top:25px;
        padding-top:25px;
    }
    .contact {
        text-align: center;
        margin-top:25px;
        padding-top:25px;
        border-top: 1px solid hsla(0,0%,100%,.2);
    }


    /* ------- BEGIN Footer */
    .social li:first-child {
        margin-left:auto;
    }
    .social li:last-child {
        margin-right:auto;
    }
    .version {
        text-align:center;
    }



    /* ------- Footer Pages Links */
    .nav-pages {
        display:flex;
        justify-content: center;
        margin-top:30px;
    }
    .nav-pages ul,
    .nav-pages li {
        display: list-item;
    }




    /* --------- Blog Singleview */
    .box-bottom-sm {
        border-top:1px solid #dee2e6 !important;
        padding-top:10px;
    }
    .box-bottom-sm .border-start {
        border-left:0 !important;
    }
    /* BEGIN Sticky */
    .box-bottom-sm .sticky {
        padding:0 !important;
    }

    /* END Sticky */

    .box-bottom-sm .container {
        padding:0 !important;
    }

    /* ------- END Footer */
    /* ------- Breadcrumb */
    .breadcrumb-item.active {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 125px;
    }


}


@media (min-width: 1500px) {
    /*
        .container {
            max-width: 85%;
        }
        */
    .img-responsive {
        width:100%;
        max-width: 100%;
    }
}


/* ------------- */
.show-sm,
.show-md,
.show-lg,
.show-xl {
    display:none;
}

@media (min-width: 320px) and (max-width: 767px) {
    .show-sm {
        display: unset;
    }
    .sticky {
        max-height: none;
        overflow: unset;
    }
    .p-sm-0 {
        padding:0px !important;
    }
    .pt-sm-0 {
        padding-top:0px !important;
    }
    .ps-sm-0 {
        padding-left:0px !important;
    }
    .pe-sm-0 {
        padding-right:0px !important;
    }
    .mt-sm-0 {
        margin-top:0px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .show-md {
        display: unset;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .show-lg {
        display: unset;
    }
}
@media (min-width: 1200px) {
    .show-xl {
        display: unset;
    }
}











/* -------------------------------------------------------------- */


/* Content */
.text-highlight p a {
    /*	border: 1px solid #000000;*/
    /*	background-color: var(--selection-background-color);*/
    /*	color:white;*/
    /*
        text-decoration: underline;
        padding:3px;
        padding-left:10px;
        padding-right: 10px;
        */
    /*	text-transform: uppercase;*/
    /*	white-space: nowrap; */
}
/*
.text-highlight p a:hover {
	background-color:black;
	color:white;
	text-decoration: underline;
}
*/

.text-highlight u,
.text-marker {
    -webkit-background-size: 100% 100%!important;
    background-size: 100% 100%!important;
    background: url(/assets/netinsiders/img/marker/light.png?v=1.4);
    display: inline-block;
    text-decoration:none;
}
[data-bs-theme="dark"] {
    .text-highlight u,
    .text-marker {
        background: url(/assets/netinsiders/img/marker/black.png?v=1.4);
    }
}

/* --- reset */
.text-highlight .btn {
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}






/* ------- Footer */
.footer-final {
    background-color: var(--ce-footer-background-color);
}




/* ------ iPhone Hochkant ------ */
@media (max-width: 768px) {
    .main {
        padding-top:0px !important;
    }



}

/* ------ md iPad Hochkant ------ */
@media (min-width: 768px) and (max-width: 992px) {

}

/* ------ lg - iPad Quer ------ */
@media (min-width: 992px) and (max-width: 1400px) {

}

/* ------ XXL ------ */
@media (min-width: 1400px) {

}

/* ------ Handy Querformat ------ */
@media (max-width: 850px) and (max-height: 414px) {

}


.text-highlight a,
.text-highlight p a {
    position:relative;
}
.text-highlight a:before ,
.text-highlight p a:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    background: #6dfdbb;
    -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: width .3s cubic-bezier(.4, 0, .2, 1);
    transition: width .3s cubic-bezier(.4, 0, .2, 1);
    left:0;
    z-index:-1;
}

.text-highlight a:hover:before,
.text-highlight p a:hover:before {
    width: 100%;
}
.text-highlight a:hover u {
    background-image:none !important;
}


div.phpdebugbar code {
    font-size: 10pt !important;
    line-height: 0.1 !important;
}
div.phpdebugbar ul li{
    line-height: 1.2 !important;
    font-size: 12pt !important;
}







/* ----- THEME CONTROLLER */
#theme-icon {
    margin-right:10px;
}
.icon-anim {
    transition:transform 0.25s ease, opacity 0.25s ease
}

.icon-anim.out {
    opacity: 0;
    transform:scale(0.6)
}

.icon-anim.in {
    opacity: 1;
    transform:scale(1)
}



/* ----- DATENSCHUTZ ICON */
/* ----- Datenschutz DSGVO Datenschutzwerft Logo */
[data-bs-theme="dark"] {
    #ds_icon .cls-2 {
        fill: #fff !important;
    }
    #ds_icon .cls-3 {
        stroke: #706f6f !important;
    }
}