html {
  scroll-behavior: smooth;
}

/* 
	ROT: #892034
		 137, 32, 52
		 
	BLAU: #1b3281
		  27, 50, 129
		  
	GRAU: #9b9b9b
		  155, 155, 155
 */
 h1,
 h2,
 h3,
 .hero-section .sppb-addon-title.animated-heading-text{
	font-family: Arial, Helvetica, sans-serif !important;
 }
 
 a{
	 color:rgb(137, 32, 52);
}

.sp-page-builder .page-content #section-id-1542709301800 {
  height: 700px;
}

/*  .hero-section::before,
 .sppb-img-responsive{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
 } */
 
/*  #sp-bottom-top .sppb-img-responsive{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
 } */

/* Änderung von Legal Überschrift im Footer */
#sp-bottom3 h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
/*  font-family: "Poppins" !important;*/
}


b, strong {
  font-weight: 700;
}

 #sp-logo{
	 flex: 0 0 30%;
	 max-width: 30%;
 }
 #sp-menu1{
	 flex: 0 0 55%;
	 max-width: 55%;
 }
 #sp-menu2{
	 flex: 0 0 10%;
	 max-width: 10%;
	 padding-top:30px;
 }
 
@media screen and (max-width: 1200px){
	 #sp-logo{
		 flex: 0 0 30%;
		 max-width: 30%;
	 }
	 #sp-menu1{
		flex: 0 0 58%;
		max-width: 58%;
	 }
	 #sp-menu2{
		 flex: 0 0 12%;
		 max-width: 12%;
	 }
}

@media screen and (max-width: 990px){
	 #sp-logo{
		 flex: 0 0 550%;
		 max-width: 50%;
	 }
	#sp-menu1{
		 flex: 0 0 50%;
		 max-width: 50%;
	 }
	 #sp-menu2{
		display:block !important;
		 flex: 0 0 0%;
		 max-width: 0%;
	}
	 #sp-header .logo .logo-image{
		 margin-top:0px;
	 }
	 .mod_jmg_sidebar_wrapper.mod_jmg_sidebar_overlap{
		 top:120px;
	 }
}

@media screen and (max-width: 545px){
	#sp-logo .logo-image{
		height:auto !important;
		margin-top:5px !important;
	}
}

#offcanvas-toggler .icon-bar span,
#offcanvas-toggler:hover .icon-bar span,
#offcanvas-toggler .icon-bar:hover span,
#offcanvas-toggler .icon-bar span:hover{
		border-color:#892034;
}

.net4you_button{
	background-color:rgb(137, 32, 52) !important;
}
.net4you_button:hover{
	cursor:pointer;
}

.hero-section{
	background-attachment:scroll !important;
	background-image:none !important;
}
.hero-section::before{
	background-image: url(/images/header_images/mechatronic_cleanroom_v3.jpg);
	background-position: 100% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
/*
.we-can-handle-it .hero-section::before{
	background-image: url(/images/header_images/mechatronic_cleanroom_v2.jpg);
}
.we-can-handle-it .hero-section{
  height: 500px !important;
}
.our-solutions .hero-section::before{
	background-image: url(/images/header_images/mechatronic_cleanroom_v2.jpg);
}
.our-technologies .hero-section::before{
	background-image: url(/images/header_images/mechatronic_cleanroom_v3.jpg);
}
*/
.hero-section h1.sppb-addon-title{
	font-size:50px !important;
	text-shadow: 0px 0px 5px #000000;
	color:#ffffff;
}
.hero-section p.sppb-addon-title{
	color: rgb(137, 32, 52);
	font-size:35px;
	line-height:35px;
	padding:8px !important;
	text-align:left;
}

#sp-logo .logo-image{
	height:70px;
	background-color: #fff;
	/* box-shadow: 0px 0px 10px #d2d2d2; */
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
	margin-top:0px;
}

#sp-header.header-sticky #sp-logo .logo-image{
	height:70px;
	margin-top:0px;
	padding:0px;
	box-shadow:none;
}

