/* CSS Document */

.container 
{
	max-width: 1140px;
	position: relative;
	margin: auto;
	padding: 0 0px;
}


#zp-construct .container {
		font-size: 17px !important;
	}


#service .vc_tta-panels-container .vc_col-sm-3 {
		font-size: 16px;
	}

.kontakt-text p {
	padding-left: 250px;
	padding-right: 250px;
}

#team.vc_row, #team .vc_row {
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 1460px) {
	
	.serviceSliderContent {
		padding-top: 50px;
	}
	
	#service .vc_tta-panels-container .vc_col-sm-2 {
		display: none;
		width: 0;
	}
	
	ul.serviceMenu {
		padding-left: 20px;
	}
	
	ul.serviceMenu a:hover, ul.serviceMenu a:focus {
		padding-left: 30px;
	}
	
	ul.serviceMenu a::before {
		margin-left: -24px;
		font-size: 2em;
	}
	
	#service .vc_tta-panels-container .vc_col-sm-3 {
		width: 50%;
		padding: 10px 20px 0px 60px !important;
		font-size: 15px;
	}
	
	#service .vc_tta-panels-container .vc_col-sm-7 {
		width: 50%;
		overflow: hidden;
	}
	
	ul.serviceMenu a {
		font-size: 1.1em;
		margin-left: -7px;
		padding: 1px 7px 1px;
	}
	
	.serviceSliderContent li {
		margin-right: 55px;
	}
	
	.kontakt-text p {
		padding-left: 240px;
		padding-right: 240px;
	}
	
	.produktion-content {
		color: #ffffff;
		padding-left: 85px !important;
		padding-right: 85px !important;
		padding-top: 70px !important;
	}
/*	
	.single .flex-direction-nav .flex-prev {
		left: 30% !important;
	}

	.single .flex-direction-nav .flex-next {
		right: 30% !important;
	}
*/
	
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-2 {
		width: 6.666667%;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-3 {
		width: 35%;
	}
}

@media screen and (max-width: 1280px) {
	#zp-header-mobile-navigation {
		margin-right: 10px;
	}
	#header-logo {
		margin-left: 30px;
	}
	
	#zp-burger-before {
		padding-right: 22px;
		width: 62px;
	}
	
	.metaslider .flexslider {
		margin-left: -7% !important;
		margin-right: -7% !important;
	}
	.metaslider .caption-wrap {
		margin-top: 25px !important;
	}
	#ueber-uns {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#ueber-uns-content .vc_row {
	margin-left: 20px;
	margin-right: 20px;		
}
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		padding: 0 15px 0 15px;

	}
	
	.kontakt-text p {
		padding-left: 200px;
		padding-right: 200px;
	}
	
	.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline {
		font-size: 34px;
	}
	
	.anfahrt-text {
		width: 44% !important;
		padding: 20px 34px !important;	
	}
	
	.anfahrt-karte {
		width: 56% !important;
		max-height: 450px;
	}
	
	.history .vc_tta-panels {
		width: 80%;
		padding-right: 20px;
	}
	
	.history .vc_tta-panels .wpb_wrapper h2 {
		font-size: 4em;
	}
	
	.vc_gitem-post-data-source-post_title h4 {
		font-size: 1.1em;
	}
	
	.produktion-content {
		color: #ffffff;
		padding-left: 70px !important;
		padding-right: 70px !important;
		padding-top: 30px !important;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-3 {
		width: 40%;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-7 {
		width: 53.33333333%;
	}
/*	
	.single .flex-direction-nav .flex-prev {
		left: 32% !important;
	}

	.single .flex-direction-nav .flex-next {
		right: 32% !important;
	}
*/
}

@media screen and (max-width: 1180px) {
	#zp-footer .footerLeft {
		padding-left: 20px;
	}

	#zp-footer .footerRight {
		padding-right: 20px;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-3 {
		width: 40%;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-7 {
		width: 53.33333333%;
	}
	
}


@media screen and (max-width: 1040px) {
	
	.metaslider .flexslider {
		margin-left: -14% !important;
		margin-right: -14% !important;
	}
	
	#Leistungsportfolio .metaslider .flexslider {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.vc_tta-icon {
		width: 160px !important;
		height: 160px !important;
		padding: 25px;
	}

	.vc_tta-title-text {
		font-size: 19px;
	}
	
	.kontakt-text p {
		padding-left: 180px;
		padding-right: 180px;
	}
	

	.single .flex-direction-nav .flex-prev {
		left: 22% !important;
	}

	.single .flex-direction-nav .flex-next {
		right: 22% !important;
	}


	}

