/*
Theme Name:   ROFA - Child Theme
Theme URI:    https://friendly-liskov.89-200-172-203.plesk.page/
Description:  Child Theme für robur-relaunch
Author:       ROFA
Template:     robur-relaunch
Version:      1.0.0

body.has-mega-menu>main {
    padding: 0px !important;
}
*/
/*
body.single.group>main {
    padding: 185px 0px !important;
}


body.single.rofa>main {
    padding: 180px 0px !important;
}
*/

body > nav.mega-menu #megaMenu {
    @media (min-width: 1025px) and (max-width: 1440px) {
        gap: 8px;
    }
}


ul#langMenu li a,
.group ul#megaMenu a,
.rofa ul#megaMenu a {
    text-decoration: none !important;
}


a.elementor-cta,
.group nav.mega-menu menu-template a,
.rofa nav.mega-menu menu-template a {
    text-decoration: none !important;
}


.legal a,
#contact a.btn,
footer ul li a {
    color: #fff !important;
    text-decoration: none !important;
}

/* Test svg färben */

.page-id-751 img.icon[src$=".svg"] {}




/*
.group main .mygfx,
.rofa main .mygfx,
.group header.rofa-group,
.rofa header.rofa-group {

    margin: 0px auto !important;
}
*/
.group main .mygfx img,
.rofa main .mygfx img {}

.group main .phline {
    background: radial-gradient(circle at 102% 117%, #dad70080 0%, rgba(0, 149, 52, 0) 60%), radial-gradient(circle at 8.7% 88%, #009534 0%, rgba(0, 149, 52, .2) 50%), radial-gradient(circle at 130.3% 151%, #dad700 19%, #009fdf 50%) !important;
}

.rofa.single main .phline h1,
.group.single main .phline h1 {

    color: #fff !important;
    padding: 0px !important;
}


.rofa.single main .phline {
    background: #0078bb !important;
    color: #fff !important;
    padding: 0px !important;
}

.rofa.single main .phline .e-con-inner .elementor-widget-heading,
.rofa.single main .phline .e-con-inner {
    align-items: start !important;
    padding: 0px !important;
}




.group main p,
.rofa main p {
    color: #545453 !important;
}

.group main p a,
.rofa main p a {
    text-decoration: underline !important;
    color: #2f377f !important;
}

.group ul.wplp_listposts li a,
.group ul.wplp_listposts li h3 a.newslink,
.rofa ul.wplp_listposts li a.title {
    color: #2f377f !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: "Helvetica Neue LT Roman", sans-serif !important
}


.group .swiper-wrapper .swiper-slide-contents,
.rofa .swiper-wrapper .swiper-slide-contents {
    padding: 3.5% !important;
}

.group .gfxh1 h1,
.rofa .gfxh1 h1,
.group h1.fett,
.rofa h1.fett,
#myh h1.elementor-heading-title,
.group h1.elementor-slide-heading,
.rofa h1.elementor-slide-heading {
    color: #2f377f !important;
    background: #fff;
    padding: 10px 15px !important;
    width: fit-content;
    margin-bottom: -5px !important;
}


.group #catbox2,
.rofa #catbox2,
.group .gfxtxt,
.rofa .gfxtxt,
.group h2.mittel,
.rofa h2.mittel,
.group .swiper-wrapper .elementor-slide-description,
.rofa .swiper-wrapper .elementor-slide-description {
    margin-bottom: auto !important;
    line-height: 1.15 !important;
    font-size: 1.5rem !important;
    font-weight: normal !important;
    color: #545453 !important;
    background: #fff;
    padding: 15px !important;
    width: fit-content;
    text-transform: none !important;
    margin-top: 5px;
}


.group.home .swiper-pagination,
.rofa.home .swiper-pagination {
    top: 30px !important;
    position: relative;
}

.group a.elementor-slide-button,
.rofa a.elementor-slide-button,
.group a.popupopennew,
.rofa a.popupopennew {
    color: #fff !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    font-size: 1.2rem !important;
    background: #2f377f !important;
    padding: 15px !important;
    width: fit-content;
    text-decoration: none !important;
}

.group a.elementor-slide-button:hover,
.rofa a.elementor-slide-button:hover,
.group a.popupopennew:hover,
.rofa a.popupopennew:hover,
.group .elementor-button:hover,
.rofa .elementor-button:hover,
.group .elementor-cta__button:hover,
.rofa .elementor-cta__button:hover {
    background: #0078BB !important;

}



.group a.popupopennew,
.rofa a.popupopennew {
    top: 13px !important;
    position: relative !important;
    text-decoration: none !important;
}


.underlined h1,
h2,
h2.elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #545453 !important;
}

