/*.cc-1ct5.cc-1s3d.cc-645b.cc-3g79:before {
    background-image: url(../images/tiles/bathroom-floor.svg?8ce76c3)!important;
    background-size: 32px!important;
    opacity: .05!important;
}
.crisp-client .cc-1m7s .cc-qvio {
    background-color: rgb(var(--bs-dark-rgb)) !important;
}

*/

/*
#t503 .row:last-child .card {
    width: 50%;
}
*/

.wp-bootstrap-blocks-button {
    margin-bottom: var(--hoppe-h-1) !important;
}

.page-id-14491 .contentmodule_15_2_kacheln_centerpage img ,
.e-products .contentmodule_15_2_kacheln_centerpage img,
.centerpage-e-product img {
    border-left: solid 10px #E30A17 !important;
}



@media (max-width:768px) {
    .intro-hero--content .container > .row {
    position: relative;
}
.intro-hero--content .container.e-product-icon-right > .row:before,
    .intro-hero--content .container.e-product-icon-left > .row:before {
    content: '';
    1margin-top: -40px;
    position: absolute;
    top: -85px;
    right: 8px;
    width: 65px;
    height: 65px;
    background: url(/assets/images/e-product-wifi.svg);
}
}

@media (min-width:1201px) {
    .intro-hero--content .container {
    position: relative;
}

    .intro-hero--content .container.e-product-icon-right:after,
    .intro-hero--content .container.e-product-icon-left:after {
    content: '';
    position: absolute;
    bottom:200px;
    width: 130px;
    height: 130px;
    background: url(/assets/images/e-product-wifi.svg);
    }
    
    .intro-hero--content .container.e-product-icon-right:after {
    right: 0;
    }
    .intro-hero--content .container.e-product-icon-left:after {
    left: 0;
    }
}

@media (min-width:1460px) {

    .intro-hero--content .container.e-product-icon-right:after,
    .intro-hero--content .container.e-product-icon-left:after {
    content: '';
    position: absolute;
    bottom:100px;
    width: 130px;
    height: 130px;
    background: url(/assets/images/e-product-wifi.svg);
    }
}

.intro_box {
    position: relative;
}
.e-product:before {
    content: '';
    top: 0;
    left: 10px;
    width: 7px;
    background: #E30A17;
    height: 100%;
    position: absolute;
}
/*
.smarthome > div:before {
    content: '';
    top: 0;
    left: 10px;
    width: 7px;
    background: #E30A17;
    height: 100%;
    position: absolute;
}
*/

.smarthome div img,
.smarthome img {
    border-left: solid 7px #E30A17;
}

@media (min-width:992px) {
.e-product:before {
    width: 10px;
    left: 20px;
}
.smarthome > div:before {
    left: 20px;
}
}

span.number-dots {
    border: solid 2px rgb(0,46,91);
    border-radius: 15px;
    padding: 0 5px;
    font-weight: 600;
    color: red;
    font-size: 0.8rem;
}

@media (min-width:1201px) {
    .fingerscan-fingerprint:before {
        content: "";
        left: 0;
        position: absolute;
        height: 647px;
        background: url(/de-de/wp-content/themes/hoppe/assets/img/fingerprint.svg);
        background-repeat: no-repeat;
        width: 500px;
        background-size: 100%;
        margin-top: -180px;
        background-position: -150px 0;
    }
}

/* MODULE DESCRIPTION */

@media (max-width:400px) {
    a.modules-toggler {
        width: 46px;
        font-size: 12px;
    }
}

a.modules-toggler {
    background: blue;
    align-self: center;
    background-color: var(--bs-dark);
    color: white;
    padding: 0 4px;
    text-decoration: none;
}

.show-modules {

}
.show-modules .topbar button:first-child:before,
.show-modules .topbar > div > div:last-child:before,
.show-modules main .bild-slider-modul-6-1:before,
.show-modules main .intro-hero--content:before,
.show-modules main .text-modul-2-1:before,
.show-modules main section:not(.intro--hero) h3:before,
.show-modules main section:not(.intro--hero) h4:before,
.show-modules main section:not(.intro--hero) h5:not(.card-title):before,
/*.show-modules main h5:before,
.show-modules main ul:before,*/
.show-modules main ul:not(.splide__pagination):not(.footer_socials):not(.navbar-nav):not(.ab-top-menu):before,
.show-modules main .wp-block-image:before,
.show-modules main .contentmodule_7_ytvideo-box:before,
.show-modules main .text-button-modul-8-1:before,
.show-modules main .post-slider-modul-11-1:before,
.show-modules main .bild-unterschrift-modul-3-2:before,
.show-modules main .intro-hero--header:before,
.show-modules main a.btn-dark:before,
.show-modules main a.btn-outline-primary:not(.contentmodule_11_1_slider a):not(.mm_module a):before,
.show-modules .navbar-collapse ul:before,
.show-modules main .homeSliderNews:before,
.show-modules main .contentmodule_6_1_slider:before,
.show-modules .main-footer #footer_cols > div:before,
.show-modules .main-footer #footer_socket > div:before,
.show-modules .hg--footer-toolbar a:first-child:before,
.show-modules .hg--footer-toolbar a:last-child:before,
.show-modules .cc-1oun:before,
.show-modules main .contentmodule_11_1_slider:before,
.show-modules main .Kacheln_Startseite_Modul_15-1:before,
.show-modules main p:not(.mm_module p):not(.intro-hero--content p):before,
.show-modules main .contentmodule_12_1_slider:before,
.show-modules main .highcharts-figure:before,
.show-modules main .content_SliderModul_11_4:before{
	position: absolute;
    background: #0066CC;
    color: white;
    margin: -16px 0;
    padding: 2px;
    /* left: 0; */
    /* width: 160px; */
    text-align: center;
    font-size: 0.75rem;
    line-height: 1em;
}