@media screen and (max-width: 960px) {
	.metaslider .flexslider {
		margin-left: -21% !important;
		margin-right: -21% !important;
	}
	.metaslider .caption-wrap .caption {
		font-size: 1.8em;
	}
	
	h2.unternehmen-but {
		font-size: 18px;
		margin-bottom: 40px !important;
	}
	
	.vc_tta-icon {
		width: 150px !important;
		height: 150px !important;
		padding: 20px;
	}
	
	.vc_tta-title-text {
		font-size: 18px;
	}
	
	#service .vc_col-sm-2 {
		width: 0;
	}
	
	ul.serviceMenu a::before {
		margin-left: -24px;
		font-size: 1.8em;
	}
	
	.kontakt-text p {
		padding-left: 100px;
		padding-right: 100px;
	}
	
	.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline {
		font-size: 30px;
	}
	
	
	.anfahrt-text {
		width: 50% !important;
		padding: 10px 30px !important;	
		font-size: 0.9em;
	}
	
	.anfahrt-karte {
		width: 50% !important;
		max-height: 400px;
	}
	
	.history .vc_tta-panels {
		width: 90%;
	}
	
	.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
		top: 120% !important;
	}
	
	.history .vc_tta-panels .wpb_wrapper h2 {
		font-size: 3.5em;
	}
	
	.vc_gitem-post-data-source-post_title h4 {
		font-size: 1em;
	}
	
	.produktion-content {
		padding-left: 40px !important;
		padding-right: 40px !important;
		padding-top: 15px !important;
	}
	
	.produktion-content h2 {
		padding-bottom: 10px;
	}
	
	
	.page .flex-direction-nav .flex-prev {
		left: 18.5% !important;
	}
	.page .flex-direction-nav .flex-next {
		right: 18.5% !important;
	}
	
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		padding: 0 25px 0 25px !important;
	}
	
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-3 {
		width: 100%;
		padding-left: 25px !important;
		padding-bottom: 50px !important;
	}
	#Leistungsportfolio .vc_tta-panels-container .vc_col-sm-7 {
		width: 100%;
	}
	

}


@media screen and (max-width: 788px) {
	.metaslider .flexslider {
		margin-left: -28% !important;
		margin-right: -28% !important;
	}
	
	.flex-direction-nav {
		display: none; 
	}
	
	.wpb_single_image.vc_align_right {
		text-align: center !important;
	}

	#zp-construct .container {
		font-size: 16px !important;
	}
	
	.ueber-uns-content-text {
		padding-right: 0px !important;
	}
	.vc_tta-icon {
		width: 135px !important;
		height: 135px !important;
		padding: 15px;
	}
	
	.vc_tta-title-text {
		font-size: 17px;
		margin-top: 10px !important;
	}
	
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		margin-top: 20px;
	}
	
	.kontakt-text p {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline {
		font-size: 26px;
	}
	
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		padding: 0 10px 0 10px !important;
	}

}


@media screen and (max-width: 768px) {
	#service .vc_tta-panels-container .vc_col-sm-3 {
		width: 100%;
		overflow:visible;
		padding-left: 40px !important;
		padding-right: 60px !important;
	}
	#service .vc_tta-panels-container .vc_col-sm-7 {
		width: 100%;
		overflow:visible;
	}
	
	.menu-serviceraumkonzept-container {

	}
	
	.serviceSliderContent .wpb_text_column {

	}
	
	.serviceSliderContent li {
		display: inline-block;
		min-width: 31%;
		margin-right: 40px;
	}
	
	#menu-serviceindividuell li {
		min-width: 45%;
		margin-right: 20px;
	}
	
	#menu-serviceklassik li {
		min-width: 45%;
		margin-right: 20px;
	}
	
	
	
	.vc_col-sm-7 {
		clear: both;
	}
	
	.vc_col-sm-7 .metaslider .flexslider {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	
	#service .vc_tta-panels-container .vc_col-sm-3 {
		padding-bottom: 35px !important;
	}
	
	
	.kontakt-text p {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.anfahrt-text {
		width: 100% !important;
		padding: 10px 30px !important;	
		font-size: 1em;
	}
	
	.anfahrt-text .vc_col-sm-6 {
		width: 35%;
		float: left;
	}
	
	.anfahrt-karte {
		width: 100% !important;
		max-height: 400px;
	}
	
	.anfahrt-karte.vc_column_container > .vc_column-inner {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	
	.vc_grid.vc_row .vc_grid-item {
		width: 50%;
		float: left !important;
	}
	
	.produktion-content {
		padding-bottom: 60px;
	}
	
	#anfahrt .vc_column-inner {
		padding-bottom: 15px;
	}
	
	
	
	
}

