@import url('et-line-font.css');
@import url('style.css');

/*add here customs*/

/* Custom AO */
body, h1, h2, h3, h4, h5, h6 {
	color: #515358;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.just-text p, .just-text li {
    text-align: justify;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.left-text p, .left-text li {
    text-align: left;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.center-text p, .center-text li {
    text-align: center;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.big p, .big li  {
	font-size: 20px;
	line-height: 34px;
}

.txt-left {
	padding-right: 15px;
}

.txt-right {
	padding-left: 15px;
}

ul.blue {
	color: #288BCB;
	margin-top: 35px;
}

h1.upper, h2.upper, h3.upper, h4.upper, h5.upper, h6.upper {
	text-transform: uppercase;
}

.sp-loader-circle, .sp-pagebuilder-page-edit {
	display: none!important;
}

#sp-header {
	padding: 0 160px;
	height: 120px;
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #14232d 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#14232d 100%);
	background: linear-gradient(to bottom,  #000000 0%,#14232d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#14232d',GradientType=0 ); /* IE6-9 */
	transition: all ease 0.5s!important;
}

#sp-logo {
	width: 12%;
}

#sp-top1 {
    float: left;
    margin-left: 0;
    width: 21%;
	color: #ffffffe8;
}
#sp-top1 .custom {
	line-height: 120px;	
	transition: all ease 0.3s;
}

#sp-top1 a {
	font-size: 15px;
	font-weight: 600;
	color: #ffffffe8;
	display: inline-block;
	line-height: 35px;
}

#sp-top1 a::after {
	display:block;
	content: '';
	border-bottom: solid 2px #E30613;  
	transform-origin: 0% 50%; 
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;	
}

#sp-top1 a:hover {
	color: #fff;
}

#sp-top1 a:hover::after {
	transform: scaleX(1);	
}

.sp-megamenu-parent > li {
	line-height: 120px;
	transition: all ease 0.3s;
}

.sp-megamenu-parent > li::before {
    display: block;
    position:absolute;
    content:" ";
    width: 0;
    height: 25px;
    border-right: 1px solid #fff;
    top: 40%;
	transition: all ease 0.3s;	
}

.sp-megamenu-parent > li:first-child::before {
	border-right: none;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 35px;
	font-size: 20px;
    font-weight: 500;
	color: #ffffffe8;
	padding: 0 40px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #fff;
}

.sp-megamenu-parent > li.active > a::after {
	transform: scaleX(1);		
}

.sp-megamenu-parent > li > a::after {
	display:block;
	content: '';
	border-bottom: solid 2px #E30613;  
	transform-origin: 0% 50%; 
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;	
}

.sp-megamenu-parent > li > a:hover::after {
	transform: scaleX(1);	
}

.sp-megamenu-parent .sp-dropdown {
	top: 75%!important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #0d171e;
	padding: 0;	
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	line-height: 25px;
	font-size: 15px;
	font-weight: 600;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	color: #fff;
	border-bottom: 1px solid #3f4548;
	padding: 10px 20px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sengin {
	border-bottom: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #E30613;
	border-bottom: 1px solid #C4121C;
}

#sp-header .logo {
	height: 100px;
	margin-top: 10px;
	transition: all ease 0.3s;	
}

#sp-header .logo img {
	transition: all ease 0.5s;
	height: auto;
}

#sp-header.menu-fixed {
	height: 70px;	
}

#sp-header.menu-fixed .logo {
    height: 50px;
    margin-top: 5px;
}

#sp-header.menu-fixed .logo img {
	height: 60px;
}

#sp-header.menu-fixed #sp-top1 .custom, #sp-header.menu-fixed .sp-megamenu-parent > li {
    line-height: 70px;
}

 #sp-header.menu-fixed .sp-megamenu-parent > li::before {
	 top: 33%;
 }
 
 #sp-page-title {
	 display: none!important;
 }

#sp-footer {
	padding: 20px 160px;
	font-size: 15px;
	background: #000000;
	background: -moz-linear-gradient(top, #05080b 0%, #000 100%);
	background: -webkit-linear-gradient(top, #05080b 0%,#000 100%);
	background: linear-gradient(to bottom, #05080b 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05080b', endColorstr='#000',GradientType=0 );	
	color: #fff;
}

#sp-page-title .container {
    padding: 0 30px;
}

.sp-menu-item.kontakt a {
	border-right: none;
}

.grecaptcha-badge {
    opacity: 0;
	left: -260px;
}

.hero h1 {
	font-size: 42px;
	font-weight: 700;
	color: #515358;	
}

.home.hero h1 {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	color: #fff;
}

.hero h2 {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 32px;	
	color: #515358;	
	font-weight: 500;
}

.home.hero h2 {
	margin-top: 25px;
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    font-weight: 700;
}

.hero .conn-cta {
	border: 2px solid #898b9126;
	padding: 10px 20px 13px 50px;
	background: #51535870;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.home.hero .conn-cta {
	border: 2px solid #fff;	
	padding: 10px 20px 13px 50px;
	background: transparent;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);	
}

.hero .conn-cta .triangle {
    position: absolute;
    left: 15px;
    margin-top: -2px;
	transition: all ease 0.3s;
}


.hero .conn-cta:hover {
	border: 2px solid #E30613;
}	

.hero .conn-cta:hover .triangle {
	filter: hue-rotate(0deg) brightness(100000%) grayscale(100%);
	transform: scale(0.91);
}

.conn-cta {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	background: #288BCB;
	padding: 20px 55px 20px 40px;
	transition: all ease 0.3s;
	display: inline-block;
}

.conn-cta i {
	font-size: 28px;
	margin-left: 13px;
	position: absolute;
	margin-top: 2px;	
}

.conn-cta.rev {
	padding: 20px 40px 20px 60px;

}

.conn-cta.rev i {
	margin-left: -22px;	
}

.conn-cta::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E30613;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);	
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	max-height: 80px;	
}

.conn-cta:hover {
	color: #fff;
	background: #E30613;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.conn-cta:active, .conn-cta:focus {
	color: #fff;
}

.conn-cta:hover::before {
	-webkit-transform: scaleX(1.01);
	transform: scaleX(1.01);	
}

.scroller {
	width: 180px;
	text-align: center;
	position: absolute;
	bottom: -290px;
	background-color: #288BCB;
	left: 44.5%;
	padding: 8px 10px 0;
	border-radius: 4px 4px 0 0;
	box-shadow: 1px -2px 8px rgba(0,0,0,0.3);	
	transition: all ease 0.5s;
}

.scroller:hover {
	background-color: #E30613;	
}

.scroller a {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.scroller a i {
	font-size: 34px;
	margin-top: -5px;
}

.full {
	padding-left: 160px!important;
	padding-right: 160px!important;
}


#intro-text h3, #intro-text h4, #intro h3, #intro h4 {
	font-weight: normal;
	font-size: 20px;
	color: #515358;
	line-height: 34px;	
}

.ksma-box {
	border: 2px solid #51535838;
	padding: 10px 20px 10px 50px;
	color: #515358;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;	
	text-align: center;
}

.ksma-box .triangle {
	position: absolute;
	left: 15px;
	margin-top: -4px;	
}

.youtube-container {
	display: block;
	margin: 10px auto;
	width: 100%;
	max-width: 100%;
}

.youtube-player {
	display: block;
	width: 100%;
	padding-bottom: 56.2%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: hand;
	cursor: pointer;
	display: block;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

img.youtube-thumb {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto!important;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: auto
}

div.play-button {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("/images/play-button.png") no-repeat;
}

#youtube-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.kacheln h5, #kontakt h5 {
	display: inline-block;
	font-size: 52px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	color: #fff;
}


.kacheln h5 .triangle, #kontakt h5 .triangle {
	transform: scale(1.4);
	position: absolute;
	top: 20px;
	margin-left: -45px;
}

.kacheln h5, #kontakt .headline {
	color: #ffffffe8;
}

#kontakt .headline a {
	font-weight: 600;
	color: #ffffffe8;
	display: inline-block;
	line-height: 35px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);	
}

#kontakt .headline a::after {
	display: block;
	content: '';
	border-bottom: solid 2px #E30613;
	transform-origin: 0% 50%;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;	
}

#kontakt .headline a:hover {
	color: #fff;
}