.group main .weiss p,
.rofa main .weiss p,
.group main .weiss h2,
.rofa main .weiss h2,
.group main .weiss p,
.rofa main .weiss p {
    color: #fff !important
}

.group main .dklblau a.elementor-button,
.rofa main .dklblau a.elementor-button,
.group main .dklblau p,
.rofa main .dklblau p,
.group main .dklblau h2,
.rofa main .dklblau h2,
.group main .dklblau p,
.rofa main .dklblau p {
    background-color: #0F1E5A !important
}


/*
.underlined h1::after,
h2::after,
h2.elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 12px;
    background: url(/wp-content/themes/robur-relaunch/img/spie-gradient.jpg);
    background-size: cover;
    background-position: bottom;
}
*/
.group .gfxh1 h1:after,
.rofa .gfxh1 h1:after,
.group h2.mittel::after,
.rofa h2.mittel::after,
.h2nobar h2::after {
    display: none;
}

.rofa h3,
.group h3 {
    margin-bottom: 30px !important;
}

.rofa h3.e-n-accordion-item-title-text,
.group h3.e-n-accordion-item-title-text {
    margin-bottom: auto !important;
    font-size: 1.25rem !important;

}



.group .e-n-accordion-item .e-con-full {
    padding: 40px !important
}


a.elementor-button-link,
a.elementor-button {
    background: #2f377f !important;
    color: #fff !important;
    text-decoration: none !important;
}

.group .nav a.elementor-button,
.rofa .nav a.elementor-button {
    background: inherit !important;
    text-decoration: none !important;

}

.group .nav .navaktiv a.elementor-button,
.rofa .nav .navaktiv a.elementor-button {
    color: #fff !important;
    background: #2f377f !important;
    text-decoration: none !important;
}

.group .nav .navaktiv a.elementor-button:hover,
.rofa .nav .navaktiv a.elementor-button:hover {
    background: #0078BB !important;


}

.group .nav .navinaktiv a.elementor-button,
.rofa .nav .navinaktiv a.elementor-button {
    color: #2f377f !important;
    cursor: default !important;
    background: #fff !important;
    text-decoration: none !important;
}

/*
.kcomp a.elementor-cta__button {
    background: #0F1E5A !important;
    color: #fff !important;
    text-decoration: none !important;
}

.kcomp a.elementor-cta__button:hover {
    background: #fff !important;
    color: #0F1E5A !important;
}
*/


/*  Karussel*/
.karu .elementor-loop-container .e-loop-item,
.karu .lae-carousel-item {
    cursor: pointer;
}


.karu .slick-slide {
    display: flex;
    align-items: center !important;
}

.karu .elementor-loop-container .e-loop-item .elementor-widget-heading,
.karu .lae-carousel-item {
    background-color: #2f377f !important;
    text-align: center;
    width: 100% !important;

}

.karu .elementor-loop-container .e-loop-item .elementor-widget-heading h3 {
    margin-bottom: 0px !important
}

.karu .elementor-loop-container .e-loop-item .elementor-widget-heading h3 a,
.karu .slick-slide a {
    color: #fff !important;
    text-decoration: none !important;
    padding: 0px !important;
    display: block;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    min-height: 50px;
    align-content: center;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
    font-family: "Helvetica Neue LT", sans-serif !important;
    font-size: 18px !important
}


.mykontakt {
    max-width: 1000px !important;
    margin: 0 auto 60px auto !important;
}


.mykontakt .elementor-heading-title {
    padding: 0px !important;
    font-size: 2rem !important;
    font-family: Helvetica Neue LT Bold;
}



