﻿@import url("/s/STYLES/gfonts/exo.css");
.Font {
	--gfont1: "Exo";
	--gfont2: "initial";
	--gfont3: "initial";
	--gfont4: "initial";
	--gfont5: "initial";
	--gfont6: "initial";
	--gfont7: "initial";
	--gfont1--import: url("/s/STYLES/gfonts/exo.css");
}
.Klappbox .kb-klappelement {
	height: 0;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.Klappbox-param [data-kb-trigger] {
	height: 0px;
	overflow: hidden;
}
.Paging {
	display: flex;
	align-items: center;
}
.Paging .paging-container {
	flex-grow: 1;
	display: flex;
	flex-wrap: nowrap ! important;
	justify-content: flex-start;
	overflow: hidden;
}
.Paging .pfeil {
	flex: 0 0 auto;
	position: relative;
	transition: .3s ease;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.Paging .paging-container > * {
	flex: 0 0 calc((100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) ) ! important;
	box-sizing: border-box;
	padding: var(--pg-padding);
	margin-right: var(--pg-margin, 0px);
}
.Paging .paging-container > *:first-child {
	transition: margin-left 0.8s;
	margin-left: calc((-1 * (100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) - var(--pg-margin, 0px)) * var(--aktpgnum, 0));
}
div:not(.gal-slider-square) > .Paging .pfeil.links {
	background-image: url(../media/pfeillinks.png) !important;
}
div:not(.gal-slider-square) > .Paging .pfeil.rechts {
	background-image: url(../media/pfeilrechts.png) !important;
}
.mehr-lesen .kb-indikator {
	cursor: pointer;
}
.mehr-lesen .kb-indikator::after {
	content: 'mehr lesen...';
	width: 100%;
	height: 20px;
	color: #5a7507;
}
.mehr-lesen .kb-indikator.geschlossen::after {
	content: 'mehr lesen...';
}
.mehr-lesen .kb-indikator.offen::after {
	content: 'weniger';
}
.padding-top {
	padding-top: 80px;
}
.padding-bottom {
	padding-bottom: 80px;
}
.slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	text-align: center;
	color: var(--font);
}
.slider >div {
	flex-basis: 80%;
}
.slider .header p {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #a5d513;
	padding: 20px .5em 0 .5em;
}
.slider .header ~ .bhv-text p {
	font-size: 15px;
	line-height: 20px;
}
.button-darkgreen a {
	background-color: #5a7507;
	padding: 8px 15px;
	transition: .3s ease;
	letter-spacing: 1px;
	margin-bottom: 8px;
	color: white;
	text-decoration: none;
}
.button-darkgreen a:hover {
	background-color: #a5d513;
	color: white;
}
.logo-gal {
	--gal-margin-bottom: 0px;
	margin-top: var(--gal-margin-top);
	margin-bottom: var(--gal-margin-bottom);
	--pagesize: 5 !important;
}
.logo-gal /*gen*/ {
	--pagesize: 6;
}
.logo-gal img , .logo-gal video {
	width: 100%;
	height: var(--gal-img-height,70px);
	object-fit: contain;
	display: block;
	max-height: 140px;
	max-width: 150px;
}
.logo-gal .kugerl-container {
	display: flex;
	justify-content: var(--justify-content);
	gap: var(--gap);
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-leftright);
	margin-right: var(--margin-leftright);
	align-items: center;
}
.logo-gal .kugerl-container span {
	width: var(--width);
	height: var(--width);
	display: inline-block;
	background-color: var(--bgcolor);
	border: var(--border-color) solid var(--border-size);
	border-radius: 50%;
	cursor: pointer;
}
.logo-gal .kugerl-container span.aktiv {
	background-color: var(--active-bgcolor);
	border: var(--active-border-color) solid var(--active-border-size);
}
.logo-gal .pfeil.links {
	margin-right: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-aussen-padding,20px);
	padding-right: var(--pfeil-innen-padding,20px);
	text-shadow: 0.1em 0 0 var(--pfeil-color2);
}
.logo-gal .pfeil.rechts {
	margin-left: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-innen-padding,20px);
	padding-right: var(--pfeil-aussen-padding,20px);
	text-shadow: -0.1em 0 0 var(--pfeil-color2);
}
.logo-gal .pfeil {
	font-size: var(--pg-font-size,2em);
	position: relative;
	cursor: pointer;
	width: var(--pfeil-width);
	color: var(--pfeil-color);
}
.logo-gal .paging-container {
	align-items: initial;
	padding: 60px 0;
}
.logo-gal .paging-container > * {
	border: var(--border-width,0) solid var(--border-color,var(--color));
	background-position: center center;
	background-size: contain;
	border-radius: var(--border-radius);
	overflow: visible;
}
.logo-gal .outerdiv {
	position: relative;
}
.logo-gal .innerdiv , .logo-gal .Titel {
	margin: var(--galerie-text-margin);
	text-align: center;
	position: absolute;
	bottom: calc(100% + 5px);
	width: 96%;
	background-color: #ececec;
	box-sizing: border-box;
	padding: 4px;
	opacity: 0;
	font-size: 14px;
	transition: .3s ease;
	word-break: break-word;
}
.logo-gal .outerdiv:hover .innerdiv , .logo-gal .outerdiv:hover .Titel {
	opacity: 1;
}
.logo-gal .innerdiv:empty {
	opacity: 0 !important;
}
.grossansicht_resp .galerie-abdunkelung .view {
	--x-align-self: center !important;
}
.grossansicht_resp .galerie-abdunkelung .view img {
	object-fit: contain !important;
}
.gal-slider-square {
	--gal-margin-bottom: 30px;
	margin-top: var(--gal-margin-top);
	margin-bottom: var(--gal-margin-bottom);
}
.gal-slider-square /*gen*/ {
	--pagesize: 4;
}
.gal-slider-square img , .gal-slider-square video {
	width: 100%;
	height: var(--gal-img-height,240px);
	object-fit: cover;
	display: block;
}
.gal-slider-square .kugerl-container {
	display: flex;
	justify-content: var(--justify-content);
	gap: var(--gap);
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-leftright);
	margin-right: var(--margin-leftright);
	align-items: center;
}
.gal-slider-square .kugerl-container span {
	width: var(--width);
	height: var(--width);
	display: inline-block;
	background-color: var(--bgcolor);
	border: var(--border-color) solid var(--border-size);
	border-radius: 50%;
	cursor: pointer;
}
.gal-slider-square .kugerl-container span.aktiv {
	background-color: var(--active-bgcolor);
	border: var(--active-border-color) solid var(--active-border-size);
}
.gal-slider-square .pfeil.links {
	margin-right: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-aussen-padding,20px);
	padding-right: var(--pfeil-innen-padding,20px);
	text-shadow: 0.1em 0 0 var(--pfeil-color2);
}
.gal-slider-square .pfeil.rechts {
	margin-left: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-innen-padding,20px);
	padding-right: var(--pfeil-aussen-padding,20px);
	text-shadow: -0.1em 0 0 var(--pfeil-color2);
}
.gal-slider-square .pfeil {
	font-size: var(--pg-font-size,2em);
	position: relative;
	cursor: pointer;
	width: var(--pfeil-width);
	color: var(--pfeil-color);
}
.gal-slider-square .paging-container {
	align-items: initial;
}
.gal-slider-square .paging-container > * {
	border: var(--border-width,0) solid var(--border-color,var(--color));
	background-position: center center;
	background-size: cover;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.gal-square {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--galerie-gap, .5%);
}
.gal-square .outerdiv {
	width: var(--galerie-img-width,19%);
	flex: 0 0 var(--galerie-img-width,19%);
	height: 260px;
	margin-bottom: .5%;
	position: relative;
}
.gal-square .Bild {
	height: 100% !important;
}
.gal-square img {
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
}
.gal-square video {
	width: var(--galerie-img-width);
	height: var(--galerie-img-height);
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
	display: block;
}
.gal-square .Titel {
	margin: var(--galerie-text-margin);
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	padding: 4px;
	opacity: 0;
	font-size: 14px;
	transition: .3s ease;
	word-break: break-word;
}
.gal-square .outerdiv:hover .Titel {
	opacity: 1;
}
.gal-square .Titel:empty {
	opacity: 0 !important;
}
.gal-square .Text {
	margin: var(--galerie-text-margin);
}
@media(max-width: 900px) {
	div:not(.gal-slider-square) > .Paging .pfeil {
		padding-right: 0 !important;
		padding-left: 0 !important;
		width: 30px !important;
	}
}

