/*************************************************************/
/* msg group                                                 */
/* https://www.msg.group                                     */
/*************************************************************/

/* -------------------->> GLOBAL STYLES <<--------------------*/

/* Feature boxes */
.sppb-addon-feature.red .sppb-addon-text, .theme .sppb-addon-feature.white .sppb-addon-text {
    background: none;
}
.sppb-addon-feature.red .sppb-addon-text, .theme .sppb-addon-feature.white .sppb-addon-text {
    padding: 25px;
}
.sppb-addon-feature.white {
    background: #fff;
}
.sppb-addon-feature.white {
    border: 1px solid #841439;
}
.sppb-addon-feature.white strong {
    color: #841439;
}

/* Feature box with images */
@media (max-width: 480px) {
    /* .sppb-addon-feature img.sppb-img-responsive {
        max-width: 145% !important;
        position: relative !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }*/

    .theme .sppb-addon-feature .sppb-addon-content span,
    .theme .sppb-addon-feature {
        height: auto !important;
    }
}

/* Hotfix */

.theme-small .sppb-addon-feature .sppb-addon-text {
    padding-top: 5px;
}
.theme-small .sppb-addon-feature span {
    display: inline !important;
}
.theme-small .sppb-addon-feature .sppb-addon-text {
    background: #f1f1f1;
    padding: 7px 10px 7px 10px;
}
.theme-small .sppb-addon-feature {
    margin-bottom: 20px;
}

/* ------------------->> PAGE STRUCTURE <<--------------------*/

/*Section Reporting Boxes*/

.reporting-box {
    margin-bottom: 40px;
}
@media(min-width: 1200px) {
    .reporting-box {
    	width: 20%;
    }
}

/*Section Integration Blocks*/

.integration-col .sppb-row .sppb-col-sm-4 {
    border-right: 2px solid #ddd;
}
.integration-col .sppb-row .sppb-col-sm-4:last-child{
    border-right: none;
}

.center .col-md-5.col-sm-4.col-md-4.sppb-col-sm-2 {
    float: none;
    display: inline-block;
}

/* Public Sector - kundenmagazin */

.magazin-item .sppb-btn-sm {
    width: 100%;
    margin-bottom: 15px !important;
}
.magazin-item .color-dot li {
    margin-bottom: 5px;
}
.magazin-item .red {
    color: #841439;
}
.magazin-item .sppb-addon-single-image img {
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.magazin-item .sppb-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.magazin-item:last-child .sppb-row {
    border: none;
}

/* Custom 6cols(5cols)*/
.col-6-1 {
    width: 20%;
}

/* Bottom2 - layout/positioning */

#sp-bottom4 .sp-module.bmod-logo .sp-module-title {
    display: none;
}
#sp-bottom4 .sp-module.bmod-logo
 .sp-module-content .bmod-logo img {
    height: 330px;
}
#sp-bottom4 .sp-module.bmod-logo, #sp-bottom2 .sp-module.b2-mod-branchen {
    display: inline-block;
    vertical-align: top;
}
#sp-bottom4 .sp-module.bmod-logo .sp-module-content .custom.bmod-logo img {
    margin: auto;
    padding: 20px;
    margin-top: -20px;
}
#sp-bottom4 .sp-module.bmod-logo {
    margin-top: 15px;
}
@media (max-width: 400px) {
#sp-bottom4 .sp-module.bmod-logo
 .sp-module-content .bmod-logo img {
    padding-left: 5px !important;
    padding-right: 0px !important;
 }
}
/*OA:: prev value was 580px*/
@media (max-width: 600px) and (min-width: 530px) {
#sp-bottom4 .sp-module.bmod-logo
 .sp-module-content .bmod-logo img {
    padding-left: 5px !important;
    padding-right: 0px !important;
 }
}

/* VR APP page style */

body.vr-landing {
    background-image: url(https://msg.group/images/msggroup/vr-app/vr-app-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
}
body.vr-app .sppb-addon-container {
    padding-left: 15px;
    padding-right: 15px;
}

/*Flipper*/

.flipper {
    max-width: 265px;
}
.flipper .back .sp-member-desc ul{
    line-height: 17px;
}
.flipper .back .sp-member-desc ul li{
    margin-bottom: 10px;
}

.col-md-one5 {
    width: 20%;
}

.for-one-fifth .sppb-col-md-3 {
    width: 20%;
}

#sp-page-builder .sppb-row .sp-member-addon-back.back ul {
    padding-left: 20px;
}
.sp_member_addon .sp-member-addon-front {
  padding-bottom: 0px;
}
.oe-flippers .sp-member-addon-front .sppb-member-image-holder > img {
    visibility: visible !important;
    opacity: 1 !important;
}
#sp-main-body #sp-page-builder .oe-flippers .sppb-member-details-holder .sppb-member-title,
#sp-main-body #sp-page-builder .oe-flippers .sppb-member-details-holder .sppb-member-title i.fa {
    color: #fff !important;
}