#brachenstart p,
#branchenstart p,
#branchen h3 {
    font-family: "Helvetica Neue LT", sans-serif !important;
}

#brachenstart p,
#brachenstart a,
#branchenstart p,
#branchenstart a,
#branchen h3,
#branchen h3 a,
#branchen .elementor-heading-title,
#branchen .elementor-heading-title a,
#branchen a {
    text-decoration: none !important;
    color: #2f377f !important;
}

#branchen .elementor-icon svg,
#branchen .elementor-icon svg path,
#branchen .elementor-icon svg .st0,
#branchen .elementor-icon svg g,
#branchen .elementor-icon svg polygon,
#branchen .elementor-icon svg rect:not([id*="SVGID"]) {
    fill: #2f377f !important;
}

#brachenstart .elementor-icon svg .st0,
#brachenstart .elementor-icon svg circle {
    fill: #2f377f !important;
}

#brachenstart .elementor-icon svg .st1,
#brachenstart .elementor-icon svg path.st1 {
    fill: #ffffff !important;
}

#branchen .e-con-full,
#brachenstart .e-con-full,
#branchenstart .e-con-full {
    cursor: pointer;
}

/*  Produkt Kategorien */
.category .catloop {
    cursor: pointer !important
}

.category .catloop .elementor-widget-heading {
    min-width: 100% !important;
    background-color: #2f377f !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category .catloop h3.elementor-heading-title {
    margin-bottom: 0px !important;
    padding: 10px 0px !important;

}

.category .catloop h3.elementor-heading-title a {
    font-family: "Helvetica Neue LT", sans-serif !important;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 15px !important;
    margin-bottom: 0px !important;
    padding: 10px 0px !important;
    font-weight: normal !important;
    text-align: center;
}




/*  Suchergebnisse */
#ajaxsearchpro1_1 .probox,
#ajaxsearchpro1_2 .probox,
div.asp_m.asp_m_1 .probox {
    background: #f2f2f2 !important
}



div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder {
    font-weight: normal;
    font-family: "Helvetica Neue LT", sans-serif !important;
    color: #545453 !important;
    font-size: 1rem;
    text-shadow: none;
    opacity: 1 !important;
}



#ajaxsearchpro1_1 .probox .promagnifier .innericon svg,
#ajaxsearchpro1_2 .probox .promagnifier .innericon svg,
div.asp_m.asp_m_1 .probox .promagnifier .innericon svg {
    fill: #fff !important;
}


#ajaxsearchpro1_1 .probox .promagnifier,
#ajaxsearchpro1_2 .probox .promagnifier,
div.asp_m.asp_m_1 .probox .promagnifier {
    background: #2f377f !important;
}

#ajaxsearchpro1_1 .probox .proinput input.orig,
#ajaxsearchpro1_2 .probox .proinput input.orig,
div.asp_m.asp_m_1 .probox .proinput input.orig {
    font-weight: normal;
    font-family: "Helvetica Neue LT", sans-serif !important;
    color: #545453 !important;

}

/*  Tabs Vertical */


#mytabs .elementor-tabs-wrapper {
    background-color: #fff;
}

#mytabs .elementor-tab-title {
    border-bottom: 1px solid #2f377f;
    background-color: #fff !important
}

#mytabs .elementor-tab-desktop-title {
    padding: 15px 25px !important;
}


#mytabs .elementor-tab-content p {

    margin-top: -20px !important
}

#mytabs .elementor-tab-title:hover {
    background-color: #e9ebf6 !important
}

#mytabs .elementor-tab-title.elementor-active {
    background-color: #2f377f !important
}

#mytabs .mytabcontent {
    padding: 7.5% !important
}

#mytabs .mytabcontent p {
    color: #fff !important;
}

#mytabs .mystandortbutt {
    margin-top: 70px !important
}

#mytabs #elementor-tab-content-2251 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%),
        url('https://www.rofa-group.com/wp-content/uploads/ROFA_AG_Kurzportraet.jpg');
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}



#mytabs #elementor-tab-content-2252 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/ROFA_Lehmer_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2253 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/MOLL_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2254 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/BSS_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2255 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/MLR_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2256 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/DLS.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}