@media (max-width:900px) {
	.slider >div {
		flex-basis: 100%;
	}
	.slider {
		text-align: center;
	}
	.slider .header p {
		padding-top: 30px;
		margin-bottom: 5px;
	}
}

@media(max-width: 800px) {
	.logo-gal {
		--pagesize: 3 !important;
	}
	.logo-gal img , .logo-gal video {
		height: 43vw;
	}
	.grossansicht_resp .galerie-abdunkelung > .close {
		font-size: 20px;
		top: 10px;
		right: 10px;
	}
	.grossansicht_resp .galerie-abdunkelung .grpfeil {
		padding: 10px;
		font-size: 20px;
	}
	.grossansicht_resp .galerie-abdunkelung .view {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.grossansicht_resp .galerie-abdunkelung > .help {
		display: none;
	}
	.gal-slider-square {
		--pagesize: 2;
	}
	.gal-slider-square img , .gal-slider-square video {
		height: 43vw;
	}
	.gal-square .Titel {
		font-size: 12px;
	}
}

@media(max-width: 400px) {
	.logo-gal {
		--pagesize: 1 !important;
		text-align: center;
	}
	.logo-gal img , .logo-gal video {
		height: 83vw;
		display: inline;
	}
	.gal-slider-square {
		--pagesize: 1;
	}
	.gal-slider-square img , .gal-slider-square video {
		height: 83vw;
	}
}

@media(max-width: 500px) {
	.gal-square .outerdiv {
		height: 49vw !important;
		width: 49.6% !important;
		flex: 0 0 49.6%;
		margin-bottom: .7%;
	}
	.gal-square .outerdiv:nth-child(5n) {
		width: 100% ! important;
		flex: 0 0 100%;
	}
	.gal-square {
		justify-content: space-between;
	}
}

@media(max-width: 1300px) and (min-width: 801px) {
	.gal-square .outerdiv {
		height: 18vw !important;
	}
}

@media(max-width: 800px) and (min-width: 501px) {
	.gal-square .outerdiv {
		width: 32.8% !important;
		height: 31vw !important;
		flex: 0 0 32.8%;
	}
	.gal-square .outerdiv:nth-child(5n) {
		width: 66% ! important;
		flex: 0 0 66%;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.gal-square img {
		-webkit-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		transform: translate(0%,0%);
	}
}