/* Agenda box */
.theme .sppb-addon-feature.lrm-agenda .sppb-addon-text .sppb-btn {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

@media (max-width: 991px) {
    .col-md-one5 {
        width: 50%;
        float: left;
    }
    .sppb-row .col-md-one5:nth-child(5) {
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .col-md-one5 {
        width: 100%;
    }
    .col-6-1 {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .image_heading_content {
     position: relative;
     margin-top: 50px;
     margin-bottom: 25px;
     text-align: center;
	}
}

@media (max-width: 520px) {
    .col-6-1 {
        width: 100%;
    }
}
/*OA:: centralised*/
/* Article layout for management pages */
/*
.management {
    display: table;
    padding: 0px !important;
    position: relative;
    height: 280px !important;
}
.management .entry-image img {
    border-radius: 160px;
    width: 160px;
    height: auto;
    margin: 0 auto;
}
.management .mangement-image p {
    color: #841439;
}
.management .entry-image {
    margin-bottom: 10px;
}
.management p.img_caption {
    color: #841439;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-top: 18px;
}
.management .mangement-image {
    display: table-cell;
    min-width: 160px;
    text-align: center;
}
.management .management-content {
    display: table-cell;
    vertical-align: top;
    padding-left: 50px;
}
.management .close-management {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #841439;
    color: #841439;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
    display: none !important;
}
.management .close-management:hover {
    background: none !important;
    border: 1px solid #4d4d4d !important;
    color: #4d4d4d !important;
}

*/
@media (min-width: 992px) and (max-width: 1999px) {
    .features-flippers .sppb-member-image-holder img {
        height: 340px;
        width: 100%
    }
    .features-flippers .flip-container .front .sppb-member-details-holder {
        height: 340px !important;
    }
}
@media (max-width: 991px) {
    .features-flippers .flip-container .front .sppb-member-details-holder {
        height: 345px !important;
    }
}

@media (min-width: 1200px) {
    #management.perspektive > .sppb-row-container{
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1400px) {
    .uber-msg #colorbox {
        margin-left: 10% !important;
        margin-right: 10% !important;
        width: 80% !important;
    }
}
@media (max-width: 991px) {
    .uber-msg #colorbox {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .reporting-row.col-5 .sppb-col-md-2 {
        width: 25% !important;
    }
    .reporting-row.col-5 .sppb-col-md-2:last-child {
        width: 100% !important;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .reporting-row > .sppb-container-inner {
        max-width: 460px;
        margin-right: auto;
        margin-left: auto;
    }
}
/*OA:: centralised */
/*
@media (max-width: 767px) {
    .management .mangement-image {
        display: block;
    }
    .management .management-content {
        display: block;
        float: left;
        padding: 0;
    }
    .management {
        padding-bottom: 75px !important;
    }
    .management .close-management {
        width: 100%;
    }
}
*/

/*INEX24 Bottom */
.inex24 #sp-bottom1 p:first-child {
    margin-left: -22.5px;
}

/*INEX24 Footer */
.inex24 #sp-footer {
    background: #0e6494;
}

/* ZT:: Remove right borders on smaller screens */
@media (max-width: 767px) {
    .integration-col .sppb-row .sppb-col-sm-4 {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .my-msg #sp-page-builder.my-msg .sppb-row > div {
        margin-top: 30px;
    }
    .my-msg #sp-page-builder.my-msg .sppb-row > div:first-child {
        margin-top: 0;
    }
}
.my-msg .sppb_slideshow_wrapper  .mobile_slider {
    display: none;
}

/* ZT:: MPSS Specific styles */
/* Hide the dedicated MPSS Contact Item on All Pages*/
#sp-menu li.mpss-kontakt, #sp-helpermenu li.item-1247 {
    display: none !important;
}
/* Hide General  Contact Item(s) on MPSS*/
body.mpss-kontakt #sp-menu li.contactlink, body.mpss-kontakt #sp-helpermenu li.item-574 {
    display: none !important;
}
/* Show the dedicated MPSS Contact Item on MPSS*/
body.mpss-kontakt #sp-menu li.mpss-kontakt {
    display: inline-block !important;
}

/* ZT:: Hide the mail icon menu item on smaller devices */
@media (max-width: 991px) {
    body.mpss-kontakt #sp-menu li.mpss-kontakt {
        display: none !important;
    }
    body.mpss-kontakt #sp-helpermenu li.item-1247 {
        display: inline-block !important;
    }
}
/* ZT:: END MPSS Specific styles */

/* ZT:: Hide the weird empty sppb-cta-text from the textarea of CTA addon */
.pnc-cta .sppb-cta-text {
    display: none !important;
}

/* image flippers */

i.fa.image > img {
	max-width: 200px !important;
	max-height: 200px !important;
	border-radius: 100px;
}
@media (max-width: 600px) {
		i.fa.image > img {
		width: 145px !important;
		border-radius: 100px;
	}
}

.dividing-line {
	border-right: 2px solid #ddd;
}

@media (max-width: 991px) {
		.dividing-line {
		border-right: none;
	}
}
@media (max-width: 1199px) {
	.dividing-line {
		height: 162px;
	}
}

/* Kontakt Mods */
.contact-mod img {
    display: inline-block;
    border-radius: 50%;
}

/* -------------------->> TEXT STYLES <<----------------------*/

/* Text-block titles_ */

.block-title .sppb-addon-content {
    font-size: 20px !important;
    font-weight: 600;
    color: #444;
}
.block-title .sppb-addon-content:after {
    background-color: #e6e6e6;
    height: 2px;
    bottom: 0;
    content: "";
    margin: 16px auto 0;
    width: 90px;
    display: block;
}

/* ZT:: No Uppercase Titles! */
.narrow-flipper.title-no-uppercase .sppb-member-details-holder .sppb-member-title {
    text-transform: none !important;
}

/* Flipper with title with radius */

.radius-title .sppb-member-details-holder {
    display: block !important;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 342px;
}