#mytabs #elementor-tab-content-2257 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/NOWA_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2258 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/Muevek.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-2259 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/POLSKA.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-22510 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/Romania.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-22511 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/North-America.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-22512 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/China.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#mytabs #elementor-tab-content-22513 {
    background-image:
        linear-gradient(135deg, #04964b 0%, #1aa5bc 75%), url(https://www.rofa-group.com/wp-content/uploads/NOWA_Kurzportraet.jpg);
    background-blend-mode: multiply;
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100% !important;
    object-fit: cover;
}

#breadcrumbs a,
ul.plist li a,
.breadcrumb_last a {
    color: #2f377f !important;
    text-decoration: underline !important
}

ul.plist li {
    padding: 5px 0px
}




#p1 .wp-caption figcaption {
    background: #2f377f;
    padding: 10px;
    margin-top: -5px;
    color: #fff;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}


/* network news */
.mynetworknews2 .wpcu_block_title,
.mynetworknews2 .wpcu-front-box.bottom {
    display: none !important
}

.mynetworknews2 .wplp_widget_masonry .text {
    margin: 0px !important;
    padding: 20px !important;
    background-color: #fff;
    width: 100%
}

.wplp_container .title {
    max-width: 100% !important
}

.mynetworknews2 .wplp_container ul {
    width: 100% !important;
    padding: 0px !important;
    position: unset !important
}

.mynetworknews2 .wplp_listposts li {
    width: 27% !important;
    margin: 2.5% !important;
    display: inline-block !important;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
}

.mynetworknews2 .wpcu-front-box.top {
    background-color: #fff !important
}

.mynetworknews2 .wpcu-front-box.top .thumbnail {
    height: 200px !important;
}

.mynetworknews2 .wplp_container .flex-direction-nav a {
    height: 60px !important;
    opacity: 1 !important;
    border: 1px solid red !important
}

ul.wplp_listposts {
    margin-bottom: 75px !important
}

#wplp_front_loadmore {
    display: none !important
}

ul.wplp_listposts li .date {
    color: #000 !important;
    font-weight: bold !important
}

ul.wplp_listposts li h3 {
    padding: 20px !important;
}



/* network news */
.mynetworknews2 .wpcu_block_title,
.mynetworknews2 .wpcu-front-box.bottom {
    display: none !important
}

.mynetworknews2 .wplp_widget_masonry .text {
    margin: 0px !important;
    padding: 20px !important;
    background-color: #fff;
    width: 100%
}

.mynetworknews2 .wplp_widget_masonry {
    /*  height: 500px!important;*/

}

.wplp_container .title {
    max-width: 100% !important
}

.mynetworknews2 .wplp_container ul {
    width: 100% !important;
    padding: 0px !important;
    position: unset !important
}

.mynetworknews2 .wplp_listposts li {
    width: 27% !important;
    margin: 2.5% !important;
    display: inline-block !important;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
}

.mynetworknews2 .wpcu-front-box.top {
    background-color: #fff !important
}

.mynetworknews2 .wpcu-front-box.top .thumbnail {
    height: 200px !important;
}

.mynetworknews2 .wplp_container .flex-direction-nav a {
    height: 60px !important;
    opacity: 1 !important;
    border: 1px solid red !important
}


#wplp_front_loadmore input {
    color: #fff !important;
    line-height: 16px !important;
    margin-top: 50px !important;
    background-color: #f08100 !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 20px 20px 20px 20px !important;
    font-family: "Helvetica Neue LT Roman", sans-serif !important font-weight: normal !important;

}


body.rofa.privacy-policy.has-mega-menu>main {
    padding: 217px 0px 0;
    max-width: 1440px;
}

body.rofa.privacy-policy.has-mega-menu>main ul,
body.rofa.privacy-policy.has-mega-menu>main #cookietbl,
body.rofa.privacy-policy.has-mega-menu>main p {

    max-width: 1000px;
    margin: 0px auto !important
}

body.rofa.privacy-policy.has-mega-menu>main #cookietbl,
body.rofa.privacy-policy.has-mega-menu>main ul {
    padding: 20px !important
}

