/*
* Created by CeLa
* Copyright by Amdre GmbH
* Main Theme CSS
*/
/* Poppins Font */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-900.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* Hurricane Font */
@font-face {
  font-family: 'Hurricane';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hurricane-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/hurricane-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hurricane-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hurricane-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hurricane-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hurricane-regular.svg#Hurricane') format('svg'); /* Legacy iOS */
}


/* Default colors */
:root {
	--base-color: #595959;
	--pri-color: #11546c;
	--sec-color: #cf241d;
	
	--pri-font:  'Poppins';
	--sec-font:  'Hurricane';
}
.base-color {
	color: var(--base-color) !important;
}
.pri-color {
	color: var(--pri-color) !important;
}
.sec-color {
	color: var(--sec-color) !important;
}
/* Default fonts */
.sec-font {
	font-family: 'Hurricane';
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 2rem;
}
.text-light {
	color: #6e889e !important;
}
.zt-section-header .sppb-title-heading {
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 800;
}

/*
* Basic styles
*/
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 1.125rem;
	color: var(--pri-color);
}


/* Typography */
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;	
}

strong {
	font-weight: 600;
}

.text-md {
	font-size: 1.25rem;
}
.text-lg {
	font-size: 1.5rem;
}

.zt-button {
	padding: 12px 30px;
	text-transform: uppercase;
	font-size: 1.25rem !important;
	font-weight: 800;
}

/* Custom list bullets */
ul.list-arrows {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list-arrows li:not(:first-child) {
	margin-top: 6px;
}
ul.list-arrows li {
	padding-left: 18px;
}
ul.list-arrows li:before {
	content: '»';
	font-weight: 900;
	position: absolute;
	top: 2;
	left: 0;
}

/* Layout stles */
@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}
.offcanvas-overlay {
	display: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Header */
#sp-header {
	box-shadow: none;
	border-bottom: 1px solid #eee;
}
@media (max-width: 991px) {
	#sp-header {
		height: 80px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
#sp-footer > .container > .container-inner {
	border: 0;
}

@media (max-width: 991px){
	#sp-logo .logo .logo-image {
		max-height: 65px !important;
		width: auto;
	}
}