.radius-title .sppb-member-title {
    display: block !important;
    margin: 50% auto 0px auto !important;
    border: 3px solid white;
    border-radius: 50px;
    padding: 10px;
    height: 60px;
    width: 60px;
    font-size: 30px !important;
}
.radius-title .sppb-member-role {
    color: #fff !important;
    margin: 20px 5px 50% 5px !important;
    font-size: 22px !important;
}
.radius-title .sp-member-addon-back .sp-member-desc {
    padding: 15px;
}
@media (max-width: 991px) {
    .radius-title.narrow-flipper .sp-member-desc p {
        margin-top: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .radius-title .sppb-member-details-holder{
        height: 260px !important;
    }
    .radius-title.narrow-flipper .sp-member-desc {
        padding: 5px !important;
        font-size: 11px !important;
    }

    .flipper .sppb-member-details-holder {
        height: 260px !important;
    }
}

/* Flipper with title inside */

.title-inside .sppb-member-details-holder {
    display: table;
    position: absolute;
    color: #fff;
    top: 0px;
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 342px;
}
.title-inside .sppb-member-details-holder .sppb-member-title {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
}

/*Section Reporting Boxes*/

.reporting-box .sppb-addon {
    border: 1px solid #841439;
    font-size: 15px;
    line-height: 19px;
    padding: 50px 10px;
    width: 200px;
    height: 200px;
    color: #841439 !important;
}
.reporting-box .sppb-addon::before {
    font-size: 40px;
}
.reporting-box .sppb-addon .sppb-addon-content {
    padding: 20px 10px;
    color: #841439 !important;
    font-weight: 500 !important;
    font-family: Open Sans, sans-serif;
}

/*Section Integration Blocks*/
.integration-col .sppb-addon-title {
    color: #841439 !important;
    margin-bottom: 5px;
}

.center {
    text-align: center;
}

/* Public Sector - kundenmagazin */

.magazin-item .magazin-header h6.sppb-addon-title {
    font-size: 14px !important;
    font-weight: 300 !important;
    margin-bottom: 15px;
    margin-top: 0px;
}
.magazin-item .magazin-header h6.sppb-addon-title:after {
    background: none;
}
.magazin-item .magazin-header .sppb-addon-content {
    font-size: 19px;
    color: #841439;
    margin-bottom: 35px;
}
.magazin-item p {
    margin-bottom: 8px;
}

/*Über uns - Management*/
.perspektive h4.sppb-addon-title {
    font-weight: 300;
    color: #841439;
}

/*Slideshow text*/

@media (max-width: 767px) {
    .sppb_slideshow_wrapper h1 span :not(.msgname) {
        display: block;
    }
}
@media (max-width: 400px) {
    .responsive-title .mobile_slider .slide_content h1 {
        font-size: 6vw !important;
    }
}

/*Flipper title and details*/

.full-color .flip-container .front .sppb-member-details-holder .sppb-member-title {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    color: #fff;
}
.full-color .flip-container .front .sppb-member-details-holder {
    color: #fff;
    display: table;
    height: 350px;
    padding: 0 25px;
    position: absolute;
    top: 0;
    width: 100%;
}
.full-color .flip-container .back .sp-member-desc {
    height: auto;
    padding: 35px 25px;
}

/* VR APP page style */
body.vr-app h1 {
    color: #841439;
    font-weight: 600;
    font-size: 50px;
    letter-spacing: 5px;
}
body.vr-app h3 {
    color: #fff;
    font-size: 22px!important;
    letter-spacing: 3px;
    margin-bottom: 20px!important;
    line-height: 28px;
}
body.vr-app p {
    color: #fff;
}
body.vr-app .app-icons a {
    color: #fff;
}
body.vr-app .app-icons a {
    display:inline-block;
}

/* image heading addon */

.image_heading h1 {
    color: #841439;
}
.image_heading.move h1, .image_heading.move h4 {
    margin-left: 0;
    opacity: 1;
}
.image_heading.move h1, .image_heading.move h4 {
    margin-left: 0;
    opacity: 1;
}
.image_heading_content {
    position: absolute;
}
.image_heading h1, .image_heading h4 {
    margin: 0 0 0 -100%;
    -webkit-transition: margin 0.5s, opacity 0.2s;
    transition: margin 0.5s, opacity 0.2s;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    max-width: 1170px;
    opacity: 0;
    font-size: 33px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #4d4d4d;
}
.image_heading h1 {
    color: #841439;
}
.sp_member_addon .sp-member-addon-back .sppb-member-title {
    font-weight: bold !important;
}
#sp-main-body #sp-page-builder .text-below .icon p {
    color: #841439;
    font-weight: 400;
}
#sp-main-body #sp-page-builder .sppb-member-details-holder .sppb-member-title {
    font-weight: 400 !important;
}
/* ZT:: New class for Titles: .title-padded . Ttitles were going to the edges!*/
#sp-page-builder .narrow-flipper.title-padded .sppb-member-title {
    padding: 0 13px !important;
}
.sppb-addon-button-group .text-below.sap-icon i:before {
  content: "" !important;
}
.sppb-addon-button-group .text-below.sap-icon i {
  background: url("https://www.msggroup.com/images/msggroup/hompageicons/sap_white80.png") no-repeat scroll center center !important;
}
.sppb-addon-button-group .text-below.sap-icon:hover i {
  background: url("https://www.msggroup.com/images/msggroup/hompageicons/sap_red80.png") no-repeat scroll center center !important;
}

.sppb-addon-button-group .text-below.sap-icon {
  padding:3px 0 0 0!important;
}

@media (max-width: 767px) {
    .image_heading h1, .image_heading h4 {
     font-size: 26px !important;
    }
}

.sppb_slideshow_wrapper .lowertext h1 {
    text-transform: none;
}

/* homepage paralax block */

.sppb-section.sppb_slideshow_wrapper .sppb-addon-content {
    font-size: 58px;
}
.sppb-section.sppb_slideshow_wrapper h1 {
    font-size: 100%;
}
.sppb-section.sppb_slideshow_wrapper h3 {
    font-size: 48.276%;
    color: #841439;
    margin-bottom: inherit;
}
.sppb-section.sppb_slideshow_wrapper h3 {
    font-size: 31.034%;
}
@media (max-width: 767px) {
	.sppb-section.sppb_slideshow_wrapper h1 {
	    font-size: 80%;
	}
	.sppb-section.sppb_slideshow_wrapper .sppb-addon-content {
	    text-align: center;
	}
}
/*OA:: CHange needed to 480 px*/
@media (max-width: 500px) {
	.sppb-section.sppb_slideshow_wrapper h1 {
	    font-size: 65%;
	}
}