.group .mycta h2,
.rofa .mycta h2,
.group .mycta p strong,
.rofa .mycta p strong,
.group .mycta p,
.rofa .mycta p {
    color: #fff !important
}

.group .mycta h2,
.rofa .mycta h2 {
    padding: 0px !important;
    margin: 0px !important;
}

/* timeline */
.rofa #mytline h2 {
    display: none !important
}

.rofa #mytline .wpex .wptl-excerpt {
    font-family: "Helvetica Neue LT Roman", sans-serif !important;
    font-size: 1rem !important
}


.rofa #mytline .tl-point.wpex_point {
    padding-left: 20px !important;
    background: #269aa4 !important;

}

.rofa #mytline .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li .wpex_point::before {
    background: #269aa4 !important;
}


.rofa #mytline .wpex-timeline-list.show-wide_img .wpex-timeline>li .timeline-details,
.rofa #mytline .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-8 .horizontal-nav .wpextt_templates .wptl-readmore,
.rofa #mytline .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point::after {
    border-top-color: #269aa4 !important;
}

#mycounter .elementor-counter-number-wrapper {
    font-family: Helvetica Neue LT Bold !important;
}


#mycounter .elementor-counter-title {
    text-align: center !important;
}



/* Wobble-Hover-> aus */
.elementor-animation-wobble-vertical:hover {
    animation: none !important;
}

body.group.category .elementor-grid .e-loop-item .e-con-inner .elementor-widget-heading h3 {
    color: #2f377f !important;
    font-weight: bold !important;
}

.ajaxsearchpro .results .asp_res_text {
    line-height: 1.35rem !important
}


.elementor-cta__title {
    margin-bottom: 20px !important;
}

/* back-to.php: Konzern-Navigation "Zurück zu [Partnerfirma]" - übernommen aus hello-elementor-child/style.css,
   das in robur-relaunch-child bislang komplett fehlte (back-to.php war daher unstyled/unsichtbar). */
#groupnav {
    display: none;
}

#slideOut {

    background: #0F1E5A;
    color: #fff;
    position: fixed;
    z-index: 9999 !important;
    top: 180px;
    left: 0px;
    text-decoration: none !important;
    font-size: 18px;
    -webkit-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
}

#slideOut .soinner {
    padding: 28px 8px 29px 4px;
}


#slideOut:hover .soinner {
    cursor: pointer;
}

.slideOutInner {
    color: #fff;
    position: fixed;
    z-index: 9998 !important;
    top: 180px;
    left: -210px;
    text-decoration: none !important;
    padding: 0px;
    font-size: 18px;
    width: auto;
    display: none;
}

/* Im Original (hello-elementor-child) fehlte eine funktionierende Hover-Regel, die .slideOutInner
   tatsächlich einblendet - hier ergänzt, da #slideOut und .slideOutInner im Markup direkt aufeinander folgen. */
#slideOut:hover~.slideOutInner,
.slideOutInner:hover {
    display: block;
}

.slideOutInner ul {
    margin: 0px !important;
    padding: 0px 0px 0px 20px !important;
    list-style: none !important;
    -webkit-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
}

.slideOutInner li {
    margin: 0px !important;
    padding: 7px 13px !important;
    background: #2f377f;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 1;
}

.slideOutInner li:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.slideOutInner li:first-child {
    margin-bottom: 2px !important;
}

.slideOutInner li a {
    color: #fff !important;
    text-decoration: none !important;
}








/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1500px) {
    /*
    body.single.rofa main .e-con-boxed:not(.phline) {
        padding: 0 20px !important;
    }
*/


    .rofa.single main .phline h1,
    .group.single main .phline h1 {
        padding: 0px 20px !important;
    }


}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1250px) {}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1050px) {

    #ajaxsearchprobsettings3_1.searchsettings fieldset.asp_filter_id_2.asp_sett_scroll {
        min-height: 200px !important;
    }

    #ajaxsearchprobsettings4_1.searchsettings fieldset.asp_filter_id_1.asp_sett_scroll {
        min-height: 150px !important;
    }

    #ajaxsearchprobsettings4_1.searchsettings fieldset.asp_filter_id_3.asp_sett_scroll,
    #ajaxsearchprobsettings4_1.searchsettings fieldset.asp_filter_id_2.asp_sett_scroll {
        min-height: 270px !important;
    }


    .mynetworknews2 .wplp_listposts li {
        width: 30% !important;
        margin: 10px 1% !important;
        display: inline-block !important;
        *display: inline;
        /*IE7*/
        *zoom: 1;
        /*IE7*/
    }



}

