/* ALLGEMEIN --------------------------------------------------------------------- START */

a:hover {
	outline:					none;
	color:						var(--main-a-color-hover);
}

.transition {
    transition: 				all 0.2s ease 0s;
}

.text-col {
	-moz-column-width:			400px;
	-webkit-column-width:		400px;
	column-width:				400px;
	-moz-column-gap:			20px;
	-webkit-column-gap:			20px;
	column-gap:					20px;
}

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

.text-nowrap {
	white-space:				nowrap;
}

.text p,
.text h1 {
	margin:						0px;
	padding:					0px;
}

.text .btn {
	display:					block;
}

hr {
	float:						left;
	width:						100%;
	margin-top:					35px;
	border-top:					1px solid #5e5e5e;
	border-bottom:				0px;
}

.icon-bull {
	padding:					5px 10px 0 10px;
}

.icon-bull span {
	width:						10px;
	height:						10px;
	display:					inline-block;
	background-color:			#fff;
	border-radius:				5px;
	overflow:					hidden;
}

.auto-height {
	height:						auto;
	padding-top:				40px;
	min-height:					calc(100% - 40px);
}

a, input, button {
	outline:					0;
}

ul {
	margin-bottom:			5px!important;	
}

p {
	margin: 				0px!important;
}



td {
	width:					25%;
}

h1 {
	width:					auto;
	height:					auto;
	margin:					0px;
	padding:				0px;
	font-size:				1.25em;
	font-weight:			600;
	/* text-transform: uppercase; */
	text-align:				left;
	color:					var(--gr-color);
	display:				inline-block;
	position:				relative;
}

.title-padding h1 {
	padding:				0px 0px 0px 0px;
}

@media (max-width: 991px) {
	.title-padding h1 {
		padding-top:		0px;
	}
}


.title-underline {
	margin:					30px 0px!important;
	width:					65px;
	height:					1px;
	background:				var(--main-text-color);
	border:					0!important;
	display:                none;
}

.title-underline-termin {
	margin:					20px 0px 0px 0px!important;
	width:					65px;
	height:					1px;
	background:				var(--main-text-color);
	border:					0!important;
	display:                none;
}

@media (max-width: 809px) {
	.title-underline-termin {
		margin:					20px 0px 0px 0px!important;
		width:					65px;
		height:					1px;
		background:				none;
		border:					0!important;
		display:                none;
	}
}


