﻿
#cont-702 {
	display: none;
}
html {
	scroll-padding-top: 100px;
}
#col-1102 {
	height: 100vh;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
}
#col-1102 > div {
	height: 100vh;
	scroll-snap-align: start;
}
#cont-1127 {
	align-items: var(--col-align-items,inherit);
}
#text-1149 h1 {
	margin: 0;
}
#text-1149 .h1-firstline {
	line-height: 1.25em;
	font-weight: 200;
	text-transform: lowercase;
	letter-spacing: normal;
}
#bild-1154 img {
	width: 80%;
	max-width: 500px;
	margin-bottom: 50px;
}
#text-1153 h1 {
	margin: 0;
}
#text-1153 .h1-firstline {
	line-height: 1.25em;
	font-weight: 200;
	text-transform: lowercase;
	letter-spacing: normal;
}
#cont-1086 {
	height: 100vh;
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	justify-content: center;
}
#text-1161 {
	margin-bottom: 30px;
}
#galerie-1355 {
	--galerie-gap: 10px;
	--galerie-text-margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--galerie-gap);
}
#galerie-1355 .outerdiv {
	width: 300px;
	flex: 0 0 auto;
}
#galerie-1355 .Titel {
	margin: var(--galerie-text-margin);
}
#galerie-1355 .Text {
	margin: var(--galerie-text-margin);
}
#galerie-1355 img {
	width: 300px;
	height: 300px;
	max-width: 100%;
	object-fit: contain;
	display: block;
}
#galerie-1355 video {
	width: 300px;
	height: 300px;
	max-width: 100%;
	object-fit: contain;
	display: block;
}
#galerie-1355 .outerdiv /*gen*/ {
	width: 1000px;
	flex: 0 0 1000px;
}
#galerie-1355 img /*gen*/ {
	width: 1000px;
	height: 1000px;
}
#galerie-1355 video /*gen*/ {
	width: 1000px;
	height: 1000px;
}
#prop-button-1356 {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
#prop-button-1356 button {
	background: var(--bgcolor2) !important;
	padding: 0.5rem !important;
	outline: 1px dashed;
}
#prop-button-1356 button::before {
	content: '\f0ee';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	margin-right: 8px;
}
#col-1351 {
	width: 100%;
	height: 100%;
}
#data-1354 {
	--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-1354 .gal {
	aspect-ratio: 1920 / var(--gallery-height, 1080) !important;
}
#data-1354 img , #data-1354 video {
	border-radius: var(--gallery-img-border-radius, 0em);
}
#data-1354 .pfeil {
	background: var(--gallery-pfeil-background, var(--bgcolor2));
}
#data-1354 .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-1354 .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-1354 .image-number {
	display: var(--gallery-height-image-number, block);
	font-size: 1.7em;
}
#cont-1352 .outerdiv {
	height: 100vh;
	width: 100%;
	transform: scale(1) !important;
}
#cont-1352 .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-1352 .imgcollection {
	overflow: visible;
}
#cont-1352 .pfeil i {
	color: var(--color4);
	font-size: 50px;
}
#cont-1352 .pfeil.rechts {
	right: 5% !important;
	top: 50vh !important;
	height: fit-content;
}
#cont-1352 .pfeil.links {
	left: 5% !important;
	top: 50vh !important;
	height: fit-content;
}
#col-1368 {
	flex-direction: column;
}
#form-field-1448 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 800;
}
#form-field-1448 label {
	display: none;
}
#form-field-1448 .form-template {
	text-align: start;
	width: 100%;
	margin-block: 20px;
	font-size: 24px;
	font-weight: lighter;
}
#form-field-1463 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 800;
}
#form-field-1463 label {
	display: none;
}
#form-field-1463 .form-template {
	text-align: start;
	width: 100%;
	margin-block: 20px;
	font-size: 24px;
	font-weight: lighter;
}
#text-1533 {
	margin-bottom: 20px;
}
#cont-1124 {
	max-width: 1100px;
	width: 95%;
}
#form-field-1555 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 800;
}
#form-field-1555 label {
	display: none;
}
#form-field-1555 .form-template {
	text-align: start;
	width: 100%;
	margin-block: 20px;
	font-size: 24px;
	font-weight: lighter;
}
#html-1552 {
	display: flex;
	justify-content: center;
	width: 100%;
}
#html-1552 .button-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	gap: 10px;
}
#html-1552 .btn-outline {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#html-1552 .btn-outline a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px !important;
	line-height: normal;
	gap: 5px;
}
#html-1552 .btn-outline a img {
	width: 55px;
	height: 24px;
	object-fit: contain;
	margin-top: -5px;
}
#html-1552 .btn-outline:hover {
	background: var(--color4);
}
#html-1552 .btn-outline:hover a {
	color: #fff;
}
#html-1552 .btn-outline:hover a img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
#html-1552 .button-filled {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	background: var(--color4);
	/* Gegenteil von Outline: gefüllt */ transition:0.3s ease;
}
#html-1552 .button-filled a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px !important;
	line-height: normal;
	gap: 5px;
	text-decoration: none;
	transition: 0.3s ease;
	flex-direction: row;
}
#html-1552 .button-filled a img {
	width: 55px;
	height: 24px;
	object-fit: contain;
	margin-top: -5px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
#html-1552 .button-filled:hover {
	background: transparent;
}
#html-1552 .button-filled:hover a img {
	filter: none;
}
#cont-1367 {
	height: auto !important;
	padding-bottom: 140px !important;
}
#cont-1367 p {
	font-size: 1.8em;
}
#cont-1367 h2 {
	font-size: 2.5em;
}
@media (min-width: 750px) and (max-width: 950px) {
	#cont-1086 {
		background-position-x: 73%;
		background-size: 170%;
	}
}

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

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

@container gallery-container (max-width:1024px) {
	#data-1354 .gal {
		aspect-ratio: 1920 / var(--gallery-height-tablet, 1080) !important;
	}
	#data-1354 .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-1354 .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-1354 .gal {
		aspect-ratio: 1920 / var(--gallery-height-phone, 1080) !important;
	}
	#data-1354 .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-1354 .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 (max-width: 500px) {
	#html-1552 .btn-outline a {
		font-size: 18px !important;
		gap: 5px;
	}
	#html-1552 .btn-outline a img {
		width: 30px;
		height: 14px;
		margin-top: -2px;
	}
	#html-1552 .button-container {
		gap: 10px;
	}
	#html-1552 .button-filled a {
		font-size: 18px !important;
		gap: 5px;
	}
	#html-1552 .button-filled a img {
		width: 30px;
		height: 14px;
		margin-top: -2px;
	}
}