/* ++++++++         TABLET           +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1025px) {


    .phline {
        margin-top: 20px !important;
    }



    /*
    body.single.group>main,
    body.single.rofa>main {
        padding: 0px !important;
    }

*/


    .group main .underlined h1,
    .rofa main .underlined h1,
    .group .gfxh1 h1,
    .rofa .gfxh1 h1,
    .group h1.fett,
    .rofa h1.fett,
    #myh h1.elementor-heading-title,
    .group h1.elementor-slide-heading,
    .rofa h1.elementor-slide-heading {
        font-size: 2.2rem !important;
        line-height: 1.25 !important;
        padding-bottom: 10px !important
    }








    .group .gfxtxt,
    .rofa .gfxtxt,
    .group h2.mittel,
    .rofa h2.mittel,
    .group .swiper-wrapper .elementor-slide-description,
    .rofa .swiper-wrapper .elementor-slide-description {
        margin-bottom: auto !important;
        line-height: 1.15 !important;
        font-size: 1.5rem !important;
        padding: 10px 15px 10px 15px !important;
    }

    .rofa main h2.elementor-heading-title,
    .rofa main h2 {
        margin-bottom: 30px !important;
        line-height: 1.15 !important;
        font-size: 1.5rem !important;
        padding: 10px 15px 20px 0px !important;
    }



    .group a.elementor-slide-button,
    .rofa a.elementor-slide-button,
    .group a.popupopennew,
    .rofa a.popupopennew {
        font-size: 1rem !important;
        padding: 7.5px 17px !important;
    }


    .group a.popupopennew,
    .rofa a.popupopennew {
        top: 5px !important;
    }


    .elementor-element-ac5dce9,
    #myslider,
    .mygfx,
    .mygfx .elementor-element {
        padding: 0px !important;
    }

    .mygfx .gfxbox {
        padding: 20px 0px !important;
    }

    .group .gfxtxt,
    .rofa .gfxtxt {
        padding: 15px !important;
    }

    .group main .mygfx img,
    .rofa main .mygfx img {}

    .group .mycta>.elementor-element:first-child,
    .rofa .mycta>.elementor-element:first-child,
    .group .mycta>.e-con-inner>.elementor-element:first-child,
    .rofa .mycta>.e-con-inner>.elementor-element:first-child {
        padding: 40px 20px !important;
    }

    .mykontakt .elementor-heading-title {
        padding: 0px !important;
        font-size: 1.75rem !important;
    }


}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 981px) {}

/* +++++++++++    MOBILE         ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 768px) {

    .group .gfxh1 h1,
    .rofa .gfxh1 h1,
    .group h1.fett,
    .rofa h1.fett,
    #myh h1.elementor-heading-title,
    .group h1.elementor-slide-heading,
    .rofa h1.elementor-slide-heading {
        line-height: 1.25 !important;
        font-size: 2rem !important;
        padding: 5px 0px 0px 0px !important;
        background: transparent !important
    }

    .group .gfxtxt,
    .rofa .gfxtxt,
    .group h2.mittel,
    .rofa h2.mittel,
    .group .swiper-wrapper .elementor-slide-description,
    .rofa .swiper-wrapper .elementor-slide-description {
        line-height: 1.15 !important;
        font-size: 1.25rem !important;
        padding: 15px 0px 15px 0px !important;
        background: transparent !important
    }

    #myh h1.elementor-heading-title,
    .group h1.elementor-slide-heading,
    .rofa h1.elementor-slide-heading,
    .group .swiper-wrapper .elementor-slide-description,
    .rofa .swiper-wrapper .elementor-slide-description {
        background: #fff !important;
        padding: 15px !important;
    }

    #myh h1.elementor-heading-title,
    .group h1.elementor-slide-heading,
    .rofa h1.elementor-slide-heading {
        padding: 10px 15px 0px 15px !important;
    }

    .bread .elementor-widget-breadcrumbs,
    .bread {
        display: block !important;
    }

    .elementor .elementor-widget-breadcrumbs {
        display: block !important;
        padding-bottom: 20px;
    }
}

.wplp_widget_masonry {

    margin-left: 4% !important;
}






.prodvid .elementor .elementor-hidden-mobile,
.elementor .elementor-hidden-phone {
    display: block !important
}

/* Mobile: horizontale #groupnav-Leiste statt des seitlichen #slideOut-Fähnchens
   (das Fähnchen passt auf kleinen Screens nicht gut, die Leiste schon). */