/*
* Main Navbar
*/
.sp-megamenu-parent > li > a {
	color: var(--sec-color);
	text-transform: uppercase;
	font-size: 1.125rem;
}
.sp-megamenu-parent > li > a:hover {
	color: var(--pri-color);
}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a {
	color: var(--sec-color);
}
#sp-menu a.nav-home {
	font-size: 0 !important;
}
#sp-menu a.nav-home:before {
	content: '\f015';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1rem !important;
}
/* Top contact styles */
.zt-contact-outer {
	display: flex;
	padding-top: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.zt-contact-outer .dropdown:not(:first-child) {
	margin-left: 15px;
}
.zt-contact-outer .dropdown a {
	color: var(--pri-color) !important;
}
.zt-contact-outer .dropdown a:hover {
	color: var(--sec-color) !important;
}
.zt-contact-outer .dropdown span {
	display: block;
	color: #fff;
	cursor: pointer;
}
.zt-contact-outer .dropdown span i {
	font-size: 1.25rem;
}
.zt-contact-outer .dropdown .dropdown-menu {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.85rem;
	width: 300px;
}
.zt-contact-outer .dropdown .dropdown-menu:after, 
.zt-contact-outer .dropdown .dropdown-menu:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.zt-contact-outer .dropdown .dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.zt-contact-outer .dropdown .dropdown-menu:before {
	border-color: rgba(217, 217, 217, 0);
	border-bottom-color: #d9d9d9;
	border-width: 6px;
	margin-left: -6px;
}
.dropdown-menu-center {
	right: auto !important;
	left: 50% !important;
	margin-top: 32px !important;
	-webkit-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}


/* Header */
.zt-main-header {
	position: relative;
	z-index: 89;
}
.zt-main-header.has-claim:after {
	content: '';
	position: absolute;
	bottom: 0;
	transform: translateY(40%);
	transition: width .25s linear;
	z-index: 110;
	aspect-ratio: 2.58/1;
	background-image: url(../images/auf-zack.png);
	background-position: center;
	background-size: 100%;
}
@media (max-width: 991px) {
	.zt-main-header.has-claim:after {
		left: 10%;
		width: 80%;
	}
}
@media (min-width: 992px) and (max-width: 1319px){
	.zt-main-header.has-claim:after {
		left: 15%;
		width: 70%;
	}
}
@media (min-width: 1320px){
	.zt-main-header.has-claim:after {
		left: 10%;
		width: 60%;
	}
}
.zt-main-header .sppb-container-inner {
	position: relative;
	z-index: 99;
}
.zt-main-header .sppb-addon-wrapper {
	margin: 0 !important;
}
.zt-main-header .sppb-addon-image-content .sppb-image-outer {
	margin: 0 !important;
	height: 100%;
}
.zt-main-header.body-bottom .sppb-addon-image-content .sppb-image-outer:before {
	content: '';
	position: absolute;
	height: 160px;
	bottom: 0;
	width: 100%;
	background: rgb(17,84,108);
	background: linear-gradient(0deg, rgba(17,84,108,1) 0%, rgba(17,84,108,0) 100%);
	z-index: 102;
}
.zt-main-header .sppb-addon-image-content .sppb-content-body {
	position: absolute;
	max-width: 1320px;
	z-index: 103;
}
.zt-main-header:not(.body-bottom) .sppb-addon-image-content .sppb-content-body {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 105;
}
.zt-main-header.body-bottom .sppb-addon-image-content .sppb-content-body {
	left: 50%;
	bottom: 0;
	max-width: 50%;
	transform: translateX(-75%);
}
.zt-main-header-body .sppb-image-outer {
	position: relative;
	min-height: 600px;
	width: 100%;
	overflow: hidden !important;
	z-index: 99;
}
.zt-main-header-body .sppb-image-outer img {
	position: absolute; 
	width: 100%;
	height: 100%; 
	left: 0; 
	right: 0; 
	top: 0; 
	bottom: 0; 
	object-fit: cover;
	z-index: 101;
}
.zt-main-header-body .sppb-content-body {
	z-index: 105;
}
.zt-main-header-body .sppb-image-content-title {
	font-size: 2.5rem !important;	
}
.zt-main-header-body .sppb-image-content-text {}
.zt-main-header-body .sppb-image-content-text h3 {
	font-weight: 800;
	font-size: 3rem;
}
.zt-main-text .sppb-addon-content {
	margin-top: 15px;
}
.zt-main-body {
	position: relative;	
	z-index: 99;
}
/* Teaser styles */
.zt-teaser-section {
	position: relative;
	z-index: -1 !important;
}
.zt-teaser-section .sppb-row-container {
	position: relative;
	z-index: 99;
}
.zt-teaser-section .sppb-row-container:after {
	content: '';
	position: absolute;
	width: 762px;
	height: 406px;
	right: 0 !important;
	bottom: 0px;
	z-index: 99;
	background-image: url(../images/start-produkte-neu.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transform: translate(150px, 75px);
	transition: opacity .25s ease-in-out;
}
@media (max-width: 991px){
	.zt-teaser-section .sppb-row-container:after {
		opacity: 0.35;
	}
}
.zt-teaser-section .sppb-row-container .sppb-row {
	position: relative;
	z-index: 105;
}
.zt-teaser-text {}
@media (max-width: 991px){
	.zt-teaser-text {
		text-align: center;
	}
}
@media (min-width: 992px){
	.zt-teaser-text {
		text-align: right;
	}
}


/* Contact section */
.zt-contact-header {}
.zt-contact-header .sppb-addon-content h3 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.25rem;
}
.zt-contact {}
.zt-contact .sppb-person-designation {
	font-size: 1.125rem !important;
	font-weight: 300 !important;
	text-transform: uppercase;
}
.zt-contact:not(.sec-style) .sppb-person-designation {
	color: #fff !important;
}

.zt-contact .sppb-person-name {
	margin-top: 10px;
	color: #768fa4;
	font-size: 2rem !important;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 800 !important;
}
.zt-contact .sppb-person-name > span {
	display: block;
	color: #fff;
}
.zt-contact .sppb-person-contact {
	margin-top: 15px;
}
.zt-contact .sppb-person-contact > a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 10px;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: var(--sec-color);
	background-color: #fff;
}
.zt-contact .sppb-person-contact > a:hover,
.zt-contact .sppb-person-contact > a:active,
.zt-contact .sppb-person-contact > a:focus {
	background-color: #eee;
}
.zt-contact .sppb-person-contact > a i {
	font-size: 1.25rem;
}
/* Secomdary style */
.zt-contact.sec-style .sppb-person-designation {
	color: var(--pri-color) !important;
}
.zt-contact.sec-style .sppb-person-name {
	color: var(--pri-color);
}
.zt-contact.sec-style .sppb-person-name span {
	color: var(--sec-color);
}