@media(min-width: 568px) {
	.page-content-box.TextCol-2 {
		/* min-height:				100%; */
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
}

.table {
	width:					100%;
	display:				table;
	position:				relative;
	border-collapse:		separate;
}

.table .table-row {
	width:					100%;
	display:				table-row;
	position:				relative;
	border-bottom:			1px solid #e0e0e0;
	box-sizing:				border-box;
}

.table .table-row .table-cell {
	width:					auto;
	display:				table-cell;
	position:				relative;
	vertical-align:			top;
	hyphens:				none;
	padding:				0px 0;
}

.page-content-box .table-cell ul > li {
	line-height:			20px;
}

@media(max-width: 767px) {
	.table .table-row {
		display:			block;
		border-bottom:		none;
	}
	.table .table-row .table-cell {
		width:				100%!important;
		display:			block!important;
	}
}

.page-content-box a {
	color:					var(--main-a-color);
}

.page-content-box a:hover {
	color:					var(--main-a-color-hover);
}

.page-content a,
.page-content-box a {
	text-decoration: underline;
}

.display-xs,
.display-sm,
.display-md,
.display-lg {
	display: 				none !important;
}

@media (max-width: 767px) {
  .display-xs {
		display: 			block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .display-sm {
		display: 			block !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .display-md {
		display: 			block !important;
  }
}

@media (min-width: 1300px) {
  .display-lg {
		display: 			block !important;
  }
}

@media (max-width: 767px) {
  .none-xs {
		display: 			none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .none-sm {
		display: 			none !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .none-md {
		display: 			none !important;
  }
}

@media (min-width: 1300px) {
  .none-lg {
		display: 			none !important;
  }
}

/* ALLGEMEIN ---------------------------------------------------------------------- ENDE */

/* ACCORDION --------------------------------------------------------------------- START */
.panel {
    margin-bottom:				10px;
}

/* .panel-default {
	background:					#f7f7f7;
} */

.panel .panel-heading {
	position:					relative;
	cursor:						pointer;
	border: 0;
	border-bottom:		var(--accordion-border-bottom);
	padding:					0.5rem 1rem 0.3rem 0rem;
	outline:					none;
	width: 100%;
	background-color: rgba(255,255,255,0);
}

.panel .panel-heading .panel-title {
	font-size: 1em;
	width: calc(100% - 1rem);
	font-weight: 600;
	text-align: left;
	display: block;
}

.panel-body {
/*	background:					#ffffff; */
	padding:					15px;
}

.panel .ui-icon {
	position:					absolute;
	top:							9px;
	right:						15px;
/*	z-index:					5; */
	font-size:				0.75em;
	color:						var(--accordion-ui-icon-color);
	font-weight:				normal;
}

.accordion-open:before {
	/*content:					"-"; */
	font-family:   				FontAwesome;
	content:					"\f102";
}

.accordion-closed:before {
	/*content:					"+"; */
	font-family:    			FontAwesome;
	content:					"\f103";
}

/* ACCORDION ---------------------------------------------------------------------- ENDE */

/* STARTSEITE -------------------------------------------------------------------- START */


.home-option-three,
.home-option-four {
	margin-top:			20px;
	margin-bottom:		20px;
	float:				left;
}

.home-option-two .home-text {
	margin-bottom:		25px;
}

.home-option-six {
	margin-bottom:		50px;
	float:				left;
}

.wrapper-space {
	padding:			100px 0px;
	float:				left;
	position:			relative;
	width:				100%;
}

.wrapper-space-bottom {
	padding:			0px 0px 100px;
	float:				left;
	position:			relative;
	width:				100%;
}

.wrapper-color-1 {
	background-color:	var(--slide-odd-bg-color);
}

.wrapper-color-2 {
	background-color:	var(--slide-even-bg-color);
	
}



.home-gallery-container {
	margin-top:						40px;
}

@media (min-width: 992px) {
	.home-gallery-container {
		width:						calc(33.3% - 26.5px);
		margin-left:				40px;
		margin-bottom:				5px;
		position:					relative;
		float:						left;
	}

	.home-gallery-container:nth-child(3n +1) {
		margin-left:				0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.home-gallery-container {
		width:						calc(50% - 20px);
		margin-left:				40px;
		position:					relative;
		float:						left;
	}
	.home-gallery-container:nth-child(2n +1) {
		margin-left:				0px;
	}
}

@media (max-width: 767px) {
	.home-gallery-container {
		width:						100%;
		margin-left:				0px;
		position:					relative;
		float:						left;
	}
	.home-gallery-container:nth-child(1) {
		margin-top:					20px;
	}
}

.home-gallery-container a {
	width:						100%;
	height:						auto;
	margin:						0;
	display:					block;
	position:					relative;
	float:						left;
}

.home-gallery-container a:hover {
	opacity:					0.9;
}

.home-gallery-container a > p {
	width:						100%;
	position:					relative;
	display:					block;
	color:						var(--main-text-color);
	font-size:					24px;
	padding:					20px 0px;
	font-style:					italic;
	float:						left;
}

.home-gallery-container a > img {
	width:						100%;
	height:						300px;
	float:						left;
	position:					relative;
	display:					block;
}

@media (max-width: 449px) {
	.home-gallery-container a > img {
		height:					200px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.home-gallery-container:nth-child(1),
	.home-gallery-container:nth-child(2) {
		margin-bottom:			40px;
	}
	
	.home-gallery-container:nth-child(3) {
		margin:					0px auto;
		float:					none;
	}
}

.home-gallery-info {
	display:					block;
	float:						left;
	position:					relative;
	width:						100%;
	color:						var(--main-strong-text) !important;
	line-height:				inherit!important;
	font-size:					inherit!important;
	padding:					0!important;
	font-style:					normal!important;
}

#skitter-2,
#skitter-3 {
	margin-top:					0!important;
}

.container-box.main-box {
	margin:						0px;
	width:						100%;
	display: block;
	
}

.flex-container {
	display: flex !important;
	gap: 1rem;
	flex-direction: row;
	flex-wrap: wrap;
}

@media (min-width: 991px) {
	.flex-container {
		gap:3rem;
		justify-content: space-between;
		row-gap: 1rem;
	}

}

@media (max-width: 991px) {
	.container-box.main-box {
		margin-top: 2rem;
		width: calc(100% - 1.5rem);
		margin-left: 0.75rem;
		margin-right:0.75rem;
		box-sizing: border-box;
		padding:0;
	}
}

@media (min-width: 992px) {
	.container-box.main-box {
		margin-top:				6rem;
		width: 100%;
		/* border: 0.5rem solid rgba(236,236,236,1); */
		background-color: var(--container-main-box-bg-color);
		/* padding:1rem; */
		min-height: 463px;
		/* -moz-border-radius: 0.5rem;
		border-radius: 0.5rem; */
		box-sizing: border-box;
		float: none;
		overflow: unset;
	}
	.page-image,
	.page-content,
	.page-contact-new,
	.page-image-contact-new {
		margin-top:					0px !important;
		margin-bottom:				0px !important;
		padding-top:				0px !important;
		padding-bottom:				0px !important;
	}
	.container-box.main-box .page-content,
	.container-box.main-box .page-image {
		width: calc(50% - 20px);
	}
	.container-box.main-box .page-content {
		float: left;
		box-sizing: border-box;
	}
	.container-box.main-box .page-image {
		float: right;
	}
	.flex-container .page-image,
	.flex-container .page-content {
		flex-basis: calc(50% - 1.5rem);
		width: auto;
		float: none;
	}
	.flex-container .page-content.page-content-wide {
		flex-basis: 100%;
		float: none;
	}
	.flex-container .page-content > section {
		flex-basis: 100%;
	}
	.flex-container .page-content {
		order: 1;
	}
	#online_career.flex-container .contact-form-page,
	.flex-container .page-image {
		order: 2;
	}

}

.home-content {
	padding-bottom:				65px;
	float:						left;
}

.home-text {
	float:						left;
}

.home-text-width h1 {
	width:						100%;
	text-align:					center;
}

.home-text-width .title-underline {
	float:						none;
	margin:						30px auto!important;
}

@media (min-width: 768px) {
	.home-content-box-width:not(.block) {
		column-count:			2;
		column-gap:				50px;
		text-align:				justify;
	}
}

.home-content-box-width.block {
	text-align:					left;
}

.home-content-box-width.block .table-cell {
	padding-bottom:				50px;
	padding-right:				30px;
}

.home-content-box-width.block .table-row .table-cell:nth-child(even) {
	width:						calc(50% - 120px);
}

@media(max-width: 767px) {
	.home-content-box-width.block  .table .table-row .table-cell:nth-child(odd) {
		width:					80px!important;
		display:				block!important;
		float:					left;
	}
	.home-content-box-width.block  .table .table-row .table-cell:nth-child(even) {
		width:					calc(100% - 140px)!important;
		min-height:				80px;
		display:				block!important;
		float:					left;
	}
}

@media (min-width: 992px) {
	.home-text {
		width:					47.5%;
		float:					left;
		position:				relative;
		height:					100%;
	}
	.home-text:first-child {
		margin-right:			5%;
	}
}

.home-text h1 {
	color:						var(--main-text-color);
	margin-bottom:              30px;
}

.home-content-box {
	float:						left;
	width:						100%;
}

.home-page {
	width:						100%;
	height:						auto;
	position:					absolute;
	float:						left;
	bottom:						50px;
}

.home-news-bg {
	height:						auto;
	width:						100%;
	position:					relative;
	background:				var(--infobox-bg-color);
	border-top:					1px solid var(--infobox-bg-color);
	float:						left;
	z-index:					52;
	min-height:					150px;
}

.home-news {
	margin:						10px 0px;
	position:					relative;
	float:						left;
	width:						100%;
}

.home-news-column {
	width:						calc(50% - 25px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-right:				25px;
}

.home-news-column:last-child {
	margin-right:	0px;
	margin-left:	25px;
}

.home-option-two .home-news-column:last-child {
	margin-right:	0px;
	margin-left:	0px;
}

@media(max-width: 991px) {
	.home-news-column {
		width:					100%!important;
		margin-left:			0!important;
		margin-right:			0!important;
	}
	.home-news-column:last-child {
		margin-top:	25px;
	}
}

.home-news-box {
	height:			auto;
	width:			100%;
	display:		block;
	position:		relative;
	overflow:		hidden;
}

/* .home-news-box:hover {
} */

.home-news-img {
	position:		relative;
	float:			left;
	height:			auto;
	max-height:		125px;
	width:			160px;
	margin-right:	25px;
}

.home-option-two .home-news-img {
	max-height:		148px;
	width:			200px;
}

.home-option-skitternews .home-news-img {
	max-height:		147px;
	width:			200px;
}

.home-news-title {
	width:			calc(100% - 185px);
	height:			auto;
	display:		block;
	position:		relative;
	float:			left;
	line-height:	35px;
	font-size:		18px;
	color:			var(--infobox-title-color);
/*	border-bottom:	1px solid #000000; */
}


.home-option-two .home-news-title {
	width:			calc(100% - 225px);
	margin-bottom:	10px;
}

.home-option-skitternews .home-news-title {
	width:			calc(100% - 265px);
	margin-bottom:	10px;
}


@media (max-width: 1049px) {
	.home-option-two .home-news-img {
		max-height:		148px;
		width:			200px;
	}

	.home-option-two .home-news-title {
		width:			calc(100% - 225px);
		margin-bottom:	10px;
	}
	
}



.home-news-date {
	width:			auto;
	height:			25px;
	display:		block;
	position:		absolute;
	line-height:	25px;
	color:			var(--main-text-color);
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: 	rotate(-45deg);
	transform: 		rotate(-45deg);
	background:		var(--infobox-bg-color);
	box-shadow:		0px 0px 5px rgba(0,0,0,0.5);
	top:			23px;
	padding:		0px 30px;
	left:			-32px;
}

.home-news-info {
	height:			auto;
	width:			100%;
	line-height:	22px;
	font-size:		15px;
	color:			var(--main-text-color);
	text-align:		left;
	display:		block;
	position:		relative;
	padding:		10px 0px 5px;
}

@media(max-width: 519px) {
	.home-news-box section {
		text-align:	center!important;
	}
	.home-news-title {	
		width:		100%!important;
		text-align:	center!important;
	}
	.home-option-two .home-news-img,
	.home-news-img {
		text-align: center!important;
		float:none!important;
		margin-right:	0px!important;
	}
	.home-news-info {
		float:		left!important;
		max-height:	40px!important;
	}
}


/*
@media(max-width: 767px) {
	.home-news-column:last-child {
		display:	none;
	}
}
*/
.home-news-box:hover > span > .home-news-title,
.home-news-box:hover > span > .home-news-info {
	color:			var(--main-text-color);
}

.home-info-prod {
	position:		relative;
	float:			left;
	height:			auto;
	background:		var();
	width:			100%;
	padding:		30px 0px;
	border-top:		1px solid #e8e8e8;
}

#home-prod-0 .home-description {
	width:			100%;
	max-width:		100%;
}

.home-info-prod h5 {
	font-size:		25px;
}

.home-info-prod h6 {
	font-size:		20px;
	color:			#5e5e5e;
}

.home-prod-desc {
	height:			auto;
	width:			100%;
	position:		relative;
	float:			left;
	border-top:		1px solid #e8e8e8;
	border-bottom:	1px solid #969797;
	padding:		50px 0px;
}

.home-prod-desc:first-of-type {
	border-top:		none;
}

.home-prod-desc:last-child {
	border-bottom:	none;
}

.home-description {
	max-width:		65%;
	position:		relative;
	float:			left;
}

@media (min-width: 1240px) {
	.text-col-2 {
		min-height:				100%;
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
	.text-col-3 {
		min-height:				100%;
		-moz-column-count:		3;
		-webkit-column-count:	3;
		column-count:			3;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}
}

.home-prod-image {
	max-width:					25%;
	margin:						0 5%;
	position:					relative;
	float:						left;
	width:						100%;
	height:						350px;
}

/*
.home-prod-desc:nth-child(even) > .home-prod-image {
	margin:						0 10% 0 0;
}
*/
@media (max-width: 767px) {
	.home-prod-desc {
		padding-top:0px;
	}
	.home-description {
		max-width:	100%;
	}
	.home-prod-image {
		max-width:					50%;
		margin-left:				25%;
	}
	.B100 .bxslider li {
		background-position:		center;
	}
}

/* Bottom News --------------------------------------------------------------------- START */

@media (max-width: 991px) {
	.B180 #page {
		height:					calc(100% - 120px);
	}
}

@media (min-width: 992px) {
	.B180 #page {
		height:					calc(100% - 150px);
	}
}

.bottom-news {
	position:					absolute;
	bottom:						0;
	height: 					auto;
	background-color:	var(--infobox-bg-color);
	width:						100%;
	z-index:					199;
}

.home-bottom-news {
	margin:						10px 0px;
	position:					relative;
	float:						left;
	width:						100%;
}

body > #page .bottom-news .container-box.wrapper {
	background-color:			rgba(255,255,255,0);
}

.bottom-news-img-section {
	width:						200px;
	height:						auto;
	float:						left;
	position:					relative;
}
.bottom-news-img-section > div {
	width:						100%;
	/* height:						100%; */
	padding-top: 				56.25%;
	position:					relative;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
	overflow:					hidden;
}

.bottom-news-text {
	float:						left;
	width:						calc(100% - 220px);
	margin-left:				20px;
}

.home-bottom-news-column {
	width:						calc(50% - 25px);
	height:						auto;
	position:					relative;
	float:						left;
	margin-right:				25px;
}

.bottom-news-title-section {
	width:						100%;
	position:					relative;
	display:					block;
	height:						auto;
	float:						left;
	height:						35px;
	overflow: 					hidden;
}

.home-bottom-news-title {
	height:			auto;
	display:		block;
	position:		relative;
	float:			left;
	line-height:	35px;
	font-size:		1.125em;
	top:			-9px;
	color:			var(--infobox-title-color);
}

.bottom-news-title-section .home-bottom-news-title {
	width:						100%;
	overflow:					hidden;
	position: 					relative;
}

.bottom-news-info-section {
	width:						100%;
	position:					relative;
	float:						left;
}

.home-bottom-news-info {
	height:			auto;
	width:			100%;
	line-height:	1.5em;
	font-size:		1em;
	color:			var(--main-text-color);
	text-align:		left;
	display:		block;
	position:		relative;
	padding:		10px 0px 5px;
}

.bottom-news-info-section .home-bottom-news-info {
	padding:					0;
	max-height:					66px;
	overflow:					hidden;
}

.home-bottom-news-date {
	width:			auto;
	height:			25px;
	display:		block;
	position:		absolute;
	line-height:	25px;
	color:			var(--main-btn-text-color);
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: 	rotate(-45deg);
	transform: 		rotate(-45deg);
	background:		var(--main-btn-color);
	box-shadow:		0px 0px 5px rgba(0,0,0,0.5);
	top:			27px;
	padding:		0px 30px;
	left:			-32px;
}

.home-bottom-news-box {
	height:			auto;
	width:			100%;
	display:		block;
	position:		relative;
	overflow:		hidden;
}

.home-bottom-news-box:hover .home-bottom-news-title,
.home-bottom-news-box:hover .home-bottom-news-info {
	color:			var(--main-text-color);
}

@media (min-width: 0px) and (max-width: 567px) {
	.bottom-news {
		width:					calc(100% - 35px);
		margin-right:			35px;
	}
	.home-bottom-news-column:first-child {
		padding-bottom: 		19px;
		border-bottom:			1px solid var(--main-text-color);
		margin-bottom:			20px;
	}
	.home-bottom-news-column {
		width:					100%;
		margin-right: 			0px;
		text-align:				center;
		margin:					0 auto;
	}
	.bottom-news-img-section {
		width:					100%;
		max-width:				200px;
		float:					none;
		margin-bottom:			10px;
		margin-left:			auto;
		margin-right:			auto;
	}
	.bottom-news-text {
		width:					100%;
		float:					none;
		margin-left:			0px;
	}
	.bottom-news-title-section {
		height:					24px;
	}
	.home-bottom-news-title {
		line-height:			24px;
		top:					0px;
	}
	.home-bottom-news-info {
		text-align: 			center;
	}
}

@media (min-width: 568px) and (max-width: 991px) {
	.bottom-news {
		width:					calc(100% - 35px);
		margin-right:			35px;
	}
	.home-bottom-news-column:first-child {
		margin-bottom:			20px;
	}
	.home-bottom-news-column {
		width:					100%;
		margin-right: 			0px;
	}
}


@media (max-width: 991px) {
	.bottom-news {
		position:				relative;
		margin-bottom:			50px;
	}
}

@media (min-width: 992px) {
	.home-bottom-news-column:last-child {
		margin-right:	0px;
		margin-left:	25px;
	}
	.home-bottom-news-column:first-child {
		margin-right:			0px;
		padding-right:			24px;
		border-right:			1px solid #333;
	}
	.home-bottom-news-column:nth-child(2) .bottom-news-img-section {
		float:					right;
	}

	.home-bottom-news-column:nth-child(2) .bottom-news-text {
		margin-left:			0;
		margin-right:			20px;
	}
}

/* Bottom News --------------------------------------------------------------------- ENDE */

/* STARTSEITE --------------------------------------------------------------------- ENDE */

/* Seite - scrollbar --------------------------------------------------------------------- START */

.page-id-con {
	position:					relative;
	height:						100%;
	width:						100%;
	float:						left;
	border-bottom:				1px solid #969797;
	border-top:					1px solid #ffffff;
} 

@media(max-width: 991px) {
	.page-id-con {
		padding-bottom:			40px;
	}
}

.page-id-con:first-child {
	border-top:					none;
}

.page-id-con:last-child {
	margin-bottom:				50px;
	border-bottom:				none;
}

/* Seite - scrollbar ---------------------------------------------------------------------- ENDE */

/* Bewerbungsformular ---------------------------------------------------------------------- START */

.contact-carrier #page-bg {
	display:			block!important;
}

.contact-carrier label:not(.check) {
    float: 				left;
    font-size: 			1em;
    line-height: 		1.5em;
	width:				30%;
}

.contact-carrier {
   width:				45%;
   float:				right;
   margin-bottom:		20px;
}

.B900 .contact-carrier{
	width:				100%;
	float:				unset;
	margin-top:			0px;
	margin-bottom:		20px;
 }

.contact-carrier-left {
   width:				45%;
   float:				left;
   margin-top:			35px;
   margin-bottom:		20px;
}

@media (max-width: 995px) {
	.contact-carrier {
	   width:				100%;
	   float:				left;
	   margin-top:			50px;
	}
}

.contact-carrier  textarea {
	float:				left;
	height:				125px;
    margin-bottom: 		20px !important;
	resize:				none;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	var(--form-input-bg-color);
    background-image: 	none;
    border: 			var(--form-border);
	font-size:			1em;
	margin-top:			0px;
}

.contact-carrier input:not(.check):not(.file) {
	margin-bottom:		20px;
	width:				calc(70% - 26px);
}

@media (max-width: 767px) {
	.contact-carrier input:not(.check):not(.file) {
		width:			calc(100% - 26px);
	}	
	.contact-carrier label:not(.check) {
		width:			50%;
	}
}

@media (min-width: 992px) and (max-width: 1029px) {
	.contact-carrier input:not(.check):not(.file) {
		width:			calc(60% - 26px);
	}	
	.contact-carrier label:not(.check) {
		width:			40%;
	}
}

.long-input {
	width:				calc(100% - 26px)!important;
}

.contact-carrier button {
    height: 			34px;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	var(--main-btn-color);
    background-image: 	none;
    border: 			var(--form-border);
	font-size:			1em;
	width:				calc(50% - 17.5px) !important;
}

.contact-carrier button[name="back"],
.contact-carrier button[name="reset"] {
    margin-right:		15px;
}

.contact-carrier button[name="next"],
.contact-carrier button[name="CS"] {
    margin-left:		15px!important;
}

.contact-carrier button[name="CS"] {
    color:				var(--main-btn-color);
}

.contact-carrier input:focus,
.contact-carrier textarea:focus {
	border-color:		var(--da-focus-color);
	box-shadow:			0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:			0 none;
}

.contact-carrier button[disabled],
.contact-carrier input[disabled] {
    cursor: 			default;
	color:				var(--main-btn-text-color);
}

.contact-carrier label[for="CF8"] {
	margin-bottom: 		20px;
	width: 				calc(100% - 20px);
	padding-left: 		5px;
	float:				left;
}

.contact-carrier input[type="checkbox"] {
	margin-top: 		5px;
	float:				left;
}

.contact-carrier label.long-input,
.contact-carrier input.long-input[name="file"] {
	width:				100%!important;
}

.control-group {
	height:				auto;
	width:				100%;
	float:				left;
	position:			relative;
}

.control-group .container-checkbox {
	float:				left;
	padding-top:		4px;
	margin-top:			5px;
	margin-bottom:		25px;
}

.online-title {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
 	font-weight: 600;
    text-align: left;
    color: var(--gr-color);
    display: inline-block;
    position: relative;
	font-family: 'Poppins';
}


/* Bewerbungsformular ----------------------------------------------------------------------- ENDE */

/* Ansprechpartner -------------------------------------------------------------------------- START */

@media (max-width: 767px) {
	.ap .page-content-title {
		margin-bottom:			0px;
	}
}

.team-area .team-person {
	width:						80%;
	height:						auto;
	margin:						0 auto;
	position:					relative;
}

.team-area a {
	color:						#072d5f;
}
.team-area a:hover {
	color:						#333333;
	text-decoration: underline;
}

.team-table {
	width:						100%;
	height:						auto;
	table-layout:				fixed;
    border-spacing:				30px;
	border-collapse:			separate;
	-webkit-border-vertical-spacing: 		15px;
}

.team-table td {
	vertical-align:				top;
}

.team-table td > figure:first-child {
	width:						100%;
	max-width:					300px;
	overflow:					hidden;
	margin:						0 auto 20px auto;
	box-shadow:					0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
	.team-table td > figure:first-child {
		width:						100%;
		max-width:					300px;
		overflow:					hidden;
		margin:						0 auto 10px auto;
		box-shadow:					0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	}
}

.team-table td > figure img {
	width:						100%;
	height:						auto;
	border:						none;
}

.ap-team-container {
	display: 					-webkit-flex;
	display: 					-ms-flex;
	display: 					flex;
	-webkit-flex-wrap: 			wrap;
	-ms-flex-wrap: 				wrap;
	flex-wrap: 					wrap;
}

.ap-team-box {
	display: 					-webkit-flex; 
	display: 					-ms-flexbox; 
	display: 					flex;
	position: 					relative;

	width: 						30%;
	/* padding: 					20px; */
	float: 						left;
	/* margin: 					10px; */
	flex-flow:					row wrap;
}

@media (min-width: 1300px) {
	.ap-team-box {
		width:					calc(25% - 15px);
		margin-left:			20px;
	}
	.ap-team-box:nth-child(4n+1) {
		width:					calc(25% - 15px);
		margin-left:			0px;
	}
}

.ap-team-box .ap-team-figure {
	border: 					1px solid #aaa;
	width:						calc(100% - 2px);
	padding-top:				123.08%;
	display:					block;
	position:					relative;
	margin:						0 auto;
	float:						left;
	/* flex:						0 0 100%; */
}

.ap-team-box .ap-team-figure img {
	position: 					absolute;
	top:						0;
	left:						0;
	width:						100%;
	height:						100%;
}

.ap-team-box .ap-team-aside {
	width:						100%;
	position:					relative;
	float:						left;
	flex:						0 0 100%;
}

/* Ansprechpartner --------------------------------------------------------------------------- ENDE */

/* NEWS --------------------------------------------------------------------------- START */

.news-container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	gap: 2rem;
}

.news-box {
	position: relative;
	flex-basis: 100%;
	display: 					flex;
	flex-direction: row;
    flex-wrap: wrap;
	gap: 1rem;
	width:						100%;
}
.news-box:hover,
.news-box:focus {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}


.news-img-section {
	position: relative;
	width: 200px;
}

.news-img {
	height:						100%;
	width:						200px;
	position:					relative;
}

.news-info {
	position: relative;
	/* flex-grow: 1; */
	width: calc(100% - 200px - 1rem);
}

.news-title {
	font-family:				'Poppins';
    color: 						var(--gr-color);
    display: 					block;
    font-size: 					1.15em;
    font-weight: 				600;
    line-height: 				1.5em;
	text-transform: 			uppercase;
    position: 					relative;
	padding-bottom: 14px;
	border-bottom:					1px solid var(--sec-color);
}

.news-date {
	line-height:				1.5em;
	position:					relative;
	display:					block;
	float:						right;
	font-size:					1em;
	color:						var(--main-text-color);
	width:						auto;
}

.news-sentence {
	height:						4.5rem;
	line-height:				1.5rem;
	text-align:					justify;
	display:					block;
	position:					relative;
	overflow:					hidden;
	width:						100%;
	box-sizing: border-box;
	padding-right: 1rem;
	margin-top: 1rem;
	color: var(--main-text-color);
	/* overflow: hidden; Verhindert, dass Inhalt den Container überschreitet */
	text-overflow: ellipsis; /* Optional: Fügt '...' für abgeschnittenen Text hinzu */
}

.news-more-btn {
	line-height:				1.5em;
	font-size:					1.125em;
	display:					block;
	position: 					relative;
	font-weight: 500;
	color:						var(--main-a-color);
	padding-right:				0px;
	float:						right;
}
.news-more-btn > i {
	position: relative;
	font-weight: 600;
	font-size: 0.75rem;
}

.news-box .news-more-btn:hover {
	color:			var(--main-a-color-hover);
}

@media (min-width: 0px) and (max-width: 767px) {
	.news-info {
		width:					100%;
		left:					0;
	}	
	.news-title {
		font-size: 1rem;
		padding-bottom: 0.5rem;
	}
	.news-sentence {
		margin-top: 0.5rem;
	}
	.news-img-section {
		left: 50%;
		transform: translateX(-50%);
	}
}


.news-details-sub .page-content {
	display: flex;
	gap: 1rem;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

/* NEWS --------------------------------------------------------------------------- ENDE */

/* TERMINE --------------------------------------------------------------------------- START */

.date-table {
	width:						100%;
	display:					table;
	margin-bottom:				20px;
}

.date-table > a,
.date-table > article > div {
	font-size:					16px;
	line-height:				35px;
	display:					table-row;
	text-decoration:			none;
	color:						var(--date-table-text-color);
	background-color:	var(--date-table-odd-bg-color);
	width:						100%;
	float:						left;
}

.date-table > article > div {
	font-weight: 600;
}

.date-table > a:nth-child(2n) {
	background-color:	var(--date-table-even-bg-color);
}

.date-table > a:hover {
	background-color:	var(--date-table-bg-color-hover);
	color:						var(--date-table-text-color-hover);
}

.date-table > a  > article,
.date-table > a  > section,
.date-table > a  > aside,
.date-table > article > div > span {
	padding:					5px 0px 5px 20px;
	display:					block;
	overflow:					hidden;
	position:					relative;
	float:						left;
	width:						auto;
}

.date-more {
	float:						right!important;
}
.date-more > i{
	font-weight: 600;
	font-size: 0.75rem;
}

.date-table > a  > section:first-child,
.date-table > article > div > span:first-child {
	padding-left:				20px;
	min-width:					25%;
}

.date-table > a  > :nth-child(3),
.date-table > article > div > span:nth-child(3) {
	padding-right:				20px;
}

@media (max-width: 809px) {
	.date-table > article > div,
	.date-date,
	.date-title,
	.date-more {
		display:				none;
	}
}

.date-details-sub .page-content {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

/* TERMINE --------------------------------------------------------------------------- ENDE */

/* MEDIATHEK --------------------------------------------------------------------- START */
.mediathek {
	padding-top:			0px;
}

.container-box.mediathek {
	height:					100%;
}

.PDFArea {
	height:					1500px;
	margin-top:				25px;
}

.btn-info {
	background:				var(--main-btn-color);
	border:					none;
}

.btn-info:hover,
.btn-info:focus {
	background-color:		var(--main-btn-color-hover);
	border:					none;
}

/* .mediathek .login-area,
.mediathek .download-area {

} */

.mediathek .download-area {
	position: relative;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 1rem;
}

.mediathek .download-area .download-field {
	position: relative;
	flex-basis: 100%;
	height: auto;
}

.mediathek .download-area .download-field > a {
	position: relative;
	box-sizing: border-box;
	width: calc(100%);
	font-size: 1em;
	min-height: 42px;
	height: 100%;
    line-height:			1.5em;
	padding-left:			4rem;
	display:				block;
	color:					var(--mediathek-download-field-a-color);
	background-position:	1.5rem center;
	background-repeat:		no-repeat;
	background-color: var(--mediathek-download-field-a-bg-color);
	outline:				medium none;
	border-radius:			1.5rem;
	/* border:					1px solid #cccccc; */
	hyphens:				auto;
	overflow:				hidden;
}

@media (min-width: 768px) { 
	.mediathek .login-area {
		height:				100%;
		width:				25%;
		position:			relative;
		float:				left;
	}
	.mediathek .download-area {
		width:					calc(70%);
		position:				relative;
		float:					right;
	}
	.mediathek .download-area .download-field {
		flex-basis: calc((100% - 2rem) / 3);
	}
}

@media(max-width: 767px) {
	.mediathek .login-area {
		width: 100%;
	}
	.mediathek .download-area {
		width:	100%;
		margin-top: 2rem;
	}
	.mediathek .download-area .download-field {
		flex-basis: calc((100% - 1rem) / 2);
	}
}

.login-area label {
	padding-left:			0px; 
	text-align: center;
	width: 100%;
}

.login-area .form-control {
	/* width: 					calc(100% - 50px); */
	margin:					0;
	height:					100%;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

.mediathek .login-area form {
	top:					calc(50% - 91px);
	position:				relative;
}

.mediathek .login-area form #login {
	/* width:					calc(100% - 25px); */
	width: 100%;
	box-sizing: border-box;
	left:					0px;
	position:				relative;
	/* border-radius:			0; */
	color:					var(--mediathek-login-button-text-color);
}

.mediathek .login-area form #login:hover {
	color:					var(--mediathek-login-button-text-color-hover);
}

.mediathek .login-area form .btn-default {
	background-color:		var(--mediathek-login-button-bg-color);
}

.mediathek .login-area form .btn-default:hover {
	background-color:		var(--mediathek-login-button-bg-color-hover);
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:				0 none;
}

.mediathek .login-area form > div > input {
	box-shadow:				0 0px 5px rgba(0,0,0,0.3) inset;	
}

.mediathek .login-area .login-message {
	text-align:				justify;
	-o-hyphens:				auto;
	-ms-hyphens:			auto;
	-moz-hyphens:			auto;
	-webkit-hyphens:		auto;
	hyphens:				auto;
}

.mediathek .login-area .login-message .text-info {
	color:					var(--mediathek-message-text-color);
}

.mediathek .login-area .login-line > span {
	height:					25px;
	margin-bottom:			25px;
	border-bottom:			1px solid #cccccc;
	display:				block;
}

@media (max-width: 767px) {
	.login-area .form-control {
		width: 					calc(100% - 26px);
		margin:					0;
		height:					100%;
	}
	.mediathek .login-area form #login {
		width:					100%;
		margin-top:				25px;
	}
}
.mediathek .download-area .download-field > a > div {
	position: relative;
	top:50%;
	transform: translateY(-50%);
}

.mediathek .download-area .download-field:hover a {
	border-color:			var(--mediathek-download-field-a-border-hover);
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:				0 none;
}

.mediathek .download-area .download-field.active a {
	/* background-color:		#E6E6E6; */
	/* border-color:			#ADADAD; */
	border-radius: 2rem;
}

.mediathek .download-area .download-field aside {
	font-size:				0.75em;
}

.mediathek .visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}




/* MEDIATHEK ---------------------------------------------------------------------- ENDE */

/* Produkte --------------------------------------------------------------------------- START */

.products-container {
	width:			100%;
	height:			auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:5rem;
}

.products-item {
	width: 100%;
	position: relative;
	height: auto;
	display: flex;
	gap: 1rem;
}

.products-item:hover,
.products-item:focus {
	opacity: 1;
	-webkit-animation: flash 0.5s;
	animation: flash 0.5s;
}

.products-box {
	height:			auto;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	gap:1rem;	
	color: var(--main-text-color);
}

.products-image-section {
	position: relative;
	flex-basis: 20%;
}
.products-image-ratio {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: var(--img-default-ratio);
}
.products-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;right: 0;bottom: 0;left: 0;
	display: block;
}

