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

a:hover,
a:focus {
	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 {
	outline:					none;
}

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;
	}
}

.page-content-title h1 {
	font-family: 'Poppins';
}

h2 {
	font-size:					15px;
	margin:						0px;
}

.B900 h2 {
	width:					auto;
	height:					auto;
	margin:					0px;
	padding:				0px;
	font-size:				20px;
	font-weight:			500;
	text-align:				left;
	color:					#800000;
	display:				inline-block;
	position:				relative;
}


.title-underline {
	margin:					30px 0px!important;
	width:					65px;
	height:					1px;
	background:				#5e5e5e;
	border:					0!important;
	display:                none;
}

.title-underline-termin {
	margin:					20px 0px 0px 0px!important;
	width:					65px;
	height:					1px;
	background:				#5e5e5e;
	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);
}


.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-bottom:				1px solid #ececec;
	padding:					0.5rem 1rem 0.3rem 0rem;
	font-size:					15px;
	outline:					none;
}
.panel .panel-heading h2 {
	padding-right: 20px;
	font-size: 15px;
}

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

.panel .ui-icon {
	position:					absolute;
	top:						9px;
	right:						15px;
/*	z-index:					5; */
	font-size:					12px;
	color:						#333333;
	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-two .home-news {
	padding:			10px 0px;
/*	border-top:			1px solid #ccc;
	border-bottom:		1px solid #ccc;
*/
}

.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:	rgb(133, 137, 145);
}

.wrapper-color-2 {
	background-color:	rgba(242,242,242,1);
	
}

.wrapper-color-3 {
	background-color:	#5e5e5e;
	color:				#ffffff;
}

.wrapper-color-3 h1 {
	color:				#ffffff;
}

.wrapper-color-3 .title-underline {
	background:			#ffffff;
}

.wrapper-color-3 .panel-title,
.wrapper-color-3 .panel-body {
	color:				#fff;
}

@media(min-width: 992px) {
	.home-option-three .home-news-right {
		width:			100%;
		float:			left;
		position:		relative;
		padding-left:	25px;
		border-left:	1px solid #cccccc;
		max-width:		349px;
	}
	.home-option-four .home-news-left {
		width:			100%;
		float:			left;
		position:		relative;
		padding-right:	25px;
		border-right:	1px solid #cccccc;
		max-width:		349px;
	}
	.home-option-three .home-content-left {
		width:			calc(100% - 400px);
		float:			left;
		position:		relative;
		margin-right:	25px;
	}
	.home-option-four .home-content-right {
		width:			calc(100% - 400px);
		float:			left;
		position:		relative;
		margin-left:	25px;
	}
}

@media(max-width: 991px) {
	.home-option-three .home-news-right {
		margin-top:		50px;
		float:			left;
		position:		relative;
	}
	.home-option-three .home-content-left {
		width:			100%;
		float:			left;
		position:		relative;
	}
	.home-option-four .home-content-right {
		width:			100%;
		float:			left;
		position:		relative;
	}
}

@media(max-width: 767px) {
	.home-option-five .main-box {
		margin:			0!important;
		width:			100%!important;
	}
}

.home-option-four .home-news-left .home-news,
.home-option-three .home-news-right .home-news {
	margin:				0!important;
}

.home-option-four .home-news-left .home-news-column,
.home-option-three .home-news-right .home-news-column {
	width:				100%;
	margin:				0px 0px 20px 0px!important;
}

.home-option-four .home-news-left .home-news-column .home-news-title,
.home-option-three .home-news-right .home-news-column .home-news-title {
	width:				100%;
}

.home-option-four .home-news-left .home-news-column .home-news-info,
.home-option-three .home-news-right .home-news-column .home-news-info {
	padding-top:		0px!important;
}

.home-option-three .home-news-right .home-news-column .home-news-img {
	margin:				25px 0px 25px 25px;
}

.home-option-four .home-news-left .home-news-column .home-news-img {
	margin:				25px 25px 25px 0px;
}

.home-option-four .home-news-left .home-news-column .home-news-info,
.home-option-three .home-news-right .home-news-column .home-news-info {
	margin-top:			25px;
	width:				calc(100% - 185px);
	float:				left;
}

.home-option-four .home-news-left .home-news-column .home-news-right-date,
.home-option-three .home-news-right .home-news-column .home-news-right-date {
	float:				right;
}

.home-option-four .home-content-right .home-text,
.home-option-three .home-content-left .home-text {
	width:				100%;
}

.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:						#5e5e5e;
	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:						#333333!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 (max-width: 991px) {
	.container-box.main-box {
		margin-top: 20px;
		width: calc(100% - 45px);
		margin-left: 5px;
		margin-right:40px;
		box-sizing: border-box;
		padding:0.5rem;
		background-color: rgba(255,255,255,1);
	}
}

@media (min-width: 992px) {
	.container-box.main-box {
		margin-top:				6rem;
		width: 100%;
		/* border: 0.5rem solid rgba(236,236,236,1); */
		/* min-height: 463px; */
		/* -moz-border-radius: 0.5rem;
		border-radius: 0.5rem; */
		box-sizing: border-box;
		float: none;
	}
	.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;
	}
	.container-box.main-box .page-image {
		float: right;
	}
	.flex-container .page-image,
	.flex-container .page-content {
		flex-basis: calc(50% - 0.5rem);
		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;
	}
	.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:						#5e5e5e;
	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:					rgba(255,255,255,0.85);
	border-top:					1px solid #ffffff;
	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:			#000000;
/*	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:			#ffffff;
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: 	rotate(-45deg);
	transform: 		rotate(-45deg);
	background:		rgba(4,49,94,0.95);
	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:			#000000;
	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:			#555555;
}

.home-info-prod {
	position:		relative;
	float:			left;
	height:			auto;
	background:		#ffffff;
	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:			rgba(255,255,255,0.75);
	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:		18px;
	top:			-9px;
	color:			#000000;
}

.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:	22px;
	font-size:		15px;
	color:			#000000;
	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:			#ffffff;
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: 	rotate(-45deg);
	transform: 		rotate(-45deg);
	background:		rgba(4,49,94,0.95);
	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:			#333333;
}

@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 #333;
		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: 			14px;
    line-height: 		36px;
	width:				30%;
}

.contact-carrier {
   width:				45%;
   float:				right;
   margin-top:			35px;
   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: 	#fff;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	font-family:		Open Sans, sans-serif;
	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: 	#eaeaea;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	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:				#333;
}

.contact-carrier input:focus,
.contact-carrier textarea:focus {
	border-color:		#5e5e5e;
	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:				#aaa;
}

.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;
}

/* 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.15rem;
    font-weight: 				600;
    line-height: 				1.5rem;
	text-transform: 			uppercase;
    position: 					relative;
	padding-bottom: 14px;
	border-bottom:					1px solid var(--sec-color);
}

.news-date {
	line-height:				1.5rem;
	position:					relative;
	display:					block;
	float:						right;
	font-size:					16px;
	color:						#5e5e5e;
	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.5rem;
	font-size:					18px;
	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:						#000000;
	background-color:			#ffffff;
	width:						100%;
	float:						left;
}

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

.date-table > a:nth-child(2n) {
	background-color:			#444444;
	color:						#ffffff;
}

.date-table > a:hover {
	background-color:			rgba(0, 0, 0, 0.4);
	color:						#ffffff;
}

.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: 1rem;
	min-height: 42px;
	height: 100%;
    line-height:			1.5rem;
	padding-left:			4rem;
	display:				block;
	color:					#555555;
	background-position:	1.5rem center;
	background-repeat:		no-repeat;
	background-color: rgba(240, 240, 240, 1);
	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:					#ffffff;
}

.mediathek .login-area form #login:hover {
	color:					#aaaaaa;
}

.mediathek .login-area form .btn-default {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.mediathek .login-area form .btn-default:hover {
	background-color:		#ffffff;
	border-color:			#66afe9;
	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:					#333333;
}

.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:			#66afe9;
	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:				12px;
}

/* 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.1875rem;
	font-size:		1.15rem;
	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: 		16px;
    line-height: 	1.5rem;
    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:			#ffffff;
	background:		#5e5e5e;
	height:			auto;
	width:			auto;
	padding:		6px 12px;
	position:		relative;
	float:			right;
	font-size:		14px;
	margin-top:		20px;
}

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

.products-pdf-kat:hover,
.products-pdf-kat:focus {
	color:			#ffffff;
	background-color:#444444;
}

.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(--img-default-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:						#ffffff;
	background:					var(--main-btn-color) !important;
	font-size:					16px;
	z-index: 1;
}

.page-overview a:hover,
.page-overview a:hover article {
	background-color:			var(--main-btn-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.3rem;
	font-weight: 600;
	line-height: 2rem;
}
.overview-c-right > div {
	position: relative;
	flex-basis: 100%;
	color: rgba(91,91,91,1);
}

.page-overview a:hover .overview-c-right > article,
.page-overview a:hover .overview-c-right > div{
	color: rgba(255,255,255,1);
}
.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;
		/* row-gap: 3rem; */
	}
	.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) and (max-width: 767px) {
	.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:					1rem;
	font-weight:				600;
	text-align:					center;
	color:						var(--gr-color);
	background:					rgba(255,255,255,0.95);
	line-height:				2rem;
	text-transform: uppercase;
}