#sp-header .sp-megamenu-parent{
	float:left;
}


#sp-top-bar{
	background: rgba(84, 84, 84, 0.8);
}
.hero-feature-list-wrap{
	background: rgba(137, 32, 52, 0.51);
}
/* Ausblenden der Subheadline lt. Wunsch von Detterbeck vom 02.06.2020 */
.hero-feature-list-wrap{
  height: 130px !important;
  margin-top: -130px !important;
  padding-bottom: 30px !important;
}
.hero-feature-list-wrap h3,
.hero-feature-list-wrap h4{
	font-size:18px;
}
.hero-feature-list-wrap h4{
	
}
#sp-bottom-top #sp-bottom-top1 .sp-module ul li a:hover,
#sp-bottom .sp-module a:hover{
	color:rgb(137, 32, 52) !important;
	text-decoration:none;
}
#sp-bottom-top #sp-bottom-top1 .sp-module ul{
	display:inline;
	line-height:50px;
}
#sp-bottom-top #sp-bottom-top1 .sp-module ul li{
	list-style:none;
	float:left;
	margin-right:20px;
}

.hero-feature-list-wrap{
	border-top:none;
}
.hero-feature-list-wrap .sppb-img-responsive{
	max-width:77px;
}
.hero-feature-list-wrap a{
	color:#ffffff;
}
.hero-feature-list-wrap .sppb-addon-header .sppb-addon-title{
	color: rgb(227, 230, 236);
}
.home-page .hero-feature-list-wrap .sppb-addon-header .sppb-addon-title{
	margin-top:30px !important;
	font-size:20px !important;
}
#sp-header #sp-logo{
	text-align:left !important;
}
#sp-header.header-sticky{
	background: rgb(255,255,255);
}
#sp-header {
    /* border-bottom:6px solid rgb(137, 32, 52); */
	border-bottom:none;
	background: rgb(255,255,255);
}
#sp-menu1 .sp-megamenu-parent > li:first-child {
	display:none;
}
.header_animationtitle1 .animated-text-words-wrapper{
	color:rgb(137, 32, 52) !important;
}
.sp-megamenu-parent > li > a{
	color:#252525 !important;
}
.sp-megamenu-parent > li > a:hover{
	color:rgb(137, 32, 52) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: rgb(137, 32, 52) !important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: rgb(137, 32, 52) !important;
}
.sp-megamenu-parent > li.active:hover > a::before, .sp-megamenu-parent > li.active > a::before {
    background-color: rgb(137, 32, 52);
}

.sppb-addon-divider-wrap .link-color-opt3 {
    border-bottom-color: rgba(137, 32, 52, 0.3) !important;
}
.sppb-addon-divider-wrap .link-color-opt4 {
    border-bottom-color: rgb(255, 255, 255) !important;
}
.sppb-btn.sppb-btn-link {
    color: rgb(137, 32, 52);
}
.secondary-color {
    background-color: rgba(0, 0, 0,0);
}
.animated_number_section{
	width:100%;
}
.animated_number_section .sppb-addon-content{
	width:100%;
}
.animated_number_section .sppb-animated-number::before{
	font-size:14px;
	color:#ffffff;
}
.animated_number_section .sppb-addon-animated-number > .sppb-addon-content .sppb-animated-number {
    color: #ffffff;
	font-size:30px !important;
	line-height:40px !important;
	margin-top:13px;
}
.animated_number_section .sppb-addon-animated-number > .sppb-addon-content .sppb-animated-number-title {
    margin-left: 0px;
	font-size:18px !important;
	width:100%;
	max-width:100%;
	text-align:center;	
	margin-top:0px !important;
}
.animated_number_section .number_item{
	height:130px;
}
#sp-bottom4 .sppb-addon-text-block .sppb-addon-content a:last-child {
    color: #545561;
    text-decoration: none;
}
.hero-section .animated-heading-before-part{
	text-shadow:0px 0px 5px #000000;
}
.animated-heading-text.text-clip .animated-text {
    /* background-color: rgba(255,255,255,0.6); */
	/* background-color:rgb(137, 32, 52); */
	color:rgb(137, 32, 52);
    padding: 8px;
    font-size: 35px;
    line-height: 35px;
	/* text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black; */
}