.products-info {
	position: relative;
	flex-basis: calc(80% - 1rem);
}

.products-box .products-info {
	height:			100%;
	display:		block;
	position:		relative;
	width: 100%;
}
.products-title-section {
	position: relative;
	width: 100%;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.products-box .products-title {
	height:			auto;
	line-height:	2.1875em;
	font-size:		1.15em;
	font-weight:	600;
	color:			var(--gr-color);
	text-align:		left;
	top:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	white-space:	nowrap;
	padding-left:	0px;
	padding-bottom:	0.5rem;
	border-bottom:	1px solid var(--gr-color);
}

.products-sentence {
    bottom: 		0;
    display: 		block;
    font-size: 		1em;
    line-height: 	1.5em;
    overflow: 		hidden;
    padding-top: 	0.5rem;
    position: 		relative;
    text-align: 	left;
}

.products-sentence td {
	padding-right:	10px;
}

.products-pdf {
	display:		block;
	height:			auto;
	width:			auto;
	position:		relative;
	text-align:		center;
}

.products-pdf-kat {
	display:		block;
	color:			var(--product-pdf-kat-color);
	background:	var(--product-pdf-kat-bg-color);
	height:			auto;
	width:			auto;
	padding:		6px 12px;
	position:		relative;
	float:			right;
	font-size:		14px;
	margin-top:		20px;
}

.products-pdf:hover,
.products-pdf:focus {
	color:			var(--product-pdf-focus-visible-color);
	box-shadow:		0px 0px	5px rgba(0,0,0,0.3);
}

.products-pdf-kat:hover,
.products-pdf-kat:focus {
	color:			var(--product-pdf-kat-focus-visible-color);
	background-color:	var(--product-pdf-kat-focus-visible-bg-color)
}

.products-details-sub .page-content {
	display: flex;
	gap: 1rem;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

.products-details-sub .long-pager {
	margin-top: 1rem;
	gap: 0.5rem;
}

.products-details-sub .long-pager a {
	flex-basis: calc((100% - 2.5rem) / 6);
}

.products-details-btn-section {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 991px) {
	.products-image-section,
	.products-info {
		flex-basis: 100%;
	}
	.products-box {
		flex-wrap: wrap;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.products-btn-div {
		display: none;
	}
}
@media (min-width: 0px) and (max-width: 567px) {
	.products-sentence td {
		position: relative;
		display: inline-block;
		padding: 0;
		width: 50%;
	}
}
@media (min-width: 0px) and (max-width: 367px) {
	.products-sentence td {
		display: block;
		width: 100%;
	}
}

/* Produkte --------------------------------------------------------------------------- ENDE */

/* Galerie - Referenzen ---------------------------------------------------------------------- START */

.page-overview {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}

.overview-container {
	position: relative;
	flex-basis: 100%;
}

.overview-container-ratio {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: var(--img-default-ratio);
}

.overview-container-image {
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.references-gallery-section {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}
.references-gallery-item {
	position: relative;
	flex-basis: 100%;
}
.references-gallery-item:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
.references-gallery-ratio {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: var(--references-gallery-ratio);
}
.references-gallery-image {
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

@media (min-width: 992px) {
    .overview-container {
		flex-basis: calc((100% - 2rem) / 3);
	}
	.references-gallery-item {
		flex-basis: calc((100% - 3rem) / 4);
	}
}

@media (min-width:568px) and (max-width: 991px) {
	.overview-container {
		flex-basis: calc((100% - 1rem) / 2);
	}
}
@media (min-width:768px) and (max-width: 991px) {
	.references-gallery-item {
		flex-basis: calc((100% - 2rem) / 3);
	}
}
@media (min-width:568px) and (max-width: 767px) {
	.references-gallery-item {
		flex-basis: calc((100% - 1rem) / 2);
	}
}

.overview-details-sub .page-content {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

.page-overview a > article {
	width:						100%;
	min-height:					50px;
	line-height:				50px;
	bottom:						10px;
	font-weight: 600;
	left:						0px;
	padding:					0;
	text-align:					center;
	position:					absolute;
	text-transform: uppercase;
	display:					block;
	color:						var(--page-overview-a-article-color);
	background:					var(--page-overview-a-article-bg-color) !important;
	font-size:					1em;
	z-index: 1;
}

.page-overview a:hover,
.page-overview a:hover article {
	background-color:			var(--page-overview-a-article-bg-color-hover) !important;
	text-decoration:			none;
}

.overview-c-box {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 75%;
}
.overview-c-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.overview-c {
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.overview-c-left {
	position: relative;
	flex-basis: 25%;
}
.overview-c-right {
	position: relative;
	flex-basis: calc(75% - 1rem);
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-content: flex-start;
	gap: 0.5rem;
}

.overview-c-right > article {
	position: relative;
	flex-basis: 100%;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.5em;
}
.overview-c-right > div {
	position: relative;
	flex-basis: 100%;
	color: var(--overview-c-right-div-color);
}

.page-overview a:hover .overview-c-right > article,
.page-overview a:hover .overview-c-right > div{
	color: var(--page-overview-a-hover-overview-c-right-article-color);
}
.page-overview-n {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
}
.overview-container-n {
	flex-basis: calc(50% - 1rem);
}

.overview-c-box {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 75%;
}
.overview-c-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Galerie - Referenzen ----------------------------------------------------------------------- ENDE */

/* Beispiele --------------------------------------------------------------------- START */

.gallery {
	width: 						100%;
	height:						auto;
	margin:						0px auto;
	padding-right:				0;
	display:					flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}

.gallery-img {
	position: relative;
	flex-basis:			25%;
}

/* @media(min-width: 1250px) {
	.gallery {
		gap: 2rem;

	}
	.gallery-img {
		flex-basis: calc(33.33333% - (4rem / 3));
	}
}
@media(min-width: 768px) and (max-width: 1249px) {
	.gallery-img {
		flex-basis: calc(33.3333% - (2rem / 3));
	}
} 
*/
@media(min-width: 568px) {
	.gallery-img {
		flex-basis: calc(50% - (1rem / 2));
	}
}
@media (max-width: 567px) {
	.gallery-img {
		flex-basis: 100%;
	}
}


.gallery-img .gallery-img-box {
	position: relative;
	width:100%;
	padding-top: 75%;
	height: auto;
	display: block;
}

.gallery-img-box > a {
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
	transition: 0.75s;

}
.gallery-img-box > a:hover {
	transform: scale(1.05);
	transition: 0.75s;

}
.gallery-img-box > a > article {
	width:						100%;
	height:						2rem;
	top:						auto;
	bottom: 					1rem;
	left:						0;
	z-index:					5;
	position:					absolute;
	font-size:					1em;
	font-weight:				600;
	text-align:					center;
	color:						var(--gallery-img-box-a-article-color);
	background:					var(--gallery-img-box-a-article-bg-color);
	line-height:				1.5em;
	text-transform: uppercase;
}

.gallery-img a .info-sign {
	position: 				absolute;
	bottom: 					10px;
	left: 						10px;
	font-size: 				3em;
	color: 						var(--gallery-img-a-info-sign-color);
}


.gallery-img > a,
.gallery-img a > img {
	position:					relative;
	width:						100%;
	height:						100%;
}

.gallery-img > a {
	width:						100%;
	height:						100%;
	display:					block;
	box-shadow: 				5px 5px 10px 0 rgba(0, 0, 0, 0.6);
}

.gallery-img > a > article {
	width:						100%;
	height:						50px;
	top:						calc(100% - 65px);
	left:						0;
	z-index:					5;
	position:					absolute;
	font-size:					1.25em;
	font-weight:				600;
	text-align:					center;
	color:						var(--gallery-img-a-article-color);
	background:				var(--gallery-img-a-article-bg-color);
	line-height:				50px;
	text-transform: uppercase;
}


@media(max-width: 1023px) {
	.gallery-img > a:hover {
		cursor:					default;
	}
}

/* Beispiele ---------------------------------------------------------------------- ENDE */

/* Kontakt --------------------------------------------------------------------- START */

#logic-illusion {
	display:					none !important;
}

.form-control {
	width: 						calc(100%);
	height:						100%;
	box-sizing: border-box;
}

.page-contact .btn {
	width: 						100%;
}

.page-contact .page-1 label {
	margin-top:					10px;
}

.page-contact .page-1 label[for="CF4"] {
	margin-top: 				22px;
	width: 						calc(100% - 20px);
	padding-left: 				5px;
	float:						left;
}

.page-contact .page-1 input[type="checkbox"] {
	margin-top: 				25px;
	float:						left;
}

.page-contact .page-1 button {
	margin-top:					10px;
	background-color:		var(--main-btn-color);
	color:							var(--main-btn-text-color);
}

.page-contact .page-1 button:hover {
	background-color:			var(--main-btn-color-hover);
}

.page-contact .page-1 textarea {
	height:						100px;
	resize:						none;
}

.page-contact .page-1 .contact-info {
	margin-top:					15px;
	line-height:				28px;
	font-size:					1em;
	letter-spacing:			0.5pt;
	word-spacing:				1pt;
	position:					relative;
	float:						left;
	width:						100%;
}

.page-contact .page-1 .contact-info a {
	text-decoration:			none;
	color:						inherit;
}

.page-contact .page-1 .contact-info a:hover {
	text-decoration:			underline;
}

.page-contact .page-1 .contact-info > div {
	font-size:					12px;
}

.page-contact .page-2 #recaptcha_widget_div {
	margin-bottom:				30px;
}

.page-contact .page-2 .btn-group {
	width:						100%;
}

.page-contact .page-2 .btn-group button.btn {
	width:						calc(30% - 2.5px);
}

.page-contact .page-2 .btn-group input.btn {
	width:						calc(70% - 2.5px);
	background-color:	var(--main-btn-color);
	color:						var(--main-btn-text-color);
}

.page-contact .page-1 .btn-group button {
	width: 						calc(50% - 2.5px);
}

.page-contact .page-2 .btn-group input.btn:hover {
	background-color:			var(--main-btn-color-hover);
}

.important {
	color:						#ff0000;
}

@media(min-width: 0px) {
	.contact-info p {
		font-size: 1.15em;
		line-height: 1.5em;
		text-align: left !important;
	}
}

/* Kontakt ---------------------------------------------------------------------- ENDE */

/* Impressum --------------------------------------------------------------------- START */

.impressum {
	font-size:					1em;
}

.imprint-content {
	width: 						100%;
	margin-bottom: 				30px;
	padding-right: 				25px;
}

.imprint-area {
	width:						33%;
	float:						left;
	position:					relative;
}

.privacy-content {
	width:						100%;
	margin-bottom:				30px;
}

@media (max-width: 929px) {
	.imprint-content {
		width:					100%;
	}
	.privacy-content {
		width:					100%;
	}
}

.imprint-section {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
	line-height:				1.5em;
}

.imprint-fill-in {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

@media (min-width: 520px) and (max-width: 991px) {
	.imprint-section {
		width:						45%;
	}

	.imprint-fill-in {
		width:						55%;
	}
}

.imprint-space {
	width:						100%;
	position:					relative;
	float:						left;
	height:						auto;
}

.impressum a {
	color:						inherit;
	text-decoration:			underline;
}

.impressum a:hover {
	opacity:					0.8;
	text-decoration:			none;
}

.link-lisa,
.link-privacy {
	color:						var(--main-a-color);
}

/* IMPRESSUM ---------------------------------------------------------------------- ENDE */

/* ONLINEBEWERBUNG ---------------------------------------------------------------- START */

#AF_Page_4_Right {
	margin-top:			70px;
	float:				right;
	display:			none;
}

.ApplicationForm #AF_Page_1,
.ApplicationForm #AF_Page_2,
.ApplicationForm #AF_Page_3,
.ApplicationForm #AF_Page_4 {
	padding:			0px 0px 0px 0px;
	overflow:			hidden;
	display:			none;
}

.B900 .ApplicationForm #AF_Page_1,
.B900 .ApplicationForm #AF_Page_2,
.B900 .ApplicationForm #AF_Page_3,
.B900 .ApplicationForm #AF_Page_4 {
	padding:			0px 0px 0px 0px;
	overflow:			hidden;
	display:			none;
}

.ApplicationForm #AF_Page_1 {
	display:			block;
}

.B900 .ApplicationForm #AF_Page_1 {
	display:			block;
}

/* .ApplicationForm #AF_Page_2 {
} */

/* .ApplicationForm #AF_Page_3 {
} */

/* .ApplicationForm #AF_Page_4 {
} */


.online-carrier #page-bg {
	display:			block!important;
}