#kontakt .headline a:hover::after {
	transform: scaleX(1);	
}


.sppb-addon-overlay-image {
	background-color: #515358;
}

.sppb-addon-overlay-image .overlay-background-image {
	opacity: 0.8;
}

.sppb-addon-overlay-image h6 {
	margin-top: -10px!important;
    color: #fff;
    font-size: 52px!important;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    font-weight: 600;	
}

.sppb-addon-overlay-image h6 a {
    color: #fff;
    font-size: 52px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    font-weight: 600;
}

.sppb-addon-overlay-image .sppb-addon-subtitle {
	position: absolute;
	bottom: 0;
	border: 2px solid #fff;
	padding: 10px 25px 10px 50px;
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;	
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr .triangle {
	position: absolute;
	margin-left: -35px;
	margin-top: -2px;	
}
.image-effect-zoom-in .overlay-image-title::before {
	border: none;
}

.sppb-addon-overlay-image .sppb-addon-title, .sppb-addon-overlay-image .sppb-addon-subtitle {
	transform: translate3d(0,0,0);
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E30613;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    max-height: 80px;
}

.overlay-image-title:hover .sppb-addon-subtitle {
	border: 2px solid #E30613;
	background: #E30613;
	-webkit-transform: scale(1.1)!important;	
	transform: scale(1.1)!important;	
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);	
}

.overlay-image-title:hover .sppb-addon-subtitle .mehr::before {
	-webkit-transform: scaleX(1)!important;
	transform: scaleX(1)!important;
}

.overlay-image-title:hover .sppb-addon-subtitle .triangle {
	filter: hue-rotate(0deg) brightness(100000%) grayscale(100%);
	transform: scale(0.91);
}

.overlay-image-title:hover .overlay-background-image {
	opacity: 1;
}

.services-details .triangle {
	transform: scale(3);
	top: 40px;
	left: 25px;
	position: absolute;	
	z-index: 1;
}

.ksma-service {
	overflow: hidden;
}

.ksma-service .skew-holder {
	transform: skew(51deg);
	margin-left: 42px;
	background: #4A87A8;
	background-image: linear-gradient(-140deg, #2f8ecc 0%, #1d5d88 100%);
	box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.31), 0 -0.25rem 1.5rem rgb(26, 89, 155) inset, 0 0.2rem 0.5rem rgba(255, 255, 255, 0.75) inset, 0 0.25rem 0.25rem 0 rgb(29, 126, 210) inset;
	padding: 11px 0 10px 15px;
	text-align: center;
	width: 100%;	
}


.ksma-service .skew-holder .link-holder {
	transform: skew(-51deg);
	margin-left: -80px;	
}

.ksma-service .skew-holder .link-holder a {
	transition: all ease 0.3s;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);	
	display: inline-block;
}

.ksma-service .skew-holder a:hover {
	transform: scale(1.1);
}

.services-details a.img-holder {
    overflow: hidden;
    display: block;
	margin-top: 2px;	
}

.services-details a.img-holder img {
	transition: all ease 0.5s;
	width: 100%;
}

.services-details a.img-holder:hover img {
	transform: scale(1.1);
}

.ksma-service-txt {
	padding: 18px;
	border: 1px solid #e5e5e5;
	background: rgba(255,255,255,0.7);	
}

.ecm .ksma-service-txt {
	background: rgba(255,255,255,0.85);	
	padding: 18px 25px;
}

.services-details .mehr {
    color: #515358;
    font-weight: 600;
    font-size: 18px;
    transition: all ease 0.3s;
    border: 2px solid #51535838;
    padding: 10px 45px 13px 40px;
    background: transparent;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
	text-transform: uppercase;
}

.news .services-details .mehr {
	 padding: 10px 45px 13px;
}

.services-details .mehr .triang {
    position: absolute;
    left: 30px;
    margin-top: -2px;
    transition: all ease 0.3s;
}

.ecm.services-details .mehr .triang {
    left: 37px;
}


.ecm-details h3 {
	font-size: 52px;
}

.ecm-details h4 {
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 32px;
}

.ecm-details .job h4 {
	margin-bottom: 5px;
}

#ecm-technologie img {
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.services-details .mehr:hover {
	border: 2px solid #E30613;
	color: #fff;
	background: #E30613;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.services-details .mehr:hover .triang {
    filter: hue-rotate(0deg) brightness(100000%) grayscale(100%);
}

.services-center .dreieck {
	transform: scale(8.2);
}

.traingle-list li {
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 16px;
	font-weight: 600;	
}

.ecm-tech-text {
	margin-top: 80px;
	margin-bottom: 40px;
}

.sppb-carousel-extended-nav-control .nav-control i {
	font-size: 32px;
}

.services-center ul {
	margin-left: 100px;
}

.ecm-carousel .sppb-carousel-extended-item {
	border: 2px solid #d6d6d6;
	border-bottom: 5px solid #d6d6d6;
}

.ecm.park-text .sppb-addon-raw-html {
    padding: 24px;
}

.ecm-details .park-images .sppb-col-md-6, .ecm-details .park-images .sppb-col-md-12 {
    padding: 0;
}

.park-text .ecm-anlagen h5 {
	text-align: left;	
    margin-top: 100px;
    margin-bottom: -20px;
}

#ecm-anlagenbau h3 {
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}

#lightbox-close {
	right: -34px!important;
}

#lightbox-left, #lightbox-right {
	width: 50%;
	opacity: 0.7;
}

#lightbox-left {
    left: 20px!important;
	transition: all ease 0.3s;
}

#lightbox-right {
    right: 0!important;
	left: auto;
	transition: all ease 0.3s;
}

#lightbox-left:hover, #lightbox-right:hover {
	opacity: 1;
}

#lightbox-left-ico {
	left: 0;
}

#lightbox-right-ico {
	left: auto;
	right: 0;
}

#lightbox-left:hover span {
    left: 0;
}

#lightbox-right:hover span {
    left: auto;
    right: 0;
}

#lightbox-outer {
	margin-top: 30px;
}




.sppb-carousel-extended-item img {
	height: auto;
	transition: all ease 0.3s;
}

.sppb-carousel-extended-item a:hover img {
	opacity: 0.6;
}

.park .sppb-col-md-5 {
	padding: 0;
}

.park .sppb-col-md-7 {
	background: #fff;
	padding: 2px 17px;
}

.park-text {
	background: rgba(255,255,255,0.9);	
	padding: 0;
}

.park-text .sppb-addon-raw-html  {
	padding: 65px;
}

.park-text h4 {
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
}

.park-text h5 {
	font-size: 24px;
	text-align: center;
	line-height: 36px;	
}

.park-text p.first {
	margin-top: 120px;
}

.park-images a {
	display: block;
	margin: 3px;
}

.park-images a img {
	transition: all ease 0.3s;	
}

.park-images a:hover img {
	opacity: 0.7;
}

.park-images .sppb-col-md-12, .park-images .sppb-col-md-5, .park-images .sppb-col-md-7 {
	padding: 0;
}

.park-second-row {
	margin-top: 6px!important;
}

.series-text {
	background: rgba(255,255,255,0.85);	
	box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.2) !important;
	padding: 100px 0 75px;
}

.news .series-text {
	padding: 0;
}

.news .series-text .content {
	padding: 30px 30px 50px;
}

.series-text h6 {
	font-size: 32px;
	position: absolute;
	width: 100%;	
}

.news .series-text h6 {
	font-size: 32px;
	position: relative;
}

.series-text .series-left h6 {
	top: -40px;
}

.news .series-text .series-left h6 {
	top: 0;
}

.series-text .series-right h6 {
	top: -100px;
}

.series-text .series-left p.first {
	margin-top: 30px;
}

.series-text p {
	line-height: 45px;
}

.news .series-text p {
	line-height: 34px;
}

.news .series-text p.erste {
	margin-top: 10px;
}

.series-text b {
	font-weight: 600;
}

.ecm.services-details .sppb-col-md-6 {
	margin-top: 30px;
}