#sp-bottom-top .container-inner {
    border-bottom: 1px solid rgb(137, 32, 52);
}
#sp-footer {
    border-top: 1px solid rgb(137, 32, 52);
}
#sp-bottom p,
#sp-bottom a{
	color:rgba(255, 255, 255, 0.6) !important;
}

/* SIDEBAR */
.mod_jmg_sidebar_wrapper.mod_jmg_sidebar_anim_slide.open div.mod_jmg_sidebar_body{
	background-color:#e9e9e9;
}
.mod_jmg_sidebar_copyright {
	display:none;
}

.mod_jmg_sidebar_button:hover{
	cursor:pointer;
}

.flipbox_section .sppb-flipbox-panel{
	height:254px;
}
.flipbox_section .front_image{
	height: 150px;
	width: 150px;
	margin: auto;
}
/* .hero-feature-list > .sppb-column-addons {
    display: block;
} */

.subsite_header{
	min-height:1px !important;
	height:350px;
}
.subsite_subheader{
	height:171px;
}
.subsite_subheader h1{
	font-size:55px !important;
}

.sppb-panel-modern .sppb-panel-body{
	padding-left:20px;
}
.sppb-panel-modern .sppb-panel-heading,
.sppb-addon-accordion .sppb-panel:last-child .sppb-panel-heading{
	padding-left:20px;
	border-bottom: 2px solid rgba(137, 32, 52, .5);
	background-color:rgb(27, 50, 129);
	color:#ffffff;
	pointer-events:none;
}
.sppb-addon-accordion .sppb-panel-heading.active {
    border-bottom-color: rgb(137, 32, 52);
	color:#ffffff;
}
.sppb-addon-accordion .sppb-panel-body {
    border-bottom: none;
}
.sppb-addon-accordion .sppb-panel-heading.active .sppb-toggle-direction,
.sppb-addon-accordion .sppb-panel-heading .sppb-toggle-direction{
    /* color: rgb(137, 32, 52); */
	color:#ffffff;
}
#product_section .sppb-row-container>.sppb-row{
	margin-left:0px;
}
#product_section .sppb-row-container>.sppb-row>div:nth-child(2){
	padding-right:0px;
	padding-left:10px;
}
#sp-bottom-top,
#sp-bottom,
#sp-footer{
	background-color:#dfdfdf;
}
#sp-bottom-top{
	padding-top:40px;
}
#sp-bottom{
	padding-top:30px;
}
#sp-bottom .sppb-addon-title,
#sp-bottom .sp-module-title,
#sp-bottom p,
#sp-bottom a,
#sp-bottom-top a,
#sp-footer span{
	color:#484848 !important;
}
#sp-bottom .sp-module{
	margin-bottom:0px;
}

.column-link-border {
    border-color: rgb(27, 50, 129);
}

.sppb-addon.sppb-addon-wayne-corp-image .sppb-addon-single-image-container::after {
    border: 1px solid rgb(137, 32, 52);
}
.sppb-addon.sppb-addon-wayne-corp-image .sppb-addon-single-image-container .sppb-addon-image-overlay-icon {
    color: rgb(137, 32, 52);
}
.sppb-addon.sppb-addon-wayne-corp-image .sppb-addon-single-image-container::before {
    background-color: rgb(27, 50, 129);
}

#sp-top-bar{
	display:none;
}

