﻿
#cont-1194 > div {
	width: 100% !important;
	display: block;
}
#col-1246 {
	flex-direction: column;
}
#col-1250 {
	flex-direction: column;
}
#text-1258 {
	margin-bottom: 30px;
}
#cont-1255 {
	max-width: 1100px;
	width: 80%;
}
#text-1264 h1 {
	margin: 0;
}
#text-1264 .h1-firstline {
	line-height: 1.25em;
	font-weight: 200;
	text-transform: lowercase;
	letter-spacing: normal;
}
#text-1265 {
	margin-bottom: 30px;
}
#galerie-1362 {
	--galerie-gap: 10px;
	--galerie-text-margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--galerie-gap);
}
#galerie-1362 .outerdiv {
	width: 300px;
	flex: 0 0 auto;
}
#galerie-1362 .Titel {
	margin: var(--galerie-text-margin);
}
#galerie-1362 .Text {
	margin: var(--galerie-text-margin);
}
#galerie-1362 img {
	width: 300px;
	height: 300px;
	max-width: 100%;
	object-fit: contain;
	display: block;
}
#galerie-1362 video {
	width: 300px;
	height: 300px;
	max-width: 100%;
	object-fit: contain;
	display: block;
}
#galerie-1362 .outerdiv /*gen*/ {
	width: 1000px;
	flex: 0 0 1000px;
}
#galerie-1362 img /*gen*/ {
	width: 1000px;
	height: 1000px;
}
#galerie-1362 video /*gen*/ {
	width: 1000px;
	height: 1000px;
}
#prop-button-1363 {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
#prop-button-1363 button {
	background: var(--bgcolor2) !important;
	padding: 0.5rem !important;
	outline: 1px dashed;
}
#prop-button-1363 button::before {
	content: '\f0ee';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	margin-right: 8px;
}
#col-1358 {
	width: 100%;
	height: 100%;
}
#data-1361 {
	--gallery-margin-top: 0;
	--gallery-margin-bottom: 0;
	--gallery-img-object-fit: cover;
	--gallery-height-image-number: none;
	--gallery-height-tablet: 100vh;
	--gallery-height-phone: 100vh;
	padding: 0px;
	width: 100%;
	height: 100%;
	--gallery-pfeil-rechts-content: '''';
	--gallery-pfeil-links-content: '''';
	--gallery-pfeil-background: transparent;
	--gallery-pfeil-r-padding-t: 0;
	--gallery-pfeil-border-width: 0px;
	--gallery-pfeil-border-color: transparent;
	--gallery-pfeil-rechts-horz: 5%;
	--gallery-pfeil-links-horz: 5%;
	--gallery-pfeil-rechts-vert: 50%;
	--gallery-pfeil-links-vert: 50%;
	--gallery-pfeil-hover-border-width: 0;
	--gallery-pfeil-hover-color: transparent;
	--gallery-pfeil-hover-border-color: transparent;
	--gallery-pfeil-rechts-horz-tablet: var(--gallery-pfeil-rechts-horz);
	--gallery-pfeil-links-horz-tablet: var(--gallery-pfeil-links-horz);
	--gallery-pfeil-rechts-vert-tablet: var(--gallery-pfeil-rechts-vert);
	--gallery-pfeil-links-vert-tablet: var(--gallery-pfeil-links-vert);
}
#data-1361 .gal {
	aspect-ratio: 1920 / var(--gallery-height, 1080) !important;
}
#data-1361 img , #data-1361 video {
	border-radius: var(--gallery-img-border-radius, 0em);
}
#data-1361 .pfeil {
	background: var(--gallery-pfeil-background, var(--bgcolor2));
}
#data-1361 .pfeil.rechts {
	--gallery-pfeil-dep-on-links-horz: calc((100% - var(--gallery-pfeil-links-horz)) - 180px);
	right: var(--gallery-pfeil-rechts-horz, var(--gallery-pfeil-dep-on-links-horz, 10%));
	--gallery-pfeil-dep-on-links-vert: calc(var(--gallery-pfeil-links-vert) + 45px);
	bottom: var(--gallery-pfeil-rechts-vert, var(--gallery-pfeil-dep-on-links-vert, 20%));
}
#data-1361 .pfeil.links {
	left: var(--gallery-pfeil-links-horz, calc((100% - var(--gallery-pfeil-rechts-horz, 10%)) - 180px));
	bottom: var(--gallery-pfeil-links-vert, calc(var(--gallery-pfeil-rechts-vert, 20%) - 45px));
}
#data-1361 .image-number {
	display: var(--gallery-height-image-number, block);
	font-size: 1.7em;
}
#cont-1359 .outerdiv {
	height: 100vh;
	width: 100%;
	transform: scale(1) !important;
}
#cont-1359 .outerdiv::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
	pointer-events: none;
	z-index: 3;
}
#cont-1359 .imgcollection {
	overflow: visible;
}
#cont-1359 .pfeil i {
	color: var(--color4);
	font-size: 50px;
}
#cont-1359 .pfeil.rechts {
	right: 5% !important;
	top: 50vh !important;
	height: fit-content;
}
#cont-1359 .pfeil.links {
	left: 5% !important;
	top: 50vh !important;
	height: fit-content;
}
#cont-1253 {
	height: 100vh;
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}
#bild-1459 img {
	width: 50px;
}
#cont-1457 {
	position: fixed;
	bottom: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
	display: none;
}
@media(min-width: 1201px) {
	#cont-1194 {
		display: flex;
		justify-content: space-between;
	}
	#cont-1194 > div {
		width: 48% !important;
	}
	#text-1198 {
		display: none;
	}
	#datenbank-1199 {
		justify-content: space-between;
	}
	#datenbank-1199 > div {
		flex-basis: 48%;
		width: 48%;
		margin: 0 0 30px 0;
	}
}