/* Distuerber section */
.zt-disturber {
	display: flex;
}
@media (max-width: 991px){
	.zt-disturber {
		min-height: 550px;
	}
}
@media (min-width: 992px){
	.zt-disturber {
		min-height: 700px;
	}
}
.zt-disturber .sppb-row-container {
	align-self: flex-end;
}
.zt-disturber-body {}
@media (min-width: 992px){
	.zt-disturber-body {
		margin-right: 100px;
		margin-left: 100px;
	}
}
.zt-disturber-body .sppb-addon-content h3 {
	font-size: 2.5rem;
	font-weight: 800;
	text-transform: uppercase;
}

/* Service section */
.zt-services {}

.zt-service-header {
}
.zt-service-header .sppb-addon-title {
	font-size: 1.5rem;
}
.zt-service-header .sppb-addon-content h3 {
	font-weight: 800;
	font-size: 2.25rem;
	text-transform: uppercase;
}
.zt-service-box {
}
.zt-service-box .sppb-flipbox-panel {
	cursor: pointer !important;
}
.zt-service-box .sppb-flipbox-panel .sppb-flipbox-front.flip-box:before {
	transition: background .25s linear;
}
.zt-service-box) .sppb-flipbox-panel .sppb-flipbox-front:hover.flip-box:before {
	background-color: var(--sec-color) !important;	
}
.zt-service-box:not(.red-box) .sppb-flipbox-panel .sppb-flipbox-back.flip-box:before {
	background-image: url(../images/sign-light-blue.png);
	background-position: center;
	background-repeat: no-repeat;
}
.zt-service-box.red-box .sppb-flipbox-panel .sppb-flipbox-back.flip-box:before {
	background-color:#acb9c6 !important;
	background-image: url(../images/sign-light-blue-alt.png);
	background-position: center;
	background-repeat: no-repeat;
}
.zt-service-box.red-box .sppb-flipbox-panel .sppb-flipbox-back.flip-box .flip-box-inner {

}
.zt-service-box .flip-box-inner h2,
.zt-service-box .flip-box-inner h3 {
	font-weight: 800;
	text-transform: uppercase;
}
.icon-brand {}
.icon-brand:before {
	content: '';
	display: inline-block;
	width: 42px;
	height: 42px;
	background-image: url(../images/sign.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* Interests section */
.zt-interests-header .sppb-addon-title {
	font-size: 1.5rem;
}
.zt-interests-header .sppb-addon-content h3 {
	font-weight: 800;
	font-size: 2.25rem;
	text-transform: uppercase;
}

.zt-interests-body {}
.zt-interests-body .sppb-addon-title {
	font-size: 1.5rem;
}
.zt-interests-body .sppb-addon-content h2,
.zt-interests-body .sppb-addon-content h3 {
	font-weight: 800;
	text-transform: uppercase;
}
.zt-button-link {}
.zt-button-link:before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	background-image: url(../images/sign.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transform: translateY(10px);
}


/* Product section */
.zt-section-header .sppb-addon-title {
	font-size: 1.5rem;
}
.zt-section-header .sppb-addon-content h3 {
	font-weight: 800;
	font-size: 2.25rem;
	text-transform: uppercase;
}
/* accordion */
.zt-accordion {}
.zt-accordion .sppb-panel,
.zt-accordion .sppb-panel-body {
	border: 0;
}
.zt-accordion .sppb-panel {
	margin-bottom: 10px;
}
.zt-accordion .sppb-panel-heading {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.zt-accordion .sppb-panel-heading.active {
	background-color: var(--sec-color);
	color: #fff;
}
.zt-accordion .sppb-panel-heading:not(.active) {
	background-color: var(--pri-color);
	color: #fff;
}
/*
.zt-accordion .sppb-panel:nth-child(3) .sppb-panel-heading,
.zt-accordion .sppb-panel:nth-child(4) .sppb-panel-heading,
.zt-accordion .sppb-panel:nth-child(5) .sppb-panel-heading {
	padding-top: 10px;
	padding-bottom: 10px;
}
.zt-accordion:not(.second-style) .sppb-panel:nth-child(3) .sppb-panel-heading:not(.active),
.zt-accordion:not(.second-style) .sppb-panel:nth-child(4) .sppb-panel-heading:not(.active),
.zt-accordion:not(.second-style) .sppb-panel:nth-child(5) .sppb-panel-heading:not(.active) {
	background-color: #6e889e !important;
}
*/
.zt-accordion .sppb-panel-heading .sppb-panel-title {
	font-size: 1.125rem !important;
	font-weight: 300;
	text-transform: uppercase;
}
.zt-accordion .sppb-panel-heading .sppb-toggle-direction {
	display: none;
}
@media(max-width: 767px){
	.zt-accordion.second-style .sppb-panel-body {
			padding: 30px 50px;
	}
}
@media(min-width: 768px){
	.zt-accordion.second-style .sppb-panel-body {
			padding: 50px 100px;
	}
}

/* Footer styles */
#sp-footer {
	position: relative;
	z-index: 98;
	background-image: url(../images/auf-zack-footer.png);
	background-repeat: no-repeat;
	background-position: 55% 100%;
}
#sp-footer > div > .container-inner {
	position: relative;
	z-index: 99;
}
#sp-footer > div > .container-inner:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 454px;
	height: 146px;
	background-image: url(../images/gear-footer.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transform: translateX(-140px);
	transition: opacity .25s linear;
}

@media (max-width: 991px){
	#sp-footer > div > .container-inner:before {
		opacity: 0.2;
	}
}
@media (min-width: 992px){
	.zt-footer-branding {
		transform: translateY(-58px);
	}
	.zt-footer-branding .sppb-addon-single-image-container {
		text-align: center;
		width: 100%;
	}
	.zt-footer-branding .sppb-addon-single-image-container img {
		margin: 0 auto;
	}
}
.zt-footer-branding .sppb-addon-single-image-container img {
	max-width: 320px;
	height: auto;
}
.zt-footer-contact {
	font-size: 1rem;
}
/* --- */
.zt-footer-navbar {}
.zt-footer-navbar .sppb-addon-title {
	font-size: 1.25rem;
}
.zt-footer-navbar ul.menu,
.zt-footer-navbar ul.menu li {
	display: block !important;
}
.zt-footer-navbar ul.menu li a,
.zt-footer-navbar ul.menu li a:visited {
	display: inline-block !important;
	font-size:  1rem;
	color: #fff !important;
	text-transform: uppercase;
}
.zt-footer-navbar ul.menu li a:hover,
.zt-footer-navbar ul.menu li a:active,
.zt-footer-navbar ul.menu li a:focus {
	color: #6e889e  !important;
}
/* --- */
.zt-privacy-navbar {
	text-align: center;
}
.zt-privacy-navbar ul.menu li {
	margin: 0 !important;
}
.zt-privacy-navbar ul.menu li a,
.zt-privacy-navbar ul.menu li a:visited {
	color: #fff !important;
}
.zt-privacy-navbar ul.menu li a:hover,
.zt-privacy-navbar ul.menu li a:active,
.zt-privacy-navbar ul.menu li a:focus {
	color: #6e889e  !important;
}
.zt-privacy-navbar ul.menu li:not(:first-child) a:before {
	content: '';
	margin-left: 10px;
	margin-right: 10px;
	border-left: 2px solid #fff;
}