/* Page: Standorte */

.address_accordion {
    font-size: 15px;
}
#sp-page-builder .address_accordion .sppb-addon-title {
    font-weight: 800 !important;
    font-size: 30px !important;
    margin-bottom: 35px;
}
.address_accordion .sppb-addon-title:after {
    background: none;
}
.address_accordion strong {
    font-weight: 400;
}
.address_accordion table.map-link {
    color: #841439;
    font-size: 16px;
    margin-bottom: 10px;
}
.address_accordion .icon.fa-map-marker:before {
    font-size: 36px;
    color: #841439;
}
.address_accordion .icon:before {
    font-family: FontAwesome;
}
.address_accordion .icon {
    width: 42px;
    text-align: center;
}
.address_accordion table {
    margin-bottom: 20px;
}
.address_accordion .sppb-panel .sppb-panel-body {
    padding-bottom: 0 !important;
}

/*INEX24 Kontakt h2 */
.inex24 form#msg-kontakt h2 {
    color: #0e6494;
}

.my-msg-module p {
    margin: 0;
}
.my-msg-module {
    font-size: 34px;
    font-weight: 800;
    line-height: 110px;
    margin-top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
body.sticky-active .my-msg-module {
    font-size: 28px;
    line-height: 60px;
}

@media (max-width: 600px) {
    body.my-msg #sp-logo {
        width: 150px;
    }
    .my-msg-module {
        font-size: 28px;
    }
}
@media (max-width: 400px) {
    .my-msg-module {
        font-size: 17px;
    }
    body.sticky.sticky-active .my-msg-module {
        font-size: 17px;
    }
}

/* ZT:: Spceific Accordion styles */
.acco-h3 .sppb-panel-group .sppb-panel-body h3 {
    margin-top: 50px !important;
    color: #4d4d4d;
    font-size: 21px !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 35px !important;
    position: relative;
}

/* OA:: IoT - list icon */
.iot-loyality .ibc-vorteile div[id^='column-id-']:before {
    content: "\f067";
    font-family: fontawesome;
}

/*.sigProCaption {
	font-family: Open Sans !important;
	font-size: 13px !important;
}
.sigProPseudoCaption {
	background: transparent;
    background-color: transparent;
}
ul.sigProElegant li.sigProThumb a.sigProLink:hover {
	color: #333 !important;
}
.sigProImg {
	margin-bottom: 36px !important;
}*/

/*OA:: loyalty reward flipper*/

.loyalty-reward .bigger-flipper .flipper h3 {
    line-height: 34px;
}
.loyalty-reward .bigger-flipper .flipper .sp-member-desc ul {
    font-size: 18px;
    line-height: 24px;
}

.bigger-text-flipper .sp-member-desc>ul {
    font-size: 14px !important;
}
.center-flipper-title .title-inside .sppb-member-details-holder,
.bigger-text-flipper .title-inside .sppb-member-details-holder {
	height: 381px;
}

.checkboxes article.item-page ul li:before,
.checkboxes .sppb-panel-body ul li:before,
.checkboxes .sppb-addon-text-block ul li:before {
	content: "\f046";
	font-size: 14px;
}

/* Kontakt Mods */

.contact-mod p {
    margin-bottom: 16px;
}
.contact-mod ul {
    list-style: none;
    padding-left: 0;
}
.contact-mod strong {
    font-weight: normal;
    color: #841439;
}
.contact-mod i.fa {
    margin-right: 5px;
}

/* --------------------->> NAVIGATION AND BUTTONS<<----------------------*/

/* ZT:: Insurance sec. menu adjustments */
.dj-megamenu.insurance li.itemid1225, .dj-megamenu.insurance li.itemid719 {
	margin-bottom: 20px;
}

/* Flipper with button-modals tweak */
.jobstories .logos .full-color.flipper-mod .back .sp-member-desc .button a.modal {
    position: static;
}

/* Navigation column widths */

.sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row > div {
    width: 280px;
}
.sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row div:first-child {
    width: 280px;
}
.sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row div:last-child {
    width: 260px;
}
.en-gb .sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row > div {
    width: 290px;
}
.en-gb .sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row div:first-child {
    width: 280px;
}
.en-gb .sp-megamenu-parent .main-menu .sp-dropdown .sp-dropdown-inner .row div:last-child {
    width: 260px;
}

/*Button */

#sp-main-body #sp-page-builder .text-below.red a.sppb-btn:hover {
    background-size: 0% 0% !important;
    color: #841439 !important;
    border: 1px solid #dadada !important;
}
#sp-main-body #sp-page-builder .text-below.white a.sppb-btn:hover {
    color: #fff !important;
}
/* hover - red to white */
#sp-main-body #sp-page-builder .text-below.red a.sppb-btn {
    background-size: 100% 100% !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
#sp-main-body #sp-page-builder .text-below.red a.sppb-btn:hover {
    background-size: 0% 0% !important;
    color: #841439 !important;
    border: 1px solid #dadada !important;
}
#sp-main-body #sp-page-builder .text-below a.sppb-btn {
    background: transparent url("/templates/msg/images/button_background.png") no-repeat scroll center center / 0 0 !important;
    border: 1px solid #dadada !important;
    border-radius: 100px !important;
    color: #dadada !important;
    display: table !important;
    height: 200px;
    margin: 18px auto !important;
    text-align: center !important;
    -webkit-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
    width: 200px;
}
#sp-main-body #sp-page-builder .text-below a.sppb-btn p {
    color: #841439 !important;
}
#sp-main-body #sp-page-builder .text-below a.sppb-btn:hover {
    background-size: 100% 100% !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
