@charset "utf-8";

#top{
	background: #000;
	height: 40px;
	top: 0px;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	display: flex;
	justify-content: flex-end;
}	

rs-slide b{
	font-weight: normal;
}

#masthead.sticky{
	top: 0px;
}
#masthead::after {
	display: none !important;
}

.partnerlink{
	display: block;
	font-size: 11px;
	line-height: 100%;
	margin-top: 3px;
}

.content article{
	border-bottom: 1px solid #ccc;
	padding: 25px 0px 22px 0px;
}
.search .content article .entry-title a{
	
	color: #222;
	font-size: 22px;
	font-family: Exo Medium;
	margin-bottom: 10px;
	display: block;

}

.search  .entry-title{
	line-height: 130%;
}
.search  .entry-summary{
	margin-bottom: 10px;
}

.search .content article a:hover{
	color: #c91c16;
}



.search .content article a.entry-more {
	color: #fff;
	background: red;
	padding: 8px 16px;
	display: inline-block;
	line-height: 100%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e02918+0,e02918+50,d61717+51,d61717+100 */
	background: rgb(224,41,24); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,41,24,1) 0%, rgba(224,41,24,1) 50%, rgba(214,23,23,1) 51%, rgba(214,23,23,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(224,41,24,1) 0%,rgba(224,41,24,1) 50%,rgba(214,23,23,1) 51%,rgba(214,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(224,41,24,1) 0%,rgba(224,41,24,1) 50%,rgba(214,23,23,1) 51%,rgba(214,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02918', endColorstr='#d61717',GradientType=0 ); /* IE6-9 */
	font-size: 16px;
}
.search .content article a.entry-more:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+50,000000+52,000000+100 */
	background: rgb(34,34,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

#searchBarForm{
	background: #222;
	position: fixed;
	display: none;
	padding-left: 40px;
	padding-right: 40px;
	top: 100px;
	width: 100%;
	z-index: 100;
}
#searchBarForm input{
	padding: 15px;
	width: 100%;
}
#searchBarForm form{
	width: 100%;
	position: relative;
}
#searchBarForm input[type="text"]{
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	border: none;
	height: 50px;
	font-size: 18px;
}
#searchBarForm input[type="search"]{
	font-size: 17px !important;
	
}
#ajaxsearchlite1 .probox, div.asl_w .probox{
	padding: 5px !important;
}

.search .nav-links{
	margin-top: 20px;
	font-size: 16px
}

.contItem { 
	display:inline-block; 
	vertical-align:top; 
	padding:20px; 
	white-space:normal;
}

.marquee2 .contItem{
	width: 250px;
}
.marquee2 .contItem img{
	border-radius: 3px;
}


.category-loop-slide .swiper-pagination, 
.category-loop-slide .swiper-button-next, 
.category-loop-slide .swiper-button-prev{
	display: block !important;
}
.passende_news.category-loop-slide{
	background: #efefef;
}


/*.page-numbers current*/
.search .nav-links .page-numbers{
	line-height: 100%;
	font-family: Exo Medium;
	padding: 7px 10px 5px 10px;
	color: #222;
	border: 1px solid #222;
}
.search .nav-links .page-numbers:hover{
	background: #222;
	color: #fff;
}
.search .nav-links .page-numbers.current{
	background: #c91c16;
	color: #fff;
}

#searchBarForm input[type="submit"]{
	width: 100px;
	font-family: Exo Medium;
	font-size: 20px;
	padding: 5px 0px;
	background: none;
	border: none;
	position: absolute;
	top: 0px;
	right: 6px;
	top: 6px;
	background: #c91c16;
	color: #fff;
	cursor: pointer;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e02918+0,e02918+50,d61717+51,d61717+100 */
	background: rgb(224,41,24); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,41,24,1) 0%, rgba(224,41,24,1) 50%, rgba(214,23,23,1) 51%, rgba(214,23,23,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(224,41,24,1) 0%,rgba(224,41,24,1) 50%,rgba(214,23,23,1) 51%,rgba(214,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(224,41,24,1) 0%,rgba(224,41,24,1) 50%,rgba(214,23,23,1) 51%,rgba(214,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02918', endColorstr='#d61717',GradientType=0 ); /* IE6-9 */
}
#searchBarForm input[type="submit"]:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+50,000000+52,000000+100 */
	background: rgb(34,34,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
#search{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 240px;
	top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#search:before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	-webkit-mask: url(images/icon-search.svg);
	mask: url(images/icon-search.svg);
	-webkit-mask-size: 100% 100%; 
	mask-size: 100% 100%; 
	background: #222;
}




	

#search.active{
	opacity: 1;
}	

#search.active:before{
	background: #c91c16;
}