/*
* Fabrik Seite
*/
.zt-headline .sppb-addon-title {
	margin-bottom: 0;
}
.zt-headline .sppb-addon-content h4 {
	font-weight: 800;
	font-size: 2.5rem;
}
.zt-content .sppb-addon-title {
	font-size: 2.5rem;	
}
.zt-content .sppb-addon-content {
	margin-top: 30px;	
}
/* Teaser image*/
.zt-teaser-image{
}
.zt-teaser-image .sppb-image-outer {
	position: relative;
	z-index: 100;
	margin-bottom: 0;
}
.zt-teaser-image .sppb-content-body {
	padding: 50px;
	z-index: 101;
	color: #fff;
	background-color: var(--sec-color);
}
.zt-teaser-image .sppb-content-body .sppb-image-content-title {
	margin-bottom: 15px;
	font-weight: 800;
	font-size: 2.25rem;
	text-transform: uppercase;
}
@media(max-width: 767px){
	.zt-teaser-image .sppb-content-body {
		font-size: 1rem;
	}
}
@media(max-width: 991px){
	.zt-teaser-image .sppb-content-body {
		position: relative;
		margin-right: 50px;
		margin-left: 50px;
		transform: translateY(-50px);
		z-index: 101;
	}
}
@media(min-width: 992px){
	.zt-teaser-image .sppb-content-body {
		position: absolute;
		right: 50%;
		bottom: 0;
		left: 10%;
	}
}