#sp-main-body #sp-page-builder .text-below a.sppb-btn i {
    display: table-cell !important;
    float: none !important;
    font-size: 58px;
    margin: 0 !important;
    vertical-align: middle !important;
}
#sp-main-body #sp-page-builder .text-below.unlink a.sppb-btn {
    /* pointer-events: none; */
    cursor: default;
}
#sp-main-body #sp-page-builder .text-below a.sppb-btn i {
    display: table-cell !important;
    float: none !important;
    font-size: 58px;
    margin: 0 !important;
    vertical-align: middle !important;
}
#sp-main-body #sp-page-builder .white a.sppb-btn i {
    color: #841439;
}
#sp-main-body #sp-page-builder .white a.sppb-btn:hover i {
    color: #fff;
}
#sp-main-body #sp-page-builder .text-below.unlink a.sppb-btn p {
    color: #841439;
    font-weight: 400;
}

/* VR APP page style */

body.vr-app .app-icons a img {
    -webkit-transition: opacity 0.4s;
    transition:opacity 0.4s;
    opacity: 0.7;
    display: inline-block;
}
body.vr-app .app-icons a:hover img {
    opacity: 1;
}

/* roadmap box */

#sp-main-body .theme .sppb-addon-feature .sppb-addon-text .sppb-btn.roadmap-link {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #fff !important;
    color: #fff !important;
}
#sp-main-body .theme .sppb-addon-feature .sppb-addon-text .sppb-btn.roadmap-link:hover {
    background: #fff;
}

@media (min-width: 992px) {
    .smaller-size-icon .text-below a.sppb-btn {
        width: 160px !important;
        height: 160px !important;
    }
    .smaller-size-icon .text-below a.sppb-btn i {
        font-size: 52px !important;
    }
}

/*INEX24 Main Menu */

.inex24 .main-menu {
    display: none !important;
}
.inex24 #sp-header .sp-megamenu-parent > li:hover > a {
    border-top: 3px solid #0e6494;
    color: #0e6494;
}
.inex24 li.item-574 {
    display: none !important;
}
.inex24 #offcanvas-toggler {
    display: none !important;
}

/*INEX24 Primary Button #cbox */

.inex24 #cboxLoadedContent .btn-primary {
    background: #0e6494 !important;
    border: 1px solid #0e6494 !important;
}
.inex24 .btn-default,
.inex24 #sp-main-body .sppb-btn-default,
.inex24 #sp-main-body .sprocket-tables-link .readon {
    color: #0e6494!important;
    border: 1px solid #0e6494!important;
}

/*INEX24 Info Button */
.inex24 a.sppb-btn-info:hover {
    color: #0e6494 !important;
}

/*INEX24 Links */
.inex24 a {
    color: #e7b056;
}

/*INEX24 Footer Menu - Impressum */

#sp-footer2 ul.menu li.item-1194 {
    display: none;
}
.inex24 #sp-footer ul.menu li.item-333{
    display: none;
}
.inex24 #sp-footer2 ul.menu li.item-1194 {
    display: inline-block;
}
.inex24 #cboxClose {
    display: none;
}
.inex24 #cboxOverlay {
    background: #0e6494;
}

body.my-msg #sp-menu .sp-megamenu-wrapper,
body.my-msg #sp-helpermenu {
    display: none;
}

/* ------------------------>> FORMS <<------------------------*/

/* VR App Quiz form */

#vrapp .formControlLabel {
    display: none;
}
#vrapp .rsformVerticalClear {
    position: relative;
}
#vrapp .formControls {
    margin: 0;
}
#vrapp  fieldset {
    min-height: 280px;
}
#vrapp .formControls .formBody p {
    line-height: 32px;
    margin: 15px 0;
    padding-left: 45px;
}
#vrapp .formControls .formBody p input {
    display:none;
}
#vrapp label {
    margin-top: 2px;
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 3px;
    left: 2px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(132, 20, 57, 1);
    box-shadow: 0px 0px 0px 2px rgba(132, 20, 57, 1);
}
#vrapp input[type=radio]:checked + label {
    background: #841439;
}
br[data-mce-bogus="1"] {
    display: none;
}
#vrapp .rsform-block-true,
#vrapp .rsform-block-false {
    font-weight: 700;
    color: #841439;
    font-size: 20px;
}

/* Main Contact form */

.full-color .flip-container .front .sppb-member-details-holder {
    height: 390px;
}
.jobstories.logos .sp_member_addon .sp-member-addon-back .sp-member-desc > p:empty {
    display: none;
}
.diligence-flippers .sp_member_addon .sp-member-addon-back .sp-member-desc p {
    font-style: normal;
}
@media (min-width: 1200px) {
    /* .logos.full-color .flip-container .front .sppb-member-details-holder {
        height: 350px;
    } */
    .jobstories.logos .sp_member_addon .sp-member-addon-back .sp-member-desc > p {
        padding-top: 0;
    }
}

/* ----------------------->> EXTRAS <<------------------------*/

/* Image slider */
/*OA:: change needed maybe*/
@media (max-width: 599px) {
    .sppb_slideshow_wrapper  h3 {
        font-size: 18px;
    }
}
/*OA:: prev value was 356px*/
@media (max-width: 360px) {
    .sppb_slideshow_wrapper h3 {
        font-size: 15px;
    }
}
@media (max-width: 307px) {
    .sppb_slideshow_wrapper h3 {
        font-size: 12px;
    }
}
@media (max-width: 307px) {
    .sppb_slideshow_wrapper h3 {
        font-size: 10px;
    }
}