.ksma-unternehmen {
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.zert a img {
	transition: all ease 0.5s;
}

.zert a:hover img {
	transform: scale(1.1);
}

.home.hero .zert {
	max-width: 120px;
	position: absolute;
	bottom: -275px;	
}

.job b {
	font-weight: 600;
}

.footer-menu {
	text-align: right;
	color: #ffffffe8;
}

.footer-menu a  {
	color: #fff;
}

.footer-menu a:hover {
	color: #E30613;
}

.impressum h1, .datenschutz h1 {
	font-size: 52px;
}

.datenschutz h3 {
	font-size: 30px;
	line-height: 40px;
}

.datenschutz h4 {
	font-size: 26px;
}

.osmap-sitemap-description h1 {
	margin-bottom: 50px;
}

ul.norm {
	margin-left: -25px;
}

ul.none  {
	margin-left: -40px;
	list-style: none;
}


ul.norm li, ul.none li {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;	
	line-height: 26px;
	margin-bottom: 8px;	
	text-align: left;
}



.form-wrap {
	padding: 20px 20px 40px;
	background: #4A87A8;
	background-image: linear-gradient(-140deg, #2f8ecc 0%, #1d5d88 100%);
	box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.31), 0 -0.25rem 1.5rem rgb(26, 89, 155) inset, 0 0.75rem 0.5rem rgba(219, 237, 255, 0.44) inset, 0 0.25rem 0.25rem 0 rgb(29, 126, 210) inset;
	border-radius: 12px;
	color: #fff;
}

.form-actions {
	background-color: transparent;
	border-top: none;
}

.bfCustomSubmitButton {
	margin: 0 auto;
	display: inline-block;
	font-size: 24px;
	width: 100%;
	padding: 12px 12px 14px;
	border-radius: 8px;
	font-weight: 600;
	letter-spacing: 0.5px;
	background-color: #E30613;
	border-color: #CC0914;
	text-transform: uppercase;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}


button.navbtn {
	background-color: #E30613;
	color: #ffffff;
	border: none;
	padding: 8px 50px;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 3px;
	transition: all ease 0.3s;
	text-transform: uppercase;
	border: 2px solid #E30613
}

button.navbtn:hover, .bfCustomSubmitButton:hover, .bfCustomSubmitButton:active, .bfCustomSubmitButton:focus {
  background-color: #CC0914!important;
  border-color: #CC0914!important;
}

button.navbtn:active {
  background-color: #288BCB!important;
}

#prevBtn {
	background-color: transparent;
	border: 2px solid #fff;
}

#prevBtn .fa {
	font-size: 12px;
	padding-right: 5px;
	margin-left: -10px;	
}

#nextBtn .fa {
	font-size: 12px;
	padding-left: 5px;
	margin-right: -10px;	
}

.steps {
    text-align: center;
    max-width: 70%;
    margin: -37px auto 0;
}

.steps-nav {
	overflow:auto;
	margin-top: 0px;
}

.steps-nav .pre {
	float: left;
}

.steps-nav .nex {
	float: right;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #a3ceea;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.75;
}

.step.finish {
  opacity: 1;
}

.step.finish {
  background-color: #E30613;
}

.fourth.step.finish {
  background-color: #288BCB;
}

#ff_formdiv1 {
	overflow: hidden;
	margin: 0 auto;
	height: 500px;
}

#ff_form1 {
	width: 400%;
	transition: all ease 1.5s;
}

#ff_formdiv1 .bfPage {
    position: relative;
    transition: all ease 1.5s;
    opacity: 1;
    float: left;
    width: 100%;
    max-width: 25%;
    max-height: 500px;
    display: block!important;
}

#ff_formdiv1 .bfPage.active {
	opacity: 1;
}

#ff_formdiv1 #bfPage1, #ff_formdiv1 #bfPage2 {
	text-align: left;
}

#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label, #ff_formdiv1 #bfPage3 h3 {
	color: #fff;
	font-size: 46px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	line-height: 36px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}

#ff_formdiv1 #bfPage3 h3 {
	margin-bottom: 70px;
}

#ff_formdiv1 .control-label p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
	margin-top: 16px;
	margin-bottom: -8px;
}

#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label {
	padding-top: 30px;
	width: 100%;
}

#ff_formdiv1 input[type="text"] {
	height: 40px;
	margin-bottom: 0 !important;
	font-size: 18px;
}

#ff_formdiv1 input[type='radio'], #ff_formdiv1 input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
	font-size: 32px;
	font-weight: 600;	
	padding-top: 30px;
	margin:0;
	line-height: 21px;
	width: 100%;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    clear: both;
    padding-left: 16%;
}

#bfGroupLabel21, #bfGroupLabel21_3 {
	margin-left: 0!important;
}

#ff_formdiv1 .select-txt {
    display: flex;
	align-items: center;
	justify-content: flex-start;	
	flex-flow: wrap;
    cursor: pointer;
    padding: 20px;
    width: 100%;
	transition: all ease 0.5s;
	margin: 0 20px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;	
}

#ff_formdiv1 .select-txt .select-content-txt {
	margin-left: 10px;
}

#ff_formdiv1 .select-txt .select-content-txt .smaller {
	float: right;
	font-size: 18px;
	margin-left: 12px;
	font-weight: 500;
	margin-top: 2px;	
}

#ff_formdiv1 .select-txt .ticker {
	position: absolute;
	top: 67%;
	left: 15%;
	width: 38px;
	height: 37px;
	margin: 0 auto;
	background-color: #fff;
	transform: translateY(-50%);
	cursor: pointer;
	transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
	overflow: hidden;
	z-index: 1;	
}

#ff_formdiv1 .select-txt .ticker::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 32px;
	height: 31px;
	margin: 0 auto;
	background-color: #317baa;
	transform: translateY(-50%);
	transition: all ease 0.4s;
}

#ff_formdiv1 .select-txt:hover .ticker::before {
	background-color: #285f82;
}

#ff_formdiv1 .select-txt .ticker .tick-mark {
	position: absolute;
	top: -1px;
	right: 0;
	left: 0;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-left: 14px;
	transform: rotateZ(-40deg);	
}

#ff_formdiv1 .select-txt .ticker .tick-mark::before, #ff_formdiv1 .select-txt .ticker .tick-mark::after {
	content: "";
	position: absolute;
	background-color: #fff;
	border-radius: 2px;
	opacity: 0;
	transition: 0.2s ease transform, 0.2s ease opacity;	
}

#ff_formdiv1 .select-txt .ticker .tick-mark::before {
    left: 0;
    bottom: 0;
    width: 10px;
    height: 30px;
    box-shadow: -2px 0 5px rgba(0,0,0,0.23);
    transform: translateY(-68px);
}

#ff_formdiv1 .select-txt .ticker .tick-mark::after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.23);
    transform: translateX(78px);
}

#ff_formdiv1 .select-txt .ticker i {
	font-size: 28px;
	margin-left: 5px;
	margin-top: 5px;
	color: #1a5b85;
	opacity: 0;
	transition: all ease 0.5s;
	text-shadow: none;
}

#ff_formdiv1 .select-txt.selected .ticker i {
	opacity: 1;
}

#ff_formdiv1 .select-txt.selected .ticker::before {
	width: 0;
	height: 0;	
}

#ff_formdiv1 .select-txt .ticker.selected .tick-mark::before, #ff_formdiv1 .select-txt .ticker.selected .tick-mark::after {
	transform: translate(0);
	opacity: 1;	
}


#bfGroupLabel223_10, #bfGroupLabel223_11, #bfGroupLabel223_12, #bfGroupLabel223_13, #bfGroupLabel223_14, #bfGroupLabel223_15, #bfGroupLabel223_16, #bfGroupLabel223_17, #bfGroupLabel223_18, #bfGroupLabel223_19, #bfGroupLabel223_20, #bfGroupLabel223_21 {
	padding-top: 0!important;
	padding-bottom: 20px;
}


#ff_formdiv1 #bfPage3 .control-label {
	font-size: 16px;
	margin-bottom: 5px;
}

#ff_formdiv1 #bfPage3 textarea {
	max-width: 95%;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	line-height: 32px;	
}

textarea:focus, input[type="text"]:focus {
    border-color: #cddef1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(205,222,241,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(205,222,241,0.6);
}

#ff_formdiv1 #bfPage3 .control-group:nth-child(odd) {
  float: left;
  width: 49%
}

#ff_formdiv1 #bfPage3 .control-group:nth-child(even) {
  float: right;
  width: 49%
}

#bfElemWrap32 {
	margin-bottom: 30px!important;
}