.show-modules .topbar button:first-child:before {
    content: "Sprachauswahl Modul 18.1";
    top: 44px;
}
.show-modules .topbar > div > div:last-child:before {
    content: "Meta Menu Modul 19.1";
    top: 20px;
    margin-left: -150px;
}
.show-modules main .bild-slider-modul-6-1:before {
    content: "Bild Slider Modul 6.1";
}
.show-modules main .intro-hero--content:before {
	/*content: "Hero Modul 10.1";*/
}
.show-modules main .intro-hero--header:before {
    content: "Hero Modul 10.2";
}
.show-modules main .text-modul-2-1:before {
    content: "Text Modul 2.1";
}
.show-modules main section:not(.intro--hero) h3:not(.mm_module h3):before {
    content: "Headline Modul 1.1";
}
.show-modules main section:not(.intro--hero) h4:before {
    content: "Headline Modul 1.2";
}
.show-modules main section:not(.intro--hero) h5:not(.card-title):before {
    content: "Headline Modul 1.3";
}
/*
.show-modules main h5:before {
    content: "Headline Modul 1.2";
}
.show-modules main ul:not(.splide__pagination):before {
    content: "Liste Modul 5.1";
}
*/
.show-modules main .homeSliderNews:before {
    content: "Neuigkeiten Slider Modul 11.3";
}
.show-modules main .contentmodule_6_1_slider:before {
    content: "Bild Slider Modul 6.1";
}
.show-modules main .wp-block-image:before {
	content: "Bild Modul 3.1";
}
.show-modules main .contentmodule_7_ytvideo-box:before {
    margin-top: 0px;
    top: 0;
    content: "Video Modul 7.1";
    z-index: 10000000;
}
.show-modules main .text-button-modul-8-1:before {
	content: "Text + Button Modul 8.1";
}
.show-modules main .post-slider-modul-11-1:before {
	content: "Post Slider Modul 11.1";
}
.show-modules main .bild-unterschrift-modul-3-2:before {
	content: "Bild mit Unterschrift Modul 3.2";
}
.show-modules main a.btn-dark:before {
	content: "Button Modul 4.1";
}
.show-modules main a.btn-outline-primary:not(.contentmodule_11_1_slider a):not(.mm_module a):before {
	content: "Button Modul 4.2";
}
.show-modules .navbar-collapse ul:before {
	content: "Mega Menu Modul 19.2";
    margin-top: 28px;
    margin-left: -136px;
}
.show-modules .main-footer #footer_cols > div:before {
    content: "Footer Navi Modul 19.3";
}
.show-modules .main-footer #footer_socket > div:before {
    content: "Socket Modul 19.4";
    margin-top: -100px;
    margin-left: 40px;
}
.show-modules .hg--footer-toolbar a:first-child:before {
    content: "Top-Link Modul 17.1";
    margin-top: -90px;
    margin-left: -42px;
    width: 80px;
}/*
.show-modules .hg--footer-toolbar a:last-child:before,
.show-modules .cc-1oun:before {
    content: "Chat Modul 16.1";
    margin-top: -90px;
    margin-left: -42px;
    width: 80px;
}*/
.show-modules main ul:not(.splide__pagination):not(.footer_socials):not(.navbar-nav):not(.ab-top-menu):not(.splide__list):before {
    content: "Liste Modul 5.1";
}
.show-modules main .contentmodule_11_1_slider:before {
    content: "Post Slider Modul 11.1";
}
.show-modules main .content_SliderModul_11_4:before {
    content: "Slider Modul 11.4";
}
.show-modules main .Kacheln_Startseite_Modul_15-1:before {
    content: "Kacheln Startseite Modul 15.1";
    margin-top: 20px;
}
.show-modules main p:not(.mm_module p):not(.intro-hero--content p):not(.content_SliderModul_11_4 p):before {
    content: "Text Modul 2.1";
}
.show-modules main .contentmodule_12_1_slider:before {
    content: "History Modul 12.1";
}
.show-modules main .highcharts-figure:before {
    content: "GNV Chart Modul 20.1";
}

.to-do-modul:before {
    content: "TO DO MODUL";
    position: absolute;
    background: red;
    padding: 16px 64px;
    color: white;
    font-weight: 800;
}


/* Spaces TP */
/*
main h3:last-child,
main p:last-child,
main figure:last-child,
main ul:last-child
{
    margin-bottom: 0 !important;
}
main .row:not(:last-child) {
    margin-bottom: var(--hoppe-h-2);
}
*/
/*
@media (max-width: 767.98px) {
    .hoppe-content-page .intro-hero--image img {
        object-position: 50% 27% !important;
        height: 66%;
        top: 116px;
    }
}
.hg--splide .splide__arrow {
    background: none;
}

section.has--bg-white button.splide__pagination__page {
    background-color: #ededed;
}

.e-product .inner {
    border-left: solid 10px #E30A17;
}*/