/* Narrow flipper */

.narrow-flipper .flipper {
    max-width: 237px;
}
.narrow-flipper .flipper .back .sp-member-desc {
    font-size: 14px;
}
.narrow-flipper .flipper .front .sppb-member-details-holder .sppb-member-title {
    text-transform: uppercase;
    font-weight: bold;
}

/* Flipper with title with radius */
.radius-title .flipper,
.narrow-flipper .flipper{
    margin: auto !important;
}

/* Flipper with title inside */
.title-inside .sp-member-addon-front{
    padding-bottom: 0px;
}

/* Flipper with button-modals tweak */

@media (max-width: 991px){
    .jobstories.logos.full-color.flipper-mod .front .sppb-member-details-holder {
        height: 290px !important;
    }
}
@media (max-width: 767px){
    .jobstories.logos.full-color.flipper-mod .front .sppb-member-details-holder {
        height: 390px !important;
    }
}

#cboxContent #cboxPrevious, #cboxContent #cboxNext, #cboxContent #cboxCurrent {
    display: none !important;
}

/* BiPRO Flipper */
/* DL:: Adds + and = signs before Flippers title */
.title-with-pseudo-plus .sppb-member-details-holder .sppb-member-title:before {
    position: absolute;
    left: 22px;
    margin-top: 3px;
    content: '+';
    font-size: 35px;
}
.title-with-pseudo-equal .sppb-member-details-holder .sppb-member-title:before {
    position: absolute;
    left: 30px;
    margin-top: 3px;
    content: '=';
    font-size: 35px;
}
/* DL:: Adds + and = signs above Flippers title */
@media (max-width: 991px) {
  .title-with-pseudo-plus .sppb-member-details-holder .sppb-member-title:before {
      position: relative;
      display: block;
      left: auto;
      margin: 0 0 20px 0;
      content: '+';
      font-size: 35px;
  }
  .title-with-pseudo-equal .sppb-member-details-holder .sppb-member-title:before {
      position: relative;
      display: block;
      left: auto;
      margin: 0 0 20px 0;
      content: '=';
      font-size: 35px;
  }
}

/* Public Sector - kundenmagazin */
/*OA:: change needed to 700px http://cl--msg-group.dev.msg.team/public-sector/kundenmagazin */
@media (max-width: 640px) {
    .magazin-item .sppb-row > div {
        width: 100%;
        position: unset;
    }
    .magazin-item .sppb-row > div:first-child {
        margin-bottom: 25px;
    }
    .magazin-item {
        position: relative;
        padding-top: 70px;
    }
    .magazin-item .magazin-header {
        position: absolute;
        top: 0;
    }
    .magazin-item .magazin-header h6.sppb-addon-title {
        margin-bottom: 5px;
    }
}

/*VR APP page style*/

body.vr-app-info .sppb_slideshow_wrapper .sppb_slideshow .slide_content {
    position:relative;
}
body.vr-app-info .sppb_slideshow_wrapper .slide_icon {
  position: absolute;
  right: 0;
  top: -80%;
  display:block;
  margin-right: 10%;
}
@media (max-width: 1199px) {
    body.vr-app-info .sppb_slideshow_wrapper .sppb_slideshow .slide_content div > .slide_icon {
        max-width: 15%;
        top: -40%;
    }
}

@media (max-width: 991px) {
    body.vr-app-info .sppb_slideshow_wrapper .sppb_slideshow .cameraContents {
        display: inherit;
    }
    body.vr-app-info .sppb_slideshow_wrapper .sppb_slideshow .slide_content div > * {
        display: none;
    }
    body.vr-app-info .sppb_slideshow_wrapper .sppb_slideshow .slide_content div > .slide_icon {
        display: block;
        position: relative;
        max-width: 20%;
        margin:0 auto;
    }
    body.vr-app-info .sppb_slideshow_wrapper .mobile_slider .slide_content div > img {
        display: none;
    }
}

@media (max-width: 767px) {
    body.vr-app .app-logo img {
        max-width: 180px;
    }
    body.vr-app h1 {
        font-size: 38px;
        letter-spacing: 3px;
    }
    body.vr-app h3 {
        font-size: 20px !important;
        letter-spacing: 2px;
        line-height: 26px;
    }
}

/* roadmap box */

.roadmap-box .sppb-addon-content {
    height: 100%;
    min-height: 140px;
}
.roadmap-box .sppb-addon-text {
    display: table;
    text-align: center;
    height: 100%;
    min-height: 140px;
    width: 100%;
    position: relative;
}
.roadmap-box .sppb-addon-text p {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}


/*INEX24 Slider */

.inex24 .sppb_slideshow_wrapper h3 {
    color: #0e6494;
}
.inex24 .sppb_slideshow_wrapper h1 {
    color: #083150;
}

/*INEX24 Search */

.inex24_search {
    display: none !important;
}
.inex24 .google_search {
    display: none !important;
}
.inex24 .inex24_search {
    display: inline-block !important;
}

/*INEX24 Modals */

.inex24-kontakt {
    display: none !important;
}
.inex24 .contactlink {
    display: none;
}
.inex24 .inex24-kontakt {
    display: inline-block !important;
}
.sp-member-desc .sppb-btn.sppb-btn-info.sppb-btn-sm.modal.modal_link.cboxElement {
    position: static;
}
.sppb-btn.sppb-btn-sm.modal {
    position: static;
}

/*INEX24 Checkbox */

.inex24 #cboxLoadedContent .rsform-block-i-agree input[type=checkbox]:checked + label {
    background: #e7b056;
}
.inex24 #cboxLoadedContent .rsform-block-i-agree label {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(231, 176, 86, 1);
    box-shadow: 0px 0px 0px 2px rgba(231, 176, 86, 1);
}