.gallery-img a .info-sign {
	position: 					absolute;
	bottom: 					10px;
	left: 						10px;
	font-size: 					3rem;
	color: 						rgba(0,92,26,0.5);
}


.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:					20px;
	font-weight:				600;
	text-align:					center;
	color:						var(--gr-color);
	background:					rgba(255,255,255,0.85);
	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:focus {
	border-color:				#5e5e5e;
	box-shadow:					0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(4,49,94,0.6);
	outline:					0 none;
}

.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:						#ffffff;
}

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

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

.page-contact .page-1 .contact-info {
	margin-top:					15px;
	line-height:				28px;
	font-size:					16px;
	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;
	border-bottom:				1px solid #aaaaaa;
}

.page-contact .page-1 .contact-info > p {
	width:						auto;
	float:						left;
}

@media (min-width: 992px) and (max-width: 1049px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						left!important;
	}
}

@media (min-width: 620px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						right;
	}
}

@media (max-width: 619px) {
	.page-contact .page-1 .contact-info > p:nth-child(2) {
		width:						auto;
		float:						left;
	}
}

.page-contact .page-1 .contact-info > p + p {
	float:						right;
}

@media (max-width: 1049px) {
	.page-contact .page-1 .contact-info p,
	.page-contact .page-1 .contact-info p + p {
		width:					auto;
		float:					left;
		padding-right:			10px;
	}
}

.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:			#5e5e5e;
	color:						#ffffff;
}

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

.page-contact .page-2 .btn-group input.btn:hover {
	background-color:			#444444;
}

.important {
	color:						#ff0000;
}

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

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

.impressum {
	font-size:					14px;
}

.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:				25px;
}

.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:						#000000;
}

/* 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 {
} */

.input-section {
	width:				100%;
	float:				left;
	margin-bottom:		10px;
}

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

.online-carrier select {
	float: 				left;
    font-size: 			14px;
    line-height: 		22px;
	width:				50%;
	color: #333;
	margin-top: 2px;
}

.online-carrier label:not(.check) {
    float: 				left;
    font-size: 			15px;
    line-height: 		22px;
	width:				50%;
}

.B900 .online-carrier label:not(.check) {
    float: 				left;
    font-size: 			15px;
    line-height: 		20px;
	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.42857;
    transition: 		border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: 	#fff;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	font-family:		Open Sans, sans-serif;
	margin-top:			0px;
	color: #333;
}

.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: 	#eaeaea;
    background-image: 	none;
    border: 			1px solid #ccc;
	font-size:			15px;
	width:				calc(50% - 17.5px) !important;
}

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

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

.online-carrier button[name="CS"] {
    color:				#333;
}

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

.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: 				14px;
  line-height: 				1.42857143;
  color: 					#555555;
  background-color: 		#ffffff;
  background-image: 		none;
  border: 					1px solid #ccc;
  -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:focus {
  border-color: 			#5e5e5e;
  outline: 					0;
  -webkit-box-shadow: 		inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(4,49,94,0.6);
  box-shadow: 				inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(4,49,94,0.6);
}
.online-form-control::-moz-placeholder {
  color: 					#999999;
  opacity: 					1;
}
.online-form-control:-ms-input-placeholder {
  color: 					#999999;
}
.online-form-control::-webkit-input-placeholder {
  color: 					#999999;
}
.online-form-control[disabled],
.online-form-control[readonly],
fieldset[disabled] .online-form-control {
  background-color: 		#eeeeee;
  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:		#ff8800;
	color:					#ffffff;
	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:					#ffffff;
}
#formModal .modal-content .formModal-header .close:hover {
	position:				absolute;
	bottom:					unset;
	left:					unset;
	top:					0;
	float:					none;
	right:					15px;
	color:					#cccccc;
}
#formModal .modal-content .alert-content {
	font-size:				16px;
	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);
	/* border: none;  */
	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;
}
/*
@media(min-width:992px) {
	.B6 .control-group .input-section.input-section-vorgang {
		margin-bottom: 2rem;
	}
}
*/
.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: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:				9999;
  }

  .modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 35px;
	border: 1px solid #888;
	width: 255px; 
	z-index:	9999;
  }

  .close {
	color: #aaa;
	float: right;
	font-size: 32px;
	font-weight: bold;
	position:		relative;
	bottom:	40px;
	left:		25px;
  }

  .close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.alert-content {
	position: 					relative;
	text-align:					center;
	font-size:					20px;
	font-weight:				bold;
}
/* Modal ende */


/* shoppingBasket start */
@media (min-width: 992px) {
	.shoppingBasket .page-content {
		height:					100%;
		padding:				35px 0px 0px;
		width:					400px;
		position:				relative;
		float:					left;
	}
}

.shopping-order .control-group-left {
	height:						auto;
	width:						calc(52% - 15px);
	float:						left;
	position:					relative;
}

.shopping-order .control-group-right {
	height:						auto;
	width:						calc(49% - 20px);
	float:						right;
	position:					relative;
}

@media (max-width: 991px) {
	.shoppingBasket .page-content {
		height:					100%;
		padding:				35px 0px 0px;
		width:					100%;
		position:				relative;
		float:					left;
	}
	.shoppingBasket .shopping-order {
		width:					100%;
		float:					left;
		margin-top:				35px;
	}
	.shopping-order .control-group-left {
		height:						auto;
		width:						calc(100% - 20px);
		float:						left;
		position:					relative;
	}

	.shopping-order .control-group-right {
		height:						auto;
		width:						calc(100% - 20px);
		float:						left;
		position:					relative;
	}
}

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

.shopping-order label {
	display: 					inline-block;
	max-width:					100;
	margin-bottom: 5px;
    font-weight: bold;
}

.shopping-order label:not(.check) {
	float:						left;
    font-size:					14px;
    line-height:				36px;
    width:						35%;
}

.shopping-order input:not(.check):not(.file) {
	margin-bottom:				15px;
    width:						calc(65% - 26px);
}

.shopping-order .products-area {
	position:					relative;
    float:						left;
    margin-bottom:				10px;
    margin-top:					0px;
    width:						100%;
}

.shopping-order .bestell-auswahl {
    width:						100%;
    float:						left;
}

.shopping-order .auswahl-area {
    width:						100%;
    margin-bottom:				15px;
    float:						left;
}

.shopping-order .product-element {
	width:						100%;
    float:						left;
}

.shopping-order .product-element:last-child {
	border-top:					3px double #000000;
}

.shopping-order .label-product {
	width:						calc(100% - 260px)!important;
}

.shopping-order .product-element:last-child > .label-product {
    width:						calc(100% - 130px) !important;
}

.shopping-order .label-word {
	font-size:					16px!important;
    line-height:				24px !important;
}

.shopping-order .prod-order-list {

}

.shopping-order .prod-order-list .art-price {
	width:						80px;
    float:						left;
    text-align:					right;
    margin-right:				10px;
}

.shopping-order .product-element .slot {
    position:					relative;
    float:						left;
    width:						40px;
}

.shopping-order .product-element:last-child > .slot {
    width:						100px;
    margin-right:				30px;
    font-weight:				bold;
    text-align:					right;
}

.shopping-order .prod-order-list .auswahl2 {
    width:						40px;
    float: 						left;
    font-size: 					13px;
    color:						red;
    font-weight: 				bold;
}

.shopping-order .prod-order-list .total-price {
    width:						100px;
    float:						left;
    text-align:					right;
}

.shopping-order .prod-order-list .remove-prod {
	width:						30px;
    float:						left;
}

.shopping-order .prod-order-list .remove-prod .delete-elements{
	float:						left;
	color:						#ff0000;
	margin-left:				14px;
	text-align:					center;
}

.shopping-order .pay-area {
	position:					relative;
    float:						left;
    /* margin-top:				10px; */
    width:						100%;
}

.shopping-order .control-group-left .container-checkbox {
	float:						left;
    padding-top:				0px;
    margin-top:					5px;
    margin-bottom:				10px;
    width:						100%;
}

@media (max-width: 667px) {
	.shopping-order .product-element {
		padding:				5px;
	}
	.shopping-order .product-element:nth-child(odd) {
		background-color: 		rgba(204,204,204,0.4);
	}
	.shopping-order .label-product {
		width:					100% !important;
	}
	.shopping-order .prod-order-list {
		width: 					auto;
		float: 					right;
		margin-bottom: 			5px;
	}
	.shopping-order label:not(.check) {
		width:					100%;
	}
	.shopping-order input:not(.check):not(.file) {
		width:					calc(100% - 24px);
	}
	.shopping-order .auswahl-area {
		width:					100%;
	}
}