@media screen and (max-width: 768px) {

    #slideOut,
    .slideOutInner {
        display: none !important;
    }

    #groupnav {
        display: flex;
        justify-content: center;
        position: fixed;
        z-index: 9 !important;
        top: 70px;
        width: 100% !important;
        margin: 0px auto !important;
    }

    #groupnav ul {
        width: 100% !important;
        padding: 0px !important;
        list-style: none !important;
        text-align: center !important;
    }

    #groupnav li {
        width: auto;
        margin: 0px !important;
        padding: 15px 25px 10px 25px !important;
        background: #0F1E5A;
        display: inline;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        text-align: center !important;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        -webkit-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 5px 0px 6px -5px rgba(0, 0, 0, 0.75);
    }

    #groupnav li:first-child {
        margin: 0px !important;
    }

    #groupnav li:hover {
        cursor: pointer;
    }

    #groupnav li a {
        color: #fff !important;
        text-decoration: none !important;
        font-size: 1rem;
    }

    #groupnav li a:hover {
        text-decoration: underline !important;
    }


    .group .e-n-accordion-item .e-con-full {
        padding: 20px !important
    }

}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 650px) {

    .wplp_outside {
        margin-left: -10px !important
    }

    .makefullwidth650 .elementor-column {
        width: 100% !important;
    }

    .myflip .elementor-widget-wrap>.elementor-element {
        margin: .5% 10% !important;
    }


    /* mlr  EN */
    #ajaxsearchprobsettings7_1 fieldset.asp_filter_id_1 .asp_option,
    #ajaxsearchprobsettings7_1 fieldset.asp_filter_id_2 .asp_option {
        width: 100% !important;
        float: left !important
    }

    #ajaxsearchprobsettings7_1.searchsettings fieldset.asp_filter_id_1.asp_sett_scroll {
        max-height: auto !important;
        height: auto !important;
        min-height: 300px !important;
        overflow: visible !important;
    }


    #ajaxsearchprobsettings7_1.searchsettings fieldset.asp_filter_id_2.asp_sett_scroll {
        max-height: auto !important;
        height: auto !important;
        min-height: 200px !important;
        overflow: visible !important;
    }




    .mynetworknews2 .wpcu-front-box.top .thumbnail {
        margin-bottom: 20px !important
    }

    .mynetworknews2 .wplp_listposts li {
        margin: 25px auto !important
    }


    .mynetworknews2 .insideframe .title span {
        padding: 0px 10px !important;
    }

    .mynetworknews2 .insideframe .date,
    .mynetworknews2 .insideframe .text {
        padding: 15px !important;
    }


    #catliste ul {
        padding: 0px !important;
        margin: -30px 0px 0px 0px !important
    }

    #catliste ul li {
        border: none;
        float: none;
        margin: 0px;
        background-color: transparent;
        padding: 0px !important;
        border-bottom: 1px solid #ccc
    }

    #catliste ul li a {
        color: #2f377f;
        line-height: none !important;
        padding: 10px !important
    }

    #catliste ul li:last-child {
        border: none !important
    }






}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 480px) {

    #mytabs #elementor-tab-content-22510,
    #mytabs #elementor-tab-content-22511,
    #mytabs #elementor-tab-content-22512,
    #mytabs #elementor-tab-content-2251,
    #mytabs #elementor-tab-content-2252,
    #mytabs #elementor-tab-content-2253,
    #mytabs #elementor-tab-content-2254,
    #mytabs #elementor-tab-content-2255,
    #mytabs #elementor-tab-content-2256,
    #mytabs #elementor-tab-content-2257,
    #mytabs #elementor-tab-content-2258,
    #mytabs #elementor-tab-content-2259,
    #mytabs #elementor-tab-content-2260 {
        background-image: none !important;
    }

    #myh h1.elementor-heading-title,
    .group h1.elementor-slide-heading,
    .rofa h1.elementor-slide-heading,
    .group .swiper-wrapper .elementor-slide-description,
    .rofa .swiper-wrapper .elementor-slide-description,
    .group a.elementor-slide-button,
    .rofa a.elementor-slide-button,
    .group a.popupopennew,
    .rofa a.popupopennew {
        display: block !important;
        width: 100% !important;
    }


}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 450px) {
    .single .phline {
        padding: 20px !important;
    }

    #groupnav {
        margin-top: -2px !important;
    }

    #groupnav li {
        padding: 10px !important;
    }

    #groupnav li a {
        font-size: 15px;
    }

}