.button-beraten-lassen{
	display: block;
	position: fixed;
	background: #000;
	color: #000;
	text-shadow: 1px 1px rgba(255,255,255,0.6);
	padding: 10px;
	right: -67px;
	top: 180px;
	transform: rotate(-90deg);
	width: 175px;
	font-size: 15px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100 */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-family: Exo Medium;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	transition: 0.2s all;
}
.button-beraten-lassen:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e0e0e+0,545454+100 */
background: rgb(14,14,14); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(84,84,84,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(84,84,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(14,14,14,1) 0%,rgba(84,84,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#545454',GradientType=0 ); /* IE6-9 */

	color: #fff;
	text-shadow: none;
	text-shadow: 1px 1px rgba(0,0,0,0.6);
}


.button-lexoffice{
	display: inline-block;
	right: 30px;
	position: absolute;
	top: 10px;
	display: flex;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
}
.button-lexoffice a{
	background: #c91c16;
	transition: all 0.2s;
	display: inline-block;
	color: #fff;
	font-family: Exo Medium;
	font-size: 18px;
	line-height: 100%;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
}
.button-lexoffice a:hover{
	background: #FF4352;
}

h1, h2, h3, h4, h5, h6{
	hyphens: auto;
}

.icon-cart{
	width: 21px;
	height: 21px;
	display: block;
	top: -3px;
	position: relative;
	display: block;
	-webkit-mask: url(images/shopping-cart.svg);
	mask: url(images/shopping-cart.svg);
	-webkit-mask-size: 100% 100%; 
	mask-size: 100% 100%; 
	background-color: #fff;
}
.icon-cart-wrapper{
	background: #000;
	padding:  11px 12px 8px 9px;
	border-right: 1px solid #fff;
}
.icon-cart-text{
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	font-size: 15px;
	height: 40px;
	max-width: 137px;
}
.icon-cart-text .linktext{
	width: 100%;
	line-height: 100%;
}


.menu-top-container{
	height: 100%;
	display: inline-block;
}

.topnav-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 100%;
	margin-left: 15px;
}	
.topnav-menu a{
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Exo Regular;
	color: #ccc;
	letter-spacing: 2px;
	height: 100%;
	display: flex;
	align-items: center;
	line-height: 100%;
	padding-bottom: 2px;
	font-size: 14px;
}


.hover-show-text-feature .item-content {
	display: flex;
	align-items:flex-end;
}
#socialmedia-box .item{
	width: 20px;
	height: 100%;
	align-items: center;
	display: flex;
}
#socialmedia-box .item a{
	align-items: center;
	display: flex;
	width: 100%;
}

.home-image-edge .spaltenbild{
	margin-bottom: -60px !important;
}

@media (max-width: 480px){
		.home-image-edge .text {
		padding-top: 80px !important;
	}
	
}


.grid-sizer{
   width: 50%;
}
.vorteile .item{
	margin-bottom: 20px;
}

.vorteile .spalten-titel{
	padding-right: 60px;
}

.vorteile .item .item-content{
	padding: 25px;
	
}
.vorteile .item .text-detail{
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding-top: 10px;
	
}
.vorteile .item a{
	word-break: break-word;
}
.vorteile{
    background:	url("https://lutz-consulting.de/wp-content/uploads/2023/02/low-angle-view-skyscrapers-1.jpg"); 
}