.shoppingBasket .shopping-order 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:			#eaeaea;
    background-image:			none;
    border:						1px solid #ccc;
    font-size:					15px;
    /* width:						calc(50% - 17.5px) !important; */
}

.shoppingBasket .shopping-order button[disabled], .shoppingBasket .shopping-order input[disabled] {
    cursor:						default;
    color:						#aaaaaa;
}

.shoppingBasket .shopping-order button[name="back"], .shoppingBasket .shopping-order button[name="reset"] {
	margin-right:				15px;
}

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



/* shoppingBasket ende */

.cart-anzeige-smart {
	position:					absolute;
	height:						20px;
	width:						20px;
	top:						-10px;
	font-size:					14px;
	color:						#ffffff;
	font-weight:				bold;
	text-align: 				center;
	left:						-10px;
	background-color:			#5e5e5e;
	border:						1px solid #5e5e5e;
	border-radius: 				15px;
}

.order-button {
	background-color:			rgba(7,45,95,1);
	border:						none;
	margin:						20px 0px 0px 0px;
	color:						#ffffff!important;
	border-radius:				0px;
	line-height:				inherit;
	float:						right;
}

@media(max-width: 500px) {
	.order-button {
		float:					left;
		background-color:		rgba(7,45,95,1);
		border:					none;
		margin:					20px 0px 0px 0px;
		color:					#ffffff!important;
		border-radius:			0px;
		line-height:			inherit;
	}

	.back-button {
		float:					left;
		min-width:				182px;
		margin-right:			20px;
	}	
}
.order-button:hover {
	background-color:			rgba(7,45,95,0.75);
	border:						none;
	color:						#ffffff!important;
}



/* shop template --------------------------------------------------------------------- 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;
	}
}

@media (max-width: 991px) {
	.B1 .wrapper-space .container-box,
	.B1 .home-welcome.container-box {
		width:					calc(100% - 55px);
		padding-left:			10px;
		padding-right:			45px;
	}
}

.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: 					100%;
}

.home-full-image-1 {
	position:				relative;
	width:					100%;
	/* padding-top:			38%; */
	display:				block;
	/*border-bottom:			5px solid #ffc528; */
}


.home-full-image-1 {
	/* height:				calc(100vh - 180px); */
	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;
}

.home-welcome {
	/* display:				none; */
	position:				relative;
	text-align: 			center;
	color:					#333333;
	padding:				30px 0px 20px 0px;
}

@media (max-width: 991px) {
	.home-welcome {
		padding:			10px 0px;
	}
}

.home-welcome h1 {
	font-size:				30px;
	color:					#333333;
	padding-bottom:			10px;
	text-align:				center;
}

.home-welcome p {
	font-size:				20px;
	line-height:			1.375em;
	color:					#333333;
}

@media (max-width: 567px) {
	.home-welcome h1 {
		font-size:				20px;
		color:					#333333;
		padding-bottom:			10px;
		text-align:				center;
	}
	.home-welcome p {
		font-size:				16px;
		line-height:			1.375em;
		color:					#333333;
	}
}



.home-block-button {
	/* display:					inline-block; */
	/* background:					#666666; */
	color:						#ffffff;
	font-size:					1em;
	line-height:				1.5em;
	/* border:						1px solid #ffffff; */
	background-color:			#914e28;
	/* padding:					5px 10px; */
	margin-bottom:				0.5em;
}
.home-block-button:hover {
	/* display:					inline-block; */
	background:					#914e28;
	/* border:						1px solid #ffffff;
	color:						#ffffff;
	padding:					5px 10px; */
}

@media (min-width: 992px) {
	.B1 .wrapper-space-sm .page-image,
	.B1 .wrapper-space-sm .page-content {
		padding-top:				0px;
		margin-top:					0px;
		margin-bottom:				0px;
	}
	.lighter {
		display:						none;
		position:						absolute;
		top:							0;
		left:							0;
		width: 							100%;
		height: 						100%;
		display:						block;
		background-color:				rgba(255,255,255,0);
		z-index:						59;
	}
}

.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%;
	}
}



@media (max-width: 991px) {
	.wrapper-space-sm .container-box {
		width:					calc(100% - 45px);
		padding-left:			0px;
		padding-right:			0px;
		margin-left: 5px;
		margin-right: 40px;
	}
}

.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:			0px;
		top:				-125px;
		margin-bottom:		-125px;
		background-color: 	rgba(255,255,255,0);
		z-index:			199;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
		justify-content: space-between;
	}
}

.home-three-overview-container {
	position:				relative;
	flex-basis: calc(23%);
}

@media(min-width: 992px) and  (max-width: 1345px) {
	.home-three-overview-container {
		flex-basis: calc(31%);
	}
}



.home-three-overview-box {
	position:				relative;
	display:				block;
	height: 100%;
}

@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% - 2rem);
	height:					calc(100% - 2rem);
	background-color:		rgba(242,242,242,1);
	padding:				1rem;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3)
}

@media(min-width: 576px) and (max-width: 991px) {
	.home-three-overview-container {
		flex-basis: calc(50% - 0.5rem);
	}
	.home-three-overview-content {
		padding: 0.5rem;
		width: calc(100% - 1rem);
		height: calc(100% - 1rem);
	}
}
@media(min-width: 0px) and (max-width: 575px) {
	.home-three-overview-container {
		flex-basis: calc(100%);
	}
	.home-three-overview-content {
		padding: 0.5rem;
		width: calc(100% - 1rem);
		height: calc(100% - 1rem);
	}
}


.home-three-overview-content-bg {
	width:						100%;
	height:						100%;
	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;
}

.home-three-overview-content-bg {
	width:						100%;
	height:						100%;
	position:					absolute;
	top:						0;
	left:						0;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
}

.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;
	align-content: flex-start;
}

@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:				0.5rem;
	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:				700;
	color:						rgb(94,94,94);
	text-align:					center;
	position:					relative;
	font-size:					20px;
	padding:					0px 0px;
	overflow:					hidden;
	/* top:						20%; */
}

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

.home-three-overview-content-block-text {
	font-size:					16px;
	font-weight:				400;
	/*margin-top:					16px;*/
	line-height:				1.5em;
	color:						rgba(102,102,102,1);
	/*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;
	padding-bottom: 0;
	flex-basis: 				100%;
	/*display:      				flex;
	flex-direction: 			column;
	flex-wrap: 					wrap;
	align-content: 				space-between;
	align-items: 				flex-end;*/
}
.home-three-overview-content-block-text ul {
	display:					inline-block;
	position:					relative;
	left:						50%;
	transform:					translateX(-50%);
	padding-inline-start: 0.5rem;
}

.home-three-overview-content-block-title:after {
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						100%;
	height:						2px;
	background:					rgba(4, 49, 94, 0.9);
	content:					'';
	-webkit-transition:			-webkit-transform 0.5s;
	transition:					transform 0.5s;
	-webkit-transform:			translate3d(-100%,0,0);
	transform:					translate3d(-100%,0,0);
}
@media (min-width: 0px) and (max-width: 367px) {

	.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;
	/*! width:					50%; */
	padding-top:			56.25%;
	z-index: 				6;
	float: 					left;
	flex-basis: 100%;
}

@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;
	}
}

.image-right{
	/*order: 3;*/
}



@media (max-width: 991px) {
	.home-three-overview-image {
		position:				relative;
		width:					100%;
		padding-top:			56.25%;
		z-index: 				0;
	}	
}

.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.container-box {
	width: calc(100%);
}
@media(max-width: 991px) {
	.home-three-overview.container-box {
		width: calc(100% - 45px);
		margin-left: 5px;
		margin-right: 40px;
	}
}
/* 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);
  }

.option-paypal, 
.option-rechnung-neu, 
.option-rechnung-alt, 
.option-vorkasse, 
.option-lastschrift {
	display:	none;
}

.order-choice {
	width:		100%;
	position:	relative;
	padding:	0px 0px 10px 0px;
	overflow:	hidden;
}

.order-choice input {
	width:		auto;

}

.bezahl-auswahl-option-text {
	width:		100%;
	height:		100%;
	float:		left;
}

@media (max-width: 991px) {
	.shopping-order .bezahl-auswahl {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.auswahl3 {
		margin-top:	5px;
	}
}

.choice-div {
	width:			100%;
}

@media (min-width: 568px) {
	.choice-div {
		width:		48%;
		float:		left;
	}
	.choice-div:nth-child(odd) {
		margin-right: 20px;
	}
}


.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;
	text-shadow:				0px 0px 3px #666666;
}
.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:rgba(51,51,51, 0.85);
	cursor: pointer;
	/* padding: 15px;
	border-radius: 4px; */ 
  }

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

  }
  
  #toTopBtn:hover {
	color:rgba(51,51,51, 1);
  }

@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;
	}
}

.ap .page-content-title {
	display:					none;
}
/* AP AUF STARTSEITE ------------------------------- START */