#bfElemWrap1151 {
    float: left!important;
	clear: both;
	margin-top: -10px!important;
}

.en-gb #bfElemWrap1151 {
	margin-top: 0px!important;	
}

#bfElemWrap1151 .control-label {
	text-shadow: none!important;
	text-align: justify;
}

#bfElemWrap1151 .control-label a {
	color: #fff;
	border-bottom: 1px dotted #fff;
	font-weight: 600;
}

#bfElemWrap1151 .control-label a:hover {
	color: #fff;
	border-bottom: 1px dotted #288BCB;
}

#bfElemWrap1151 .icon-asterisk {
	display: none!important;
}

#bfLabel1151 {
	font-size: 12px!important;
	line-height: 16px!important;
	text-align: justify!important;
	float: right;
	margin-top: -30px;
	padding-left: 25px;
	font-weight: normal!important;
}

#ff_elem1151 {
	width: auto!important;
	height: auto!important;
	opacity: 1!important;
	float: left;	
}

#bfElemWrap34 {
	display: block;
	width: 500px !important;
	float: right !important;
	width: 49% !important;
	margin: 0 !important;
}

#ff_formdiv1 #bfPage3 .control-group {
	margin: 10px 0;
}

#ff_formdiv1 #bfPage3 .control-group input {
	max-width: 100%;
	height: 60px;
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	font-weight: 600;
	border-radius: 3px;
}

#ff_formdiv1 #bfPage3 .control-group input::placeholder {
	color: #fff;	
	font-weight: 500;	
}

#bfElemWrap170, #bfElemWrap228, #bfElemWrap33 {
	display: none!important;
}

#bfElemWrap28 {
	padding-bottom: 30px;
}

#alert {
	display: none;
}

#alert-box {
    color: #ffffff;
    background-color: #E30613;
    border-radius: 0;
    border: 2px solid #ff3856;
    margin: 10px 0px;
    padding: 12px 20px;
    width: 550px;
    position: fixed;
    left: 50%;
	top: 0;
    transform: translate(-50%, -310%);
    text-align: center;
    line-height: 24px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	transition: all ease 0.8s;
	z-index: -1;	
	opacity: 0;
	cursor: pointer;
	font-weight: 600;
}

#alert-box.active {
	opacity: 0.95;
	top: 200px;	
	z-index: 9999;		
}

#alert-box.active:hover {
	opacity: 1;
}

#alert-box.alert-01.active {
	transform: translate(-50%, -170%);
}

#alert-box.alert-02.active {
	transform: translate(-50%, -170%);
}

#alert-box i.fa-exclamation-triangle {
	padding-right: 5px;
}

#alert-box i.fa-times-circle {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: default;
}

#alert-box.active i.fa-times-circle {
	cursor: pointer;
}

.formError .formErrorContent {
    background: #E30613;
    color: #fff;
    width: auto;
    font-family: inherit;
    font-size: 16px;
    border: 2px solid #ff3856;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.formError .formErrorArrowBottom {
    top: -2px;
	opacity: 0.7;
}


#ff_formdiv1 #bfPage2 .checkbox.inline  {
	display: none;
}

#ff_formdiv1 #bfPage2 .checkbox.inline.active {
	display: flex;
}

.title-margin {
	margin-top: -7px;
}

.brackets {
	font-weight: 500;
	font-size: 13px;	
	line-height: 18px;
}

.brackets.m15 {
	margin-top: -15px;
}


.kontakt-info .manage {
	margin-top: -10px;
}

.kontakt-info .repre {
	margin-top: 15px;
}

.sppb-addon-ajax-contact .sppb-col-sm-6 {
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important;
}

.sppb-addon-ajax-contact .sppb-form-control {
	padding: 10px 12px;
	color: #555555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-size: 18px;	
}

.sppb-addon-ajax-contact .sppb-form-control:focus {
	border-color: #cddef1;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(205,222,241,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(205,222,241,0.6);
}

.sppb-ajaxt-contact-form textarea {
	min-height: 193px!important;
}

.sppb-addon-ajax-contact .sppb-btn-primary {
	padding: 10px 36px;
	font-weight: 600;
	letter-spacing: 0;
	margin-top: 0px;
	float: right;
}

.sppb-addon-ajax-contact .sppb-btn-primary:focus {
	box-shadow: none;
}

.sppb-addon-ajax-contact .sppb-btn-primary .fa-spinner {
	margin-left: -10px;
	margin-right: 10px;
}

.sppb-ajax-contact-status {
	margin-top: -40px!important;
	float: right;
}

 
.thanks h6 {
	 line-height: 32px;
}

.sp-megamenu-parent > li.sp-has-child > a::after {
	content: "";
}

.home.hero {
	background-position: 100% 40%!important;
	transition: all ease 0.2s;
}

.hero.scrolling {
	background-position: 100% 20%!important;	
}


button {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

.expo-banner {
	position: absolute;
	right: 0;
	bottom: -70px;
}

.expo-banner h3, .expo-banner-mobile h3 {
	display: none;
}

.expo-banner img {
	transition: all ease 0.3s;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.8);		
}

.expo-banner a:hover img {
	transform: scale(1.1);
}

.offcanvas-menu {
	background-color: #14232d;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
	border-bottom: 1px solid rgba(0,0,0,0.4);
}

.offcanvas-menu .offcanvas-inner .sp-module ul ul li a {
	text-transform: none;
}

.close-offcanvas {
	border: 3px solid #fff;
}

.close-offcanvas i {
	margin-top: -2px;
}

.expo-banner-mobile, .service-carousel-mobile {
	display: none;
}

.sppb-row-container {
	max-width: 100%;
}

.thanks a.rev {
	text-transform: uppercase;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	background: #E30613;
	color: #fff;
	border-bottom: 1px solid #C4121C;
}

.page-54 .home.hero .sppb-col-md-4 {
	margin-bottom: 30px;
}

.page-60 .ecm-details h4 {
	line-height: 42px;
}

.mod-languages {
    position: fixed;
    right: 5px;
    top: 18px;
    z-index: 9999;
    font-size: 15px;
    transition: all ease 0.3s;
}

.mod-languages li {
    border-right: 1px solid #ffffff45;
    padding-right: 6px;
    font-weight: 600;
}

.mod-languages li:last-child {
    border-right: none;
}

.mod-languages li a {
    color: #ffffffe8;
    transition: all ease 0.3s;
}

.mod-languages li a:hover {
	color: #fff;
}

.mod-languages li.lang-active a {
    color: #E30613;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
	padding: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler i {
	font-size: 20px;
}

.sppb-form-check {
	padding-left: 28px;
}

.sppb-form-check .sppb-form-check-input {
	margin-left: -27px;
}

.sppb-form-check-label {
    font-size: 12px;
    line-height: 18px!important;
    text-align: justify;	
}

/* Responsive */
@media(max-width: 1800px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	padding: 0 30px;
}
}	
	
@media(max-width: 1650px){
#sp-header {
    padding: 0 60px;
}

#sp-menu {
	width: 65%;
}

.full {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.home.hero {
	padding-bottom: 170px!important;
}

.home.services.hero { 
	padding-top: 80px!important;
}

.subpage.hero {
	padding-top: 140px!important;
	padding-bottom: 170px!important;
}

.home.hero h1 .breaker {
	display: none;
}

.home.hero .conn-cta {
	background: #51535870	
}

.expo-banner {
	bottom: 0;
}

.home.hero .zert {
    max-width: 90px;
    bottom: -160px;
}

.scroller {
	bottom: -170px;
}

#sp-top1 {
	width: auto;
}

#sp-footer {
    padding-left: 60px;
	padding-right: 60px;
}

.services-details p {
	font-size: 15px;
	line-height: 30px!important;
}

.ksma-service .skew-holder .link-holder a {
	font-size: 24px;
}

.page-47 .sppb-carousel-extended-outer-stage, .page-56 .sppb-carousel-extended-outer-stage {
	height: 205px!important;
}

.services-details a.img-holder {
	margin-top: 3px;
}

.park-text .sppb-addon-raw-html {
    padding: 65px 55px;
}

.park-text p.first {
    margin-top: 30px;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
	height: 225px!important;
}

.page-49 .sppb-carousel-extended-nav-control .nav-control, .page-58 .sppb-carousel-extended-nav-control .nav-control {
	height: 50px!important;
	line-height: 50px!important;
	width: 50px!important;
}