.vorteile .box-title{
    color: #fff;
}
.vorteile.aufklappbar  .item .item-content .text .spalten-titel{
	position: relative;
}
.vorteile.aufklappbar  .item .item-content .text .spalten-titel:before{
	content: "";
	width: 35px;
	height: 35px;
	display: block;
	background:  url(images/next.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: -5px;
	right: 0px;
	transform: rotate(90deg); 
}
.vorteile.aufklappbar  .item.active .item-content .text .spalten-titel:before{
	transform: rotate(-90deg); 
}
.vorteile.haufex360.aufklappbar .item:hover{
	cursor: pointer;
}

.vorteile.haufex360{
    background:	url("https://lutz-consulting.de/wp-content/uploads/2023/05/purple-bg.png"); 
}
.vorteile.haufex360.aufklappbar .item .item-content .text .spalten-titel:before{
	background: url(images/next-blurple.svg) no-repeat;
}
.vorteile.haufex360 .number{
	color: #2067B8;
}

.datenblaetterWrapper{
	margin-left: -10px;
	margin-right: -10px;
}
.datenblaetter{
	display: flex;
	flex-wrap: wrap;
	
}
.datenblattWrapper{
	width: calc(50% - 20px) ;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	
}
.aktuelles-box img{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.aktuelles-box .image a{
	display: block;
    top: 0px;
    height: 100%;
    width: 100%;
}


.aktuelles-box .item-content{
	height: 100%;
}
.aktuelles-box .text{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.header-content{
	position: relative;
}

.section-content blockquote, .vorschau blockquote{
	background: #f0f0f0;
	font-style: normal;
	font-size: 20px;
	line-height: 160%;
	color: #666;
	text-shadow: 1px 1px rgba(255,255,255, 1);
	position: relative;
	padding-left: 80px;
}
.section-content blockquote:before, .vorschau blockquote:before{
	content: "";
	width: 40px;
	height: 80px;
	background: red;
	position: absolute;
	top: -10px;
	left: 15px;
	background: url(images/arrow-down-big-right.svg) no-repeat center 75% #d61717;
	background-size: 60%;
}
.purple-arrow .section-content blockquote:before{
	background-color: #755cce;
}
.purple-arrow .section-content blockquote a{
	color: #755cce !important;
}
.flexibler-inhalt-box.purple-hover  .acf-nav-menu ul li a:hover{
	color: #755cce !important;
}

.image-fit .spaltenbild {
	
}
.image-fit .spaltenbild img{
	width: 100%;
	height: 100%;
	object-fit: contain !important;
	object-position: center center;
}


.wp-admin .aufklappbar .text-detail{
	display: block;
}
.aufklappbar .text-detail{
	display: none;
	padding-right: 50px;
}
.acf-nav-menu ul{
	display: flex;
	flex-wrap: wrap;
}
.acf-nav-menu ul li{
	display: block;
	padding-right: 20px !important;
}

.ansprechpartner .image {
	right: -30px;
	position: relative;
}
.ansprechpartner .image {
	right: -30px;
	position: relative;
	z-index: 1;
}
.ansprechpartner .text{
	padding: 50px 50px 40px 50px;
	padding-left: 70px;
}


.ansprechpartner .icon-wrap{
	position: relative;
	line-height: 100%;
	min-height: 30px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding-left: 40px;
}


.ansprechpartner .icon{
	width: 30px;
	height: 30px;
	display: block;
	background: red;
	text-indent: -9999px;
	line-height: 100%;
	margin-right: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
}

section.ansprechpartner.text-mit-bild-box h4.spalten-titel a, 
section.ansprechpartner.text-mit-bild-box h4.spalten-titel{
	font-size: 22px !important;
}


.ansprechpartner .icon.icon-mail{
	background: url(images/email.svg) no-repeat center center #D61717;
	background-size: 60%;
}
.ansprechpartner .icon.icon-phone{
	background: url(images/phone-call.svg) no-repeat center center #D61717;
	background-size: 60%;
}

.ansprechpartner.purple-icon .icon.icon-mail{
	background: url(images/email.svg) no-repeat center center #636bdd;
	background-size: 60%;
}
.ansprechpartner.purple-icon .icon.icon-phone{
	background: url(images/phone-call.svg) no-repeat center center #636bdd;
	background-size: 60%;
}



.ansprechpartner .text {
	left: -30px;
	position: relative;
	margin-bottom: 20px;
}

.text-detail ul ul{
	margin-top: 10px;
	opacity: 0.7;
}

.swiper-pagination{
	padding-top: 10px;
}
.swiper-button-next,
.swiper-button-prev{
	
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: -10px;
}


.swiper-pagination-bullet{
	border: 1px solid rgba(255,255,255,1);
}
.single .custom-wave h1,
.single .wave h1{
	
}

.single .custom-wave,
.single .wave{

	background-color: red;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
}
.single .custom-wave img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	object-position: center center;
}
.single .custom-wave .header{
	max-width: 650px;
	text-shadow: 0 0 20px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
}
.single .custom-wave .header strong{
	color: #fff;
	letter-spacing: 4px;
	font-weight: normal;
	text-transform: uppercase;
}
.single .custom-wave h1{
	position: relative;
	z-index: 10;
	
	font-size: 50px;
	
}
.single .custom-wave:after,
.single .wave:after{
	content: "";
	height: 150px;
	position: absolute;
	width: 100%;
	bottom: -1px;
	background: url(https://lutz-consulting.de/wp-content/uploads/2024/02/white-wave-turned.png);
	background-size: 100% 100%;
	
	left: 0px;
}


.single .single-content{
	display: flex;
	flex-wrap: wrap;
}
.single .single-content-text{
	width: calc(100% - 400px);
	padding-right: 50px;
}
.single .single-content-form{
	width: 400px;
}

.single-aktuelles-form{
	width: 100%;
}

@media (max-width: 1200px){
	
	.swiper-pagination,
	.swiper-button-next,
	.swiper-button-prev{
		display: block;
	}


	.ansprechpartner .image{
		max-width: 300px;
		margin: auto auto;
	}
	.text-mit-bild-box.ansprechpartner .image{
		width: 300px; !important;
	}
	.text-mit-bild-box.ansprechpartner .text{
		width: calc(100% - 300px) !important;
	}
	.ansprechpartner .text{
		padding: 40px 30px 40px 30px;
		padding-left: 70px;
	}
	
}


@media (max-width: 1024px){
	 .flexibler-inhalt-box.two-column-nav  .acf-nav-menu li{
		width: 100% !important;
	}
}
@media (max-width: 860px){
	.text-mit-bild-box.ansprechpartner .image{
		width: 200px; !important;
	}
	.text-mit-bild-box.ansprechpartner .text{
		width: calc(100%) !important;
		margin: auto auto; 
		max-width: 600px;
		margin-bottom: 50px;
		
	}
	.text-mit-bild-box h5.spalten-subtitel{
		font-size: 33px !important;
	}
	.ansprechpartner .text{
		left: auto;
	}
}


#primary-navigation #menu-mainmenu li{ 
    max-width: 300px;
	line-height: 120%;
}
#primary-navigation #menu-mainmenu li a{ 
	line-height: 125%;
}

.flex-wrap-aktuelles{
	display: flex;
	align-items: stretch;
}

.flex-wrap-aktuelles .item{
	background: red;
}

@media (min-width: 1200px){
	
	#masthead.sticky #primary-navigation{
		margin-bottom: auto;
	}

	#masthead{
		height: 100px !important;
	}

	#primary-navigation{
		right: 280px;
		top: 4px;
		
	}
	#primary-navigation .menu-mainmenu-container,	
	#primary-navigation .menu-mainmenu-container li,
	#primary-navigation .menu-mainmenu-container li a,
	#primary-navigation  #menu-mainmenu{
		align-items: center;
	}
	#primary-navigation .menu-mainmenu-container li a{
		display: flex;
	}
}

@media (max-width: 1200px){
	#search{
		right: 60px;
		height: 60px;
		width: 40px;
		top: 0px;
		background-size: 25px auto;
	}
	.button-lexoffice{
		right: 120px;
	}
	#primary-navigation{
		right: 0px;
	}
}
	