/* .ap-new {
	display:					table;
	width:						100%;
}
.ap-box {
	display:					table-cell;
	vertical-align:				top;
	float:						left;
}
.ap-container {
	width:						calc(100% - 5%);
	padding-left:				5%;
	height:						100%;
}

@media (min-width: 1250px) {
	.ap-box {
		width:					25%;
	}
	.ap-box:nth-child(4n + 1) .ap-container {
		padding-left:			0px;
	}
	.ap-box:nth-child(1n + 5) {
		margin-top:				30px;
	}
	.special-ap {
		width:					33.33%;
	}	
	.ap-box:nth-child(3n + 2).special-ap .ap-container {
		padding-left:			2.5%;
		padding-right:			2.5%;
	} 
}
@media (min-width: 992px) and (max-width: 1249px) {
	.ap-box {
		width:					33.33%;
	}
	.ap-box:nth-child(3n + 1) .ap-container {
		padding-left:			0px;
	} 
	.ap-box:nth-child(3n + 2) .ap-container {
		padding-left:			2.5%;
		padding-right:			2.5%;
	} 
	.ap-box:nth-child(1n + 4) {
		margin-top:				30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.ap-box {
		width:					50%;
	}
	.ap-box:nth-child(2n + 1) .ap-container {
		padding-left:			0px;
	} 

	.ap-box:nth-child(1n + 3) {
		margin-top:				30px;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.ap-box {
		width:					100%;
	}
	.ap-box:nth-child(1n + 2) {
		margin-top:				30px;
	}
}

.ap-description {
	margin-top:					10px;
}

.ap-image {
	width:						100%;
	padding-top:				123.08%;
	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;
} */

.ap-new {
	display:					table;
	width:						100%;
}
.ap-box {
	display:					table-cell;
	vertical-align:				top;
	float:						left;
}
.ap-container {
	width:						calc(100% - 5%);
	padding-left:				5%;
	height:						100%;
}

@media (min-width: 1150px) {
	.ap-box {
		width:					25%;
	}
	.ap-box:nth-child(4n + 1) .ap-container {
		padding-left:			0px;
	}
	.ap-box:nth-child(1n + 5) {
		margin-top:				30px;
	}
	.special-ap-3 {
		width:					33.33%;
	}	
	.ap-box:nth-child(1).special-ap-3 .ap-container {
		width:					calc(100% - 30%);
		padding-left:			0;
		padding-right:			30%;
	} 
	.ap-box:nth-child(2).special-ap-3 .ap-container {
		width:					calc(100% - 30%);
		padding-left:			15%;
		padding-right:			15%;
	} 
	.ap-box:nth-child(3).special-ap-3 .ap-container {
		width:					calc(100% - 30%);
		padding-left:			30%;
		padding-right:			0;
	} 

	.special-ap-2 {
		width:					calc(50%);
	}

	.ap-box:nth-child(1).special-ap-2 .ap-container {
		width:					calc(50%);
		padding-left:			0;
		padding-right:			50%;
	} 
	.ap-box:nth-child(2).special-ap-2 .ap-container {
		width:					calc(50%);
		padding-left:			50%;
		padding-right:			0;
	} 
}
@media (min-width: 768px) and (max-width: 1149px) {
	.ap-box {
		width:					33.33%;
	}
	.ap-box:nth-child(3n + 1) .ap-container {
		padding-left:			0px;
	} 
	.ap-box:nth-child(3n + 2) .ap-container {
		padding-left:			2.5%;
		padding-right:			2.5%;
	} 
	.ap-box:nth-child(1n + 4) {
		margin-top:				30px;
	}
}
@media (min-width: 568px) and (max-width: 767px) {
	.ap-box {
		width:					50%;
	}
	.ap-box:nth-child(2n + 1) .ap-container {
		padding-left:			0px;
	} 

	.ap-box:nth-child(1n + 3) {
		margin-top:				30px;
	}
}

@media (min-width: 368px) and (max-width: 567px) {
	.ap-box {
		width:					calc(80%);
		padding-left:			10%;
		padding-right:			10%;
	}
	.ap-box:nth-child(1n + 2) {
		margin-top:				30px;
	}
}
@media (min-width: 0px) and (max-width: 367px) {
	.ap-box {
		width:					calc(95%);
		padding-left:			2.5%;
		padding-right:			2.5%;
	}
	.ap-box:nth-child(1n + 2) {
		margin-top:				30px;
	}
}

.ap-description {
	margin-top:					10px;
}

.ap-image {
	width:						100%;
	padding-top:				123.08%;
	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;
}

.ap-new .ap-description a {
	color: 						#083C59;
}
.ap-new .ap-description a:hover {
	color: 						#063147;
	text-decoration:			underline;
}

/* AP AUF STARTSEITE ------------------------------- ENDE */


.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-around;
	align-items: stretch;
}

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

@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%;
}

.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: 0px 0px 5px 0px rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
}

.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 */

.page-content-wide-content {
	width: 100%;
}
.page-content-wide-content table {
	width: 100%;
	max-width: 640px;
}
@media (max-width: 767px) {
	.page-content-wide-content:not(.burgerkarte) .table .table-row > .table-cell:nth-child(2) {
		padding-bottom: 15px;
	}
	.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell {
		font-weight: 600;
		width: calc(50%) !important;
		float: left;
	}
	.page-content-wide-content.burgerkarte .table .table-row:nth-child(even) > .table-cell {
		font-size: 0.85em;
		padding-bottom: 20px;
	}
	.page-content-wide-content .table .table-row:last-child > .table-cell:nth-child(2) {
		padding-bottom: 0px;
	}
}

.page-content-wide-content .table .table-cell strong {
	font-weight: 600;

}
.Bpage-content-wide-content4 .table .table-row .table-cell:nth-child(1) strong {
	font-weight: 600;
	font-size: 1.15em;
}
.B110 .table .table-row .table-cell:nth-child(1) strong {
	font-weight: 600;
	font-size: 1.15em;
	color: #999999;
}

.page-content-wide-content .table {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}


@media (min-width: 768px) {
	.page-content-wide-content .table .table-cell {
		line-height: 1.5em;
	}
	.page-content-wide-content .table {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}
	.page-content-wide-content .table .table-row > .table-cell:nth-child(1) {
		padding-right: 30px;
	}
	.page-content-wide-content .table .table-row .table-cell {
		padding: 10px 20px;
	} 
	.page-content-wide-content .table .table-row:first-child > .table-cell {
		padding-top: 20px;
	} 
	.page-content-wide-content .table .table-row:last-child > .table-cell {
		padding-bottom: 20px;
	} 
	.page-content-wide-content .table .table-row:nth-child(odd) {
		background-color: #222222;
	}
	.page-content-wide-content .table .table-row:nth-child(even) {
		background-color: #444444;
	}
	.page-content-wide-content .page-content-title {
		text-align: center;
	}
}
.page-content-wide-content .page-content-title {
	margin-bottom: 0px;
}

.page-content-wide-content .table .table-row:nth-child(odd) {
	background-color: #222222;
}
.page-content-wide-content .table .table-row:nth-child(even) {
	background-color: #444444;
}

.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(1),
.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(2) {
	font-weight: 600;
}

.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(1) {
	font-weight: 600;
	width: calc(100% - 190px) !important;
	float: left;
}
.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(2) {
	font-weight: 600;
	width: 100px !important;
	float: left;
}

.Babholung .page-content-wide-content .page-content-title {
	text-align: left;
	margin-left: 5px;
}

@media (min-width: 768px) {
	.Babholung .page-content-wide-content .page-content-title {
		text-align: left;
		max-width: 850px;
		margin: 0 auto;
	}
	.Babholung .page-content-wide-content .page-content-title .h2-title-first{
		font-size: 20px;
		padding-bottom: 10px;
		color: #800000;
	}
	.Babholung .page-content-wide-content .page-content-title .h2-title-another{
		font-size: 20px;
		padding: 30px 0px 10px 0px;
		color: #800000;
	}
}

@media (max-width: 767px) {
	.page-content-wide-content .table .table-row {
		padding: 5px;
	}
	.Babholung .page-content-wide-content .page-content-title .h2-title-first{
		font-size: 18px;
		padding-bottom: 10px;
		color: #800000;
	}
	.Babholung .page-content-wide-content .page-content-title .h2-title-another{
		font-size: 18px;
		padding: 20px 0px 10px 0px;
		color: #800000;
	}
}