.online-carrier select {
	float: 					left;
  font-size: 			1em;
  line-height: 		1.5em;
	width:					50%;
	color: 					var(--online-career-text-color);
	margin-top: 		2px;
}

.online-carrier label:not(.check) {
    float: 				left;
		width:				50%;
}


.online-carrier .privacy-label {
	width:				97%!important;
	margin-bottom:		10px;
}

.online-carrier {
   width:				100%;
   float:				left;
   /* margin-top:			35px; */
   margin-bottom:		20px;
}

@media (max-width: 995px) {
	.online-carrier {
	   width:				100%;
	   float:				left;
	   margin-top:			50px;
	}
}

.online-carrier textarea {
	float:						left;
	height:						85px;
	margin-bottom: 		20px !important;
	resize:						none;
	line-height: 			1.5em;
	transition: 			border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	background-color: var(--online-career-input-bg-color);
	background-image: 	none;
	border: 				var(--online-career-input-border);
	font-size:			1em;
	font-family:		Open Sans, sans-serif;
	margin-top:			0px;
	color: var(--online-career-input-color);
}

.online-carrier input:not(.check):not(.file) {
	width:				calc(50% - 10px);
	margin-bottom:		5px;
}

@media (max-width: 767px) {
	.online-carrier input:not(.check):not(.file) {
		width:			calc(100% - 10px);
	}	
	.online-carrier label:not(.check) {
		width:			50%;
	}
}