/* Teaser slider */
.zt-teaser-slider {
}
.zt-teaser-slider .sppb-carousel-indicators {
	bottom: 0;
	transform: translateY(60px);
}
.zt-teaser-slider .sppb-carousel-indicators li {
	background-color: #cfdde2;
	border-radius: 0;
	border: 0;
}
.zt-teaser-slider .sppb-carousel-indicators li.active {
	background-color: var(--pri-color);
}
.zt-teaser-slider .sppb-carousel-indicators li,
.zt-teaser-slider .sppb-carousel-indicators li.active {
	width: 15px;
	height: 15px;
	margin: 0;
}
.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text {
	color: #fff;
	background-color: var(--sec-color);
}
@media(max-width: 991px){
	.zt-teaser-slider .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
		position: static;
		padding: 0;
	}
	.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text {
		padding: 30px;
	}
}
@media(min-width: 992px){
	.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text {
		position: absolute;
		right: 50%;
		bottom: 0;
		left: 10%;
		padding: 50px;
	}
}
.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text {
	text-align: left;
}
.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text h2 {
	font-weight: 800;
	text-transform: uppercase;
}
.zt-teaser-slider .sppb-carousel-caption .sppb-carousel-text .sppb-carousel-content {
	padding: 0 !important;
	margin-top: 15px !important;
	font-size: 1.125rem !important;
	line-height: normal !important;
}


/*
* Animated numbers section
*/
.zft-animate-number {}
.zft-animate-number .sppb-animated-number {
	font-weight: 800;
	font-size: 2.5rem !important;
}
.zft-animate-number .sppb-animated-number-title {
	font-size: 1.75rem !important;	
	text-transform: uppercase;
}
.zft-counter .sppb-row .sppb-col-md-3:last-child .sppb-animated-number::before {
	content: 'ü';
  position: absolute;
  top: 0px;
  font-size: 2.5rem;
  font-weight: 800;
  left: 0px;
}
.zft-counter .sppb-row .sppb-col-md-3:last-child .sppb-animated-number {
	margin-left:40px;
}
.zft-counter .sppb-row .sppb-animated-number::after {
	margin-left:10px;
}
/* Team section*/
.zt-team-section {
}
.zt-team-section .zt-team-image {
	position: relative;
	z-index: 99;
}
.zt-team-section .zt-team-image .sppb-image-outer {
	position: relative;
	z-index: 100;
	margin-bottom: 0;
}
.zt-team-section .zt-team-image .sppb-image-outer img {
	display: block;
	width: 100%;
	height: auto;
}
.zt-team-section .zt-team-image .sppb-content-body {}

@media(max-width: 991px){
	.zt-team-section .zt-team-image .sppb-content-body {
		padding: 30px;
	}
}
@media(min-width: 992px){
	.zt-team-section .zt-team-image .sppb-content-body {
		position: absolute;
		left: 50%;
		bottom: 10%;
		z-index: 101;
		color: #fff;
		transform: translateX(-100%);
	}
}
.zt-team-section .zt-team-image .sppb-content-body .sppb-image-content-title {
	font-weight: 300;
	text-transform: uppercase;
}
.zt-team-section .zt-team-image .sppb-content-body .sppb-image-content-text * {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.5rem;
}