.sp-megamenu-parent>.sp-menu-item>.sp-dropdown>.sp-dropdown-inner>.sp-dropdown-items{
	display:flex;
}
.sp-megamenu-parent>.sp-menu-item>.sp-dropdown>.sp-dropdown-inner>.sp-dropdown-items>.sp-menu-item{
	padding-left:10px;
	padding-right:10px;
	/* border-right:1px solid #000000; */
}
.sp-megamenu-parent>.sp-menu-item>.sp-dropdown>.sp-dropdown-inner>.sp-dropdown-items>.sp-menu-item a:after{
	content:'' !important;
	margin-left:0px !important;
}
.sp-megamenu-parent>.sp-menu-item>.sp-dropdown>.sp-dropdown-inner>.sp-dropdown-items>.sp-menu-item:last-child{
	border-right:none;
	padding-right:0px;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    margin-top: 30px;
    left: -10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 10px;
}

.hero-feature-list > .sppb-column-addons{
	max-width:none !important;
}

.n4y_image_content .sppb-addon-single-image .sppb-addon-single-image-container{
	width:100%;
}
.n4y_image_content .sppb-addon-single-image .sppb-addon-single-image-container img{
	width:100%;
	height:300px;
	object-fit:cover;
}

#sp-bottom-top{
	padding-top:10px;
}
#sp-bottom-top .container .container-inner{
	padding-bottom:0px;
}
#sp-bottom{
	padding-top:10px;
}
#sp-bottom .sppb-addon-title,
#sp-bottom .sp-module-title{
	margin-bottom:5px !important;
}
#sp-footer .container .container-inner{
	padding-top:10px;
	padding-bottom:10px;
}

.mod_jmg_sidebar_button img{
	max-width:75% !important;
	margin:auto !important;
}
.breadcrumb{
	background:none !important;
	padding-left:0px !important;
}
#sp-bottom-top1{
	flex: 0 0 60%;
	max-width:60%;
}
#sp-bottom-top2{
	max-width:40%;
}
#sp-bottom-top2 .sppb-addon-single-image-container{
	float:right;
}
#sp-bottom-top2 .sppb-addon-single-image-container img{
	height:70px;
}




/* Pfeil im Menü */

.sp-megamenu-parent .sp-menu-item:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 0px solid #892034;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  transition: all .5s ease-in-out;
}
.sp-megamenu-parent .sp-menu-item:hover:after {
  border-bottom-width: 22px;
}
.sp-megamenu-parent > li.menu-justify {
  position: relative;
}

/* Menü volle Breite */

.sp-megamenu-parent .sp-menu-item .sp-dropdown-mega {
  left: 0px !important;
  right: 0px !important;
  top: 80px !important;
  width: 100%;
  max-width: 100%;
  position: fixed;
  padding: 0px;
}
.sp-megamenu-parent .sp-menu-item .sp-dropdown-mega > div {
  box-shadow: none;
  background-color: #892034;
}