@media (min-width: 992px) and (max-width: 1029px) {
	.online-carrier input:not(.check):not(.file) {
		width:			calc(60% - 10px);
	}	
	.online-carrier label:not(.check) {
		width:			40%;
	}
}

.online-long-input {
	width:				calc(100% - 26px)!important;
}

.online-carrier button {
    height: 			34px;
    line-height: 		1.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	var(--online-career-button-color);
    background-image: 	none;
	font-size:			1em;
	width:				calc(50% - 17.5px) !important;
}

.online-carrier button[name="back"],
.online-carrier button[name="reset"] {
    margin-right:		15px;
	color: var(--online-career-button-text-color);
}

.online-carrier button[name="next"],
.online-carrier button[name="CS"] {
    margin-left:		15px!important;
		color: var(--online-career-button-text-color);
}

.online-carrier button[name="CS"] {
    color:				var(--online-career-button-text-color)
}


.online-carrier button[disabled],
.online-carrier input[disabled] {
    cursor: 			default;
		color:				#aaa;
}

.online-carrier label[for="CF8"] {
	margin-bottom: 		20px;
	width: 				calc(100% - 20px);
	padding-left: 		5px;
	float:				left;
}

.online-carrier input[type="checkbox"] {
	margin-top: 		5px;
	float:				left;
	position:			absolute;
	left:				0px;
}

.online-carrier label.long-input,
.online-carrier input.long-input[name="file"] {
	width:				100%!important;
}

.online-control-group {
	height:				auto;
	width:				100%;
	float:				left;
	position:			relative;
	
}

.online-control-group .container-checkbox {
	float:				left;
	padding-top:		4px;
	margin-top:			5px;
	margin-bottom:		25px;
}






.online-form-control {
  display: 					block;
  width: 					100%;
  height: 					10px;
  padding: 					6px 4px;
  font-size: 				1em;
  line-height: 				1.42857143;
  color: 							var(--online-career-text-color);
  background-color: 		var(--online-career-input-bg-color);
  background-image: 		none;
  border: 					var(--online-career-input-border);
  -webkit-box-shadow: 		inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 				inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: 			border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin:					0 auto;
}
.online-form-control::-moz-placeholder {
  color: 					var(--form-input-placeholder-color);
  opacity: 					1;
}
.online-form-control:-ms-input-placeholder {
  color: 					var(--form-input-placeholder-color);
}
.online-form-control::-webkit-input-placeholder {
  color: 					var(--form-input-placeholder-color);
}
.online-form-control[disabled],
.online-form-control[readonly],
fieldset[disabled] .online-form-control {
  background-color: 		var(--form-input-placeholder-color);
  opacity: 					1;
}
.online-form-control[disabled],
fieldset[disabled] .online-form-control {
  cursor: 					not-allowed;
}
textarea.online-form-control {
  height: 					auto;
}



.breit {
	width:					100%!important;
}

.breit-text {
	padding:				0px 4px;
	width:					calc(100% - 12px) !important;
}

.multi-att {
	margin-bottom:			10px !important;
}

#formModal .modal-content {
	position: 				relative;
	padding:				0px;
	margin:					0px;
	top:					50%;
	left:					50%;
	transform:				translate(-50%, -50%);
	display:				inline-block;
	width:					calc(100% - 40px);
	max-width: 				360px;
}

#formModal .modal-content .formModal-header {
	margin:					0;
	padding:				0;
	background-color:	var(--form-modal-content-bg-color);
	color:					var(--form-modal-content-color);
	position:				relative;
}
#formModal .modal-content .formModal-header h3 {
	margin: 				0;
    text-align: 			center;
    font-size: 				18px;
	line-height: 			43px;
	position:				relative;
}
#formModal .modal-content .formModal-header .close {
	position:				absolute;
	bottom:					unset;
	left:					unset;
	top:					0;
	float:					none;
	right:					15px;
	color:					var(--form-modal-content-color);
}
#formModal .modal-content .formModal-header .close:hover {
	position:				absolute;
	bottom:					unset;
	left:					unset;
	top:					0;
	float:					none;
	right:					15px;
	color:					var(--form-modal-content-color);
}
#formModal .modal-content .alert-content {
	font-size:				1em;
	line-height:			1.5em;
	font-weight:			normal;
	padding:				15px 10px;
}
/*
.B6 .control-group {
	height:				auto;
	width:				calc(50% - 20px);
	float:				left;
	position:			relative;
}

@media (max-width: 991px) {
	.B6 .control-group {
		width: 				100%;
	}
}
.control-group.right-side {
    float: right;
}

.B6 .form-control.form-select {
    width: 100%;
}
.B6 .page-contact .page-1 .file-input-button {
	padding: 0px 10px; 
	border: 1px solid rgba(255,255,255,0);
  color: var(--gr-color);
	cursor: pointer; 
	display: inline-block;
	margin-left: 20px;
	font-weight: 500;
	height:2rem;
	line-height: 1.5rem;
	margin-bottom: 0;
	border-radius: 1.5rem;
	text-decoration: underline;
	font-weight: 600;
}
.B6 .page-contact .page-1 .file-input-button:hover {
	background-color: rgba(231,231,231,1);
}
.B6 .file-input {
	display: none;
}

.B6 .control-group .input-section label {
	margin:0;
	font-weight: 600;
	line-height: 1.5rem;
	margin-bottom: 0.25rem;
	margin-left: 1rem;
}
.B6 .control-group .input-section .form-control {
	font-size: 0.875rem;
	line-height: 1.5rem !important;
	padding: 0.5rem 1rem;
}
.B6 .control-group .input-section input.form-control,
.B6 .control-group .input-section select.form-control {
	height: 2.625rem;
}
.B6 .control-group .input-section .input-section-box .input-section-item{
	align-content: center;
}
.B6 .control-group .input-section .input-section-box .input-section-item label {
	margin: 0;
}
.B6 .control-group .input-section .input-section-box {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 1rem;
	row-gap: 0;
	height: 2.625rem;
}
*/
.isi-flex {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.isif-item {
	flex-basis: 50%;
}
/*
.B6 .control-group .input-section .input-section-box-check {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 1rem;
	height: auto;
}
@media(min-width: 992px) {
	.B6 .control-group .input-section .input-section-box.input-section-box-2 {
		width: 88%;
		padding: 0 6%;
		gap:0;
	}
	.B6 .control-group .input-section .input-section-box-check {
		width: 88%;
		padding: 0 6%;
		justify-content: space-between;
	}
	.B6 .control-group .input-section .input-section-box-check label{
		margin-left: 0.5rem !important;
	}
	.B6 .control-group .input-section .input-section-box.input-section-box-2 .input-section-item {
		flex-basis: 50%;
	}
}
@media(max-width: 991px) {
	.B6 .control-group .input-section .input-section-box.input-section-box-2 {
		width: 100%;
		padding: 0;
		gap:0;
	}
	.B6 .control-group .input-section .input-section-box-check {
		width: 100%;
		padding: 0;
	}
	.B6 .control-group .input-section .input-section-box-check label{
		margin-left: 0.5rem !important;
	}
	.B6 .control-group .input-section .input-section-box.input-section-box-2 .input-section-item {
		flex-basis: 50%;
	}
}
@media(min-width: 0px) and (max-width: 575px) {
	.B6 .control-group .input-section .input-section-box-check {
		justify-content: flex-start;
	}
	.B6 .control-group .input-section .input-section-box.input-section-box-2 .input-section-item:nth-child(1) {
		flex-basis: 60%;
	}
	.B6 .control-group .input-section .input-section-box.input-section-box-2 .input-section-item:nth-child(2) {
		flex-basis: 40%;
	}
}
.B6 .control-group .input-section .input-section-box.input-section-box-auto-height {
	height: auto;
}
.B6 .control-group .input-section .input-section-box.input-section-box-auto-height .input-section-item{
	height: 2.45rem;
	flex-basis: 26%;
}
.B6 .control-group .input-section .input-section-box.input-section-box-auto-height .input-section-item input{
	float: none;
	margin-top: auto;
}
.B6 .control-group .input-section .container-checkbox {
	padding:0;
	padding-left: 2rem;
	display: inline;
	line-height: 42px;
	margin-bottom: 0;
}
.B6 .control-group .input-section .container-checkbox .checkmark {
	top:11px;
}
.B6 .control-group .input-section textarea {
	height:94px;
}

.B6 .page-contact-new {
	width: 100% !important;
}

.B6 .input-section-box-check .input-section-item input[type="checkbox"] {
	margin-top: auto;
	float: none;
}
.B6 .page-contact .page-1 .control-group .input-section button {
	margin-top: 0;
	padding:0;
	height:42px;
	line-height:42px;
}
*/
/* ONLINEBEWERBUNG ---------------------------------------------------------------- ENDE */

/* Wide template --------------------------------------------------------------------- START */

.page-wide-box {
	position:			relative;
	width:				100%;
	margin-bottom:		50px;
	margin-top:			35px;
}

.page-wide-image-container {
	width:				100%;
	padding-top:		30%;
	position:			relative;
}


.page-wide-space {
	position: 			relative;
	min-height:			20px;
}

.page-wide-image {
	position:			absolute;
	width:				100%;
	height:				100%;
	display:			block;
	top:				0;
	bottom:				0;
	right:				0;
	left:				0;
}


.page-wide-content {
	width:				100%;
	line-height:		22px;
}

@media (min-width: 567px) {
	.page-wide-content .TextCol-2 {
		min-height:				100%;
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
		-moz-column-gap:		30px;
		-webkit-column-gap:		30px;
		column-gap:				30px
	}

}

/* Wide template --------------------------------------------------------------------- ENDE */


/* Modal start */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: var(--modal-bg-color);
	z-index:				9999;
  }

  .modal-content {
	background-color: var(--modal-content-bg-color);
	margin: 15% auto; /* 15% from the top and centered */
	padding: 35px;
	border: var(--modal-content-border);
	width: 255px; 
	z-index:	9999;
  }

  .close {
	color: var(--modal-close-color);
	float: right;
	font-size: 32px;
	font-weight: 600;
	position:		relative;
	bottom:	40px;
	left:		25px;
  }