@media (max-width: 499px) {
	.page-content-wide-content {
		font-size: 14px;
	} 
	.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(1) {
		font-weight: 600;
		width: calc(100% - 100px) !important;
		float: left;
	}
	.page-content-wide-content.burgerkarte .table .table-row:nth-child(odd) > .table-cell:nth-child(2) {
		font-weight: 600;
		width: 100px !important;
		float: left;
	}
}
.standplaetze-links {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.sp-link-active {
	text-decoration: underline;
}
.standplaetze-links a {
	width: calc(50%);
	float:left;
	text-align: center;
	color: #333333;
	font-weight: 600;
}
.page-content-standorte {
	display:none;
}

.page-image-box {
	position: relative;
	float:left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

@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;
}

.page-content-wide-content.page_standort .table .table-row .table-cell:nth-child(2) >p::after {

		font-family: "Font Awesome 5 Free";

		display: inline-block;
		padding-right: 3px;
		vertical-align: middle;
		font-weight: 900;

	content: " \f3c5";
}

.burger-list {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 850px;
}

.product-burger {
	position: relative;
}
.product-burger .st-burg-title-price,
.product-burger .st-burg-zutaten-bestellen {
	position: relative;
	padding: 10px 20px;
	width: calc(100% - 40px);
	float: none;
	overflow: hidden;
	clear: both;
}
@media (max-width: 499px) {
	.product-burger .st-burg-title-price,
	.product-burger .st-burg-zutaten-bestellen {
		position: relative;
		padding: 10px 5px;
		width: calc(100% - 10px);
	}
}

.burger-list .product-burger:nth-child(odd) {
	background-color: #cacaca;
}
.burger-list .product-burger:nth-child(even) {
	background-color: #f4f4f4;
}
 
.product-burger .st-burg-title-price{
	font-weight: 600;
}
.product-burger .st-burg-title,
.product-burger .st-burg-price,
.product-burger .st-burg-menge,
.product-burger .st-burg-zutaten,
.product-burger .st-burg-bestellen {
	position: relative;
	float: left;
}
.product-burger .st-burg-title {
	width: auto;
	float:left;
}
.product-burger .st-burg-price {
	width: 90px;
	text-align: right;
	float: right;
	color: #333333;
}
.st-burg-price {
	font-weight: normal !important;
}
.product-burger .st-burg-zutaten {
	width: 70px;
	float: left;
	margin-left: 15px;
	font-size: 0.875em;
}

.product-burger .st-burg-menge,
.product-burger .st-burg-bestellen {
	width: 50%;
}
.product-burger .st-burg-menge {
	color:  #333333;
	font-size: 0.875em;
}
.standorte-list {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}
/* .standorte-container {
	max-width: 640px;
	margin:0 auto;
} */
.standorte-list .standorte-standort {
	padding: 10px 20px;
	height: auto;
	overflow: hidden;
}
.standorte-list .standorte-standort:nth-child(odd) {
	background-color: #222222;
}
.standorte-list .standorte-standort:nth-child(even) {
	background-color: #444444;
}
.standorte-list .standorte-standort .standorte-ort {
	float: left;
	font-weight: 600;
	width: auto;
}
.standorte-list .standorte-standort .standorte-adressen {
	float: left;
	width: auto;
}
.standorte-adresse-kuerzel {
	font-weight: 600;
	width: 35px;
}
.standorte-adresse-gm {
	margin-left: 10px;
}

.standorte-list .standorte-standort .standorte-adresse {
	position: relative;
	overflow: hidden;
	width: 100%;
}


.standorte-list .standorte-standort .standorte-adresse span {
	float: left;
}

@media (min-width: 768px) {
	.standorte-list .standorte-standort .standorte-ort {
		width: 150px;
		margin-right: 50px;
	}
}
@media (min-width: 768px) {
	.standorte-list.heutige-standorte .standorte-standort .standorte-ort {
		width: 150px;
		margin-right: 10px;
	}
}
@media (max-width: 767px) {
	.standorte-list .standorte-standort .standorte-ort,
	.standorte-list .standorte-standort .standorte-adressen {
		width: 100%;
	}
	.standorte-list .standorte-standort {
		padding: 10px 5px;
	}
	.standorte-adresse-kuerzel {
		width: 30px;
	}
	.standorte-adresse-gm {
		margin-left: 5px;
	}
}

@media (max-width: 767px) {
	.standorte-list .standorte-standort .standorte-z1 .standorte-ort {
		float: left;
		font-weight: 600;
		width: auto;
		margin-right: 10px;
	}
	.standorte-list .standorte-standort .standorte-z1 .standorte-adressen {
		float: left;
		width: auto;
	}
}
.auswahl2 {
	color: #333333;
}
.btn-order {
    background-color: #009320 !important;
    border: none !important;
    color: #ffffff!important;
    border-radius: 0px !important;
    line-height: inherit;
    float: right;
	width: 100% !important;
	margin: 0 !important;
}

.zum-warenkorb-button {
	background-color: #880212;
	color:#ffffff;
	margin: 0 auto;
	margin-top: 20px;
}
.zum-warenkorb-button:hover {
	background-color: #880212;
	color:#999999;
}
.zum-warenkorb {
	position: relative;
	text-align: center;
	float: left;
	width: 100%;
}
.ingredient-item {
	text-align: left;
	font-size: 0.875em;
}
.ingredient-item label{
	font-weight: normal;
	margin-left: 10px;
}
.extras-item {
	text-align: left;
	font-size: 0.875em;
}
.extras-item label{
	font-weight: normal;
	margin-left: 10px;
}
.bestellModal-header {
	width: calc(100% - 20px);
	padding: 10px;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: var(--gr-color);
}
.bestellModal-title {
	width:calc(100% - 1em);
	float: left;
	font-weight: 600;
	color: #ffffff;
	font-size: 1.15em;
	text-align: center;
}
.alert-bestellung {
	position: 					relative;
	text-align:					center;
	font-size:					16px;
	font-weight:				normal;
	padding: 10px;
}
.alert-bestellung h4 {
	margin: 5px 0px;
}
.bestell-accordion {
	background-color: #eeeeee;
	color: #000000;
	font-weight: 600;
	
	cursor: pointer;
	padding: 10px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	margin-bottom: 5px;
}
.bestell-active, .bestell-accordion:hover {
	background-color: #ccc;
}

.bestell-accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.bestell-active:after {
	content: "\2212";
}

.bestell-panel {
	padding: 0 18px;
	background-color: white;
	/* max-height: 0;
	overflow: hidden; */
	transition: max-height 0.2s ease-out;
}

.bestellModal-footer {
	position: relative;
	padding: 10px;
	overflow: hidden;
}
.bestellModal-footer .btn-order{
	width: 100%;
	line-height: 2em;
}


@media (min-width: 1200px) and (max-width: 1299px) {


	.navbar #navbar .navbar-nav > li > a {
		font-size:					16px;
		white-space:				nowrap;
	}

	.header-contact-me-btn {
		/* width: 80px; */
		position: relative;
		right: 0px;
		top: 40px;
		font-size: 12px;
	}

	.navbar #navbar .navbar-nav > li > a {
		padding: 0px 9px;
		line-height: 115px;
		height: 80px;
	}

}

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

	.navbar #navbar .navbar-nav > li > a {
		font-size:					15px!important;
		white-space:				nowrap;
	}

	.header-contact-me-btn {
		/* width: 80px; */
		position: relative;
		right: 0px;
		top: 32px;
		font-size: 12px;
	}

	.navbar #navbar .navbar-nav > li > a {
		line-height: 100px;
		height: 70px;
	}
}

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

@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;
}




/* Tischreservierung --------------------------------------------------------------------- START */

.tischnr-field {
	display: flex;
	flex-direction: row;
	height: auto;
	padding: 0px 0;
	margin-bottom: 0px;
  }

  .tischnr-auswahl {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	width: 50%;
	margin-right: 10px;
	margin-top: 0px;
  }

  .anzahl-person {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	width: 50%;
	margin-right: 0px;
	margin-top: 0px;
  }

  .date-time-field {
	display: flex;
	flex-direction: row;
	height: auto;
	padding: 0px 0;
	margin-bottom: 0px;
  }

  .date-field {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	width: 50%;
	margin-right: 10px;
	margin-top: 10px;
  }

  .time-field {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	width: 50%;
	margin-right: 0px;
	margin-top: 10px;
  }


.reservation-img {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}

.reservation-img img {
	width: calc(100% - 30px);
}

.reservation-content {
	display: flex;
	flex-direction: row;
	height: auto;
	padding: 10px 0;
	margin-bottom: 10px;
  }

  
  .reservation-form {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	width: 30%;
  }

  @media (max-width: 991px) {
	.reservation-content {
		display: flex;
		flex-direction: column;
		height: auto;
		padding: 10px 0;
		margin-bottom: 10px;
	  }
	
	  
	  .reservation-form {
		display: flex;
		flex-direction: column;
		justify-content: normal;
		width: 100%;
		margin-top: 20px;
	  }

  }

  .table-01 {
	position: absolute;
	left: 21.5%;
	top: 15%;
	cursor: pointer;
  }

  .table-02 {
	position: absolute;
	left: 30%;
	top: 15%;
	cursor: pointer;
}

.table-03 {
	position: absolute;
	left: 38.5%;
	top: 15%;
	cursor: pointer;
}

.table-04 {
	position: absolute;
	left: 47.5%;
	top: 15%;
	cursor: pointer;
}
.table-05 {
	position: absolute;
	left: 56.8%;
	top: 15%;
	cursor: pointer;
}
.table-06 {
	position: absolute;
	left: 65.3%;
	top: 15%;
	cursor: pointer;
}