/* Elementor-Lightbox (Bild-Galerie / Swiper): Das Parent-Theme (robur-relaunch/style.css) überschreibt
   .elementor-lightbox-image mit position:relative; display:block; wodurch das Bild nicht mehr zentriert
   dargestellt wird. Elementors eigenes CSS setzt dort kein position/display - die Zentrierung kommt vom
   Flex-Container .elementor-lightbox-item (display:flex; align-items:center; justify-content:center),
   der unverändert korrekt ist. Hier auf den Elementor-Standard zurückgesetzt. */
.elementor-lightbox img.elementor-lightbox-image {
    position: static;
    display: inline-block;
    max-height: 100%;
}

/* Elementor setzt top/left der .dialog-lightbox-widget-content per JS, berechnet aber offenbar bevor
   das grosse Originalbild fertig geladen ist (Breite/Höhe dann 0) - das Ergebnis landet exakt bei
   halber Viewport-Breite/-Höhe statt korrekt zentriert (beobachtet: top:467.5px; left:951.5px bei
   935x1903px Viewport). Hier wird die Box stattdessen per CSS auf volle Grösse gezwungen; die
   Zentrierung des Bildes übernimmt dann zuverlässig der bereits korrekte Flex-Container
   .elementor-lightbox-item (display:flex; align-items:center; justify-content:center). */
.dialog-lightbox-widget-content {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}




/* Half of .padded-top (see parent theme), for gallery widgets and H3-containing
   wrapper containers where the normal .padded-top spacing is too generous.
   Combine with .padded-bottom where bottom spacing is also needed. */
.elementor .e-con.padded-top-half>.e-con-inner {
    padding-top: 25px;
}

@media (min-width: 1025px) {
    .elementor .e-con.padded-top-half>.e-con-inner {
        padding-top: 25px;
    }
}


@media (min-width: 1441px) {
    .elementor .e-con.padded-top-half>.e-con-inner {
        padding-top: 40px;
    }
}

/* A third of .padded-bottom (see parent theme), for sections that need only a
   small bottom gap before the next section. */
.elementor .e-con.padded-bottom-third>.e-con-inner {
    padding-bottom: 17px;
}

@media (min-width: 1025px) {
    .elementor .e-con.padded-bottom-third>.e-con-inner {
        padding-bottom: 27px;
    }
}

@media (min-width: 1441px) {
    .elementor .e-con.padded-bottom-third>.e-con-inner {
        padding-bottom: 40px;
    }
}

/* Half of .padded-bottom (see parent theme), for a container that needs a
   smaller gap below it than the full-size class provides (e.g. the small
   standalone "icon" container above an intro section). */
.elementor .e-con.padded-bottom-half>.e-con-inner {
    padding-bottom: 25px;
}

@media (min-width: 1025px) {
    .elementor .e-con.padded-bottom-half>.e-con-inner {
        padding-bottom: 40px;
    }
}

@media (min-width: 1441px) {
    .elementor .e-con.padded-bottom-half>.e-con-inner {
        padding-bottom: 60px;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 320px) {

    #p1 .wp-caption figcaption {
        padding: 0px 5px;
        font-size: 14px !important;
    }


}