:root {

		--laeblau: #002c51;
		--laerot: #e4051f;
		--schriftfarbe1: #000000;
		--schriftfarbe2: #424242;

		--standardschrift: 'Montserrat', Helvetica, Arial, sans-serif;
		--ueberschrift:  'Montserrat', Helvetica, Arial, sans-serif;
/*
		--head1: 42px;
		--head2: 32px;
		--head3: 26px;
		--head4: 24px;
*/
		--head1: 36px;
		--head2: 28px;
		--head3: 26px;
		--head4: 22px;
		--head5: 22px;
		--paraplus: 20px;
		--paranorm: 18px;
		--head3plus: 26px;

		--space0: 1.05;
		--space15: 1.15;
		--space25: 1.25;
		--space30: 1.3;
		--space50: 1.5;
		--space75: 1.75;
		--space100: 2;

	}

@media screen and (max-width: 767px) {

	:root {

		--head1: 32px;
		--head2: 26px;
		--head3: 24px;
		--head4: 23px;
		--head5: 22px;
		--paraplus: 20px;
		--paranorm: 18px;
		--head3plus: 24px;
	}

}

	body {
		background-color: white;
		color: var(--schriftfarbe1);
		font-family: var(--standardschrift);
	}

	.font-main {
		font-family: var(--standardschrift);
	}

	.font-secondary {
		font-family: var(--standardschrift);
	}

	.font-tertiary {
		font-family: var(--standardschrift);
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 10px;
	}

	h3, h4, h5, h6 {
		font-family: var(--standardschrift) !important;
	}

	h1 {
		font-family: var(--ueberschrift) !important;
		font-size: var(--head1);
		font-weight: 700;
		color: var(--laeblau);
	}

	h2 {
		font-family: var(--ueberschrift) !important;
		font-size: var(--head2);
		font-weight: 700;
		color: var(--laeblau);
	}


	h2 {
		position: relative;
		margin-left: 18px;
	}

	h2 span::before {
		content: ' ';
		position: absolute;
		top: 10px;
		left: -18px;
		width: 1px;
		height: calc(100% - 20px);
		border-left: 8px solid var(--laerot);
	}

	h3 {
		font-family: var(--ueberschrift) !important;
		font-size: var(--head3);
		font-weight: 400;
		color: var(--laeblau);
	}

	h4 {
		font-size: var(--head4);
		font-weight: 700;
		color: var(--schriftfarbe2);
	}

	h5 {
		font-size: var(--head5);
		font-weight: 700;
		color: var(--schriftfarbe2);
	}

	p {
		font-size: var(--paranorm);
		font-weight: 400;
		color: var(--schriftfarbe1);
		margin-bottom: 20px;
		line-height: 1.666;
	}

	#benefits img {
		float: left;
		margin-right: 15px;
	}

	#benefits strong {
		font-size: 22px;
	}

@media screen and (max-width: 991px) {

	#benefits strong {
		font-size: 20px;
	}

}

@media screen and (max-width: 767px) {

	#benefits strong {
		font-size: 18px;
	}

	#benefits img {
		margin-right: 10px;
	}

}

	p a {
		color: var(--zoellergruen2);
		font-weight: 600;
		text-decoration: underline;
	}

	p a:hover, p a:active {
		color: var(--laeblau);
		text-decoration: underline;
	}

	@-webkit-keyframes inFader {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	@keyframes inFader {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	.inFader {
		-webkit-animation-name: inFader;
		animation-name: inFader;
	}

	.fullsize {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.contentpic {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.blueback {
		background-color: var(--laeblau);
	}



	#home, #home-innen {
		margin-top: 190px;
	}

/*
	video {
		min-width: 100vw;
		min-height: 100vh;
	}
*/

	video {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	#video-textbox {
		display: none;
		animation-duration: 1s;
	}

	#video-textbox h2 {
		color: white;
		font-size: 60px;
		font-weight: bold;
	}

	.videooverlay {
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .42);
		z-index: 10;
	}

	.overlay-content {
		padding: 30px 10px;
		background-color: rgba(0, 0, 0, 0);
	}

	.bottom-line {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		margin-bottom: 30px;
		z-index: 110;
	}

	.videobox {
		max-height: calc(100vh - 190px) !important;
		overflow: hidden;
	}

/*
@media screen and (min-width: 2000px) {

	.bottom-line {

	}

}
*/
	.bottom-line .box-quicklink {
		background-color: white;
		text-align: center;
		padding: 30px;
		margin: 0 40px;
		cursor: pointer;
	}

	.bottom-line .box-quicklink .haken-icon {
		color: var(--laerot);
		font-size: 32px;
		font-weight: 700;
		text-align: center;
		margin: 20px 0;
	}

	.bottom-line .box-quicklink .haken-runter {
		display: inline-block;
	}

	.bottom-line .box-quicklink .haken-rechts {
		display: none;
	}



@media screen and (max-width: 1199px) {


	.bottom-line {
		bottom: -200px;
	}

	.bottom-line .box-quicklink {
		box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)
	}

	#home {
		margin-bottom: 200px;
	}

}