.close:hover,
.close:focus {
  color: var(--modal-close-hover-focus-color);
  text-decoration: none;
  cursor: pointer;
}

.alert-content {
	position: 					relative;
	text-align:					center;
	font-size:					1.25em;
	font-weight:				600;
}
/* Modal ende */

/* Startseite 3-er uebericht --------------------------------------------------------------------- Start */

@media (min-width: 992px) {
	.page-content-new {
		width:					385px;
		padding:				35px 0px 0px;
		position: 				relative;
		height:					100%;
		float:					left;
	}
	.page-image-new {
		height:					505px;
		width:					calc(100% - 430px);
		margin:					35px 0px 20px 0px;
		padding:				0px 0px;
		position: 			relative;
		float:					right;
	}

	.page-contact-new {
		width:					calc(100% - 465px);
		padding:				35px 0px 0px;
		position: 				relative;
		height:					100%;
		float:					left;
	}
	.page-image-contact-new {
		width:					400px;
		margin:					35px 0px 20px 0px;
		padding:				0px 0px;
		position: 				relative;
		float:					right;
	}
}


.home-end {
	position:				relative;
	padding-bottom:			50px;
	clear:					both;
}

@media (max-width: 991px) {
	.home-end {
		/* padding-bottom:		100px; */
	}
}

.home-full-box {
	position:				relative;
	overflow:				hidden;
	margin: 				0 auto;
	width: 					calc(100%);
	/* max-width:1600px; */
}
@media(max-width: 991px) {
	.home-full-box {
		width: 100%;
	}
}

.home-full-image-1 {
	position:				relative;
	width:					100%;
	display:				block;
	/* border-bottom:			5px solid rgba(246,228,5,1); */
	height:				calc(100vh - 200px);
	/* padding-top:		37.5%; */
}




	
.home-full-image-1-container {
	position:				absolute;
	width:					100%;
	height:					100%;
	display:				block;
	top:						0;
	right:					0;
	bottom:					0;
	left:						0;
}
@media (max-width: 991px) {
    .B1 .slider-container .slider-controls {
        display: none;
    }
		.home-full-image-1 {
			position:				relative;
			width:					100%;
			display:				block;
			height:				calc(100dvh - 170px);
		}
}

.home-three-overview {
	position:				relative;
	width:					100%;
	height:					auto;
	display:				block;
	padding:				10px 0px;
	clear:					both;
	/* overflow:				hidden; */
}

@media (max-width: 991px) {
	.home-three-overview {
		padding-bottom:		30px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1rem;
	}
}


@media (min-width: 992px) {
	.home-three-overview {
		width:				100%;
		/* width:				calc(100% - 4px);
		border:				2px solid rgba(232,159,111,0.5); */
		padding:			30px 0px 0px 0px;
		top:				-200px;
		margin-bottom:		-205px;
		background-color: 	rgba(255,255,255,0);
		z-index:			199;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
		row-gap: 2rem;
		column-gap: 6rem;
		justify-content: space-evenly;
	}
}

.home-three-overview-container {
	position:				relative;
	flex-basis: calc(50% - 3rem);
	transition: 0.5s;
}
@media(max-width: 991px) {
	.home-three-overview-container {
		flex-basis: 100%;
	}
}
		
@media (min-width: 992px) {
	.home-three-overview-container:hover {
		transform: scale(1.2);
		transition: 0.5s;
	}
}

.home-three-overview-box {
	position:				relative;
	display:				block;
	height: 100%;
	background-color: var(--infobox-bg-color);
}

@media (min-width: 768px) and (max-width: 991px) {
	.home-three-overview-box {
		width:					calc(100% - 16px);
		/* padding-top:			75%; */
		padding:				8px;
		position:				relative;
		display:				block;
	}
}

@media (max-width: 767px) {
	.home-three-overview-box {
		width:					calc(100%);
		/* padding-top:			75%; */
		padding:				0px;
		position:				relative;
		display:				block;


	}
}

.home-three-overview-content {
	position:				relative;
	display:				block;
	width:					calc(100% - 32px);
	height:					calc(100% - 32px);
	padding:				16px;
	box-shadow: 		var(--infobox-box-shadow);
}


.home-three-overview-content-bg {
	width:						100%;
	height:						auto;
	position:					relative;
	padding-top: 56.25%;
}


.home-three-overview-content-block {
	width:						100%;
	height:						100%;
	position:					relative;
	overflow:					hidden;
	display: 					flex;
	flex-direction: 			row;
	flex-wrap: 					wrap;
	justify-content: 			space-between;
}

@media(max-width: 567px) {
	.home-three-overview-content-block {
		gap: 1rem;
	}
}

.home-three-overview-content-block-title {
	/*text-transform:				uppercase;*/
	font-weight:				700;
	/* color:						#6D7EBB; */
	text-align:					center;
	position:					relative;
	font-size:					20px;
	/* padding:					20px 0px; */
	overflow:					hidden;
	/* top:						20%; */
	padding-bottom:				16px;
	top:						0;
	background-color:			transparent;
	/* background-color:			rgba(255,255,255, 0.9); */
	transition-duration:		0.5s;
	-webkit-transform:			translate3d(0,0,0);
	transform:					translate3d(0, 0, 0);
	flex-basis: 				100%;
}

.home-three-overview-content-block-title h2 {
	text-transform:				uppercase;
	font-weight:				600;
	color:						var(--infobox-title-color);
	text-align:					center;
	position:					relative;
	font-size:					1.25em;
	padding:					0px 0px;
	overflow:					hidden;
}

.home-three-overview-content-block-text,
.home-three-overview-content-block-button {
	color:						var(--infobox-content-color);
	position:					relative;
}
.home-three-overview-content-block-button {
	display:					none;
}

.home-three-overview-content-block-text {
	font-size:					1em;
	font-weight:				400;
	/*margin-top:					16px;*/
	line-height:				1.5em;
	color:						var(--infobox-content-color);
	/*max-height:					1.5em;*/
	/*height:						1.5em;*/
	/*display:					block;*/
	/*display: 					table;*/
	-webkit-line-clamp: 		none;
	-webkit-box-orient: 		vertical;
	overflow: 					hidden;
	text-overflow: 				ellipsis;
	/*padding: 					10px;*/
	flex-basis: 				calc(65% - 10px);
	display: 					flex;
	flex-direction: 			column;
	justify-content: 			center;
	/* align-items: 				center; */
}

.home-three-overview-content-block-text ul {
	/* display:					inline-block; */
	position:					relative;
	/* left:						50%;
	transform:					translateX(-50%); */
	padding-inline-start:		1.5em;
}



@media (min-width: 0px) and (max-width: 367px) {
	.home-three-overview {
		padding-left:				10px;
		padding-right:				45px;
		width:						calc(100% - 55px);
	}

	.home-three-overview-container {
		width:						100%;
		margin-left:				0px;
		margin-top:					10px;
	}
	.home-three-overview-container:first-child {
		width:						100%;
		margin-left:				0px;
		margin-top:					0px;
	}
	.home-three-overview-box {
		/* padding-top:				40%; */
	}
}

@media (min-width: 400px) and (max-width: 767px) {
	.home-three-overview-content-block-text .table .table-row {
		display:					table-row;
	}
	.home-three-overview-content-block-text .table .table-row .table-cell {
		display:					table-cell !important;
		width:						auto !important;
	}
}

@media (min-width: 0px) and (max-width:	399px) {
	.home-three-overview-content-block-text .table .table-row .table-cell {
		width:						100% !important;
		display:					block !important;
	}
	.home-three-overview-content-block-text .table .table-row .table-cell ul {
		display:					block !important;
		padding-inline-start:		40px;
	}
}

.home-three-overview-image {
	position:				relative;
	z-index: 				6;
	flex-basis: 35%;
}

@media(max-width: 567px) {
	.home-three-overview-content-block-text,
	.home-three-overview-image {
		flex-basis: 100%;
	}
	.home-three-overview-content-block-title {
		padding-bottom: 0;
	}
}

@media (min-width: 568px) {
	.image-right{
		order: 3;
	}
}


.home-three-overview-content-link {
	display: 				block;
	width:					100%;
	height:					100%;
	position:				absolute;
	left:					0px;
	top:					0px;
	right:					0px;
	bottom:					0px;
	z-index:				7;
}


.home-three-overview-content-bg > img {
	position: absolute;
	top:0;
	left:0;
}


.home-three-overview.container-box {
	width: calc(100%);
	/* max-width: 1100px; */
}
@media(max-width: 991px) {
	.home-three-overview.container-box {
		width: calc(100%);
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		box-sizing: border-box;
	}
}