@media (max-width: 768px){
	
	.marquee2 .contItem{
		width: 150px;
	}
	.marquee2 .contItem{
		padding: 10px;
	}
	#searchBarForm{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.section-content blockquote, .vorschau blockquote{
		font-size: 17px;
	}
		
		
	.datenblattWrapper{
		width: calc(100% - 20px) ;
	}
	.aktuelles-box .item{
		max-width: 600px;
	}
	.aktuelles-box .text,
	.aktuelles-box .image {
		width: 100% !important;
	}
	.aktuelles-box .item-content .spaltenbild{
		padding-right: 0px;
		margin-bottom: 0px !important;
	}
	.aktuelles-box .button-fa{
		max-width: none !important;
	}
	
}


.datenblatt{
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 20px 23px;
	align-items: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+46,f6f6f6+47 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 46%, rgba(246,246,246,1) 47%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(246,246,246,1) 47%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 46%,rgba(246,246,246,1) 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


}
.datenblatt .datenblattTitel{
	width: calc(100% - 70px);
	padding-left: 25px;
	line-height: 120%;
}


.datenblattTitel{
	font-size: 20px;
	color: #000;
	hyphens: auto;
}


@media (max-width: 1024px){
	.single .single-content-text,
	.single .single-content-form{
		width: 100%;
		max-width: 700px;
		margin: auto auto; 
		padding-right: 0px;
	}

	.single .single-content-text{
		margin-top: 30px;
		margin-bottom: 40px;
	}
	
	.datenblattTitel{
		font-size: 18px;
	}

}

@media (max-width: 860px){
	.ansprechpartner .text{
		padding-top: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
	}
}

@media (max-width: 768px){
	.single .single-content-text,
	.single .single-content-form{
		max-width: 500px;
	}
	.swiper-button-prev:after, .swiper-button-next:after{
		font-size: 25px !important;
	}
}

@media (max-width: 480px){
	.single .custom-wave h1{
		font-size: 25px;
	}
	.icon-cart{
		top: 0px;
	}
	.icon-cart-text{
		font-size: 13px;
		max-width: 123px;
	}
	.icon-cart-wrapper{
		padding: 0px 7px 0px 7px;
		height: 40px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.partnerlink{
		font-size: 10px;
	}

	.datenblattTitel{
		font-size: 18px;
	}
	#searchBarForm{
		padding-left: 20px;
		padding-right: 20px;
	}
	.text-mit-bild-box h5.spalten-subtitel{
		font-size: 25px !important;
	}
}