@media screen and (max-width: 991px) {

	.bottom-line .box-quicklink {
		margin: 0;
		padding: 30px 40px;
	}

	.bottom-line .box-quicklink h5 {
		font-size: 20px;
		font-weight: 600;
	}

}

@media screen and (max-width: 767px) {

	#home, #home-innen {
		margin-top: 150px;
	}

	.bottom-line .box-quicklink {
		margin: 15px 0 0 0;
	}

	.sm-qb-float {
		float: left;
	}

	.sm-qb-pic {
		margin-top: -23px;
		margin-left: -18px;
		height: 46px;
		width: auto;
		padding-right: 15px;
	}

	.sm-qb-head {
		margin-top: -15px;
		padding-right: 15px;
		font-size: 22px !important;
	}

	.sm-qb-head h5 {
		margin: 0 !important;
	}

	.sm-qb-div {
		margin-top: -10px;
	}


	.bottom-line .box-quicklink .haken-icon {
		font-size: 16px;
		margin: 0;
	}

	.bottom-line .box-quicklink .haken-runter {
		display: none;
	}

	.bottom-line .box-quicklink .haken-rechts {
		display: inline-block;
	}

}

	.video-content-bottom-social {
		font-size: 36px;
	}

	.video-content-bottom-social a {
		margin-right: 20px;
	}

	.video-content-bottom-social a:last-child {
		margin-right: 0;
	}
	
	.video-content-bottom-phone {
		font-size: 32px;
	}

	.over-phone {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0;
		text-align: center;
		font-size: 32px;
		background-color: rgba(255, 255, 255, 0.666);
		z-index: 100;
	}

	.over-phone .phone-number {
		display: inline-block;
		padding: 30px 50px;
		font-size: 36px;
	}

	.over-social {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 30px 50px;
		font-size: 36px;
		z-index: 110;
	}

	.over-eot {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 236px;
		height: 70px;
		z-index: 110;
	}

	.over-social a {
		margin-right: 20px;
	}

	.over-social a:last-child {
		margin-right: 0;
	}

	.eot-fixed {
		position: fixed;
		bottom: 120px;
		right: 0;
		width: 120px;
		height: 240px;
		text-align: right;
		z-index: 999999;
	}

	.eot-fixed img {
		max-width: 120px;
		height: auto;
	}

@media (max-width: 2000px) {

	.over-phone .phone-number {
		padding: 20px 50px;
		font-size: 28px;
	}

	.over-social {
		padding: 20px 50px;
		font-size: 28px;
	}

}

	#home, #home-innen {
		background-color: white;
	}

	.piano .piano-title {
		width: 90px;
	}

	.piano .piano-select:checked + .piano-image {
		width: calc(100% - 540px);
	}

@media screen and (max-width: 991px) {

	.social-footer {
		margin: 40px 0;
	}

}


/**********
*
* Wir suchen
*
**********/

	#wirsuchendich {
		background-color: white;
	}

	.probootstrap-cell-retro {
		width: 100%;
		float: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -60px;
		margin-bottom: -60px;
		position: relative;
	}

	#wirsuchendich h2, #wewantyou h2 {
		margin-bottom: 20px;
	}

	#wirsuchendich p, #wewantyou p {
		font-size: 20px;
		margin-bottom: 20px;
	}


/*
	#wirsuchendich:before {
		margin: -40 px;
	}

	#wirsuchendich:after {
		margin: -40 px;
	}
*/