@container gallery-container (max-width:1024px) {
	#data-1361 .gal {
		aspect-ratio: 1920 / var(--gallery-height-tablet, 1080) !important;
	}
	#data-1361 .pfeil.rechts {
		--gallery-pfeil-dep-on-links-horz-tablet: calc((100% - var(--gallery-pfeil-links-horz-tablet)) - 100px);
		right: var(--gallery-pfeil-rechts-horz-tablet, var(--gallery-pfeil-dep-on-links-horz-tablet, 10%));
		--gallery-pfeil-dep-on-links-horz-tablet: calc(var(--gallery-pfeil-links-horz-tablet) + 32px);
		bottom: var(--gallery-pfeil-rechts-horz-tablet, var(--gallery-pfeil-dep-on-links-horz-tablet, 20%));
	}
	#data-1361 .pfeil.links {
		left: var(--gallery-pfeil-links-horz-tablet, calc((100% - var(--gallery-pfeil-rechts-horz-tablet, 10%)) - 100px));
		bottom: var(--gallery-pfeil-links-horz-tablet, calc(var(--gallery-pfeil-rechts-horz-tablet, 20%) - 32px));
	}
}

@container gallery-container (max-width:576px) {
	#data-1361 .gal {
		aspect-ratio: 1920 / var(--gallery-height-phone, 1080) !important;
	}
	#data-1361 .pfeil.rechts {
		--gallery-pfeil-dep-on-links-horz-phone: calc((100% - var(--gallery-pfeil-links-horz-phone)) - 100px);
		right: var(--gallery-pfeil-rechts-horz-phone, var(--gallery-pfeil-dep-on-links-horz-phone, 10%));
		--gallery-pfeil-dep-on-links-vert-phone: calc(var(--gallery-pfeil-links-vert-phone) + 32px);
		bottom: var(--gallery-pfeil-rechts-vert-phone, var(--gallery-pfeil-dep-on-links-vert-phone, 15%));
	}
	#data-1361 .pfeil.links {
		left: var(--gallery-pfeil-links-horz-phone, calc((100% - var(--gallery-pfeil-rechts-horz-phone, 10%)) - 100px));
		bottom: var(--gallery-pfeil-links-vert-phone, calc(var(--gallery-pfeil-rechts-vert-phone, 15%) - 32px));
	}
}

@media (min-width: 750px) and (max-width: 950px) {
	#cont-1253 {
		background-position-x: 73%;
		background-size: 170%;
	}
}

@media (min-width: 500px) and (max-width: 749px) {
	#cont-1253 {
		background-position-x: 79%;
		background-size: 250%;
	}
}

@media (max-width: 499px) {
	#cont-1253 {
		background-position-x: 79%;
		background-size: 450%;
	}
}