.start-slider {
	position:					relative;
	width:						100%;
	padding-top:				25%;
	overflow:					hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
	.start-slider {
		padding-top:			37.5%;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.start-slider {
		padding-top:			75%;
	}
}

.start-slider .start-slider-container {
	position:					absolute;
	width:						100%;
	height:						100%;
	display:					block;
	top:						0;
	right:						0;
	left:						0;
	bottom:						0;
}

.start-slider li > .slider-item {
	width:						calc(33.3%) !important;
	position:					relative;
	display:					block;
	float:						left;
	width:						100%;
	height:						100%;
}

@media(min-width: 992px) {
	.start-slider.display-md li > .slider-item {
		width:					calc(33.3% - 20px) !important;
		margin-left:			30px;
	}
	.start-slider.display-md li > .slider-item:first-child {
		width:					calc(33.3% - 20px);
		margin-left:			0px;
	}
}

.start-slider.display-sm li > .slider-item {
	width:					calc(50% - 20px) !important;
	margin-left:			40px;
}
.start-slider.display-sm li > .slider-item:first-child {
	width:					calc(50% - 20px);
	margin-left:			0px;
}
.start-slider.display-xs li > .slider-item {
	width:					100% !important;
	margin-left:			0px;
}
.start-slider li > .slider-item > .slider-item-image {
	width:						100%;
	height:						100%;
	display:					block;
	position:					relative;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
}

.bxsliderG {
	width:						100%;
	height:						100%;
	position:					relative;
}
.bxsliderG li {
	width:						100%;
	height:						100%;
	position:					relative;
}

.wrapper-space-sm {
	padding:					30px 0px 30px 0px;
	float:						left;
	position:					relative;
	width:						calc(100% - 0px);
}

@media (max-width: 991px) {
	.wrapper-space-sm {
		padding:					18px 0px;
		float:						left;
		position:					relative;
		width:						100%;
	}
}

.home-three-overview-content-link {
	display: 				block;
	width:					100%;
	height:					100%;
	position:				absolute;
	left:					0px;
	top:					0px;
	right:					0px;
	bottom:					0px;
	z-index:				7;
}

/* Startseite 3-er uebericht --------------------------------------------------------------------- Ende */

.select-design {
	width:70%;
	border: 1px solid #bbb;
	padding:.15em .5em .15em .5em;
	background-color:white;
	margin-left:10px;
  }
  
  .select-design:hover {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  }


.bxslider-text .slider-text {
	/* display:					none; */
	font-family:				'Taviraj', 'Open Sans', sans-serif;
	position:					absolute;
	display:					inline-block;
	width:						auto;
	/* padding:					2em; */
	font-weight:				600;
	opacity:					0;
	transition:					1s;
	top:						50%;
	left:						50%;
	transform:					translateX(-50%);
	font-size:					50px;
	color:						#f0f0f0;
	text-transform:				uppercase;
	text-align:					center;
	min-width:					calc(80%);
	letter-spacing:				0.2em;
}
.bxslider-text .activeClass .slider-text {
	position:					absolute;
	display:					inline-block;
	font-size:					40px;
	/* padding:					2em; */
	opacity:					1;
	top:						30%;
}

#toTopBtn {
	display: none;
	position: fixed;
	bottom: 70px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	color:	var(--to-top-button-color);
	cursor: pointer;
	/* padding: 15px;
	border-radius: 4px; */ 
  }

  @media (max-width: 991px) {
	  #toTopBtn {
		  right:				5px;
	  }
	  #toTopBtn i {
		  font-size:			30px !important;
	  }

  }
  
  #toTopBtn:hover {
	color:var(--to-top-button-color-hover);
  }

@media (min-width: 992px) {
	body.scroll-header > .navbar {
		height:					50px !important;
		min-height:				50px !important;
	}
	body:not(.ac) > #page {
	}
	body.scroll-header > #page {
		margin-top:				50px !important;
	}
	body.scroll-header > .navbar:before {
		height:					50px !important;
		min-height:				50px !important;
	}
	.scroll-header .navbar-header .navbar-brand {
		margin:					0px 0px;
		/* height:					50px; */
		padding:				3px;
	}
	.scroll-header .navbar-header .navbar-brand img {
		max-height:				70px;
	}
	.scroll-header #navbar .navbar-nav > li > a {
		padding:				0px 5px;
		line-height:			50px;
		height:					44px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.navbar #navbar .navbar-nav > li > a {
		padding:0 1px;
	}
}



.scroll-header .navbar-header .navbar-brand img {
	max-height:				50px;
}

.scroll-header .navbar-header .navbar-brand {
	width:						auto;
	/* height: 					50px; */
	padding:					10px;
	/* margin: 					3px 0px; */
	z-index:					5;
	position:					relative;
}


/* Header transition */
/*
@media (min-width: 992px) {
	.home-banner-image,
	.bxslider-text .slider-text,
	body > .navbar,
	body > .navbar:before,
	body.scroll-header > .navbar,
	body:not(.ac) > #page,
	body.scroll-header > #page,
	body.scroll-header > .navbar:before,
	.navbar .navbar-header .navbar-brand,
	.scroll-header .navbar .navbar-header .navbar-brand,
	.navbar .navbar-header .navbar-brand img,
	.scroll-header .navbar-header .navbar-brand img,
	.navbar #navbar .navbar-nav > li > a,
	.scroll-header #navbar .navbar-nav > li > a,
	.scroll-header .navbar-header .navbar-brand img {
		transition:					1s !important;
	}
}
*/
@media (min-width: 992px) {
	.mob_de {
		position:				absolute;
		top:					0px;
		bottom:					20px;
	}
}
@media (max-width: 991px) {
	.mob_de {
		position:				absolute;
		top:					10px;
		bottom:					10px;
		left:					0px;
	}
}

.bxslider > li > a {
	display:				block;
	width:					100%;
	height:					100%;
	cursor: 				zoom-in;
}


/* AP-NEW TEMPLATE ------------------------------ START */

.ap-content-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
}

.ap-card {
	position: relative;
	flex-basis: calc(30% - 4em);
	max-width: 300px;
	margin: 1em 2em;
}

@media (max-width: 567px) {
	.ap-card {
		margin: 1em 1em;
		flex-basis: calc(100% - 2em);
	}
}

.ap-card-img-container {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 150%;
}

.B700 .ap-card-img-container {
	padding-top: 40%;
}

.ap-card-img {
	/* flex: 1 1 280px; */
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:block;
	width:100%;
	height: 100%;
}

.ap-card-img img {
	box-shadow: var(--default-box-shadow);
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: var(--ap-card-img-bg-color);
}

.ap-card-content {
	margin: 0 auto;
	align-self: center;
	padding: 15px 5px;
}

.ap-card-content p a {
	color: var(--main-a-color);
}

.ap-card-content p strong {
	color: var(--main-a-color);
}


/* AP-NEW TEMPLATE ------------------------------ END */

/* OVERVIEW GALERY ------------------------------ START */

.long-pagerG {
	margin-top:					0px;
	width:						100%;
	height:						auto;
	overflow:					visible;
	float:						left;
	position:					relative;
}

.long-pagerG a {
	width:						calc(33.3% - 20px);
	height:						auto;
	margin:						0px 10px 20px 10px;
	/* display:					block; */
	overflow:					hidden;
	text-decoration:			none;
	outline:					none;
	float:						left;
	position:					relative;
	cursor: 					zoom-in;
}



/* .long-pagerG a > div{
	width:						100%;
	padding-top:				56.25%;
} */

.long-pagerG a > div {
	width:						100%;
	height: 					auto;
	padding-top: 				75%;
	display:					block;
	position: 					relative;
	-webkit-transform: 			scale(1);
	transform: 					scale(1);
	-webkit-transition: 		.3s ease-in-out;
	transition: 				.3s ease-in-out;
}

.long-pagerG a > div > img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.long-pagerG a > div:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* OVERVIEW GALERY ----------------------------- END */


@media (max-width: 991px) {
	.home-full-box .bx-controls-direction {
		display: none;
	}
}

.anchor {
    /* top: -100px; */
    content: ' ';
    height: 100px;
    margin-top: -100px;
    display: block;
    position: relative;
    visibility: hidden;
}


@media (max-width: 991px) {
	.header-contact-me-btn {
		/* width: 80px; */
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		right: 60px;
	}
}