.page-49 .sppb-carousel-extended-nav-control .nav-control.prev-control, .page-58 .sppb-carousel-extended-nav-control .nav-control.prev-control {
    margin-left: -55px;
}

.page-49 .sppb-carousel-extended-nav-control .nav-control.prev-control i, .page-58 .sppb-carousel-extended-nav-control .nav-control.prev-control i {
	margin-left: -5px;	
}

.page-49 .sppb-carousel-extended-nav-control .nav-control.next-control, .page-58 .sppb-carousel-extended-nav-control .nav-control.next-control {
    margin-right: -55px;
}

.park-text .ecm-anlagen h5 {
	margin-top: 40px;
}

.page-51 .zert, .page-60 .zert {
	padding-left: 99px!important;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 img, .page-50 .park-images .sppb-col-md-12 img, .page-51 .park-images .sppb-col-md-12 img, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 img, .page-59 .park-images .sppb-col-md-12 img, .page-60 .park-images .sppb-col-md-12 img {
	opacity: 0;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 85px 0;
	border: 2px solid #fff;
	background-image: url('/images/ecm-technik-ecm-vorrichtungsbau-detail-03.jpg');
}


.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 85px 0;
	border: 2px solid #fff;
	background-image: url('/images/ecm-technik-ecm-vorrichtungsbau-detail-03.jpg');
}

.page-50 .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12 {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 75px 0;
	border: 2px solid #fff;
	background-image: url('/images/simultaneous-engineering-detail-01.jpg');
}

.page-51 .park-images .sppb-col-md-12, .page-60 .park-images .sppb-col-md-12 {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 80px 0;
	border: 2px solid #fff;
	background-image: url('/images/ksma-unternehmen-01.jpg');
}

.mod-languages {
    right: 0px;
}

}

@media(max-width: 1600px){
#sp-menu {
    width: 64%;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 30px;
}
}


@media(max-width: 1550px){

	
body, #ff_formdiv1 .control-label p {
	font-size: 15px!important;
	line-height: 30px;
}

.formError .formErrorContent {
	font-size: 15px;
}


.home.hero {
	padding-top: 18px!important;
}

.subpage.hero {
    padding-top: 109px !important;
}


.home.services.hero, .page-48 .subpage.hero, .page-57 .subpage.hero {
    padding-top: 55px !important;
}

.park-text .sppb-addon-raw-html {
    padding: 40px 45px;
}

.ecm-lower-text p {
	margin-bottom: 40px;	
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 215px !important;
}

.page-48 .subpage.hero, .page-57 .subpage.hero {
	background-size: 125%!important;
}


.page-49 .park-text h4, .page-58 .park-text h4 {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 42px;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 94px !important;
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-12, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-12 {
	margin-top: 15px;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
	padding: 100px 0;
    background-size: 105%;	
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-12, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-12 {
    margin-top: 30px;
}

.page-51 .park-images .sppb-col-md-12, .page-60 .park-images .sppb-col-md-12 {
	padding: 95px 0;
}

.mod-languages {
    top: 19px;
}
}

@media(max-width: 1500px){
#sp-menu {
    width: 60%;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 25px;
	font-size: 18px;
}

.home.hero {
    padding-top: 10px !important;
}

.home.hero .sppb-col-md-6 .sppb-column {
	padding-right: 20px!important;
}	

.page-51 .home.services.hero, .page-60 .home.services.hero {
    padding-bottom: 170px !important;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 88px !important;
}


.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
    padding: 160px 0;
	background-size: 135%;
}

.page-50 .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12 {
	background-size: 115%;	
	padding: 135px 0;
}

.page-51 .park-images .sppb-col-md-12, .page-60 .park-images .sppb-col-md-12 {
	background-size: 120%;	
	padding: 155px 0;
}

.home.services.hero {
	background-size: 120%!important;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 200px !important;
}

.sppb-addon-overlay-image h6, .sppb-addon-overlay-image h6 a {
	font-size: 42px!important;
}

.mod-languages {
    top: 20px;
}
}

@media(max-width: 1400px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 20px;
}

.home.hero {
    background-position: 80% 40% !important;
	background-size: 120%!important;
}

.hero h1 {
    font-size: 38px;
}

.subpage.hero {
	background-position: 50% 60%!important;
	background-size: 120%!important;
}



#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
	padding-top: 20px;
}


#ff_formdiv1 #bfPage3 h3 {
    margin-bottom: 40px;
}

.home.services.hero {
    padding-bottom: 120px !important;
	background-position: 30% 40% !important;
}

.ksma-service .skew-holder .link-holder a {
    font-size: 20px;
}

.ksma-service-txt {
    padding: 18px 15px;
}

.services-details a.img-holder {
    margin-top: 5px;
}

.park-text h4 {
    font-size: 28px;
}

.park-text h5 {
    font-size: 18px;
	line-height: 30px;
}

.park-text .big p, .park-text .big li {
	font-size: 16px;
	line-height: 32px;
}

.page-49 .hero h1, .page-58 .hero h1 {
    font-size: 36px;
}

.ecm-lower-text.ecm-vor p {
    margin-bottom: 10px;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 188px !important;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 83px !important;
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-12, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-12 {
    margin-top: 80px;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
    padding: 110px 0;
    background-size: 125%;	
}

.page-50 .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12 {
	padding: 55px 0;
}

.page-51 .park-images .sppb-col-md-12, .page-60 .park-images .sppb-col-md-12 {
    background-size: 110%;
    padding: 90px 0;
}

.page-58 .ecm-vor p {
	margin-bottom: 40px;
}

.page-60 .ecm-details h4 {
    line-height: 34px;
}
}

@media(max-width: 1350px){
#sp-header {
    padding: 0 80px;
}	

#sp-logo {
    width: 15%;
}

#sp-top1 a {
	font-size: 14px;
}

#sp-menu {
    width: 57%;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 15px;
	font-size: 16px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    font-size: 14px;
}


.sp-megamenu-parent > li::before {
	height: 17px;
	top: 44%;	
}

#sp-header.menu-fixed .sp-megamenu-parent > li::before {
    top: 40%;
}

.full {
    padding-left: 80px !important;
    padding-right: 80px !important;
}	

.subpage.hero {
    background-position: 70% 52% !important;
    background-size: 155% !important;
}

.page-50 .subpage.hero, .page-59 .subpage.hero {
    background-position: 70% 0 !important;
    background-size: 135% !important;
}

.hero h1 {
    font-size: 34px;
}

.hero h2 {
	font-size: 20px;
	line-height: 28px;
}

.home.hero {
    background-position: 80% 20% !important;
    background-size: 125% !important;
}
	
.home.hero .sppb-column {
	padding-right: 0!important;
}

.big p, .big li {
    font-size: 16px;
    line-height: 32px;
}

.expo-banner {
    bottom: -40px;
}

.sppb-addon-overlay-image h6, .sppb-addon-overlay-image h6 a {
    font-size: 40px!important;
}

.sppb-addon-overlay-image-content {
    height: 420px!important;
}

#sp-footer {
    padding-left: 80px;
	padding-right: 80px;
}

.home.services.hero {
    background-position: 30% 20% !important;
}

.ksma-service .skew-holder .link-holder a {
    font-size: 18px;
}

.park-text h4 {
    font-size: 26px;
	margin-bottom: 20px;
}

.park-text h5 {
    font-size: 16px;
    line-height: 28px;
}

.park-text .big p, .park-text .big li {
    font-size: 15px;
    line-height: 28px;
}

.series-text .series-right h6 {
    top: -87px;
}

.ecm .ksma-service-txt {
	padding: 18px 20px;	
}

.ecm-lower-text.ecm-vor p {
    margin-bottom: 40px;
}

.ecm.services-details, .park.ecm-details {
	background-size: 120%!important;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 169px !important;
}

.page-49 .sppb-carousel-extended-nav-control .nav-control.prev-control, .page-58 .sppb-carousel-extended-nav-control .nav-control.prev-control {
    margin-left: -65px;
}

.page-49 .sppb-carousel-extended-nav-control .nav-control.next-control, .page-58 .sppb-carousel-extended-nav-control .nav-control.next-control {
    margin-right: -65px;
}