/**********
*
* Portfolio
*
**********/

	#leistungen {
		padding-top: 180px;
		padding-bottom: 30px;
	}

	.content-img {
		width: 100%;
	}

	.portfolio-box {
		overflow: hidden;
		margin-bottom: 4px;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

/*
	.portfolio-box:nth-child(odd) {
		padding-right: 2px;
	}

	.portfolio-box:nth-child(even) {
		padding-left: 2px;
	}
*/
	.pigbox {
		aspect-ratio: 3/2;
		overflow: hidden;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
/*
	.pigbox:hover {
		background-size: 150% 150%;
	}
*/
	.pigbox img {
		width: 100%;
		height: auto;
	}

	.pigbox img:hover {
		opacity: 0.8;
	}

	.portfolio-legend {
		width: 100%;
		color: white;
		padding: 20px;
		height: 90px;
		transition: height 500ms;
	}

	.portfolio-legend h2 {
		margin-bottom: 30px;
	}

	.portfolio-legend p {
		margin-bottom: 20px;
		color: #3c3c3c;
	}

	.portfolio-legend:hover {
		background-color: rgba(255, 255, 255, .666);
		height: 220px;
	}

	.portfolio-legend:hover h2 {
		color: #3c3c3c;
	}

	.button-soli-orange {
		background-color: #fe8200;
	}

	.button-soli-orange:hover {
		background-color: #bb741b;
	}

/*
	.portfolio-legend {
		bottom: 0;
		height: auto;
		left: 0;
		padding: 30px;
		position: absolute;
		transform: translateY(0);
		transition: background-color .15s ease-in-out,transform .15s ease-in-out;
		width: 100%;
		background-color: #fe8200;
	}
*/

@media (max-width: 990px) {

	.portfolio-box {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

}





#team {
	padding-top: 180px;
	padding-bottom: 180px;
}


	.news-tile {
		aspect-ratio: 1.5;
	}

	.news-figure {
		cursor: pointer;
	}




.team-v2 {
	padding-top: 80px !important;
}

.ueberuns-v1 {
	padding-bottom: 180px !important;
}

.ueberuns-v2 {
	padding-top: 180px !important;
	padding-bottom: 180px !important;
}



#newsletter {
	background-color: white;
}


.firstpig {
	min-height: 600px;
}


.secondpig {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 400px;
	z-index: 1;
}

.secondpig::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .42);
	z-index: 1;
}

.mt-400 {
	margin-top: 400px;
}

.headpigcontent {
	position: absolute;
	display: table;
	width: 100%;
	height: 400px;
	z-index: 3;
}

.headpigcontent h1 {
	display: table-cell;
	width: 100%;
	height: 300px;
	padding-top: 100px;
	vertical-align: middle;
	text-align: center;
	font-size: 56px;
	font-weight: bold;
	color: white !important;
	letter-spacing: 1px;
}

#wewantyou {
	border-top: 10px solid #f4f4f4;
}


.containerwidth {
	width: 100%;
	height: auto;
}










/*
**************
	LAE
**************
*/


	.social-icon {
		font-size: 42px !important;
	}

	.social-link {
		text-decoration: none !important;
	}

	.social-link + .social-link{
		margin-left: 30px;
	}

/*
*****
	Ausrichtung
*****
*/

	.text-left {
		text-align: left;
	}

	.text-right {
		text-align: right;
	}

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

@media (min-width: 576px) {

	.text-sm-left {
		text-align: left !important;
	}

	.text-sm-right {
		text-align: right !important;
	}

	.text-sm-center {
		text-align: center !important;
	}

}

@media (min-width: 768px) {

	.text-md-left {
		text-align: left !important;
	}

	.text-md-right {
		text-align: right !important;
	}

	.text-md-center {
		text-align: center !important;
	}

}

@media (min-width: 992px) {

	.text-lg-left {
		text-align: left !important;
	}

	.text-lg-right {
		text-align: right !important;
	}

	.text-lg-center {
		text-align: center !important;
	}

}

@media (min-width: 1200px) {

	.text-xl-left {
		text-align: left !important;
	}

	.text-xl-right {
		text-align: right !important;
	}

	.text-xl-center {
		text-align: center !important;
	}

}