.datenblatt:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+47,111111+49 */
	background: rgb(34,34,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(34,34,34,1) 47%, rgba(17,17,17,1) 49%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 47%,rgba(17,17,17,1) 49%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(34,34,34,1) 47%,rgba(17,17,17,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.datenblatt:hover .datenblattTitel{
	color: #fff;
}
.datenblatt-box .icon{
	width: 70px;
}

.datenblatt-box  .item-content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.datenblatt-box  .item-content .text{
	width: 100%;
}


.text-mit-bild-box .text ul li:before{
	mask-size: contain !important;
	-webkit-mask-size: contain  !important;
}


.wpcf7 .width50{
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    
}
.wpcf7 .width100{
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    
}
.wpcf7  .flex-wrap{
    margin-left: -10px;
    margin-right: -10px;
}
.wpcf7-checkbox label{
    border: 1px solid #fff;
    padding: 13px;
    font-size: 20px;
    margin-right: 10px;
    
}
.wpcf7-radio label{
    border: 1px solid #fff;
    padding: 13px;
    font-size: 20px;
    margin-right: 10px;
    
}
.testbestellung{
    color: #fff; 
    font-size: 22px;
}
.testbestellung .hinweis{
    color: #fff;
    font-size: 18px;
}

.testbestellung label{
    font-family: Exo Medium;
    font-size: 18px;
}
.cf-title{
    font-size: 22px;
    background: #000;
    margin-bottom: 10px;
    color: #fff;
    display: inline-flex;
    padding: 15px 25px;
    line-height: 100%;
    width: 300px;
    letter-spacing: 1px;
}
.wpcf7-not-valid-tip{
    background: red;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
}


.examplevideo iframe{
    width: 800px !important;
    height: 500px !important;
}

.galerie li a{
    transition: all 0.3s;
}
.galerie li:hover a{
    transform: scale(1.1);
}



.custom_icon_top.spalten-box .spaltenbild{
	margin-top: -10px !important;
	margin-left: 0px !important;
}


.bild-box .image  a img{
    transition: all 0.3s;
}
.bild-box .image a:hover img{
    transform: scale(1.1);
}

.single .section-content .swiper-container-news-wrapper ul li:before{
	display: none;
}

.single .buttondiv .button-fa{
	margin: auto auto;
	font-size: 24px !important;
}
.single .nav-links{
	display: block;
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}


.single .nav-links .nav-previous a{
	margin-right: 5px;
}


.single .nav-links .nav-next a,
.single .nav-links .nav-previous a{
	background: #000;
	color: #fff;
	line-height: 100%;
	display: block;
	padding: 15px 20px;
	font-size: 18px;
	position: relative;
	transition: 0.3s;
}

.single .nav-links .nav-next a{
	margin-left: 5px;
	padding-right: 70px;
	position: relative;
	float: right;
}

.single .nav-links .nav-previous a:hover,
.single .nav-links .nav-next a:hover{
	background-color: #d61717;
}

.single .nav-links .nav-previous a{
	margin-right: 5px;
	padding-left: 70px;
	position: relative;
	float: left;
}

.job-bewerbung{
	background: #d61717;
	padding: 50px;
}

.job-bewerbung .title_1{
	font-family: Exo Medium;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 120%;
	margin-bottom: 5px;
}
.job-bewerbung .title_2{
	font-family: Exo Medium;
	display: block;
	text-align: center;
	font-size: 28px;
	line-height: 120%;
	color: #fff;
}
.blank_content{
	margin: auto auto;
}
.job-bewerbung label{
	color: #fff;
	font-size: 18px;
}

.job-bewerbung .wpcf7 input[type="file"]{
	border: 1px solid #fff;
	font-size: 18px;
	padding: 10px;
	font-family: Exo Regular;
	color: #000;
	background: #fff;
}


.job-bewerbung .wpcf7 .wpcf7-acceptance{
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;

}
.job-bewerbung .wpcf7 .wpcf7-acceptance label, .wpcf7 .wpcf7-acceptance label a{
	color: #fff;
	font-size: 13px;
	line-height: 130%;
	letter-spacing: 0px;
}

.job-bewerbung .wpcf7-list-item{
	margin-bottom: 0px !important;
}

.single .nav-links .nav-next a:before{
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: #d61717;
	position: absolute;
	right: 0px;
	height: 100%;
	top: 0px;
	width: 40px;
	background: url(images/arrow-right-jobs.svg) no-repeat center center #d61717;
	background-size: 50%;
}
.single .nav-links .nav-previous a:after{
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: #d61717;
	position: absolute;
	left: 0px;
	height: 100%;
	top: 0px;
	width: 40px;
	background: url(images/arrow-left-jobs.svg) no-repeat center center #d61717;
	background-size: 50%;
}

.single .section-content blockquote:before{ 
	content: "";
    width: 35px;
    height: 80px;
    position: absolute;
    top: -10px;
    left: 15px;
    background: url(images/arrow-down-big-right.svg) center 75% / 60% no-repeat rgb(214, 23, 23);
}



.single .section-content blockquote{
	padding-left: 75px;
}
.wpcf7-list-item{
	margin-bottom: 10px !important;
	display: inline-block;
}

@media (max-width: 768px){
	
	.single .custom-wave h1{
		font-size: 30px;
	}
	
	.cf-title{
			font-size: 16px;
			padding: 10px 20px;
	}
	.section-content blockquote::before, .vorschau blockquote::before { 
		width: calc(40px * 0.75);
		height: calc(70px * 0.75);
	}
	.section-content blockquote, .vorschau blockquote{
		padding-left: calc(80px * 0.80);
	}
}


.single-jobs  .section-content .single-content ul li{
	padding-left: 0px !important;
}

.single .section-content ul li{
	position: relative;
	margin-bottom: 10px;
	padding-left: 35px;
	line-height: 130%;
	font-family: Exo Medium; 
}
.single .section-content ul li:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(images/arrow-right-jobs.svg) no-repeat center center #d61717;
	background-size: 60%;
	position: absolute;
	left: 0px;
	top: 1px;
}



.single-jobs h2{
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.single-jobs .single-content ul li{
	display: flex;
	margin-bottom: 10px;
	line-height: 130%;
}
.single-jobs .single-content ul li:before{
	content: "";
	background: rgb(214, 23, 23);
	width: 25px !important;
	height: 25px;
	display: block;
	position: relative;
	top: 0px;
	margin-right: 15px;
	z-index: 5;
	background: url(images/arrow-right-jobs.svg) no-repeat center center #d61717;
	background-size: 60%;
	
}

.jobs-box .text{
	width: 100%;
}
.acf-form-container-single{
	display: none;
	background: rgba(0,0,0,0.95);
	width: 100vw;
	height: 100vh;
	max-width: none;
	z-index: 10000;
	left: 0px;
	top: 0px;
	position: fixed;
	padding-left: 20px;
	padding-right: 20px;
	
}
.acf-form-container-single .acf-form-container-content{
	height: calc(90vh);
	width: calc(100% - 50px);
}



.block-edit-buttons .edit-button strong{
	-webkit-mask-image: url(images/edit.svg);
    mask-image: url(images/edit.svg);
	
}
.block-edit-buttons .delete-button strong{
	-webkit-mask-image: url(fa-layout/fa-images/delete.svg);
    mask-image: url(fa-layout/fa-images/delete.svg);
	
}
#colophon .acf-nav-menu li{
	border-right: 0px;
}

.spalten-box.mit_zahl .text {
	display: flex;
	flex-wrap: wrap;
	padding-left: 50px;
}
.spalten-box .number{
	font-family: Exo Medium;
	color: #D61717;
	font-size: 30px;
	width: 20px;
	position: absolute;
	top: 13px;
	left: 20px;
	text-align: center;
}

#logomobil img{
	padding-top: 0px;
	padding-bottom: 0px;
}
#primary-navigation li a{
	padding: 18px 20px 13px 20px;
}

.featured_image{
	margin-bottom: 25px;
}

.scrolltext {
	padding-left: 20px;
	padding-right: 20px;
}
.scrolltext .content{
	background: #D61717;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	text-align: center;
}
.scrolltext{
	background: #111;
}

.scrolltext .flex-wrap{
  overflow: hidden;
}

.scrolltext .zoom{
  /* animation properties */
transform: scale(1);
	animation: pulse 5s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	5% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.95);

	}
	15%, 100% {
		transform: scale(1);

	}
}