.page-49 .park-text h4, .page-58 .park-text h4 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 34px;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 75px !important;
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-12, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-12 {
    margin-top: 50px;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 {
    padding: 100px 0;
}

.page-50 .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12 {
	padding: 60px 0;
}

.page-58 .ecm-vor p {
	margin-bottom: 10px;
}

.mod-languages {
    top: 21px;
}

}


@media(max-width: 1278px){
#sp-header {
    padding: 0 40px;
}

#sp-logo {
    width: 20%;
	float: left;
}

#sp-top1 {
    display: none;
}	

#sp-menu {
    width: auto;
	float: left;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 17px;
    padding: 0 20px;
}

.expo-banner {
    bottom: 0;
}

.full {
    padding-left: 40px !important;
    padding-right: 40px !important;
}	


.home.hero {
    background-position: 50% 0px !important;
    background-size: cover !important;
	background-attachment: scroll!important;
}

.hero h2 {
    font-size: 18px;
}

.home.hero .sppb-col-md-6 .sppb-column {
    padding-right: 0px !important;
}

.headline h1, .headline h2, .headline h3, .kacheln h5, #kontakt h5 {
    font-size: 46px;
}

#intro-text {
    padding-top: 50px!important;
}

#intro-text h3, #intro-text h4, #intro h3, #intro h4 {
	font-size: 18px;
	line-height: 32px;	
}

.conn-cta {
	font-size: 18px;
	padding: 15px 45px 15px 30px;
}


.sppb-addon-overlay-image h6, .sppb-addon-overlay-image h6 a {
    font-size: 32px!important;
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr {
	font-size: 20px;
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr .triangle {
	margin-top: -4px;
}

#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label, #ff_formdiv1 #bfPage3 h3 {
	font-size: 42px;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
	padding-left: 7%;
}

#ff_formdiv1 .select-txt .ticker {
    position: absolute;
    top: 63%;
    left: 7%;
    width: 33px;
    height: 32px;
}

#ff_formdiv1 .select-txt .ticker::before {
	width: 27px;
	height: 26px;	
}

#ff_formdiv1 .select-txt .ticker i {
    font-size: 25px;
    margin-left: 4px;
    margin-top: 4px;
}

#ff_formdiv1 #bfPage3 .control-group input, #ff_formdiv2 input[type="text"], #ff_formdiv3 input[type="text"] {
    height: 55px;
}


#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
    font-size: 24px;
}

.bfCustomSubmitButton {
	font-size: 21px;
}


.just-text p, .just-text li {
	text-align: left;
}

#sp-footer {
    padding-left: 40px;
	padding-right: 40px;
}

#sp-footer1 {
	float: left;
}

#sp-footer2 {
	float: right;
}

.services-details .triangle {
    transform: scale(1.5);
    top: 25px;
    left: 6px;
}

.services-details a.img-holder {
    margin-top: 3px;
}

.ksma-service .skew-holder {
	margin-left: 12px;
	padding: 5px 0 5px 15px;
	width: 105%;
}

.ksma-service .skew-holder .link-holder {
     margin-left: -35px;
}

.ksma-service-txt {
    padding: 15px 10px;
}


.services-details p {
    font-size: 14px;
    line-height: 28px!important;
}

.services-details .mehr {
	padding: 10px 20px 13px 40px;
}

.news .services-details .mehr {
	padding: 10px 20px 13px;
}

.traingle-list li {
    font-size: 16px;
    line-height: 26px;
}


.page-47 .sppb-carousel-extended-outer-stage, .page-56 .sppb-carousel-extended-outer-stage {
    height: 320px !important;
}

.park-text .big p, .park-text .big li {
	font-size: 16px;
	line-height: 32px;
}

.series-text .series-right h6 {
    top: -70px;
}

.series-text {
	padding: 120px 0 75px
}

.ecm .ksma-service-txt {
    padding: 18px 15px;
}

.ecm-lower-text.ecm-vor p {
    margin-bottom: 38px;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 288px !important;
}

.page-49 .sppb-carousel-extended-nav-control, .page-58 .sppb-carousel-extended-nav-control {
    display: none;
}

.page-50 .subpage.hero, .page-59 .subpage.hero {
    background-position: 70% 70% !important;
    background-size: 140% !important;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 62px !important;
}

.cont-form {
	height: 600px;
}

.page-48 .park-images .sppb-col-md-12, .page-57 .park-images .sppb-col-md-12 {
	background-size: 145%;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 182px 0;
	border: 2px solid #fff;
	background-image: url('/images/cnc-lohnfertigung-01.jpg');
}

.page-48 .park-images .sppb-col-md-12 img, .page-57 .park-images .sppb-col-md-12 img {
	opacity: 0;
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-5, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-5, .page-49 #ecm-anlagenbau .park-images .sppb-col-md-7, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-7, .page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-6, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-6, .page-50 .park-images .sppb-col-md-5, .page-59 .park-images .sppb-col-md-5, .page-51 .park-images .sppb-col-md-6, .page-5 .park-images .sppb-col-md-5, .page-60 .park-images .sppb-col-md-6, .page-60 .park-images .sppb-col-md-5 {
    flex: 0 0 100%;
	-ms-flex: 0 0 100%;
    max-width: 100%;
}

.page-49 #ecm-anlagenbau .park-images .sppb-col-md-12, .page-58 #ecm-anlagenbau .park-images .sppb-col-md-12 {
	margin-top: 0;	
}

.page-48 .subpage.hero, .page-57 .subpage.hero, .page-49 .subpage.hero, .page-58 .subpage.hero {
    padding-top: 45px !important;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-50 .park-images .sppb-col-md-7, .page-51 .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-7, .page-60 .park-images .sppb-col-md-12 {
	display: none;
}

.page-50 .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12 {
    padding: 40px 0;
}

.kacheln, .parallax, .ecm.services-details, #ecm-anlagenbau, #ecm-vorrichtungsbau {
    background-size: cover !important;
    background-attachment: scroll !important;
	background-position: center center!important;
}

.home.services.hero {
    background-size: 135% !important;
}

.service-carousel-mobile {
	display: block;
	margin-top: -150px;
}


.service-carousel {
	display: none;
}

.page-48 .subpage.hero, .page-57 .subpage.hero {
    background-size: 155% !important;
}

.page-58 .ecm-vor p {
    margin-bottom: 38px;
}

#sp-footer {
	font-size: 14px;
}

}


@media(max-width: 1005px){
#sp-logo {
    width: 26%;
}

#sp-top1 {
    display: block;
}

#sp-menu {
     float: right;
}


#offcanvas-toggler {
    font-size: 42px;
	line-height: 110px;
	transition: all ease 0.3s;
}

#sp-header.menu-fixed #offcanvas-toggler {
	line-height: 65px;
}

#offcanvas-toggler > i {
    color: #ffffffe8;
}

#offcanvas-toggler:hover > i, #offcanvas-toggler:active > i, #offcanvas-toggler:focus > i {
	color: #fff;
}

#sp-top1 a {
    font-size: 15px;
}

.home.hero {
    background-position: 20% 0px !important;
}

.subpage.hero {
    background-position: 0% 25% !important;
    background-size: 180% !important;
    padding-top: 80px !important;
}

.hero .conn-cta {
    border: 2px solid #fff;
}

.expo-banner {
	max-width: 230px;
}

.scroller {
	left: 36.8%;
}

#intro-text h3, #intro-text h4, #intro h3, #intro h4 {
    font-size: 16px;
    line-height: 30px;
}

.ksma-box {
	font-size: 15px;
	padding: 10px 25px 10px 37px;
}

.ksma-box .triangle {
	transform: scale(0.8);
	left: 8px;
}

.page-50 .subpage.hero, .page-59 .subpage.hero {
    background-position: 0% 0 !important;
    background-size: 200% !important;
}


.sppb-addon-overlay-image-content {
    height: 450px !important;
}

.sppb-addon-overlay-image h6, .sppb-addon-overlay-image h6 a {
    font-size: 42px!important;
}

#ff_formdiv1 {
    height: 500px;
}


#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label, #ff_formdiv1 #bfPage3 h3 {
    font-size: 36px;
}

#ff_formdiv1 .select-txt .select-content-txt .smaller {
    float: none;
    font-size: 16px;
    margin-left: 0;
    margin-top: 3px;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
    font-size: 20px !important;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
    padding-left: 20%;
}

 #ff_formdiv1 .select-txt .ticker {
    left: 20%;
}