/*
*****
	Button
*****
*/

	.btn-darkblue {
		background-color: var(--laeblau);
		border: 2px solid var(--laeblau);
		color: white;
		text-decoration: none;
	}

	.btn-darkblue:hover {
		border: 2px solid var(--laeblau);
		background-color: white;
		color: var(--laeblau);
		text-decoration: none;
	}

	.btn-darkblue-white-border {
		background-color: var(--laeblau);
		border: 2px solid white;
		color: white;
		text-decoration: none;
	}

	.btn-darkblue-white-border:hover {
		border: 2px solid white;
		background-color: white;
		color: var(--laeblau) !important;
		text-decoration: none;
	}

	.btn-red {
		background-color: var(--laerot);
		border: 2px solid var(--laerot);
		color: white;
		text-decoration: none;
	}

	.btn-red:hover {
		border: 2px solid var(--laerot);
		background-color: white;
		color: var(--laerot);
		text-decoration: none;
	}

	.btn-grey {
		background-color: var(--zoellergrau);
		border: 2px solid var(--zoellergrau);
		color: white;
		text-decoration: none;
	}

	.btn-grey:hover {
		border: 2px solid var(--zoellergrau);
		background-color: white;
		color: var(--zoellergrau);
		text-decoration: none;
	}

	.lg-btn {
		min-width: 250px;
		font-family: var(--standardschrift);
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 600;
		padding: 7px 12px;
		text-decoration: none;
	}





/*
*****
	Footer
*****
*/

	.footertopbar {
		background-color: white;
		border-top: 5px solid var(--laerot);
		padding: 40px 0;
	}

	.footertopbar * {
		color: var(--laeblau);
		font-weight: 600;
		font-size: 18px;
		line-height: 1.5;
	}

	.footertopbar img {
		width: 200px;
		max-width: 100%;
		height: auto;
	}

	.footernavbar {
		background-color: var(--laeblau);
	}

	footer .t-left {
		padding: 0 0 20px 0;
	}

	footer .t-right {
		padding: 5px 0;
	}

	footer .footernav {
		padding: 15px 0;
		text-align: center;
	}

	.footertopbar a {
		color: var(--laeblau);
		text-decoration: none;
	}

	.footernavbar a {
		padding: 0 20px;
		display: inline;
		color: white;
	}

	footer a:hover {
		text-decoration: underline;;
	}

	.social-footer {
		margin: 0;
	}

	.social-footer-col {
		text-align: right;
	}