/* Unterpunkte nebeneinander */
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul {
  padding-left: 0px;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul li {
  list-style: none;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul li a {
  color: #fff;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul > li > ul > li > ul {
  padding-left: 20px;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul > li > ul > li > ul > li {
  list-style: square;
  color: #fff;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu {
  display: flex;
  justify-content: space-between;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu > li {
  position: relative;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu > li > a {
  font-size: 16px;
}
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu > li > a {
  border-bottom: #fff solid 2px;
  padding-bottom: 4px;
}
/*
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu > li > a:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  height: 2px;
  width: 100px;
  background: #fff;
}
*/
.menu-desktop-row .menu-desktop-col .menu-desktop-mod ul.menu > li > ul.menu-child {
  margin-top: 10px;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
/* Änderungswunsch von Detterbeck am 14.07.2020 */
/*  font-size: 18px;*/
  font-weight: 700;
}

/* Anzeige von noch nicht verlinkten Untermenüpunkten */
#sp-header #sp-menu1 ul.menu a[href="#gfgg"]::after,
.offcanvas-menu ul.menu-child a[href="#gfgg"]::after {
  font-family: "FontAwesome";
  content: " \f0ad";
  font-weight: 900;
}
a[target="_blank"]::after,
#sp-header #sp-menu1 ul.menu a[target="_blank"]::after,
.offcanvas-menu ul.menu-child a[target="_blank"]::after {
  font-family: "Font Awesome 5 Free";
  content: " \f35d";
  font-weight: 900;
}
#sp-bottom4 a[target="_blank"]::after {
  content: "";
}

/* Timeline unter History ohne Titel der einzelnen Blöcke */
.sppb-addon-timeline.history .timeline-panel .title {
  display: none;
}
.sppb-addon-timeline.history .timeline-item .timeline-date {
  font-size: 40px !important;
  color: #892034;
  font-weight: 700;
}
.sppb-addon-timeline.history .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
  text-align: initial;
}

.fa{
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}
.fas, fab{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}

.mod_jmg_sidebar_2 {
  height: 80px !important;
}

.mod_jmg_sidebar_2 .mod_jmg_sidebar_body {
  margin-top: 22px;
}

.mod_jmg_sidebar_2 .mod_jmg_sidebar_body .finder form label {
  display: none;
}

.mod_jmg_sidebar_2 .mod_jmg_sidebar_body .finder form .input-group-btn {
  margin-left: 10px;
}

.mod_jmg_sidebar_2 .mod_jmg_sidebar_body .finder form .input-group-btn input {
  width: 32px;
}


@media screen and (max-width: 767px){
  .mod_jmg_sidebar_2 {
    height: 100% !important;
  }
}

span.highlight {
  font-weight: 700;
  background-color: #892034;
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#finder-filter-window {
  display: none;
}

.js-finder-searchform .input-group .sp-input-wrap {
  width: auto;
  margin-right: 20px;
}

.js-finder-searchform .input-group .input-group-append button {
  margin-right: 20px;
  border-color: #892034;
  background-color: #892034;
}

.js-finder-searchform .input-group .input-group-append button,
.js-finder-searchform .input-group .input-group-append a {
  border-radius: 4px !important;
}

.page-item.active .page-link,
.page-item.active .page-link:hover {
  background-color: #892034;
  border-color: #892034;
  color: #fff;
}

/* Änderungen lt. Designvorgabe redbug */
.redbug1 h2,
.redbug1 h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #9e002a;
}

body.redbug1,
.redbug1 p,
.redbug1 .sppb-addon-content {
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12pt;
  color: #000;
}

.redbug1 .top-page-textbox .sppb-row-container .sppb-row .sppb-column .sppb-column-addons .sppb-addon-wrapper > div {
  background-color: #ccc;
  box-shadow: 0 0 0 0 #fff;
  border-color: #ccc;
  border-style: solid;
  border-radius: 10px;
  padding: 10px;
}

.redbug1 a.sppb-btn {
  color: #9e002a;
  letter-spacing: 1.4px;
/*  font-family: "Poppins", sans-serif;*/
}


@media screen and (max-width: 1450px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 24px;
  }
}
@media screen and (max-width: 1400px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 23px;
  }
}
@media screen and (max-width: 1360px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 22px;
  }
}
@media screen and (max-width: 1320px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 21px;
  }
}
@media screen and (max-width: 1280px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 19px;
  }
}
@media screen and (max-width: 1200px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1020px){
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 17px;
  }
}

#offcanvas-toggler.offcanvas-toggler-left {
  float: right;
}

#sp-header .logo {
  float: left;
  padding: 5px;
}

#sp-header .logo {
  padding-left: 50px;
}

#sp-bottom #sp-bottom1 {
  padding-left: 65px;
}

.social-icon-footer > div > .sppb-row {
  justify-content: flex-end;
  margin-right: 120px;
}

.social-icon-footer > div > .sppb-row > div {
  max-width: 30px;
}

@media screen and (max-width: 990px){
  #sp-bottom #sp-bottom1 {
    padding-left: 15px;
  }
  #sp-bottom #sp-bottom3 {
    margin-bottom: 50px;
  }
  .mobile-center,
  .mobile-center .sppb-addon {
    text-align: center;
  }
  .social-icon-footer > div > .sppb-row {
    justify-content: center;
    margin-right: 0px;
  }
}