#ff_formdiv1 #bfPage3 h3 {
    margin-bottom: 50px;
}

.cont-form {
	height: 530px!important;
	width: 99.6%!important;
}

.kontakt-info {
	text-align: center;
}

#sp-footer1, #sp-footer2 {
	width: 100%;
	float: none;
	text-align: center;
}

.footer-menu {
    text-align: center;
	margin-top: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 30px 30px 0;
    margin-bottom: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module.mobile-kontakt {
	padding: 0 30px;
	margin-top: 0;	
}

.offcanvas-menu .offcanvas-inner .sp-module.mobile-kontakt i {
	font-size: 18px;
	position: absolute;
	left: 20px;
	top: 16px;	
}

.offcanvas-menu .offcanvas-inner .sp-module.mobile-kontakt a {
	padding-left: 50px;
	text-transform: none;
}

.txt-right {
    padding-left: 0;
}

.txt-left {
    padding-right: 0;
}

#intro-text .sppb-row-container {
	padding: 0 22px;
}

.services-details .triangle {
	top: 27px;
}

.ksma-service .skew-holder .link-holder {
    margin-left: -70px;
}

.ksma-service .skew-holder .link-holder a {
    font-size: 24px;
}

.ksma-service-txt {
    padding: 25px;
}

.services-details p {
    font-size: 15px;
    line-height: 30px!important;
}

.page-49 .subpage.hero, .page-58 .subpage.hero {
    background-position: 20% 25% !important;
    background-size: 210% !important;
}

.ecm-lower-text p, .ecm-lower-text.ecm-vor p {
    margin-bottom: 10px;
}

.services-center ul {
    margin-left: 8%;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 207px !important;
}

.page-49 #ecm-technologie, .ecm-tech-tri, .page-58 #ecm-technologie, .ecm-tech-tri {
	padding-bottom: 0!important;
}

.page-49 #intro-text, .page-49 #ecm-lohnbearbeitung, .ecm-lohnbearbeitung-text, .ecm-schulungen-text, .page-58 #intro-text, .page-58 #ecm-lohnbearbeitung {
	padding-left: 23px!important;
	padding-right: 23px!important;
}

.page-47 #intro-text, .page-56 #intro-text, .page-48 #intro-text, .page-57 #intro-text, .page-50 #intro-text, .page-59 #intro-text {
	padding-left: 18px!important;
	padding-right: 18px!important;
}


.ecm-lohnbearbeitung-text {
	padding-top: 0!important;
	padding-bottom: 30px!important;
}

.ecm-schulungen-text {
	padding-bottom: 30px!important;	
}

.ecm-schulungen-tri {
	padding-top: 0!important;
	padding-bottom: 80px!important;
}

.page-49 .headline h3, .page-49 .ecm-details h4, .page-58 .headline h3, .page-58 .ecm-details h4 {
	text-align: center;
}

.page-51 .zert, .page-60 .zert {
    padding-left: 0px !important;
	margin-top: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.page-51 .zert img, .page-60 .zert img {
	display: inline-block;
}

#osmap {
	padding-bottom: 100px;
}

#osmap h1 {
	text-align: center;
}

.page-48 .park-images .sppb-col-md-12, .page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-50 .park-images .sppb-col-md-12, .page-51 .park-images .sppb-col-md-12, .page-57 .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-12, .page-60 .park-images .sppb-col-md-12  {
	padding: 0;
	border: none;
	background: transparent;
	background-image: none;
}

.page-48 .park-images .sppb-col-md-12 img, .page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 img, .page-50 .park-images .sppb-col-md-12 img, .page-51 .park-images .sppb-col-md-12 img, .page-57 .park-images .sppb-col-md-12 img, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12 img, .page-59 .park-images .sppb-col-md-12 img, .page-60 .park-images .sppb-col-md-12 img {
	opacity: 1;
}

.page-49 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-50 .park-images .sppb-col-md-7, .page-51 .park-images .sppb-col-md-12, .page-58 #ecm-vorrichtungsbau .park-images .sppb-col-md-12, .page-59 .park-images .sppb-col-md-7, .page-60 .park-images .sppb-col-md-12 {
    display: block;
}

.page-51 .ecm-details, .page-60 .ecm-details {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.home.services.hero {
    background-size: 185% !important;
}

.services-details .mehr .triang {
	left: 35px;
}

.page-52, .page-61 {
	padding: 0 25px;
} 

.page-48 .subpage.hero, .page-57 .subpage.hero {
    background-size: 180% !important;
}

.page-58 .ecm-vor p {
    margin-bottom: 10px;
}

.mod-languages {
    display: none;
}

.offcanvas-menu .mod-languages {
    display: block !important;
    position: relative;
    margin-top: 0;
    padding: 0 50px;
	text-align: center;
}

.mod-languages li.lang-active a {
    color: #E30613 !important;
}


.offcanvas-menu .offcanvas-inner .sp-module .mod-languages ul > li {
	border-bottom: none;
	padding: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module .mod-languages ul > li > a {
	font-size: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module .mod-languages ul > li > a:hover {
	background: transparent;
}
}


@media(max-width: 710px){
#sp-header {
    padding: 0 30px;
}

#sp-top1 {
	display: none;
}

#sp-logo {
    width: 46%;
}
#sp-logo img {
	max-height: 100px;
}

.full, #sp-footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
}


#sp-footer {
	font-size: 14px;
}


.home.hero {
    background-position: 40% 0px !important;
	padding-top: 45px !important;
}

.subpage.hero {
    background-position: 0% center !important;
    background-size: cover !important;
    padding-top: 45px !important;
}

.home.services.hero {
	padding-top: 45px !important;	
}

.subpage.hero .sppb-column {
	padding-right: 0!important;
}

.home.services.hero {
    background-position: 80% 0% !important;
	background-size: 335% !important;
}

.hero .conn-cta {
	width: 100%;
	text-align: center;
}

h1, .headline h1 {
	font-size: 32px!important;
}

.home.services.hero h1 {
	font-size: 28px !important;
	line-height: 38px;
}



.hero h1 {
    margin-bottom: 30px;
	text-align: center;
}


.hero h2 {
	text-align: center;
	margin-bottom: 25px;
}

.home.hero .conn-cta {
	width: 100%;
	text-align: center;
}

.expo-banner {
	display: none;
}

.expo-banner-mobile {
    display: block;
    width: 100%;
    text-align: center;
}

.expo-banner-mobile img {
    transition: all ease 0.3s;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	display: inline-block;
}

.expo-banner-mobile a:hover img {
    transform: scale(1.1);
}

.home.hero .zert {
    max-width: 100%;
    bottom: -125px;
    text-align: center;
    width: 100%;
}

.home.hero .zert img {
	max-width: 85px;
	display: block;
}

.scroller {
    left: 24.5%;
}


body, #ff_formdiv1 .control-label p, #ff_formdiv1 #bfPage3 textarea, #ff_formdiv2 textarea, .big p, .big li, .park-text .big p, .park-text .big li {
    font-size: 15px !important;
    line-height: 28px;
}

ul.norm li, ul.none li {
	line-height: 28px;
}


.headline h1, .headline h2, .headline h3, .headline h3, .headline h4, .headline h5, .kacheln h5, #kontakt h5 {
    font-size: 32px;
}

.kacheln h5 .triangle, #kontakt h5 .triangle {
    transform: scale(1);
    top: 8px;
    margin-left: -35px;
}

.sppb-addon-overlay-image-content {
    height: 300px !important;
}

.sppb-addon-overlay-image h6, .sppb-addon-overlay-image h6 a {
    font-size: 32px!important;
    line-height: 36px;
}

.sppb-addon-overlay-image h6 {
	margin-top: -30px !important;
}

.sppb-addon-overlay-image .sppb-addon-subtitle .mehr {
    font-size: 18px;
}

.conn-cta i {
    font-size: 23px;
}

.form-wrap {
    padding: 20px 29px;
    width: 108%;
    margin-left: -4%;
    overflow: hidden;
	border-radius: 0;
}

#ff_form1 {
    transform: none!important;	
}

#ff_formdiv1 {
	height: auto;
}

#ff_formdiv1 .bfPage {
	display: none!important
}