.table-07 {
	position: absolute;
	left: 73.7%;
	top: 15%;
	cursor: pointer;
}

.table-08 {
	position: absolute;
	left: 29.2%;
	top: 44%;
	cursor: pointer;
}

.table-09 {
	position: absolute;
	left: 36.4%;
	top: 46%;
	cursor: pointer;
}

.table-10 {
	position: absolute;
	left: 36.4%;
	top: 64%;
	cursor: pointer;
}

.table-11 {
	position: absolute;
	left: 40.2%;
	top: 78%;
	cursor: pointer;
}
.table-12 {
	position: absolute;
	left: 51%;
	top: 78%;
	cursor: pointer;
}
.table-13 {
	position: absolute;
	left: 51.7%;
	top: 63%;
	cursor: pointer;
}
.table-14 {
	position: absolute;
	left: 60.9%;
	top: 63%;
	cursor: pointer;
}
.table-15 {
	position: absolute;
	left: 62%;
	top: 83%;
	cursor: pointer;
}
.table-16 {
	position: absolute;
	left: 72.2%;
	top: 83%;
	cursor: pointer;
}
.table-17 {
	position: absolute;
	left: 81.4%;
	top: 84%;
	cursor: pointer;
}
.table-18 {
	position: absolute;
	left: 81.4%;
	top: 69%;
	cursor: pointer;
}
.table-19 {
	position: absolute;
	left: 81.4%;
	top: 54%;
	cursor: pointer;
}

  .table-header {
	  color: #333;
	  text-align: center;
	  font-weight: 600;
	  font-size: 18px;
  }


.pointGreen {
	  background-color: green;
	  position: absolute;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  top: 0px;
	  margin-left: 35px;
	  display: flex;
  }

  .pointGreen-newLine {
	background-color: green;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	border-radius: 50%;
	top: 25px;
	margin-left: -24px;
}

  .pointRed {
	background-color: red;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	border-radius: 50%;
	top: 0px;
	  margin-left: 35px;
	  display: flex;
}

.pointRed-newLine {
	background-color: red;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	border-radius: 50%;
	top: 25px;
	margin-left: -24px;
}

.gfree {
	color: green;
	font-size: 18px;
}

.rfree {
	color: red;
	font-size: 18px;
}

.seats {
	font-size: 18px;
}

@media (min-width: 768px) and (max-width: 1189px) {
	.table-header {
		color: #333;
		text-align: center;
		font-weight: 600;
		font-size: 14px;
	}

	.pointGreen {
		background-color: green;
		position: absolute;
		width: 10px;
		height: 10px;
		border: 1px solid #000;
		border-radius: 50%;
		top: 2px;
	  margin-left: 27px;
	  display: flex;
	}
  
	.pointGreen-newLine {
	  background-color: green;
	  position: absolute;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  top: 20px;
	  margin-left: -19px;
  }
  
	.pointRed {
	  background-color: red;
	  position: absolute;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  top: 2px;
	  margin-left: 27px;
	  display: flex;
  }
  
  .pointRed-newLine {
	  background-color: red;
	  position: absolute;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  top: 20px;
	  margin-left: -19px;
  }

}

@media (min-width: 0px) and (max-width: 767px) {
	.gfree {
		color: green;
		font-size: 13px;
	}
	
	.rfree {
		color: red;
		font-size: 13px;
	}
	
	.seats {
		font-size: 13px;
	}

	.table-header {
		color: #333;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
	}

	.pointGreen {
		background-color: green;
		position: absolute;
		width: 7px;
		height: 7px;
		border: 1px solid #000;
		border-radius: 50%;
		top: 14px;
		margin-left: 5px;
	}
  
	.pointGreen-newLine {
		background-color: green;
		position: absolute;
		width: 7px;
		height: 7px;
		border: 1px solid #000;
		border-radius: 50%;
		top: 18px;
		margin-left: -14px;
  }
  
	.pointRed {
		background-color: red;
		position: absolute;
		width: 7px;
		height: 7px;
		border: 1px solid #000;
		border-radius: 50%;
		top: 14px;
	  	margin-left: 5px;
  }
  
  .pointRed-newLine {
	  background-color: red;
	  position: absolute;
	  width: 7px;
	  height: 7px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  top: 18px;
	  margin-left: -14px;
  }


  .table-01 {
	position: absolute;
	left: 22.5%;
	top: 13%;
  }

  .table-02 {
	position: absolute;
	left: 31%;
	top: 13%;
}

.table-03 {
	position: absolute;
	left: 38.9%;
	top: 13%;
}

.table-04 {
	position: absolute;
	left: 48.5%;
	top: 13%;
}
.table-05 {
	position: absolute;
	left: 56.8%;
	top: 13%;
}
.table-06 {
	position: absolute;
	left: 65.3%;
	top: 13%;
}

.table-07 {
	position: absolute;
	left: 73.7%;
	top: 13%;
}

.table-08 {
	position: absolute;
	left: 29.2%;
	top: 44%;
}

.table-09 {
	position: absolute;
	left: 36.4%;
	top: 44%;
}

.table-10 {
	position: absolute;
	left: 36.9%;
	top: 62%;
}

.table-11 {
	position: absolute;
	left: 40.2%;
	top: 78%;
}
.table-12 {
	position: absolute;
	left: 51%;
	top: 78%;
}
.table-13 {
	position: absolute;
	left: 51.7%;
	top: 62%;
}
.table-14 {
	position: absolute;
	left: 59.9%;
	top: 62%;
}
.table-15 {
	position: absolute;
	left: 61%;
	top: 82%;
}
.table-16 {
	position: absolute;
	left: 71.5%;
	top: 82%;
}
.table-17 {
	position: absolute;
	left: 80.4%;
	top: 83%;
}
.table-18 {
	position: absolute;
	left: 80.4%;
	top: 68%;
}
.table-19 {
	position: absolute;
	left: 80.4%;
	top: 53%;
}

}

.table-19 .hover-overlay,
.table-18 .hover-overlay,
.table-17 .hover-overlay,
.table-16 .hover-overlay,
.table-15 .hover-overlay,
.table-14 .hover-overlay,
.table-13 .hover-overlay,
.table-12 .hover-overlay,
.table-11 .hover-overlay,
.table-10 .hover-overlay,
.table-09 .hover-overlay,
.table-08 .hover-overlay,
.table-07 .hover-overlay,
.table-06 .hover-overlay,
.table-05 .hover-overlay,
.table-04 .hover-overlay,
.table-03 .hover-overlay,
.table-02 .hover-overlay,
.table-01 .hover-overlay {
	opacity: 0;
	justify-content: space-around;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: 10;
	transition: all 0.4s 0s, border 0.4s 0.6s, height 0.4s 0.4s, margin 0.4s 0.4s;
	display: flex;
}

.table-19:hover .hover-overlay,
.table-18:hover .hover-overlay,
.table-17:hover .hover-overlay,
.table-16:hover .hover-overlay,
.table-15:hover .hover-overlay,
.table-14:hover .hover-overlay,
.table-13:hover .hover-overlay,
.table-12:hover .hover-overlay,
.table-11:hover .hover-overlay,
.table-10:hover .hover-overlay,
.table-09:hover .hover-overlay,
.table-08:hover .hover-overlay,
.table-07:hover .hover-overlay,
.table-06:hover .hover-overlay,
.table-05:hover .hover-overlay,
.table-04:hover .hover-overlay,
.table-03:hover .hover-overlay,
.table-02:hover .hover-overlay,
.table-01:hover .hover-overlay {
	height: 125px;
	width: 220px;
	margin-top: 0px;
	border-color: #aeaeae;
	background-color: #ffffffeb;
	transform: translateX(-110px);
	opacity: 1;
}

.table-19 .hover-overlay .hover-overlay-text,
.table-18 .hover-overlay .hover-overlay-text,
.table-17 .hover-overlay .hover-overlay-text,
.table-16 .hover-overlay .hover-overlay-text,
.table-15 .hover-overlay .hover-overlay-text,
.table-14 .hover-overlay .hover-overlay-text,
.table-13 .hover-overlay .hover-overlay-text,
.table-12 .hover-overlay .hover-overlay-text,
.table-11 .hover-overlay .hover-overlay-text,
.table-10 .hover-overlay .hover-overlay-text,
.table-09 .hover-overlay .hover-overlay-text,
.table-08 .hover-overlay .hover-overlay-text,
.table-07 .hover-overlay .hover-overlay-text,
.table-06 .hover-overlay .hover-overlay-text,
.table-05 .hover-overlay .hover-overlay-text,
.table-04 .hover-overlay .hover-overlay-text,
.table-03 .hover-overlay .hover-overlay-text,
.table-02 .hover-overlay .hover-overlay-text,
.table-01 .hover-overlay .hover-overlay-text {
	display: none;
}