/*INEX24 Scroll to Top */

.inex24 #scrollToTop {
    background: #0e6494 none repeat scroll 0 0 !important;
    border: solid 1px #0e6494;
}
.inex24 #scrollToTop:hover {
    color: #0e6494 !important;
    background: #fff none repeat scroll 0 0 !important;
}

/*INEX24 List - Impressum / Datenschutz */

.inex24 li:before{
    color:#0e6494 !important;
}

/*INEX24 Cookies */

.inex24 #sp-cookie .jb.accept {
    color: #0e6494 !important;
    border: 1px solid #0e6494 !important
}
.inex24 #sp-cookie .jb.accept:hover{
    color: #4d4d4d !important;
    border: 1px solid #4d4d4d !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background: none !important;
}

/* BPC Flippers */

@media (min-width: 992px) {

     /* BPC Flippers FIX */
    .diligence-flippers {
        margin-bottom: 10px;
    }
    .diligence-flippers .sppb-container-inner {
        max-width: 700px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

     /* BPC Flippers FIX */
    .diligence-flippers .sppb-container-inner {
        max-width: 460px;
        margin: 0 auto;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    .full-color.flipper-mod .flip-container .front .sppb-member-details-holder {
        height: 390px !important;
    }
    .jobstories.logos.full-color .flip-container .front .sppb-member-details-holder {
        /* height: 280px!important; */
    }
    .jobstories.logos.full-color .flip-container .front .sppb-member-details-holder .sppb-member-title {
        font-size: 12px !important;
    }
    .jobstories.logos .sp_member_addon .sp-member-addon-back .sp-member-desc > p {
        padding-top: 0;
        font-size: 11px !important;
        line-height: 1.4;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .jobstories.logos.full-color.flipper-mod .front .sppb-member-details-holder {
        height: 360px !important;
    }
}
/*@media (min-width: 410px) {
    #sp-bottom2.newsAndLogo .sp-column{column-count:1;}
    #sp-bottom2.newsAndLogo .sp-module.footerfeed{width: 50%;columns}
    #sp-bottom2.newsAndLogo .sp-module.footerfeed{float: left;}

    #sp-bottom2.newsAndLogo .sp-module.bmod-logo{display: block;float: right;width: 50%;text-align: center;}
    #sp-bottom2.newsAndLogo .sp-module.bmod-logo .sp-module-content .custom.bmod-logo img{display: inline-block;margin:-20px 0 0;}
    #sp-bottom2.newsAndLogo .sp-module.bmod-logo + .sp-module.b2-mod-lang{float: right;width: 50%;text-align: center;}
}
@media (max-width: 410px) {
    #sp-bottom2.newsAndLogo .sp-column{column-count:1;}
    #sp-bottom2.newsAndLogo .sp-module.footerfeed{width: 100%;columns}
    #sp-bottom2.newsAndLogo .sp-module.footerfeed{float: none;}
    #sp-bottom4 .sp-module.bmod-logo .sp-module-content .custom.bmod-logo img { padding: 20px 20px 20px 0; }
}
#sp-bottom2.newsAndLogo .footerfeed ul.srfrList {
    display: inline-block;
}*/
@media (max-width: 767px) {
    #sp-bottom2.newsAndLogo {
        width: 100%;
    }
    #sp-bottom4.logoAndNews {
        margin-top: 35px;
    }
    #sp-bottom4.logoAndNews .bmod-logo img {
        padding: 20px 20px 20px 0 !important;
    }
}

/*OA:: inner padding of icon circles*/
.sppb-addon-icon-group .icon-button .background{
    padding: 5px;
}

/* only for my-msg page icons */
body.my-msg #sp-main-body #sp-page-builder .zoom-in .icon {
    display: inline-block;
    margin: 0 25px 25px 25px;
}

/* ZT:: PnC Specific styles */

.contact-mod-round .custom img {
    display: inline-block;
    border-radius: 100%;
}
@media (min-width: 1000px) {
    .contact-mod-round {
        max-width: 280px;
        margin: 0 auto;
    }
    .pnc-producte-icons {
        width
    }
}
@media (max-width: 991px) {
    .pnc-producte-icons .icon_container {
        width: 260px !important;
    }
}

/* These bellow could go to main CSS - _TYPO section */

.white-text,
.white-text a {
    color: #fff !important;
}
#sp-main-body .btn-white-border {
    border: 1px solid #fff !important;
}
#sp-main-body .btn-white-text {
    color: #fff !important;
}

/* EJ:: SP Simple Portfolio -moz- backside not visible fix */

.pnc-portfolio {
    margin-bottom: 75px;
}
.pnc-portfolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    opacity: 1 !important;
}
.pnc-portfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .itemPlaceholder .itemImg.isFa i.fa {
    font-size: 65px !important;
}
.sp-menu-item.pnc-kontakt {
    display: none;
}
body.pnc #sp-helpermenu .item-574 {
    display: none;
}
body.pnc .sp-menu-item.pnc-kontakt {
    display: inline-block !important;
}
body.pnc .sp-menu-item.contactlink {
    display: none;
}
#sp-helpermenu .item-1339 {
    display: none;
}
@media screen and (max-width: 991px) {
    body.pnc .sp-menu-item.pnc-kontakt {
        display: none !important;
    }
    body.pnc #sp-helpermenu .item-1339 {
        display: inline-block !important;
    }
}

/* ZT:: Coppied the sigpro styles from msgto.css */
/* gallery */

.sigProContainer li.sigProClear:before {
  display: none;
}
article.item-page .sigProContainer .sigProThumb {
    width: 33.3333% !important;
}