.acf-form-container{
	z-index: 10000;
}

.acf-form-container-news{
	display: none;
	position: fixed;
	top: 0px;
	z-index: 10000;
	background: rgba(0,0,0,0.8);
	width: 100vw;
	height: 100vh;
}
.acf-form-container-news .acf-form-container-content{
	height: calc(100vh - 60px);
}
.datenblatt .datenblattTitel{
	hyphens: auto !important;
}


.word-break .datenblattTitel{
	word-break: break-word;
}
.single-datenblatt .datenblattWrapper{
	width: calc(100% - 20px);
}

.item-aufzahlung.flexible-flex-wrap.item-center{
	flex-wrap: nowrap;
	justify-content: center;
}

.footer-more-box{
	bottom: 5px !important;
	right: 5px !important;
}
#email-button svg, #phone-button svg, #whatsapp-button svg{
	width: 50% !important;
	height:  50% !important;
}
#call-to-action-box{
	display: block !important;
	
}
#call-to-action-box {
	background: none !important;
}
#call-to-action-box div#phone-button,
#call-to-action-box a#email-button{
	background: #D61717 !important;
	border-radius: 9999px;
	border: 2px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#call-to-action-box a{
	margin-bottom: 4px !important;
}
#call-to-action-box a:last-child{
	margin-bottom: 0px !important;
}
.phone-button-wrapper{
	position: relative;
}
#call-to-action-box div#phone-button{
	cursor: pointer;
}
#call-to-action-box div#phone-button.active{
	background: #000 !important;
}

#phone-number-footer{
	
	position: absolute;
	right: 45px;
	top: 4px;
	display: none;
	width: 180px;
	
	
	/*display: none;*/
}
#phone-number-footer span{
	background: rgba(0,0,0,0.8);
	display: flex;
	height: 35px;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
}


#phone-number-footer.active{
	display: flex;
}


.job-bewerbung .wpcf7 input[type=submit]{
	font-size: 21px;
	margin: auto auto;
	font-family: Exo Regular;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+50,000000+52,000000+100 */
	background: rgb(34,34,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.job-bewerbung .wpcf7 input[type=submit]:hover{
	font-size: 21px;
	color: #000;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+51,efefef+51 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 51%, rgba(239,239,239,1) 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 51%,rgba(239,239,239,1) 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 51%,rgba(239,239,239,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	cursor: pointer;

}

.search-results .section-content article{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 15px;
}

.logowidget .flexibleheight img{
	object-fit: contain;
}


#zusatztools-wgt #lx-tools .h4{
	color: #000;
	font-size: 20px;
	padding-bottom: 10px;
	background-position: left 10px;
	font-family: Exo Medium;
	font-weight: normal;
}
#zusatztools-wgt .content h2,
#zusatztools-wgt .content h3,
#zusatztools-wgt .content h4,
#zusatztools-wgt .content h5,
#zusatztools-wgt .content h6{
	font-size: 22px;
	font-family: Exo Medium;
	font-weight: normal;
}
#zusatztools-wgt #lx-tools ul{
	font-size: 16px;
	margin-bottom: 20px;
	list-style: square;

}
#zusatztools-wgt #lx-tools .toolInfo ul li{
	list-style: square;
}
#zusatztools-wgt .ui-state-default .ui-icon{
	color: #d61717;
}
#zusatztools-wgt .screenshots{
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
#zusatztools-wgt .screenshots a{
	display: inline-block;
}

#zusatztools-wgt #lx-tools .toolInfo h1{
	color: #000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-family: Exo Medium;
}
#zusatztools-wgt img{
	width: auto;
}
#zusatztools-wgt .ui-state-default, #zusatztools-wgt 
#zusatztools-wgt .ui-widget-content .ui-state-default, 
#zusatztools-wgt .ui-widget-header .ui-state-default{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #ddd;
}
#zusatztools-wgt  .ui-accordion .ui-accordion-header{
	padding-top: 20px;
	padding-bottom: 20px;
}

#zusatztools-wgt  #lx-tools{
	font-size: 16px;
}

#zusatztools-wgt  #lx-dialog a.button span span, 
#zusatztools-wgt  #lx-tools a.button span span{
	font-family: Exo Medium;
	color: #fff;
	background: #c91c16;
	font-size: 16px;
	padding: 10px 20px;
	display: inline-block;
	border: none;
}
#zusatztools-wgt  #lx-dialog a.button span span:hover, 
#zusatztools-wgt  #lx-tools a.button span span:hover{
	background: #000;
	
}


#zusatztools-wgt .description a{
	font-family: Exo Medium;
	color: #fff;
	background: #c91c16;
	font-size: 14px;
	padding: 10px 20px;
	display: inline-block;
	border: none;
}
#zusatztools-wgt  #category li .description{
	font-size: 16px;
}
#zusatztools-wgt  #category li .description a:hover{
	background: #000;
}

#zusatztools-wgt .description{
	font-family: Exo Regular;
}
#zusatztools-wgt .description li{
	list-style: square;
	font-size: 16px;
}
#zusatztools-wgt .description p{
	display: block;
}
#zusatztools-wgt .ui-state-active .ui-icon{
	background-image: url(images/ui-icons_f9bd01_256x240.png);
}
#zusatztools-wgt .ui-state-default .ui-icon{
	background-image: url(images/ui-icons_6da8d5_256x240.png);
}