.table-19:hover .hover-overlay .hover-overlay-text,
.table-18:hover .hover-overlay .hover-overlay-text,
.table-17:hover .hover-overlay .hover-overlay-text,
.table-16:hover .hover-overlay .hover-overlay-text,
.table-15:hover .hover-overlay .hover-overlay-text,
.table-14:hover .hover-overlay .hover-overlay-text,
.table-13:hover .hover-overlay .hover-overlay-text,
.table-12:hover .hover-overlay .hover-overlay-text,
.table-11:hover .hover-overlay .hover-overlay-text,
.table-10:hover .hover-overlay .hover-overlay-text,
.table-09:hover .hover-overlay .hover-overlay-text,
.table-08:hover .hover-overlay .hover-overlay-text,
.table-07:hover .hover-overlay .hover-overlay-text,
.table-06:hover .hover-overlay .hover-overlay-text,
.table-05:hover .hover-overlay .hover-overlay-text,
.table-04:hover .hover-overlay .hover-overlay-text,
.table-03:hover .hover-overlay .hover-overlay-text,
.table-02:hover .hover-overlay .hover-overlay-text,
.table-01:hover .hover-overlay .hover-overlay-text {
	color: #333;
	text-align: center;
	transition: all 0.4s 0s, border 0.4s 0.6s, height 0.4s 0.4s, margin 0.4s 0.4s;
	font-size: 18px;
	display: block;
}


@media (max-width: 767px) {
	.table-19:hover .hover-overlay .hover-overlay-text,
	.table-18:hover .hover-overlay .hover-overlay-text,
	.table-17:hover .hover-overlay .hover-overlay-text,
	.table-16:hover .hover-overlay .hover-overlay-text,
	.table-15:hover .hover-overlay .hover-overlay-text,
	.table-14:hover .hover-overlay .hover-overlay-text,
	.table-13:hover .hover-overlay .hover-overlay-text,
	.table-12:hover .hover-overlay .hover-overlay-text,
	.table-11:hover .hover-overlay .hover-overlay-text,
	.table-10:hover .hover-overlay .hover-overlay-text,
	.table-09:hover .hover-overlay .hover-overlay-text,
	.table-08:hover .hover-overlay .hover-overlay-text,
	.table-07:hover .hover-overlay .hover-overlay-text,
	.table-06:hover .hover-overlay .hover-overlay-text,
	.table-05:hover .hover-overlay .hover-overlay-text,
	.table-04:hover .hover-overlay .hover-overlay-text,
	.table-03:hover .hover-overlay .hover-overlay-text,
	.table-02:hover .hover-overlay .hover-overlay-text,
	.table-01:hover .hover-overlay .hover-overlay-text {
		color: #333;
		text-align: center;
		transition: all 0.4s 0s, border 0.4s 0.6s, height 0.4s 0.4s, margin 0.4s 0.4s;
		font-size: 13px;
		display: block;
	}

	.table-19:hover .hover-overlay,
	.table-18:hover .hover-overlay,
	.table-17:hover .hover-overlay,
	.table-16:hover .hover-overlay,
	.table-15:hover .hover-overlay,
	.table-14:hover .hover-overlay,
	.table-13:hover .hover-overlay,
	.table-12:hover .hover-overlay,
	.table-11:hover .hover-overlay,
	.table-10:hover .hover-overlay,
	.table-09:hover .hover-overlay,
	.table-08:hover .hover-overlay,
	.table-07:hover .hover-overlay,
	.table-06:hover .hover-overlay,
	.table-05:hover .hover-overlay,
	.table-04:hover .hover-overlay,
	.table-03:hover .hover-overlay,
	.table-02:hover .hover-overlay,
	.table-01:hover .hover-overlay {
		height: 100px;
		width: 170px;
		margin-top: 0px;
		border-color: #aeaeae;
		background-color: #ffffffeb;
		transform: translateX(-85px);
		opacity: 1;
	}

}


/* Tischreservierung --------------------------------------------------------------------- END */

.reservation-search {
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
}

.spanTitle {
	font-size: 23px;
	font-weight: 600;
}

.searchBTN {
	display: inline-block;
	margin-bottom: 4px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 3px 12px;
	font-size: 18px;
	line-height: 1;
	border-radius: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	line-height: 20px;
	top: 10px;
	margin-left: 10px;
}

@media (min-width: 500px) and (max-width: 768px) {
	h1 {
		width: auto;
		height: auto;
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		display: inline-block;
		position: relative;
	}

	.spanTitle {
		font-size: 20px;
		font-weight: 600;
	}
	
	.searchBTN {
		display: inline-block;
		margin-bottom: 4px;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 3px 12px;
		font-size: 15px;
		line-height: 1;
		border-radius: 0px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #fff;
		line-height: 20px;
		top: 10px;
		margin-left: 10px;
	}
}