@media screen and (max-width: 700px) {
	.splashcontent1, .splashcontent2, .splashcontent3 {
		max-width: 500px;
	}
	
	blockquote {
		font-size: 26px;
	}
	blockquote::before, blockquote::after {
		width: 26px;
	} 
	#zp-construct .container {
		font-size: 15px !important;
	}
	
	
	.vc_tta-title-text {
		font-size: 15px;
	}
	
	.kontakt-text p {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#menu-serviceklassik li {
		clear: left;
		display: flex;
		padding-right: 40px;
	}
	
	.subheaderkarriere p {
		font-size: 1rem !important;
	}
	.page-id-1059 h1 {
		font-size: 3.0rem;
	}
	.page-id-1059 h2 {
		font-size: 2.0rem;
	}
	.stellenanzeige a {
		font-size: 1rem;
	}
	.textbig {
		font-size: 1.25rem;
	}
	.vc_tta-icon {
		width: 115px !important;
		height: 115px !important;
		padding: 5px !important;
	}
}


@media screen and (max-width: 568px) {
	.splashcontent1, .splashcontent2, .splashcontent3 {
		max-width: 400px;
	}
	#header-logo {
		width: 250px;
	}
	#zp-header, #zp-header .container {
		height: 90px;
	}
	#zp-header-nav {
		margin-top: 10px;
	}
	
	#zp-burger-before, #zp-burger {
		top: 16px;
	}
	.metaslider .flexslider {
		margin-left: -36% !important;
		margin-right: -36% !important;
	}
	.metaslider .caption-wrap .caption {
		font-size: 1.4em;
	}
	.introzitatSubline {
		padding-right: 0;
		text-align: center;
	}
	#zp-construct .container {
		font-size: 14px !important;
	}

	
	.vc_tta-title-text {
		font-size: 14px;
	}
	
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		display: inline-block;
	}
	
	ul.vc_tta-tabs-list li {
		width: 49%;
	}
	

	#service .vc_tta-panels-container .vc_col-sm-3 {
		width: 100%;
		overflow:visible;
		padding-left: 20px !important;
		padding-right: 30px !important;
	}
	
	.kontakt-text p {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline {
		font-size: 20px;
	}
	
	.anfahrt-text .vc_col-sm-6 {
		width: 50%;
	}
	.subheaderkarriere p {
		font-size: 0.75rem !important;
	}
	
	.vc_tta-icon {
		width: 135px !important;
		height: 135px !important;
		padding: 5px !important;
	}
	
	.vc_tta.vc_general ul.vc_tta-tabs-list {
		flex-wrap: wrap !important;
	}
	
	.vc_tta.vc_general li.vc_tta-tab {
		width: 40% !important;
	}
	
	.vc_tta.vc_general li.vc_tta-tab a {
		padding-top: 0;
		padding-bottom: 0;
	}
	#zp-header-nav-mobile {
		top: 90px;
	}
		
	
	
}

@media screen and (max-width: 468px) {
	.splashcontent1, .splashcontent2, .splashcontent3 {
		max-width: 270px;
	}
	#header-logo {
		width: 180px;
		margin-left: 10px;
	}
	#zp-header, #zp-header .container {
		height: 80px;
	}
	.metaslider .caption-wrap .caption {
		display: none;
	}
	.metaslider .flexslider {
		margin-left: -42% !important;
		margin-right: -42% !important;
	}
	.vc_tta-icon {
		width: 120px !important;
		height: 120px !important;
	}
	
	blockquote {
		font-size: 22px;
	}
	
	.serviceSliderContent li {
		display: inline-block;
		min-width: 43%;
		margin-right: 30px;
	}
	
	.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline {
		font-size: 17px;
		padding: 10px 20px !important;
	}
	.subheaderkarriere p {
		font-size: 0.65rem !important;
	}
	#zp-header-nav-mobile {
		top: 80px;
	}
	
}


@media screen and (max-width: 380px) {
	.vc_tta-icon {
		width: 100px !important;
		height: 100px !important;
	}
	
	.anfahrt-text .vc_col-sm-6 {
		width: 100%;
	}

	
}


@media screen and (min-width: 768px) {

	
}