/* ZT:: IBC Styles */

.ibc-flippers .sp-member-addon-front .sppb-member-image-holder > img {
    opacity: 0;
    visibility: hidden;
}
.ibc-flippers .sp-member-addon-back.back{
    background: #4d4d4d;
}
#sp-main-body #sp-page-builder .ibc-flippers .sppb-member-details-holder .sppb-member-title {
    vertical-align: bottom;
    color: #801439;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 19px;
}
#sp-main-body #sp-page-builder .ibc-flippers .sppb-member-details-holder .sppb-member-title i.fa {
     width: 80px;
    height: 80px;
    line-height: 80px;
    color: #6f6f6f;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -40px;
    font-size: 80px
}
#sp-main-body #sp-page-builder .ibc-flippers .sp-member-addon-back header + div {
    display: table;
}
#sp-main-body #sp-page-builder .ibc-flippers .sp-member-addon-back header + div > .sp-member-desc {
    display: table-cell;
    vertical-align: middle;
}
.ibc-vorteile .sppb-addon .sppb-addon-content p {
    margin-bottom: 0;
}
.ibc-vorteile div[id^='column-id-'] {
    padding: 40px 20px 40px 90px;
    position: relative;
    transition: background-color .3s ease-in, color .3s ease-out;
    display: table;
    height: 100%;
}
.ibc-vorteile div[id^='column-id-']:before {
    content: "\f046";
    font-family: fontawesome;
    width: 50px;
    height: 50px;
    left: 25px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    color:#fff;
    transition: all .2s ease-out 0s;
}
.ibc-vorteile div[id^='column-id-']:hover, .ibc-vorteile div[id^='column-id-']:focus {
    background: #801439;
    color: #fff;
}
.ibc-vorteile div[id^='column-id-']:hover span, .ibc-vorteile div[id^='column-id-']:focus span {
    color: #fff !important;
}
.ibc-vorteile div[id^='column-id-']:hover:before {
    margin-top: -30px;
}
.ibc-vorteile .sppb-addon-content {
    font-size: 15px;
}
.ibc-vorteile .sppb-column .sppb-column-addons {
    display: table-cell;
    vertical-align: middle;
}
.text-quoted {
    font-style: italic;
    font-size: 20px;
}
.text-quoted:before {
    content: '„';
}
.text-quoted:after {
    content: '“';
}
.text-quoted:before, .text-quoted:after {
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    font-family: Georgia, serif;
    font-weight: 600;
    padding: 0 7px;
}
.digitale-boxes .reporting-box .sppb-addon {
    margin: 0 auto;
}

/* ZT:: Consulo Styles: https://www.msg.group/consulo */

body.consulo #sp-bottom{
    display: none!important;
}
@media screen and (min-width: 769px) {
        body.consulo #sp-footer{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

/* ZT:: END Consulo styles */

@media screen and (min-width: 992px) {
    #sp-main-body #sp-page-builder .ibc-flippers .sppb-row-container {
        width: 820px;
    }
    .digitale-boxes > .sppb-row-container {
        width: 800px;
    }
    .digitale-boxes .reporting-box {
        width: 100%;
    }
    .ibc-vorteile .sppb-col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
    .ibc-vorteile .sppb-col-md-4:nth-child(1) {
        padding-left: 30px;
    }
    .ibc-vorteile .sppb-col-md-4:nth-child(3) {
        padding-right: 30px;
    }
}
@media screen and (max-width: 991px) {
    .ibc-vorteile > .sppb-row-container {
        width: 100%;
        padding: 0;
    }
    .ibc-vorteile > .sppb-row-container > .sppb-row {
        flex-direction: column;
    }
    .ibc-vorteile div[id^='column-id-'] {
        padding: 40px 50px 40px 90px;
        width: 100%;
    }
    .ibc-vorteile div[id^='column-id-']:hover:before {
        top: 50%;
        margin-top: -25px;
    }
}

@media (max-width: 991px) {
    article.item-page .sigProContainer .sigProThumb {
        list-style-type: none;
        width: 50% !important;
        /*float:left!important;*/
    }
}
@media (max-width: 767px) {
    article.item-page .sigProContainer .sigProThumb {
        float: none !important;
    }
}
@media (max-width: 600px) {
    article.item-page .sigProContainer .sigProThumb {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
	.open-innovation .sigProContainer .sigProThumb {
		width: 20% !important;
	}
}


/* OA::test- icon groups*/
.ihre-themen-v2 .sppb-addon-icon-group .icon-button .background {
    background-color: #fff;
}

.ihre-themen-v2 span.title {
	color: #841439;
}

.ihre-themen-v2 .sppb-addon-icon-group .background-transparent .icon-button {
    border: 1px solid #fff;
}

.ihre-themen-v3 .sppb-addon-icon-group .icon-button .background {
    background-color: #676767;
}

.ihre-themen-v3 span.title {
	color: #fff;
}

.ihre-themen-v3 .sppb-addon-icon-group .background-transparent .icon-button {
    border: 1px solid #fff;
}


.ihre-themen-v4 .sppb-addon-icon-group .animated .icon-button:hover i img {
    opacity: 0.8;
    filter: blur(1px);
    -webkit-filter: blur(1px);
}
.ihre-themen-v4 .sppb-addon-icon-group .icon-button .background {
    background-color: rgba(255, 255, 255, 0.3) !important;
}
.ihre-themen-v4 span.title {
	color: #841439;
}
@media (min-width: 992px) {
	.cookhouse-lab-section img.sppb-img-responsive {
		width: 220px;
	}
	.cookhouse-lab-section .sppb-addon-text-block {
		font-size: 13px;
	}

	.cookhouse-lab-section ul li {
		margin-bottom: 6px;
	}
}