/* Address section */

.zt-contact-address .sppb-addon-title {
	margin-bottom: 30px;
	color: var(--sec-color);
	font-size: 2.5rem;
}
.zt-contact-address .sppb-addon-content {
	font-size: 1.5rem;
}
.zt-contact-address .sppb-addon-content a {
	color: var(--pri-color);
}
.zt-contact-address .sppb-addon-content a:hover {
	color: var(--sec-color);
}
.zt-contact-body .sppb-addon-title {
	font-size: 2.5rem;
	color: var(--sec-color);
}
.zt-contact-body .sppb-addon-content {
	font-size: 1.5rem;
}

ul.contact-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
ul.contact-nav > li {
	margin-right: 15px;
}
ul.contact-nav > li > a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 54px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
ul.contact-nav:not(.nav-light) > li > a {
	color: #fff;
	background-color: var(--pri-color);
}
ul.contact-nav:not(.nav-light) > li > a:hover {
	background-color: var(--sec-color);
}
ul.contact-nav.nav-light > li > a {
	color: var(--sec-color);
	background-color: #fff;
}
ul.contact-nav.nav-light > li > a:hover {
	color: #fff;
	background-color: var(--pri-color);
}

ul.contact-nav > li > a > i {
	font-size: 1.5rem;
}

/*
* Gallery styles
*/
.zt-gallery-inner {
}

.zt-gallery-inner .category-filter {
	margin-bottom: 30px;
}
.zt-gallery-inner .ba-goback a, 
.zt-gallery-inner .category-filter a.ba-filter,
.zt-gallery-inner .category-filter a.ba-filter-active {
	display: inline-block;
	text-align: left !important;
	padding: 0 !important;
	font-size: 1.25rem !important;
	background-color: transparent !important;
	color: var(--pri-color) !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}	
.zt-gallery-inner .category-filter a.ba-filter-active {
	color: var(--sec-color) !important;
}
.zt-gallery-inner .ba-goback a:not(:last-of-type):after,
.zt-gallery-inner .category-filter a.ba-filter:not(:last-of-type):after,
.zt-gallery-inner .category-filter a.ba-filter-active:not(:last-of-type):after {
	display: inline-block;
	margin-left: 10px;
	content: '';
	height: 24px;
	border-left: 3px solid var(--sec-color) !important;
	transform: translateY(5px);
}