@media (max-width: 991px) {

	.footerlogo {
		padding-bottom: 30px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	.social-footer-col {
		padding-top: 25px;
		text-align: center;
	}

}



/*
*****
	Navigation
*****
*/

	.nav-container {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.modern-nav.nav-lg {
		height: 100px;
	}

	.nav-link-main {
		padding: 3px 8px;
	}
/*
	.nav-link-main:hover {
		background: rgba(255, 255, 255, .5);
	}
*/

	.modern-nav.fixed:not(.scrolled) {
		color: white !important;
/*		background: white !important; 	*/
		border-bottom-color: transparent;
		box-shadow: none !important;
	}

	.nav-firstrow {
		background-color: white !important;
		height: 100px !important;
	}

	.nav-firstrow * {
		color: var(--laeblau) !important;
		font-weight: bold;
	}

	.nav-firstrow btn {
		color: white !important;
	}

	.nav-wrapper {
		background-color: var(--laeblau);
		box-shadow: 0px 5px 13px -2px rgba(0, 0, 0, 0.23)
	}

	.footer-logo {
		height: 54px;
		max-height: 54px;
		max-width: 100%;
		width: auto;
	}

	.col-logo {
		position: relative;
	}

	.laelogo {
		position: absolute;
		top: 0;
		width: 200px;
		height: 200px;
		left: 0;
		z-index: 666;
	}

	.laelogo img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.footernavbar {
		background-color: var(--laeblau);
	}

	.nav-menu li a {
		font-family: var(--standardschrift) !important;
		font-weight: 600 !important;
		letter-spacing: 1px;
	}

	.nav-menu > .nav-links > li > .nav-link {
		color: white;
	}

	.footernav a {
		font-family: var(--standardschrift) !important;
		font-weight: 600 !important;
		color: white;
	}

	.modern-nav.link-hover-01 .nav-links .nav-link::before, .modern-nav.link-hover-02 .nav-links .nav-link::before {
		height: 5px !important;
		background-color: var(--laerot) !important;
	}

	.modern-nav.link-hover-01 .nav-container .nav-menu .nav-links li:not(.extra-links):hover > a.nav-link:not(.lg), .modern-nav.link-hover-01 .nav-container li.extra-links > a.nav-link:not(.lg):hover, .modern-nav.link-hover-01 .nav-container li.active > a.nav-link:not(.lg), .modern-nav.link-hover-01 .nav-container li > a.nav-link:not(.lg).active {
		color: var(--laerot) !important;
	}


/*
	.modern-nav.link-hover-01:not(.scrolled) .nav-container .nav-menu .nav-links li:not(.extra-links):hover > a.nav-link:not(.lg), .modern-nav.link-hover-01:not(.scrolled) .nav-container li.extra-links > a.nav-link:not(.lg):hover, .modern-nav.link-hover-01:not(.scrolled) .nav-container li.active > a.nav-link:not(.lg), .modern-nav.link-hover-01:not(.scrolled) .nav-container li > a.nav-link:not(.lg).active {
		color: white !important;
	}
*/

	.container-innernav {
		margin: 0 auto;
	}

	.container-innernav {
		max-width: 1320px !important;
	}

	.firstrowcol-1, .firstrowcol-2, .firstrowcol-3 {
		padding-top: 40px;
		text-align: center;
	}

	.firstrowcol-4 {
		padding-top: 23px;
		text-align: center;
	}

	.firstrowcol-4 a {
		color: white !important;
		font-size: 18px;
		padding: 12px 15px;
	}

	.firstrowcol-4 a:hover {
		color: var(--laeblau) !important;
	}

	.langlink {
		display: inline-flex;
		justify-content: flex-end;
		align-items: right;
		height: 25px;
		width: auto;
	}

	.langlink * {
		width: auto;
		height: 25px;
		border: 1px solid white;
	}

@media (max-width: 1199px) {

	.firstrowcol-1 {
		display: none;
	}

}

@media only screen and (max-width: 992px) {

	.modern-nav.nav-white .nav-menu {
		z-index: 999;
	}

}

@media (max-width: 991px) {

	.firstrowcol-2 {
		display: none;
	}

	.firstrowcol-4 {
		text-align: center;
	}

	.firstrowcol-3 {
		display: none;
	}

	.firstrowcol-4 {
		padding-top: 29px;
		text-align: center !important;
	}

	.langlink {
		position: absolute;
		top: -62px;
	}

	.langlink img {
		border-color: var(--laeblau);
	}

	.langlink-2 {
		right: 15px;
	}

	.langlink-1 {
		right: 75px;
	}

}

@media (max-width: 767px) {

	.firstrowcol a {
		font-size: 16px;
		padding: 7px 12px;
	}

	.laelogo {
		max-width: 160px;
		height: auto;
	}

	.modern-nav.nav-lg {
		height: 60px;
	}

}

@media (max-width: 575px) {

	.firstrowcol a {
		font-size: 14px;
		padding: 3px 5px;
		margin-top: 4px;
	}

}


/*
@media (min-width: 1400px) {

	.container-innernav {
		max-width: 1320px !important;
	}

}

@media (min-width: 1200px) {

	.container-innernav {
		max-width: 1140px !important;
	}

	.firstrowcol-1 {
		display: none;
	}

}

@media (min-width: 992px) {

	.container-innernav {
		max-width: 960px !important;
	}

	.firstrowcol-2 {
		display: none;
	}

}

@media (min-width: 768px) {

	.container-innernav {
		max-width: 720 !important;
	}

	.firstrowcol-3 {
		display: none;
	}

}

@media (min-width: 576px) {

	.container-innernav {
		max-width: 540px !important;
	}

}
*/
	#hamburger-menu {
		float: right;
		width: auto;
	}

	.hamburger-menu {
		height: 19px;
	}

	.hamburger-menu div {
		height: 2px;
		background-color: white;
	}

	ul.nav-links {
		float: right;
	}



/*
*****
	Fullsize-Teaser
*****
*/

	.fullsize-teaser .teaser-first-row {
		background-color: var(--laerot);
		min-height: 120px;
	}

	.fullsize-teaser .teaser-first-row div {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.fullsize-teaser .teaser-first-row div.left-title {
		align-items: flex-end;
	}

	.fullsize-teaser .teaser-first-row div.right-title {
		align-items: flex-start;
	}

	.fullsize-teaser .teaser-second-row div.the-other-col {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.the-other-col-start {
		align-items: flex-start;
	}

	.the-other-col-end {
		align-items: flex-end;
	}

	.fullsize-teaser .teaser-second-row div.the-other-col img {
		max-width: 80%;
		max-height: 90%;
		width: auto;
		height: auto;
	}

	.fullsize-teaser .teaser-first-row h1 {
		color: white;
		margin-bottom: 0;
	}

	.fullsize-teaser .teaser-second-row {
		min-height: 400px;
	}

	.fullsize-teaser .teaser-second-row, 
	.fullsize-teaser .teaser-pic-col {
		background-size: cover;
	}

	.fullsize-teaser .teaser-pic-col {
		background-position: center center;
	}

	.fullsize-teaser .bluebox {
		position: relative;
		width: 80%;
		max-width: 650px;
		padding: 0 60px;
		margin-top: 60px;
		margin-bottom: 60px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}

	.fullsize-teaser .bluebox-left {
		float: right;
		margin-right: -12px;
	}

	.fullsize-teaser .bluebox-right {
		float: left;
		margin-left: -12px;
	}

	.fullsize-teaser .bluebox p {
		padding: 0;
		color: white;
		font-size: var(--paraplus);
		line-height: 1.5;
	}

	.fullsize-teaser .bluebox p + p {
/*		padding-top: 30px; */
	}

	.bluebox * {
		color: white !important;
	}

	.teaser-pic-show-back-for-lg {
		background-size: 0% 0%;
	}

	.teaser-pic-hide-front-for-lg {
		display: block;
	}

@media (max-width: 1499px) {

	.fullsize-teaser .bluebox {
		width: 100% !important;
		max-width: 100% !important;
	}

}

@media (max-width: 1199px) {

	.teaser-form-col {
		display: none !important;
	}

}

@media (min-width: 992px) {

	.teaser-pic-show-back-for-lg {
		background-size: cover;
	}

	.teaser-pic-hide-front-for-lg {
		display: none;
	}

}

/*
*****
	Akkordeon Produkte
*****
*/

	.acc-bar {
		background-color: var(--laeblau);
	}

	.acc-bar * {
		color: white;
	}

	.acc-bar .ti-plus.ti-changed-symbol::before {
		font-weight: bold;
		content: "\e649" !important;
	}

	.acc-bar .ti-minus.ti-changed-symbol:before {
		font-weight: bold;
		content: "\e64b" !important;
	}

	.prodliste_spalte {
		position: relative;
		cursor: pointer;
		margin-bottom: 30px;
	}

	.prodliste_bildbox {
		width: 100%;

	}

	.prodliste_img {
		width: 100%;
		max-width: 100%;
		height: auto;
/*		-webkit-filter: brightness(1.23) grayscale(1); 	*/
/*		filter: brightness(1.23) grayscale(1); 			*/
	}

/*
	.prodliste_imgbox::after {
		content: ' ';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--laeblau);
		opacity: .23;
		z-index: 103;
	}
*/

	.prodliste_titel {
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(100% - 24px);
		margin: 0 12px;
		height: auto;
		padding: 12px 15px 7px 15px;
		background-color: var(--laeblau);
		color: white;
		text-align: center;
		z-index: 105;
	}

	.prodliste_titel h5 {
		font-size: 18px;
	}

	.prodliste_titel * {
		color: white !important;
	}





/*
*****
	Gesamtliste Produkte
*****
*/

	.blueback {
		background-color: var(--laeblau);
	}

	.blueback h3 {
		color: white !important;
	}

	.whiteback h3 {
		color: var(--laeblau) !important;
	}

	.blueback .prodliste_titel {
		background-color: white;
		color: var(--laeblau);
	}

	.blueback .prodliste_titel * {
		color: var(--laeblau) !important;
	}





/*
*****
	Produktslider Startseite
*****
*/

	@keyframes slideUp {

		from {
			transform: translateY(100%);
		}
		to {
			transform: translateY(0%);
		}

	}

	#news {
		margin: 0 0 120px 0;
	}

	.newsliste {

	}

	.news-carousel {

	}

	.news-carousel .item {
		position: relative;
		cursor: pointer;
	}

	.news-carousel .nolink-item {
		cursor: inherit;
	}

	.news_card_front {
		position: relative;
	}

	.news_card_front_pic {
/*
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 100;
*/
	}

	.news_card_front_pic img {
		position: relative;
	}

	.news_card_front_title {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px 15px;
		border-top: 5px solid var(--laerot);
		background-color: var(--laeblau);
		z-index: 105;
	}

	.news_card_front_title * {
		color: white !important;
		font-size: var(--head3);
		font-family: var(--ueberschrift);
		font-weight: bold;
		line-height: var(--space25);
		text-align: center;
	}

@media screen and (max-width: 991px) {

	.news_card_front_title * {
		font-size: var(--head5);
	}

}

@media screen and (max-width: 575px) {

	.news_card_front_title * {
		font-size: var(--paraplus);
	}

}

	.news_card_back {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 30px 25px;
		background-color: rgba(69, 118, 76, .84);
		font-weight: 500;
		text-align: center;
		z-index: 110;
/*		animation: slideUp 300ms forwards; */
		display: none;
	}

	.news_card_back h5 {
		font-weight: 500;
	}

	.news_card_back h1,
	.news_card_back h2,
	.news_card_back h3,
	.news_card_back h4,
	.news_card_back h5,
	.news_card_back h6,
	.news_card_back p {
		color: white !important;
		text-align: center;
	}

	.news_card_back a {
		display: block;
		width: auto;
		margin-top: 20px;
		padding: 10px 15px;
		background-color: white;
		color: var(--laeblau) !important;
		font-size: var(--paraplus);
		font-weight: bold;
	}

	.newsbox-detail .modal-body {
		text-align: left;
	}

	.newsbox-detail .modal-body img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

@media (min-width: 576px) {

	.newsbox-detail .modal-dialog {
		margin: 2rem auto;
	}

}

@media (min-width: 992px) {

	.newsbox-detail .modal-dialog {
		max-width: 800px;
	}

}

	.owl-nav {
		position: absolute;
		top: calc(50% - 50px);
		left: -50px;
		width: calc(100% + 100px);
		z-index: -1;
	}

	.owl-nav span {
		color: var(--laerot);
		font-weight: bold;
		font-size: 96px;
		width: 50px;
	}

	.owl-nav .owl-prev {
		float: left;
	}

	.owl-nav .owl-next {
		float: right;
	}

	.owl-nav .owl-prev span {
		text-align: left;
	}

	.owl-nav .owl-next span {
		text-align: right;
	}

	.owl-theme .owl-nav [class*="owl-"]:hover {
		background: transparent !important;;
	}

@media (max-width: 600px) {

	#news .owl-nav {
		display: none;
	}

}





	#home .fullscreen, #home-innen .fullscreen {
		background-color: white;
	}


	.footertopbar {
		box-shadow: 0 25px 65px 5px rgba(0, 44, 81, .23) inset;
	}



	.sec-personal h3 {
		font-weight: 700;
		margin-top: 30px;
	}

	.sec-personal p {
		margin-bottom: 10px;
	}



	.blau {
		color: var(--laeblau);
	}

	.halbstark {
		font-weight: 600;
	}




	.kat-h3 {
		font-weight: 700;
	}




	.ref-box {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ref-box h5 {
		padding: 13px 5px 5px 10px;
	}

	.ref-icon-ref {
		color: white;
		font-size: 160px;
		padding: 20px 10px;
	}

	.ref-icon-down {
		color: var(--laeblau);
		font-size: 28px;
		font-weight: bold;
		padding: 7px 10px;
	}

	.ref-col-left {
		background-color: white;
		text-align: left;
	}

	.ref-col-right {
		background-color: white;
		text-align: right;
	}

@media (max-width: 575px) {

	.ref-col-left {
		text-align: center;
	}

	.ref-col-right {
		text-align: center;
	}

}




	.kontaktbox {
		margin-bottom: 25px;
	}