@media (min-width: 992px) {
	.small-page {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.small-page .contact-carrier {
		width: 100%;
		float: none;
	}
	.small-page .order-control-group .input-section {
		width: calc(100%);
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.small-page .order-control-group .input-section-privacy {
		margin-top: 20px;
	}
	.small-page .order-control-group .input-section-privacy .important {
		margin-bottom: 8px !important;
	}
	.small-page .online-carrier textarea {
		height: 70px;
	}

	.small-page .order-control-group .input-section.input-section-breit {
		width: calc(100% - 6px);
		margin-right: 0px;
	}
	.small-page .order-control-group label:not(.check) {
		float: left;
		font-size: 14px;
		line-height: 24px;
		width: 194px;
		padding-right: 10px;
		margin-bottom: 0px;
	}
	.small-page .order-control-group input:not(.check):not(.file) {
		width: calc(100% - 214px);
		margin-bottom: 0px;
	}
	.input-section-span {
		width: calc(100% - 214px);
		margin-bottom: 0px;
	} 
	.small-page .order-control-group select {
		width: calc(100% - 204px);
		height: 24px;
	}
	.small-page .online-carrier .privacy-label {
		width: calc(100% - 21px) !important;
		padding-right: 0 !important;
		margin-bottom: 10px !important;
	}
}

@media (min-width: 992px) {
	.anfrage-left {
		width: calc(50% - 20px);
		margin-right: 20px;
		float:left;
	}
	.anfrage-right {
		width: calc(50% - 20px);
		margin-left: 20px;
		float:right;
	}
}

.small-page .online-carrier input[type="checkbox"] {
	margin-top: 		4px;
	float:				left;
	position:			relative;
	left:				0px;
	width: 1rem;
	height: 1rem;
	margin-right: 5px;
}

.info-banner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.info-banner > .container-box {
	position: relative;
}
@media(max-width: 991px) {
	.info-banner .container-box {
		width: calc(100% - 1.5rem);
		margin-left: 0.75rem;
		margin-right: 0.75rem;

	}
}
.info-banner-text {
	position: absolute;
	top: 5rem;
	z-index: 199;
	padding: 10px;
	background-color: var(--infobanner-bg-color);
	color: var(--infobanner-text-color);
	font-size: 1.5em;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

@media (max-width: 559px) {
	.info-banner-text {
		top: 1.5rem;
		padding: 0.25rem;
		font-size: 0.85rem;
		font-family: "Poppins";
	}
	
}

/*Galerie ab hier */
.long-pagerGTA {
	margin-top:					0px;
	width:						100%;
	height:						auto;
	overflow:					visible;
	float:						left;
	position:					relative;
}

.long-pagerGTA a {
	width:						calc(25% - 20px);
	height:						auto;
	margin:						0px 10px 20px 10px;
	/* display:					block; */
	overflow:					hidden;
	text-decoration:			none;
	outline:					none;
	float:						left;
	position:					relative;
	cursor: 					zoom-in;
}

@media (min-width: 768px) and (max-width: 991px) {
	.long-pagerGTA a {
		width:						calc(33.3% - 20px);
		margin:						0px 10px 20px 10px;
	}
}
@media (min-width: 358px) and (max-width: 767px) {
	.long-pagerGTA a {
		width:						calc(50% - 20px);
		margin:						0px 10px 20px 10px;
	}
}
@media (max-width: 357px) {
	.long-pagerGTA a {
		width:						calc(100% - 20px);
		margin:						0px 10px 20px 10px;
	}
}

/* .long-pagerG a > div{
	width:						100%;
	padding-top:				56.25%;
} */

.long-pagerGTA a > div > span {
	width:						100%;
	/* height:						100%; */
	padding-top:				75%;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
	display:					block;
	position: 					relative;
	-webkit-transform: 			scale(1);
	transform: 					scale(1);
	-webkit-transition: 		.3s ease-in-out;
	transition: 				.3s ease-in-out;
}

.long-pagerGTA a > div > span:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.B510 .overview-container .img-start-fit {
	position: absolute;
	top: 0;
	left: 0;
}

@media(min-width: 992px) {
    .dropdown-long {
        right: 0;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
}


/* Partner TEMPLATE ------------------------------ START */

.partner-content-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
}

.partner-card {
	position: relative;
	flex-basis: calc(34% - 4em);
	/* max-width: 300px; */
	margin: 1em 2em;
}

@media (max-width: 567px) {
	.partner-card {
		margin: 1em 1em;
		flex-basis: calc(100% - 2em);
	}
}

.partner-card-img-container {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 66.666667%;
	display: block;
}

.partner-card-img {
	/* flex: 1 1 280px; */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.partner-card-img img {
	box-shadow: var(--default-box-shadow);
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: var(--partner-card-img-bg-color);
}

.partner-card-content {
	margin: 0 auto;
	align-self: center;
	padding: 15px 5px;
}

.partner-card-content p a {
	color: var(--partner-card-content-a-color);
}

.partner-card-content p a:hover {
	color: var(--partner-card-content-a-color-hover);
}

.partner-card-content p strong {
	color: var(--partner-card-content-a-color);
}
.st-wr {
	position: relative;
	margin: 0 auto;
	/* max-width: 1600px; */
	/* background-color: rgba(247,247,247,1); */
}
.st-box {
	position: relative;
	margin: 0 auto;
	/* max-width: 1350px; */
}

.wpc2 {
	/* margin-bottom: 1rem; */
}
/*
@-moz-document regexp("https:.*"), regexp("http:.*"), regexp("ftp:.*"), regexp("ftps:.*"), regexp("sftp:.*")
{
  input,
  input:autofill,
  textarea:autofill,
  select:autofill,
  input:hover,
  input:active,
  input:focus
  {
    background: #ffffff !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
  }
}
:-moz-autofill, :autofill, :-moz-autofill-preview {
	filter: unset
}
input:autofill {
	background: #fff !important; 
}
*/
/* Leistungen OnePage --------------------------------------------------------------------- START */
.services.container-box.main-box {
	position: relative;
	background-color: rgba(255,255,255,0);
	padding: 0;
}
.services-op {
	position: relative;
	width: 100%;
	height: 100%;
}
.service-op {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	/* padding: 1rem; */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 7rem;
	align-items: center;
}
.service-op-content,
.service-op-image {
	position: relative;
	flex-basis: calc(50% - 1rem);
	width: 100%;
	height: 100%;
}
.services-op .service-op:nth-child(even) .service-op-image {
	order: 1;
}
.services-op .service-op:nth-child(even) .service-op-content {
	order: 2;
}
.service-op-content-box {
	position: relative;
	font-size: 1rem;
	line-height: 1.5rem;
}
.service-op-content-box h2{
	position: relative;
	padding: 0;
	font-weight: 600;
	color: var(--gr-color);
	font-family: 'Poppins';
}
.service-op-content-box h2 strong{
	position: relative;
	font-weight: 600;
	color: var(--sec-color);
}
.service-op-image-area {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: var(--img-default-ratio);
}
.service-op-image-box {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ratio-50 {
	padding-top: 50%;
}
@media(max-width: 991px) {
	.service-op {
		gap: 1rem;
		margin-bottom: 4rem;
	}
	.service-op-content,
	.service-op-image {
		position: relative;
		flex-basis: 100%;
		width: 100%;
		height: 100%;
	}
	.service-op-image {
		order: 1;
	}
	.service-op-content {
		order: 2;
	}
}
/* Leistungen OnePage ---------------------------------------------------------------------  END  */


/* Leistungen Details ---------------------------------------------------------------------  START */
.services-details {
	position: relative;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}
.service-details {
    position: relative;
    flex-basis: calc(50% - 1rem);
}
.service-details-link {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem;
    height: 100%;
    margin: 0;
    display: block;
    background-color: var(--service-details-link-bg-color);
    position: relative;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    box-shadow: var(--default-box-shadow);
}
.service-details-container {
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 1rem;
}
.service-details-image-container {
	position: relative;
	flex-basis: 25%;
}
.service-details-image-box {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 75%;
}
.service-details-image {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.service-details-image > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    position: absolute;
    top: 0;
}
.service-details-description-container {
	position: relative;
	flex-basis: calc(75% - 1rem);
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-content: flex-start;
	gap: 0.5rem;
}
.service-details-description-title {
	position: relative;
	flex-basis: 100%;
	padding: 0;
	margin: 0;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 2rem;
	hyphens: auto;
}
.service-details-description-content {
	position: relative;
	flex-basis: 100%;
	color: var(--main-text-color);
	padding: 0;
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
}
.service-details-link:hover {
	background-color: var(--gr-color);
	transition: 1s;
}
.service-details-link:hover .service-details-description-title{
	color: var(--sec-color);
}
.service-details-link:hover .service-details-description-content{
	color: var(--main-btn-text-color);
}
.services-details-sub .page-content {
	display: flex;
	gap: 1rem;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

@media (min-width: 0px) and (max-width: 991px) {
	.service-details {
		flex-basis: 100%;
	}
}

/* Leistungen Details ---------------------------------------------------------------------  END   */




/* Neue Buttons ---------------------------------------------------------------------------  Start */

.simple-btn {
	padding: 0;
	margin: 0;
	padding: 0 1rem;
	font-size: 1em;
	box-sizing: border-box;
	line-height: 2.625em;
	background-color: rgba(255,255,255,1);
	border: 1px solid var(--main-a-color-hover);
	color: var(--gr-color);
	border-radius: 0.25rem;
	text-decoration: none;
}
.simple-btn:hover,
.simple-btn:focus {
	background-color: rgba(245, 245, 245, 1);
	color: var(--gr-color);
	text-decoration: none;
}
.simple-btn > i {
	font-size: 0.875rem;
}
.pdf-btn i {
	font-size: 1.2rem;
}
.youtube-btn {
	position: relative;
	background-color: rgba(196,48,43,1);
	color: rgba(255,255,255,1);
	border-color: rgba(196,48,43,1);
	padding-left: 2rem;
}
.youtube-btn:hover {
	background-color: rgba(215,30,24,1);
	color: rgba(255,255,255,1);
	border-color: rgba(215,30,24,1);
}
.youtube-btn i {
	/* font-size: 1rem; */
	color: rgba(255,255,255,1);
	position: absolute;
    font-size: 2.3rem;
    top: 5px;
	left: 5px;
}

/* Neue Buttons ---------------------------------------------------------------------------  END   */

/* Startseite Seo Blocks ------------------ Start */
.seo-blocks {
	position: relative;
	/* overflow: hidden; */
}
.seo-block {
	position: relative;
	box-sizing: border-box;
	padding: 4rem 0px;
	/* padding: 1rem; */
	width: 100%;
	/* margin-bottom: 6rem; */
	/* box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3) */
}
.seo-blocks .seo-block:nth-child(odd) {
	background-color: var(--slide-odd-bg-color);
}
.seo-blocks .seo-block:nth-child(even) {
	background-color: var(--slide-even-bg-color);
	/* color: rgba(51,51,51,1); */
}


.seo-blocks .sb-inner-box {
	position: relative;
	margin: 0 auto;
	/* width: calc(100% - 40px); */
	width: 100%;
	max-width: 1350px;
}
.seo-blocks .sbi-content {
	position: relative;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 2rem;
}
@media(max-width: 991px) {
	.seo-block {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		padding: 2rem 0.75rem;
	}
}

@media(min-width: 992px) {
	.seo-blocks {
		width: calc(100%);
		margin: 0 auto;
	}
}

.sbi-content .sbi-text,
.sbi-content .sbi-image {
	position: relative;
	flex-basis: calc(50% - 1rem);
	line-height: 1.5em;
}
.sbi-image .bxslider-area {
    height: auto;
    padding-top: var(--img-default-ratio);
    position: relative;
}
.sbi-image .bxslider-area li {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.sbi-image .bxslider-area .bx-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.sbi-text h2 {
	/* font-family: 'Lora'; */
	font-size: 1.25rem;
	font-weight: 600;
	/* color: var(--gr-color); */
	color: var(--gr-color);
	/* background: linear-gradient(to right, rgba(86, 142, 201,1), rgba(86, 142, 201,0.5)); */
	padding: 0;
	/* padding-left: 0.5rem;
	border-left: 0.5rem solid var(--sec-color); */
}
.sbi-text h3 {
	/* font-family: 'Lora'; */
	font-size: 1.05rem;
	font-weight: 600;
	padding: 0;
	margin:0;
}
.sbi-text h2 strong {
	color: var(--sec-color);
}

.sbi-text strong {
    font-weight: 600;
    color: var(--gr-color);
}

@media(min-width: 992px) {
	.sbi-content .sbi-text {
		flex-basis: calc(55% - 1rem);
	}
	.sbi-content .sbi-image {
		flex-basis: calc(45% - 1rem);
	}
}
@media(min-width: 768px) and (max-width: 991px) {
	.sbi-content .sbi-text {
		flex-basis: calc(70% - 0.5rem);
	}
	.sbi-content .sbi-image {
		flex-basis: calc(30% - 0.5rem);
	}
}
@media(max-width: 991px) {
	.seo-blocks .sbi-content {
		gap: 1rem;
	}
}
@media(min-width: 768px) {
	.sbi-text {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: space-between;
		gap: 1rem;
	}
	.seo-blocks .seo-block:nth-child(even) .sbi-content .sbi-text {
		order: 2;
		justify-content: flex-end;
	}
	.seo-blocks .seo-block:nth-child(even) .sbi-content .sbi-image {
		order: 1;
	}
}
@media(max-width: 768px) {
	.sbi-content .sbi-text,
	.sbi-content .sbi-image,
	.sbi-content .sbi-link {
		flex-basis: 100%;
	}
}
@media(min-width: 0px) and (max-width: 575px) {
	.sbi-text h2 {
		font-size: 1em;
		line-height: 1.5em;
		border-left: 0.25rem solid var(--sec-color);
		padding-left: 0.25rem;
	}
}
.sbi-content .sbi-text a {
	text-decoration: underline;
}
/* Startseite Seo Blocks ------------------  End  */

/* Startseite Seo Blocks SMI ------------------ Start */
.seo-mi-blocks {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-bottom: 1rem;
}
.seo-mi-block {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.smi-bg {

}
.smi-content {
	position: relative;
	height: auto;
	width: 100%;
}
.smi-text {
	position: relative;
	width: 100%;
	height: auto;
	line-height: 1.5rem;
}
.smi-text strong,
.smi-text a {
	color: var(--sec-color);
}
.smi-text h2 {
	font-size: 1.175rem;
}

.smi-link {

}
.smi-btn,
.smi-btn:hover,
.smi-btn:focus {
	color: var(--sec-color);
}
.smi-image {
position: relative;
}
.smi-image .bxslider-area {
    height: auto;
    padding-top: var(--img-default-ratio);
    position: relative;
}
.smi-image .bxslider-area li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (min-width: 992px) {
	.seo-mi-blocks {
		margin-bottom: 2rem;
		gap: 4rem;
	}
    .seo-mi-block {
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-evenly;
        align-items: stretch;
    }
	.smi-bg {
        position: absolute;
        display: block;
        height: 100%;
        width: 80%;
        top: 0;
        left: 0;
        background-color: var(--gr-color);
    }
	.seo-mi-block:nth-child(even) .smi-bg {
		left: auto;
		right: 0;
	}
	.smi-content {
		width: calc(100% - 37.5%);
		padding: 1rem;
		box-sizing: border-box;
		order: 1;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	.seo-mi-block:nth-child(even) .smi-content {
		order: 2;
	}
	.smi-image {
		order: 2;
        display: flex;
        flex-direction: row;
        align-items: center;
		width: 37.5%;
		padding: 2rem 0;
	}
	.seo-mi-block:nth-child(even) .smi-image {
		order: 1;
	}
	.smi-text {
		color: rgba(255,255,255,1);
	}
	.smi-text h2 {
		font-size: 1.5em;
		margin-bottom: 1rem;
	}
}

/* Startseite Seo Blocks SMI ------------------ Ende  */