/*
* Product styles
*/
.zt-product-list {}
.zt-product-list .sppb-column-addons .sppb-section:nth-child(1) {
	position: relative;
	z-index: 1000 !important;
}
.zt-product-list .sppb-column-addons .sppb-section:nth-child(2) {
	position: relative;
	z-index: 999 !important;
}
.zt-product-item {
}
.zt-product-item .sppb-image-outer {
	margin-bottom: 0;
}
.zt-product-item .sppb-content-body {
	padding: 30px;
	text-align: center;
	background-color: var(--pri-color);
	color: #fff;
	text-transform: uppercase;
	transition: background-color .25s linear;
	
	display: flex;
	justify-content: center;
	flex-direction: column;
}
@media(min-width: 992px){
	.zt-product-item .sppb-content-body {
		min-height: 275px;
	}
}
.zt-product-item .sppb-content-body .sppb-image-content-title {
	font-weight: 800;
}
.zt-product-item .sppb-content-body:hover {
	background-color: var(--sec-color);
}
.zt-product-item .sppb-content-body .sppb-image-content-text h2 {
	font-family: var(--pri-font);
	font-weight: 800;
	font-size: 1.6rem;
}
.zt-product-item .sppb-content-body .sppb-image-content-text h2 > a,
.zt-product-item .sppb-content-body .sppb-image-content-text h2 > a:hover,
.zt-product-item .sppb-content-body .sppb-image-content-text h2 > a:active,
.zt-product-item .sppb-content-body .sppb-image-content-text h2 > a:visited,
.zt-product-item .sppb-content-body .sppb-image-content-text h2 > a:focus {
	color: #fff;
}
.zt-dropdown .btn-group {
	position: relative;
	width: 100%;
	padding: 75px 30px;
	border-radius: 0;
	background-color: var(--pri-color);
	text-align: center;
	z-index: 1000;
	transition: background-color .25s linear;
}
.zt-dropdown .btn-group:hover {
	background-color: var(--sec-color) !important;
}
.zt-dropdown .btn-group > a.dropdown-toggle {
	display: block !important;
	width: 100%;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6rem;
	text-align: center;
}
@media(min-width: 992px){
	.zt-dropdown .btn-group > a.dropdown-toggle:after {
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%);
		transition: color .25s ease-in-out;
	}
	.zt-dropdown .btn-group:not(:hover) > a.dropdown-toggle:after {
		color: #004153;
	}
}
.zt-dropdown .btn-group .dropdown-menu {
	width: 100%;
	margin-top: -28px !important;
	background-color: #e2ebf0;
	border-radius: 0;
	inset: unset !important;
	transform: translate(-30px, 50%) !important;
	z-index: 1001;
}
@media(max-width: 767px){
	.zt-dropdown .btn-group .dropdown-menu {
		margin-top: -58px !important;
	}
}
.zt-dropdown .btn-group .dropdown-menu > li {
}
.zt-dropdown .btn-group .dropdown-menu > li > a {
	display: block;
	padding: 30px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.125rem;
}
.zt-dropdown .btn-group .dropdown-menu > li > a,
.zt-dropdown .btn-group .dropdown-menu > li > a:visited {
	color: var(--pri-color);
}
.zt-dropdown .btn-group .dropdown-menu > li > a:hover,
.zt-dropdown .btn-group .dropdown-menu > li > a:active,
.zt-dropdown .btn-group .dropdown-menu > li > a:focus {
	color: var(--sec-color);
}
/* --- */
.zt-disturber-products {}
@media(min-height: 992px){
	.zt-disturber-products {

	}	
}
.zt-distuber-body .sppb-addon-title {
	font-size: 2.5rem;
}
.zt-distuber-body .sppb-addon-content {
}


/*
* Product details styles
*/
.zt-product-view {
}

.zt-product-view .sppb-addon-image-layout-wrap:after {
	content: "\f002";
	position: absolute;
	top: 15px;
	right: 15px;
	line-height: 1;
	z-index: 1001;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--sec-color);
}
.zt-product-view:hover .sppb-addon-image-layout-wrap:after {
	display: none;
	color: #fff;
}


.zt-product-view .sppb-addon-image-layout-content {
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 20px !important;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.zt-product-view .sppb-addon-image-layout-content > * {
	text-align: left;
	color: #fff;

}
.zt-product-view .sppb-addon-image-layout-image {
	background-color: var(--sec-color);
}
.zt-product-view .sppb-addon-image-layout-image img {

}
.zt-product-view:hover .sppb-addon-image-layout-image img,
.zt-product-view:focus .sppb-addon-image-layout-image img {
	transition: all .25s ease-in-out;
	mix-blend-mode: multiply;
}
.zt-product-view .sppb-addon-image-layout-content {
	transition: all .25s ease-in-out;
	opacity: 0;
}
.zt-product-view:hover .sppb-addon-image-layout-content,
.zt-product-view:focus .sppb-addon-image-layout-content {
	opacity: 1;
}

.zt-product-view .sppb-addon-image-layout-content .sppb-addon-image-layout-text {
	text-align: left;
	font-size: 1rem;
	color: #fff;
}

/*
* Funktionen
*/
.zt-function,
.zt-function-alt {
	position: relative;
	z-index: 1;
}
.zt-function .sppb-image-outer,
.zt-function-alt .sppb-image-outer {
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
	z-index: 100;
}
.zt-function .sppb-image-outer:after {
	content: '\203A';
	color: var(--sec-color);
	font-weight: 800;
	position: absolute;
	top: 50%;
	right: 60px;
	font-size: 3rem;
	line-height: 0;
	z-index: 101;
	text-align: center;
	transform-origin: center;
	/* transition: all .1s linear; */
}
.zt-function.show-text .sppb-image-outer:after {
	transform: rotate(90deg);
}
.zt-function .sppb-image-content-title,
.zt-function-alt .sppb-image-content-title {
	font-weight: 800;
	text-transform: uppercase;
}
@media(min-width: 992px){
	.zt-function .sppb-image-content-title,
	.zt-function-alt .sppb-image-content-title {
		position: absolute;
		top: 250px;
		left: 60px;
		color: #fff;
		font-size: 2.5rem;
		z-index: 101;
	}
}
.zt-function .sppb-image-content-text,
.zt-function-alt .sppb-image-content-text {
	padding: 50px 60px;
	background-color: #f1f3f6;
}
.zt-function .sppb-image-content-text {
	display: none;
}
.zt-function.show-text .sppb-image-content-text {
	display: block;
}

/*
* Blog styles
*/

.blog {}

.blog .article {
	border: 0;
	background-color: var(--pri-color);
	color: #fff;
}
.article-list .article .article-intro-image {
	border: 0;
}
.blog .article .article-header h2 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.5rem;
}
.blog .article .article-header h2 a,
.blog .article .article-header h2 a:visited {
	color: #fff;
}
.blog .article .article-body {
	padding: 20px 30px;
}