@media (min-width: 0px) and (max-width: 499px) {
	h1 {
		width: auto;
		height: auto;
		margin: 0px;
		padding: 0px;
		font-size: 16px;
		font-weight: 600;
		text-align: left;
		display: inline-block;
		position: relative;
	}

	.reservation-search {
		position: relative;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	.spanTitle {
		font-size: 13px;
		font-weight: 600;
	}
	
	.searchBTN {
		display: inline-block;
		margin-bottom: 4px;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 3px 5px;
		font-size: 12px;
		line-height: 1;
		border-radius: 0px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #fff;
		line-height: 20px;
		top: 10px;
		margin-left: 0px;
	}
}


.option-liefern,
.option-abholen {
	display: none;
}


/* Menükarte --------------------- Start */

.menuekarte {
	position: relative;
	margin: 0 auto;
	max-width: 1100px;
	margin-top: 0px;
}
.menuekarte-header {
	position: relative;
	width: auto;
	display: inline-block;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.35rem;
	font-weight: 600;
}
.menuekarte-content {
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.menuekarte-header .prev-week,
.menuekarte-header .current-week,
.menuekarte-header .next-week {
	float: left;
	display: inline-block;
	width: auto;
}

.menuekarte-header .current-week {
	margin-left: 20px;
	margin-right: 20px;
}

.menuekarte-day {
	position: relative;
	width: auto;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.menuekarte-day-left {
	position: relative;
	float: left;
	width: calc(20%);
}
.menuekarte-day-right {
	position: relative;
	float: right;
	width: calc(80%);
}

.menuekarte-fix {
	position: relative;
	float: left;
	width: calc(100% - 10px);
	padding-left: 10px;
}

.menuekarte-menu {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 7px 0px;
}

.menuekarte-menu-name {
	position: relative;
	float: left;
	width:150px;
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--gr-color);
}
.menuekarte-fixmenu-name {
	position: relative;
	float: left;
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--gr-color);
	margin-right: 5px;
}
.menuekarte-fixmenu-food,
.menuekarte-menu-food {
	position: relative;
	float: left;
	width:auto;
}
.menuekarte-menu-end {
	position: relative;
	float: right;
	width:auto;
}

.menu-food-name {
	font-weight: 600;
	font-size: 1.2rem;
}

.menuekarte-day-right .menuekarte-menu {
	border-bottom: 1px solid rgba(255,102,0,0.35);
}
.menuekarte-day-right .menuekarte-menu:last-child {
	border-bottom: 0px;
}

.menuekarte-fix .menuekarte-menu {
	border-bottom: 1px solid rgba(255,102,0,0.35);
}
.menuekarte-fix .menuekarte-menu:last-child {
	border-bottom: 0px;
}

.menuekarte-menu-top,
.menuekarte-menu-bottom {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}

.menuekarte-menge {
	position: relative;
	float: left;
	width: 150px;
}
.menuekarte-special {
	position: relative;
	float: left;
	width: 	calc(100% - 300px);
	text-align: center;
}
.menu-food-order {
	position: relative;
	float: right;
	width: 150px;
}

.menu-food-description {
	position: relative;
	margin-left: 150px;
	margin-bottom: 10px;
}

.fixmenu-food-description {
	position: relative;
	margin-bottom: 10px;
}

.menuekarte-day-left-name {
	font-size: 1.35rem;
	font-weight: 600;
	padding: 8px;
}
.menu-food-price {
	font-size: 1.25rem;
	font-weight: 600;
	text-align: right;
}

@media (max-width: 991px) {
	.menuekarte-day-left,
	.menuekarte-day-right {
		float: left;
		width: 100%;
	}
	.menuekarte-day-left-name {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.menuekarte-menu-name {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.menuekarte-fixmenu-name {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.menuekarte-menu-food {
		width: 100%;
		text-align: center;
	}
	.menuekarte-fixmenu-food {
		width: calc(100% - 65px);
		text-align: center;
	}
	.menuekarte-menu-end {
		position: absolute;
		float: none;
		top: 0;
		right: 0;
		width: 100px;
	}
	.menu-food-description {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
}
@media (max-width: 599px) {
	.menuekarte-menge,
	.menuekarte-special,
	.menu-food-order {
		width: 100%;
		margin-bottom: 10px;
		float: none;
		text-align: center;
	}
	.menu-food-order .order-button {
		float: none;
		margin-top: 0;
	}
}

@media (max-width: 499px) {
	.current-week span {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.prev-week {
		display: none !important;
	}
	.next-week {
		display: none !important;
	}
}

.infoHeader {
	text-align: center;
}

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

.info-banner > .container-box {
	position: relative;
}
.info-banner-text {
	position: absolute;
	top: 5rem;
	z-index: 199;
	padding: 10px;
	background-color: rgba(255,255,255,1);
	color: rgba(70,71,73,1);
	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;
    }
}

/* SPEISEKARTE TABELLEN ERSATZ ANSTATT PDF-DATEI ------------------------------------------------ START */

.page-wideCard-box {
	position: relative;
	width: 100%;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	float: none;
}

.page-content-wideCard-content {
	width: 100%;
}

.page-content-wideCard-content .page-content-title {
	margin-bottom: 0px;
}


.page-content-wideCard-content .table {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


.page-wideCard-box h2 {
	font-size: 1.3em;
	font-weight: 600;
	padding: 15px 0px;
}

@media (min-width: 768px) {
	.page-content-wideCard-content .table .table-cell {
		line-height: 1.5em;
	}
	.page-content-wideCard-content .table .table-row > .table-cell:nth-child(1) {
		padding-right: 30px;
	}
	.page-content-wideCard-content .table .table-row .table-cell {
		padding: 10px 20px;
	} 
	.page-content-wideCard-content .table .table-row:first-child > .table-cell {
		padding-top: 20px;
	} 
	.page-content-wideCard-content .table .table-row:last-child > .table-cell {
		padding-bottom: 20px;
	} 
	.page-content-wideCard-content .table .table-row:nth-child(odd) {
		background-color: #fcfcfc;
	}
	.page-content-wideCard-content .table .table-row:nth-child(even) {
		background-color: #f4f4f4;
	}
	.page-content-wideCard-content .page-content-title {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.page-content-wideCard-content .table .table-row > .table-cell:nth-child(2) {
		padding-bottom: 15px;
		min-width: 3.5rem;
		text-align: right;
	}
	.page-content-wideCard-content .table .table-row:nth-child(odd) > .table-cell {
		font-weight: 600;
		/* width: calc(33%) !important; */
		font-size: 0.85em;
		padding-bottom: 20px;
	}
	.page-content-wideCard-content .table .table-row:nth-child(even) > .table-cell {
		font-size: 0.85em;
		padding-bottom: 20px;

	}
	.page-content-wideCard-content .table .table-row:last-child > .table-cell:nth-child(2) {
		padding-bottom: 0px;
	}
	.page-content-wideCard-content .table .table-row {
		display: table-row;
		border-bottom: none;
	}
	.page-content-wideCard-content .table .table-row .table-cell {
		display: table-cell!important;
		width: auto!important;
	}
	.page-content-wideCard-content .page-content-title {
		text-align: center;
	}
}


/* SPEISEKARTE TABELLEN ERSATZ ANSTATT PDF-DATEI ------------------------------------------------ ENDE */

/* 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: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
}

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

.partner-card-content p a {
	color: rgba(0, 71, 140, 1);
}

.partner-card-content p a:hover {
	color: rgba(0, 71, 140, 0.75);
}

.partner-card-content p strong {
	color: rgba(0, 71, 140, 1);
}
.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; /* or any other */
}

/* 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;
	font-size: 1.15rem;
	line-height: 1.5rem;
	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: rgba(238, 238, 238, 1);
    position: relative;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
}
.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: 1rem;
	box-sizing: border-box;
	line-height: 2.625rem;
	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   */

.youtube-popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 800px;
	background: #000;
	padding: 1rem;
	z-index: 1000;
  }

  .youtube-popup iframe {
	width: 100%;
	height: 450px;
  }

  .youtube-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
  }

  .youtube-close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
  }
  


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.page-content-box h2 {
	font-size: 1.125rem;
	font-weight: 600;
}

.hioi-size {
max-width: 180px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    height: auto;
    width: 100%;
    position: relative;
    display: flex
;
}

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

.partner-content-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
	/* float: left; */
	position: relative;
	width: 100%;
	gap: 1rem;
}

.partner-card {
	position: relative;
	flex-basis: calc(25% - 3rem);
	/* max-width: 300px; */
	margin: 0;
	min-width: 200px;
}

@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: 62.6%;
	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: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
}

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

.partner-card-content p a {
	color: rgba(0, 71, 140, 1);
}

.partner-card-content p a:hover {
	color: rgba(0, 71, 140, 0.75);
}

.partner-card-content p strong {
	color: rgba(0, 71, 140, 1);
}

/* Projektanfrage Formular Start */

.project-request-form {
	position: relative;
	font-size: 1rem;
	line-height: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.project-request-form #flachdach-hinweis,
.project-request-form #steildach-hinweis {
	line-height: 1.5rem;
}
.prf-group {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}
.prf-label {
	position: relative;
	flex-basis: 170px;
	font-weight: 600;
	line-height: 2.625rem;
}
.prf-content {
	width: calc(100% - 170px - 1rem);
	box-sizing: border-box;
}
.prf-content.prf-input input {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(51,51,51,1);
	padding: 0 0.5rem;
	line-height: calc(2rem - 2px);
	font-size: 0.875rem;
	height: 2rem;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.75rem;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #ccc;
	-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;
	-moz-border-radius: 1.5rem;
	border-radius: 1.5rem;
}
.prf-content.prf-select select {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(51,51,51,1);
	padding: 0 2px;
	line-height: calc(2rem - 2px);
	font-size: 0.875rem;
	height: 2rem;
}
.prf-content.prf-textarea textarea {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(51,51,51,1);
	font-size: 0.875rem;
}
.prf-content input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	vertical-align: middle;
	margin-bottom: 2px;
	border: 1px solid rgba(51,51,51,1);
	border-radius: 0;
}
.prf-content input[type="radio"] {
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid rgba(51,51,51,1);
	border-radius: 0;
}
.prf-content.prf-input-radio,
.prf-content.prf-input-checkbox-container {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}
.prf-label > label,
.prf-content label {
	font-weight: 600;
	margin: 0;
}

.prf-content label {
	cursor: pointer;
}

.prf-content.prf-select select:focus {
	border: 1px solid rgba(0,67,141,1) !important;
	outline: 0;
}

.prf-label .fa-asterisk {
	color: rgba(255,0,0,1);
	font-size: 0.5rem;
	vertical-align: top;
	margin-top: 0.5rem;
}

/* Modal Hintergrund */
.prf-modal {
	display: none; /* Standardmäßig ausgeblendet */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4); /* Hintergrund mit Transparenz */
	overflow: auto;
	padding-top: 60px;
}

@media(min-width: 0px) and (max-width: 767px) {
	.prf-label,
	.prf-content {
		width: 100%;
	}
	.prf-group {
		gap: 0.25rem;
	}
	.prf-label {
		line-height: 1.5rem;
	}

	.prf-content.prf-input-radio, 
	.prf-content.prf-input-checkbox-container {
		row-gap: 0.5rem;
	}
}
  
/* Modal-Hintergrund */
.prf-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Halbtransparenter Hintergrund */
}

/* Modal-Box */
.prf-modal-content {
    background-color: #fff8dc; /* Hellgelb */
    border: 2px solid var(--main-a-color); 
    border-radius: 12px; /* Abgerundete Ecken */
	display: inline-block;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	max-width: calc(100% - 2rem);
    padding: 1.5rem;
    position: relative;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	font-weight: 600;
	max-width: 400px;
}

/* Schließen-Button außerhalb */
.prf-close {
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    cursor: pointer;
	font-size: 1.5rem;
	color: var(--main-a-color);
}

.prf-close:hover {
    transform: scale(1.1);
}

.project-request-form h2 {
	font-size: 1.125rem;
	font-weight: 600;
	flex-basis: 170px;
}

/* Projektanfrage Formular  Ende */

.B610 .page-content-title,
.B610 .project-request-form {
	max-width: 630px;
	margin: 0 auto;
}
.top-1r {
	margin-top: 1rem;
}

@media(min-width: 992px) {
	.prf-input-checkbox {
		line-height: 2.625rem;
	}
}
.mlogos {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
	margin-bottom: 6rem;
}
.mlogos > img{
	flex: 0 0 auto;
	height: auto;
	width: calc(17%);
	display: block;
	object-fit: contain;
}
#prf-submit-btn {
	background-color: var(--main-btn-color);
	color: rgba(255,255,255,1);
	width: 100%;
}
#prf-submit-btn:hover {
	background-color: var(--main-btn-color-hover);
	color: rgba(255,255,255,1);
}
.karriere-link-home {
	position: absolute;
	height:				60px;
	width:				301px;
	display:			block;
	background:			url(images/bewerbung.png) no-repeat center top;
	float:				right;
	position:			absolute;
	bottom:				-60px;
	right:				10%;
}