#ff_formdiv1 .bfPage.active {
	display: block!important;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
    font-size: 18px !important;
}

#ff_formdiv1 .select-txt .select-content-txt .smaller {
	font-size: 13px;
}

#ff_formdiv1 .radio.inline, #ff_formdiv1 .checkbox.inline {
    padding-left: 0;
}

#ff_formdiv1 .select-txt .ticker {
    left: 0;
}

#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label {
	max-width: 100%!important;
	min-width: 100%!important;
	font-size: 20px;
	margin-bottom: 10px;
}

#ff_formdiv1 #bfPage3 h3  {
	max-width: 100%!important;
	min-width: 100%!important;
	margin-bottom: 30px;
}

#ff_formdiv1 input[type="text"], #ff_formdiv2 input[type="text"] {
    height: 34px;
    margin-bottom: 0 !important;
    font-size: 14px;
}

#ff_formdiv1 .bfPage {
	max-height: none;	
}

#ff_formdiv1 #bfPage1 .control-label, #ff_formdiv1 #bfPage2 .control-label, #ff_formdiv1 #bfPage3 .control-label {
    padding-top: 25px;
}

#ff_formdiv1 #bfPage3 textarea, #ff_formdiv2 textarea, #ff_formdiv3 textarea {
	margin-top: 20px;
	height: 226px;
}

#ff_formdiv1 #bfPage3 .control-label {
	font-size: 13px;
}

#ff_formdiv1 #bfPage3 .control-group:nth-child(2n+1), #ff_formdiv1 #bfPage3 .control-group:nth-child(2n), #ff_formdiv2 .control-group:nth-child(2n+1), #ff_formdiv2 .control-group:nth-child(2n) {
    float: none;
    width: 100%;
}

#ff_formdiv1 #bfPage3 .control-group input, #ff_formdiv2 .control-group input, #ff_formdiv3 .control-group input[type="text"] {
    height: 45px;
	max-width: 100%;
	width: 100%;	
}

#bfElemWrap34, #bfElemWrap434 {
	width: 100% !important;
}

.bfCustomSubmitButton {
	font-size: 18px;
}

.steps {
	max-width: none;
	margin: 50px auto 10px;
}

.steps-nav {
	margin-top: 30px;
}

.steps-nav .navbtn {
	font-size: 14px;	
}

#prevBtn .fa {
    padding-right: 0;
    margin-left: -3px;
}

#nextBtn .fa {
    padding-left: 0;
    margin-right: -3px;
}

#ff_formdiv1 .form-actions {
	display: none;
}

#alert-box {
	width: 98%;
	padding: 8px 30px;	
}

#alert-box.active {
	top: 248px;	
}

.formError .formErrorContent {
    font-size: 13px;
}

.txt-content {
	padding-left: 15px!important;
	padding-right: 15px!important;
}


.sppb-addon-ajax-contact .sppb-col-sm-6 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.sppb-addon-ajax-contact .sppb-form-control {
	font-size: 14px;
}

.sppb-addon-ajax-contact .sppb-btn-primary {
	width: 100%;	
}

#sp-footer {
    font-size: 13px;
}

#sp-footer2 .trenner {
	font-size: 5px;
}

#automotive, #fahrzeugbau-luftfahrt, #chemie-pharma {
	padding-top: 50px!important;
	padding-bottom: 0px!important;
}

#maschinenbau {
		padding-top: 50px!important;
}

.services-details .triangle {
    top: 25px;
}

.ksma-service .skew-holder .link-holder a {
    font-size: 20px;
}

.ksma-service .skew-holder .link-holder {
    margin-left: -45px;
}

.services-details a.img-holder {
    margin-top: 5px;
}

.services-center ul {
    margin-left: 0;
}

.services-details .mehr .triang {
    left: 40px;
    margin-top: -4px;
}

.hero .conn-cta .triangle {
	margin-top: -5px;
}

.page-47 .parallax.image, .page-56 .parallax.image {
    background-size: contain !important;
	padding: 200px 0 50px!important;
}

.park-text .sppb-addon-raw-html {
    padding: 25px;
}

.series-text {
    padding: 100px 15px 45px;
}

.series-text h6 {
    font-size: 26px;
}

.series-text .series-right h6 {
    top: -80px;
}

.page-49 .subpage.hero, .page-58 .subpage.hero {
    background-position: 30% 0 !important;
    background-size: 470% !important;
}

.page-49 #intro-text, .page-49 #ecm-lohnbearbeitung, .ecm-lohnbearbeitung-text, .ecm-schulungen-text, .page-58 #intro-text, .page-58 #ecm-lohnbearbeitung {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.page-49 .ecm-details .headline h3, .page-58 .ecm-details .headline h3 {
	font-size: 24px;	
}

.page-49 .ecm-details .headline .triangle, .page-58 .ecm-details .headline .triangle {
    transform: scale(1);
    position: absolute;
    left: 7px;
    top: 15px;
}

.services-details p {
    font-size: 15px;
    line-height: 28px!important;
}

.page-49 .sppb-carousel-extended-outer-stage, .page-58 .sppb-carousel-extended-outer-stage {
    height: 330px !important;
}

.ecm-carousel .sppb-carousel-extended-item {
    border: none;
}

.ecm-lohnbearbeitung-parr {
	padding-top: 0!important;
	padding-bottom: 200px!important;
	margin-top: -80px!important;
}

#ecm-schulungen {
	padding-top: 30px!important;
	padding-bottom: 0!important;
}

.ecm-schulungen-parr {
    padding-top: 100px!important;
    padding-bottom: 140px!important;
}

.ecm-schulungen-text {
	padding-top: 40px!important;
}

.page-49 .ecm-details h4, .page-58 .ecm-details h4 {
    font-size: 24px;
    line-height: 34px;
}

.page-49 .subpage.hero .breaker, .page-58 .subpage.hero .breaker {
	display: none;
}

.ecm-tech-tri .sppb-col-md-12 {
	padding-left: 0!important;
	padding-right: 0!important;
}

.page-50 .subpage.hero, .page-59 .subpage.hero {
    background-position: 10% 0 !important;
    background-size: 320% !important;
}

.page-51 .park.ecm-details.parallax, .page-60 .park.ecm-details.parallax {
	padding-top: 30px!important;
}

.page-51 .ecm.park-text .sppb-addon-raw-html, .page-60 .ecm.park-text .sppb-addon-raw-html {
    padding: 15px;
}

.page-52 #ecm-technologie, .page-26 .ecm-details, .impressum, .datenschutz, .page-61 #ecm-technologie {
	padding-top: 50px!important;
}

.page-52 h3, .impressum h1, .datenschutz h1, .page-61 h3 {
	font-size: 24px!important;
	text-align: center;
}

.page-52 .ecm-details .headline .triangle, .page-26 .ecm-details .headline .triangle, .impressum h1 .triangle, .datenschutz h1 .triangle, .page-61 .ecm-details .headline .triangle, .page-62 .ecm-details .headline .triangle {
    transform: scale(1);
    position: absolute;
    left: 0px;
    top: 15px;
}

.page-52 .txt-left, .page-61 .txt-left {
	padding: 0 14px;
}

.page-52 h5, .page-61 h5 {
	font-size: 24px;	
}

.page-52 .txt-left .big .breaker, .page-61 .txt-left .big .breaker {
	display: none;
}

.park-text h4 {
	line-height: 36px;
}

.cont-form {
    height: 630px !important;
}

.page-42 h4, .page-63 h4 {
	font-size: 30px;
}

h6 {
	line-height: 28px;
}

.news h6 {
	line-height: 36px;
}

#osmap {
	margin-top: -50px;
}

.page-47 .sppb-carousel-extended-outer-stage, .page-56 .sppb-carousel-extended-outer-stage {
    height: 120px !important;
}

.page-48 #intro-text, .page-57 #intro-text {
	padding-left: 7px !important;	 
	padding-right: 7px !important;
}

.page-52, .page-61 {
	padding: 0;
} 

.page-48 .subpage.hero, .page-57 .subpage.hero {
    background-size: 390% !important;
}

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

.news p b .breaker {
	display: none;
}
}


/* Safari */

.safari.mobile #sp-page-builder .page-content .sppb-section:first-child {
    background-attachment: scroll!important;
}

/*end*/