.blog .article .readmore {
	margin-top: 30px;
}
.blog .article .readmore a {
	padding: 10px 15px;
	background-color: var(--sec-color);
	font-weight: 300;
	font-size: 1.125rem;
	text-transform: uppercase;
	color: #fff;
}
.blog .article .readmore a:hover {
	color: rgba(255,255,255,0.6);
}
.zft-readmore .readmore a {
	color:white;
	font-size:16px;
	font-weight:400;
}
.zft-readmore .readmore a::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  background-image: url(../images/sign.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: translateY(10px);
}
.zft-readmore h4.newsflash-title {
	font-weight:800;
	text-transform: uppercase;
}
.zt-interests .sppb-col-md-8 {
	padding:0 !important;
}

/* --- */
.article-gallery-headline {
	margin-top: 60px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--sec-color);
	font-size: 2.25rem;
}
.article-feature-gallery {

}
.article-feature-gallery > figure {
	break-inside: avoid;
}


@media(max-width: 767px){.article-feature-gallery {column-count: 2;}.mod-articlesnews.newsflash {display:block !important;}}
@media(min-width: 768px){.article-feature-gallery {column-count: 3;}}
.mod-articlesnews.newsflash{display: flex;min-height: 400px}
.mod-articlesnews__item{padding:15px}

/* Category list styles */
.zt-category-news{padding-top: 0 !important;padding-bottom: 0 !important;border: 0 !important}
.zt-category-news .sp-module-title{padding-bottom: 0 !important;text-transform: uppercase;font-size: 2rem !important;font-weight: 800 !important;border: 0 !important}

.zt-category-news ul.mod-articlescategories li a,.zt-category-news ul.mod-articlescategories li a:visited {color: var(--pri-color)}
.zt-category-news ul.mod-articlescategories li a:hover,.zt-category-news ul.mod-articlescategories li a:active,.zt-category-news ul.mod-articlescategories li a:focus {color: var(--sec-color)}
.zt-category-news ul.mod-articlescategories li a:before {
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-right: 5px;
	background-color: var(--sec-color);
	border: 4px solid var(--sec-color);
	content: '';
	color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transform: translateY(1px);
}
.zt-category-news ul.mod-articlescategories li.active a:before {
	background-color: var(--pri-color);
}

/* Last news sytels */
.zt-latest-news {
	border: 0 !important;
}
.zt-latest-news .sp-module-title {
	padding-bottom: 0 !important;
	text-transform: uppercase;
	font-size: 2rem !important;
	font-weight: 800 !important;
	border: 0 !important;
}
.zt-latest-news .latestnews  li > a,
.zt-latest-news .latestnews  li > a:visited {
	color: #000;
}
.zt-social-links .sppb-addon-content > a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
	text-align: center;
	font-size: 1.25rem;
	background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.zt-social-links .sppb-addon-content > a,
.zt-social-links .sppb-addon-content > a:visited {
	color: var(--pri-color) !important;
}
.zt-social-links .sppb-addon-content > a:hover,
.zt-social-links .sppb-addon-content > a:active,
.zt-social-links .sppb-addon-content > a:focus {
	color: var(--sec-color) !important;
}


/*
 * Fixes
 */
.related-article-list .article .createdby {
	display: none;
}
.related-article-list .article .published:before {
	display: none;
}