#zusatztools-wgt  #lx-tools .toolInfo h1{
	background-image: url(images/red.gif);	
}
.passende_news{
	background: #efefef;
	
}


.passende_news .section-content  ul li{
	padding-left: 0px;
}

.passende_news li{
	
}
.passende_news .wrapper{
	display: flex;
}
.passende_news li.swiper-slide {
	width: 33.33%;
}

.passende_news .swiper-slide-content{
	padding-right: 4%;
	padding-left: 4%;
}

.passende_news  .swiper-container-news-wrapper{
	padding-right: 50px;
	padding-left: 50px;
}
.passende_news .swiper-button-prev:after, 
.passende_news .swiper-container-rtl .swiper-button-next:after,
.passende_news .swiper-button-next:after, 
.passende_news .swiper-container-rtl .swiper-button-prev:after{
	color: #000;
}
.passende_news .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #000;
}

.passende_news_text{
	padding: 8%;
	background: #fff;
	font-family: Exo Regular;
	font-size: 20px;
	line-height: 140%;
	
}

.passende_news_text .swiper-slide-content{
	padding-left: 50px;
	padding-right: 50px;
	height: 100%;
}
.passende_news .swiper-slide-content{
	height: 100%;
}
.passende_news h5{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 22px;
	font-family: Exo Medium;
	margin-bottom: 30px;
	text-align: center;
}
.passende_news h6{
	color: #D61717;
	font-size: 22px;
	font-family: Exo Medium;
	line-height: 130%;
	letter-spacing: 0px;
	margin-bottom: 10px;
}
.passende_news  .vorschautext{
	padding-bottom: 20px !important;
}

.passende_news .buttondiv{
	position: absolute;
	bottom: 8%;
	left: 0px;
	width: calc(100% - 8% - 8%);
	left: 8%;
}
.swiper-slide-content-inner{
	height: 100%;
	background: #fff;
	position: relative;
	padding-top: 70px;
}
.slide-content-inner{
	position: relative;
	height: 100%;
	background: #fff;
	padding-bottom: 80px;
}



.single-jobs #content .content.single_share_content{
	box-shadow: none;
	padding-top: 0px;
}
.news-categories{
	margin-bottom: 30px;
	display: flex;
}
.news-categories a{
	border: 1px solid #d61717;
	padding: 9px 15px 7px 15px;
	line-height: 100%;
	margin-right: 10px;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	min-width: 100px;
	text-align: center;
}

.news-categories a.active,
.news-categories a:hover{
	background: #d61717;
	color: #fff;
}

.tax-aktuelles_cat h1 {
	font-size: 35px;
	margin-bottom: 20px;
	display: block;
	width: 100%;
}
.tax-aktuelles_cat h1 span{
	color: #fff;
}

.tax-aktuelles_cat #content{
	background: #222222;
}

.tax-aktuelles_cat .taxonomy-categories{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
    margin-right: -15px;
}
.tax-aktuelles_cat .taxonomy-categories .spaltenbild{
	margin: auto auto;
    width: 100%;
    padding-top: 65%;
}

.tax-aktuelles_cat .taxonomy-categories img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    top: 0px;
    left: 0px;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tax-aktuelles_cat .taxonomy-categories .item{
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.tax-aktuelles_cat .taxonomy-categories .item-content{
	height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
}

.tax-aktuelles_cat .taxonomy-categories .text{
	padding: calc( 35px * 1 );
    background-color: #ffffff;
    background-size: cover;
	flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	width: 100%;
}

.tax-aktuelles_cat .taxonomy-categories h2.spalten-titel{
	margin-bottom: calc( 10px * 1 );
	font-family: Exo Medium !important;
    font-weight: normal;
    color: #000000;
    font-size: 20px;
    line-height: 1.4;
}
.tax-aktuelles_cat .taxonomy-categories .buttondiv{
	align-self: flex-end;
}

.archive_description{
	background: #D61717;
	font-size: 16px;
	line-height: 120%;	
	margin-top: 50px;
}
.archive_description p:last-child{
	margin-bottom: 0px !important;
}
.archive_description:before{
	content: "";
	width: 100%;
	padding-top: 80px;
	display: block;
	background: url(images/red-wave.png) no-repeat;
	background-size:  100% 100%;
	position: absolute;
}

.single-aktuelles .breadcrumb{
	font-size: 14px;
	max-width: 900px;
	width: 100%;
	text-align: left;
	margin: auto auto;
	margin-bottom: 10px;
}
.single-aktuelles .breadcrumb strong{
	font-weight: normal;
}

.anker{
	display: block;
    position: relative;
    top: -200px;
}

section.lexwarezusatztools .item-content{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

section.lexwarezusatztools .item-content h4.spalten-titel{
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    border: 1px solid #ddd;
	font-size: 22px;
    font-family: Exo Medium;
    font-weight: normal;
	padding-left: 2.2em;
	line-height: 100%;
}


section.lexwarezusatztools .item .item-content .text .spalten-titel:before{
	background: url(images/red-arrow.svg) no-repeat center center !important;
	width: 16px !important;
	height: 16px !important;
	background-size: 8px auto !important;
	position: absolute;
    left: .5em !important;
    top: 50% !important;
    margin-top: -8px !important;
	transform: rotate(0deg) !important;
	
}
section.lexwarezusatztools .item.active .item-content .text .spalten-titel:before{
	transform: rotate(90deg) !important;
}
section.lexwarezusatztools .item{
	margin-bottom: 10px !important;
}
section.lexwarezusatztools .item .item-content .text-detail{
	padding: 20px 20px 30px 30px !important;
	border-left: 1px solid #a6c9e2;
	border-bottom: 1px solid #a6c9e2;
	border-right: 1px solid #a6c9e2;
	margin-top: 20px;
}




@media (min-width: 1200px){
	.header-logo-left #logo img, .header-logo-right #logo img{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#primary-navigation .sub-menu li.menu-item-has-children a {
		padding-right: 45px;
	}

	
	
}

@media (max-width: 1200px){
		#primary-navigation #menu-mainmenu li{
		max-width: auto !important;
		max-width: 10000px;
		width: 100%;
	}
	.footer-more-box{
		bottom: 5px !important;
		right: 0px !important;
	}
	
}
@media (max-width: 1024px){
	
	.single .custom-wave .header{
		text-align: center;
		margin: auto auto;
	}
	.single .custom-wave:after, .single .wave:after{
		height: calc(150px * 0.6);
	}
	
	.single .custom-wave h1{
		font-size: 40px;
	}
	
	.tax-aktuelles_cat .taxonomy-categories{
		margin-left: calc( -15px * 0.75);
		margin-right: calc( -15px * 0.75);
		
	}
	.tax-aktuelles_cat h1{
		font-size: calc(35px * 0.75);
	}
	.tax-aktuelles_cat .taxonomy-categories .item{
		width: 50%;
		padding-left: calc( 15px  * 0.75);
		padding-right: calc( 15px  * 0.75);
	}
	.tax-aktuelles_cat .taxonomy-categories .text{
		padding: calc( 35px * 0.75 );
	}
	
	
}



@media (max-width: 768px){
	
	.single .custom-wave:after, .single .wave:after{
		height: calc(150px * 0.5);
	}
	.single .custom-wave h1{
		font-size: 30px;
		text-align: center;
	}
	.anker{
		top: 0px;
	}
	
	.tax-aktuelles_cat h1{
		font-size: calc(35px * 0.6);
	}
	
	.tax-aktuelles_cat .taxonomy-categories .item{
		padding-left: calc( 15px * 0.6);
		padding-right: calc( 15px * 0.6);
	}
	.tax-aktuelles_cat .taxonomy-categories .text{
		padding: calc( 35px * 0.6 );
	}
	
	
	.wpcf7 form .width50{
		width: 100%;
	}
	.spalten-box .number{
		font-size: 24px;
		top: 10px;
	}
	.spalten-box.mit_zahl .text{
		paddign-left: 30px;
	}
	.vorteile .item .item-content{
		padding: 20px;
	}
	.vorteile.aufklappbar .item .item-content .text .spalten-titel:before{
		width: 30px;
		height: 30px;
	}
	section.vorteile .text .text-content  h4.spalten-titel{
		font-size: 21px !important;
	}
	.datenblatt-box .icon{
		width: calc(70px * 0.8);
	}
}
@media (max-width: 600px){
	.passende_news .swiper-container-news-wrapper{
		padding-left: 25px;
		padding-right: 25px;
	}
	.passende_news_text{
		font-size: 16px;
	}
	.passende_news h6{
		font-size: 20px;
	}
}
@media (max-width: 550px){

	.header-logo-left #socialmedia-box{
		margin-left: 0px;
		justify-content: center;
	}
	.menu-top-container,
	.topnav-menu{
		height: auto;
	}
	
	.topnav-menu a{
		font-size: 12px;
		padding-right: 5px;
		padding-left: 5px;
	}
	.topnav-menu{
		margin-left: 0px;
		justify-content: center;
	}
	.menu-top-container{
		display: block;
		width: 100%;
		position: absolute;
		bottom: 10px;
		left: 0; 
		right: 0;
	}
	#socialmedia-box{
		position: relative;
		width: 100%;
		right: auto;
	}
	#top{
		display: block;
		height: 68px;
		position: relative;
	
	}
	
}
@media (max-width: 480px){
	.single .custom-wave:after, .single .wave:after{
		height: calc(150px * 0.4);
	}
	.single .custom-wave .header strong{
		font-size: 12px;
		text-align: center;
		display: block;
		margin-bottom: 5px;
	}
	.single .custom-wave h1{
		font-size: 25px;
		text-align: center;
	}
	
	.tax-aktuelles_cat .taxonomy-categories .item{
		padding-left: calc( 15px * 0.5);
		padding-right: calc( 15px * 0.5);
		width: 100%;
	}
	.tax-aktuelles_cat .taxonomy-categories .text{
		padding: calc( 35px * 0.5);
	}
	

.cf-title{
	width: 100%;
	max-width: none;
}
	.topnav-menu a{
		padding-right: 5px;
		padding-left: 5px;	
	}
	section.vorteile .text .text-content  h4.spalten-titel{
		font-size: 19px !important;
	}
}



@media (max-width: 420px){
	#logomobil{
		width: 80px;
	}
	.button-lexoffice{
		height: 35px;
		top: 13px;
	}
	.button-lexoffice a {
		font-size: 15px;
	}
	.button-lexoffice{
		right: 110px;
	}
	.icon-cart-text{
		font-size: 12px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 7px;
		padding-left: 7px;
		max-width: 113px;
	}
	.icon-cart-wrapper{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.icon-cart{
		width: 15px;
		height: 15px;
	}
	
}