.mediaViewInfo {
	--web-view-name: Apartment (Lucky Fox);
	--web-view-id: Apartment;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
	--web-page-font: SF_Pro_Display;
}
:root {
	--web-view-ids: Apartment;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	background-color: rgba(18,18,18,1);
}
#Apartment {
	position: absolute;
	width: 1920px;
	height: 9807px;
	font-family: SF_Pro_Display;
	background-color: rgba(18,18,18,1);
	overflow: hidden;
	--web-view-name: Apartment (Lucky Fox);
	--web-view-id: Apartment;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
	--web-page-font: SF_Pro_Display;
}
#aac {
	position: absolute;
	width: 1536px;
	height: 345px;
	left: 192px;
	top: 9362px;
	overflow: visible;
}
#aad {
	mix-blend-mode: normal;
	position: absolute;
	width: 172px;
	height: 192px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
#aae {
	position: absolute;
	width: 250px;
	height: 250px;
	left: -39px;
	top: -29px;
	overflow: visible;
}
#aaf {
	border: 0;
	left: 0px;
	top: 315px;
	position: absolute;
	overflow: visible;
	width: 421px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aag {
	position: absolute;
	width: 222px;
	height: 146px;
	left: 1007px;
	top: 0px;
	overflow: visible;
}
#aah {
	border: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 75px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: rgba(255,255,255,1);
}
#aai {
	border: 0;
	left: 0px;
	top: 46px;
	position: absolute;
	overflow: visible;
	width: 128px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aaj {
	border: 0;
	left: 0px;
	top: 81px;
	position: absolute;
	overflow: visible;
	width: 140px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aak {
	border: 0;
	left: 0px;
	top: 116px;
	position: absolute;
	overflow: visible;
	width: 223px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aal {
	position: absolute;
	width: 232px;
	height: 111px;
	left: 1304px;
	top: 0px;
	overflow: visible;
}
#aam {
	border: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 111px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: rgba(255,255,255,1);
}
#aan {
	border: 0;
	left: 0px;
	top: 81px;
	position: absolute;
	overflow: visible;
	width: 190px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aao {
	border: 0;
	left: 0px;
	top: 46px;
	position: absolute;
	overflow: visible;
	width: 233px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aap {
	position: absolute;
	width: 500px;
	height: 240px;
	left: 247px;
	top: 0px;
	overflow: visible;
}
#aaq {
	position: absolute;
	width: 242px;
	height: 60px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aar {
	border: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 243px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
}
#aas {
	border: 0;
	left: 0px;
	top: 70px;
	position: absolute;
	overflow: visible;
	width: 501px;
	height: 95px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aat {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0px;
	top: 210px;
	overflow: visible;
}
#aau {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 40px;
	top: 210px;
	overflow: visible;
}
#aav {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 80px;
	top: 210px;
	overflow: visible;
}
#aaw {
	border: 0;
	left: 0px;
	top: 175px;
	position: absolute;
	overflow: visible;
	width: 127px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aax {
	border: 0;
	left: 1462px;
	top: 315px;
	position: absolute;
	overflow: visible;
	width: 75px;
	white-space: nowrap;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aay {
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aaz {
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#abb {
	fill: url(#abb);
}
.abb {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 0px;
}
#abc {
	border: 0;
	left: 459px;
	top: 554px;
	position: absolute;
	overflow: visible;
	width: 1003px;
	height: 60px;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abd {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 935px;
	top: 980px;
	overflow: visible;
	animation: jump 1s infinite;
	cursor: pointer;
}
#abf {
	fill: rgba(26,26,26,1);
}
.abf {
	position: absolute;
	overflow: visible;
	width: 445px;
	height: 522px;
	left: 0px;
	top: 0px;
}
#abg {
	position: absolute;
	width: 159px;
	height: 100px;
	left: 40px;
	top: 40px;
	overflow: visible;
}
#abh {
	border: 0;
	left: 50px;
	top: 50px;
	position: absolute;
	overflow: visible;
	width: 344px;
	height: 304px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abi {
	border: 0;
	left: 50px;
	top: 442px;
	position: absolute;
	overflow: visible;
	width: 206px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abj {
	border: 0;
	left: 50px;
	top: 409px;
	position: absolute;
	overflow: visible;
	width: 255px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
	display: flex;
    align-items: center;
}
#abl {
	fill: rgba(26,26,26,1);
}
.abl {
	position: absolute;
	overflow: visible;
	width: 445px;
	height: 522px;
	left: 0px;
	top: 0px;
}
#abm {
	position: absolute;
	width: 159px;
	height: 100px;
	left: 40px;
	top: 40px;
	overflow: visible;
}
#abn {
	border: 0;
	left: 50px;
	top: 50px;
	position: absolute;
	overflow: visible;
	width: 344px;
	height: 304px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abo {
	border: 0;
	left: 50px;
	top: 442px;
	position: absolute;
	overflow: visible;
	width: 262px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abp {
	border: 0;
	left: 50px;
	top: 409px;
	position: absolute;
	overflow: visible;
	width: 328px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
	display: flex;
    align-items: center;
}
#abr {
	fill: rgba(26,26,26,1);
}
.abr {
	position: absolute;
	overflow: visible;
	width: 445px;
	height: 522px;
	left: 0px;
	top: 0px;
}
#abs {
	position: absolute;
	width: 159px;
	height: 100px;
	left: 40px;
	top: 40px;
	overflow: visible;
}
#abt {
	border: 0;
	left: 50px;
	top: 50px;
	position: absolute;
	overflow: visible;
	width: 344px;
	height: 304px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abu {
	border: 0;
	left: 50px;
	top: 442px;
	position: absolute;
	overflow: visible;
	width: 222px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#abv {
	border: 0;
	left: 50px;
	top: 409px;
	position: absolute;
	overflow: visible;
	width: 328px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
	display: flex;
    align-items: center;
}
#abw {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 192px;
	top: 5127px;
	overflow: visible;
}
#abx {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1678px;
	top: 5127px;
	overflow: visible;
}
#aby {
	border: 0;
	left: 734px;
	top: 4726px;
	position: absolute;
	overflow: visible;
	width: 427px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#abz {
	border: 0;
	left: 451px;
	top: 4811px;
	position: absolute;
	overflow: visible;
	width: 1019px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acb {
	fill: rgba(0,122,116,1);
}
.acb {
	filter: drop-shadow(0px 0px 10px rgba(18, 18, 18, 0.329));
	position: absolute;
	overflow: visible;
	width: 196px;
	height: 90px;
	left: 0px;
	top: 0px;
}
#acc {
	border: 0;
	left: 30px;
	top: 15px;
	position: absolute;
	overflow: visible;
	width: 107px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acd {
	border: 0;
	left: 459px;
	top: 484px;
	width: 1003px;
	height: 60px;
	position: absolute;
	overflow: visible;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#ace {
	border: 0;
	left: 920px;
	top: 466px;
	position: absolute;
	overflow: visible;
	width: 83px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 15px;
	color: rgba(0,160,151,1);
	text-transform: uppercase;
}
#acf {
	position: absolute;
	width: 1152px;
	height: 565px;
	left: 384px;
	top: 6764px;
	overflow: visible;
}
#acg {
	border: 0;
	left: 383px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 361px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#ach {
	border: 0;
	left: 8px;
	top: 85px;
	position: absolute;
	overflow: visible;
	width: 1137px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aci {
	position: absolute;
	width: 1152px;
	height: 400px;
	left: 0px;
	top: 165px;
	overflow: visible;
}
#acj {
	position: absolute;
	width: 431px;
	height: 643px;
	left: 721px;
	top: 185px;
	overflow: visible;
}
#ack {
	fill: rgba(26,26,26,1);
}
.ack {
	position: absolute;
	overflow: visible;
	width: 431px;
	height: 275px;
	left: 0px;
	top: 0px;
}
#acl {
	position: absolute;
	width: 331px;
	height: 175px;
	left: 50px;
	top: 50px;
	overflow: visible;
}
#acm {
	border: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 141px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acn {
	border: 0;
	left: 193px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 138px;
	white-space: nowrap;
	text-align: right !important;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
}
#aco {
	border: 0;
	left: 0px;
	top: 145px;
	position: absolute;
	overflow: visible;
	width: 119px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acp {
	border: 0;
	left: 182px;
	top: 145px;
	position: absolute;
	overflow: visible;
	width: 149px;
	white-space: nowrap;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
}
#acq {
	fill: rgba(34,34,34,1);
}
.acq {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 0px;
}
#acr {
	border: 0;
	left: 422px;
	top: 15px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#arrivalInputPrice {
    border: none;
    width: 100%;
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white;
    background-color: transparent;
    cursor: pointer; /* Zeigt an, dass das Feld klickbar ist */
    outline: none;
    padding-right: 40px;
}

#arrivalInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#acs {
	border: 0;
	left: 1px;
	top: 15px;
	position: absolute;
	overflow: visible;
	width: 75px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#act {
	fill: rgba(34,34,34,1);
}
.act {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 85px;
}
#acu {
	border: 0;
	left: 422px;
	top: 100px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#departureInputPrice {
    border: none;
    width: 100%;
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white;
    background-color: transparent;
    cursor: pointer; /* Zeigt an, dass das Feld klickbar ist */
    outline: none;
    padding-right: 40px;
}

#departureInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#acv {
	border: 0;
	left: 1px;
	top: 100px;
	position: absolute;
	overflow: visible;
	width: 116px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acw {
	fill: rgba(34,34,34,1);
}
.acw {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 170px;
}
#acx {
	border: 0;
	left: 422px;
	top: 185px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#acy {
	border: 0;
	left: 1px;
	top: 173px;
	position: absolute;
	overflow: visible;
	width: 75px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#acz {
	fill: rgba(34,34,34,1);
}
.acz {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 334px;
}
#ada {
	border: 0;
	left: 422px;
	top: 349px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#adb {
	border: 0;
	left: 1px;
	top: 337px;
	position: absolute;
	overflow: visible;
	width: 97px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adc {
	fill: rgba(34,34,34,1);
}
.adc {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 416px;
}
#add {
	border: 0;
	left: 422px;
	top: 431px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#ade {
	border: 0;
	left: 0px;
	top: 419px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adf {
	border: 0;
	left: 1px;
	top: 367px;
	position: absolute;
	overflow: visible;
	width: 247px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#adg {
	border: 0;
	left: 0px;
	top: 449px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#adh {
	border: 0;
	left: 1px;
	top: 203px;
	position: absolute;
	overflow: visible;
	width: 166px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#adi {
	position: absolute;
	width: 1536px;
	height: 951px;
	left: 205px;
	top: 5613px;
	overflow: visible;
}
#adj {
	border: 0;
	left: 553px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 405px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#adk {
	fill: rgba(26,26,26,1);
}
.adk {
	position: absolute;
	overflow: visible;
	width: 1536px;
	height: 750px;
	left: 0px;
	top: 201px;
}
#adl {
	border: 0;
	left: 0px;
	top: 85px;
	position: absolute;
	overflow: visible;
	width: 1537px;
	height: 66px;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adm {
	position: absolute;
	width: 1290px;
	height: 1135px;
	left: 315px;
	top: 7772px;
	overflow: visible;
}
#adn {
	border: 0;
	left: 517px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 231px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#ado {
	border: 0;
	left: 0px;
	top: 85px;
	position: absolute;
	overflow: visible;
	width: 1291px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adp {
	fill: rgba(34,34,34,1);
}
.adp {
	position: absolute;
	overflow: visible;
	width: 576px;
	height: 60px;
	left: 453px;
	top: 195px;
}
#adq {
	border: 0;
	left: 478px;
	top: 210px;
	position: absolute;
	overflow: visible;
	width: 526px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#adr {
	border: 0;
	left: 261px;
	top: 210px;
	position: absolute;
	overflow: visible;
	width: 68px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ads {
	border: 0;
	left: 261px;
	top: 295px;
	position: absolute;
	overflow: visible;
	width: 73px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adt {
	border: 0;
	left: 261px;
	top: 960px;
	position: absolute;
	overflow: visible;
	width: 117px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adu {
	fill: rgba(34,34,34,1);
}
.adu {
	position: absolute;
	overflow: visible;
	width: 576px;
	height: 60px;
	left: 453px;
	top: 280px;
}
#adv {
	border: 0;
	left: 478px;
	top: 295px;
	position: absolute;
	overflow: visible;
	width: 526px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#adw {
	fill: rgba(34,34,34,1);
}
.adw {
	position: absolute;
	overflow: visible;
	width: 576px;
	height: 210px;
	left: 453px;
	top: 960px;
}
#adx {
	border: 0;
	left: 478px;
	top: 975px;
	position: absolute;
	overflow: visible;
	width: 526px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#ady {
	border: 0;
	left: 261px;
	top: 1220px;
	position: absolute;
	overflow: visible;
	width: 567px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#adz {
	position: absolute;
	width: 120px;
	height: 60px;
	left: 585px;
	top: 1330px;
	overflow: visible;
}
#aea {
	fill: rgba(0,122,116,1);
}
.aea {
	position: absolute;
	overflow: visible;
	width: 120px;
	height: 60px;
	left: 0px;
	top: 0px;
}
#aeb {
	border: 0;
	left: 34px;
	top: 15px;
	position: absolute;
	overflow: visible;
	width: 53px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aec {
	border: 0;
	left: 328px;
	top: 210px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(0,122,116,1);
}
#aed {
	border: 0;
	left: 333px;
	top: 295px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(0,122,116,1);
}
#aee {
	border: 0;
	left: 261px;
	top: 380px;
	position: absolute;
	overflow: visible;
	width: 74px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aef {
	border: 0;
	left: 334px;
	top: 380px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(0,122,116,1);
}
#aeg {
	fill: rgba(34,34,34,1);
}
.aeg {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 453px;
	top: 365px;
}
#aeh {
    border: 0;
    left: 478px;
    top: 380px;
    position: absolute;
    overflow: visible;
    width: 189px;
    white-space: nowrap;
    text-align: left;
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: rgba(64,64,64,1);
}

#arrivalInput {
    border: none;
    width: 100%;
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white;
    background-color: transparent;
    cursor: pointer; /* Zeigt an, dass das Feld klickbar ist */
    outline: none;
    padding-right: 40px;
}

#arrivalInput::placeholder {
    color: rgba(64,64,64,1);
}
#aei {
	fill: rgba(34,34,34,1);
}
.aei {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 365px;
}
#aej {
	border: 0;
	left: 804px;
	top: 380px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#departureInput {
    border: none;
    width: 100%;
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white;
    background-color: transparent;
    cursor: pointer; /* Zeigt an, dass das Feld klickbar ist */
    outline: none;
    padding-right: 40px;
}

#departureInput::placeholder {
    color: rgba(64,64,64,1);
}
#aek {
	border: 0;
	left: 736px;
	top: 380px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ael {
	fill: rgba(34,34,34,1);
}
.ael {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 450px;
}
#aem {
	border: 0;
	left: 804px;
	top: 465px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#adultInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#adultInput::placeholder {
    color: rgba(64,64,64,1);
}
#childInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#childInput::placeholder {
    color: rgba(64,64,64,1);
}
#babyInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#babyInput::placeholder {
    color: rgba(64,64,64,1);
}
#adultInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#adultInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#childInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#childInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#babyInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#babyInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#aen {
	border: 0;
	left: 262px;
	top: 453px;
	position: absolute;
	overflow: visible;
	width: 75px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aeo {
	fill: rgba(34,34,34,1);
}
.aeo {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 620px;
}
#aep {
	border: 0;
	left: 804px;
	top: 635px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#aeq {
	border: 0;
	left: 262px;
	top: 623px;
	position: absolute;
	overflow: visible;
	width: 97px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aer {
	fill: rgba(34,34,34,1);
}
.aer {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 702px;
}
#aes {
	border: 0;
	left: 804px;
	top: 717px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#aet {
	border: 0;
	left: 261px;
	top: 705px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aeu {
	border: 0;
	left: 262px;
	top: 653px;
	position: absolute;
	overflow: visible;
	width: 247px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aev {
	border: 0;
	left: 261px;
	top: 735px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aew {
	border: 0;
	left: 262px;
	top: 483px;
	position: absolute;
	overflow: visible;
	width: 166px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aex {
	border: 0;
	left: 336px;
	top: 453px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(0,122,116,1);
}
#aey {
	position: absolute;
	width: 1728px;
	height: 800.467px;
	left: 192px;
	top: 3725.267px;
	overflow: visible;
}
#aez {
	fill: rgba(26,26,26,1);
}
.aez {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 274px;
	left: 384px;
	top: 430.733px;
}
#afa {
	position: absolute;
	width: 124.088px;
	height: 100px;
	left: 465.956px;
	top: 480.733px;
	overflow: visible;
}
#afd {
	border: 0;
	left: 0px;
	top: 180.733px;
	position: absolute;
	overflow: visible;
	width: 769px;
	height: 150px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#afe {
	border: 0;
	left: 0px;
	top: 95.733px;
	position: absolute;
	overflow: visible;
	width: 200px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#aff {
	fill: rgba(26,26,26,1);
}
.aff {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 274px;
	left: 25px;
	top: 430.733px;
}
#afg {
	border: 0;
	left: 100px;
	top: 630.733px;
	position: absolute;
	overflow: visible;
	width: 139px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#afh {
	position: absolute;
	width: 112.926px;
	height: 100px;
	left: 112.537px;
	top: 480.733px;
	overflow: visible;
}
#afi {
	border: 0;
	left: 489px;
	top: 630.733px;
	position: absolute;
	overflow: visible;
	width: 79px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#dda, #ddd, #ddg, #ddj, #ddm, #ddp, #dds, #ddv, #ddy, #ddab {
	position: absolute;
	width: 288px;
	height: 274px;
	left: 25px;
	top: 430.733px;
	overflow: visible;
}
#ddb, #dde, #ddh, #ddk, #ddn, #ddq, #ddt, #ddw, #ddz, #ddac {
	position: absolute;
	width: 288px;
	height: 274px;
	left: 384px;
	top: 430.733px;
	overflow: visible;
}
#ddc, #ddf, #ddi, #ddl, #ddo, #ddr, #ddu, #ddx, #ddaa, #ddad {
	position: absolute;
	width: 288px;
	height: 274px;
	left: 743px;
	top: 430.733px;
	overflow: visible;
}
#afj {
	fill: rgba(26,26,26,1);
}
.afj {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 274px;
	left: 0px;
	top: 0px;
}
#afk {
	border: 0;
	left: 50%;
	top: 212px;
	position: absolute;
	overflow: visible;
	width: 149px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
	transform: translate(-50%, -50%);
}
#afl {
	position: absolute;
	height: 100px;
	left: 50%;
	top: 100px;
	transform: translate(-50%, -50%);
	overflow: visible;
}
#afm {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 542.733px;
	overflow: visible;
}
#afn {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1006px;
	top: 542.733px;
	overflow: visible;
}
#afo {
	position: absolute;
	width: 1728px;
	height: 800.467px;
	left: 0px;
	top: 2725px;
	overflow: visible;
}
#afp {
	position: absolute;
	width: 768px;
	height: 800.467px;
	left: 0px;
	top: 0px;
	border-radius: 0px 25px 25px 0px;
	overflow: hidden;
}
#afq {
	border: 0;
	left: 960px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 198px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
}
#afr {
	border: 0;
	left: 960px;
	top: 380px;
	position: absolute;
	overflow: visible;
	width: 215px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: rgba(255,255,255,1);
}
#afs {
	border: 0;
	left: 960px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 769px;
	height: 240px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#afu {
	border: 0;
	left: 1378px;
	top: 561px;
	position: absolute;
	overflow: visible;
	width: 350px;
	height: 120px;
	text-align: right;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#afv {
	border: 0;
	left: 960px;
	top: 416px;
	position: absolute;
	overflow: visible;
	width: 304px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#afz {
	mix-blend-mode: normal;
	position: absolute;
	width: 768px;
	height: 800.467px;
	left: 1152px;
	top: 1179.767px;
	overflow: hidden;
}
#agd {
	mix-blend-mode: normal;
	position: absolute;
	width: 768px;
	height: 800.467px;
	left: 1152px;
	top: 1179.767px;
	overflow: hidden;
}
#age {
	position: absolute;
	width: 1200px;
	height: 800.467px;
	left: 0px;
	top: 0px;
	border-radius: 25px;
	overflow: hidden;
}
#agf {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 192px;
	top: 2277.233px;
	overflow: visible;
}
#agg {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1678px;
	top: 2277.233px;
	overflow: visible;
}
#agh {
	position: absolute;
	width: 1536px;
	height: 767px;
	left: 192px;
	top: 50px;
	overflow: visible;
}
#agi {
	position: absolute;
	width: 1536px;
	height: 100px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#agj {
	fill: rgba(18,18,18,0.900);
}
.agj {
	position: absolute;
	overflow: visible;
	width: 1536px;
	height: 100px;
	left: 0px;
	top: 0px;
}
#agk {
	mix-blend-mode: normal;
	position: absolute;
	width: 56px;
	height: 62px;
	left: 20px;
	top: 19px;
	overflow: hidden;
}
#agl {
	position: absolute;
	width: 80px;
	height: 80px;
	left: -12px;
	top: -9px;
	overflow: visible;
}
#agm {
	border: 0;
	left: 96px;
	top: 23px;
	position: absolute;
	overflow: visible;
	width: 122px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
}
#agn {
	border: 0;
	left: 96px;
	top: 53px;
	position: absolute;
	overflow: visible;
	width: 97px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
}
#ago {
	border: 0;
	left: 446px;
	top: 35px;
	position: absolute;
	overflow: visible;
	width: 63px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agp {
	border: 0;
	left: 583px;
	top: 35px;
	position: absolute;
	overflow: visible;
	width: 121px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agq {
	border: 0;
	left: 949px;
	top: 35px;
	position: absolute;
	overflow: visible;
	width: 83px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agr {
	border: 0;
	left: 778px;
	top: 35px;
	position: absolute;
	overflow: visible;
	width: 97px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ags {
	position: absolute;
	width: 166px;
	height: 60px;
	left: 1350px;
	top: 20px;
	overflow: visible;
}
#agt {
	fill: rgba(0,122,116,1);
}
.agt {
	filter: drop-shadow(0px 0px 10px rgba(18, 18, 18, 0.329));
	position: absolute;
	overflow: visible;
	width: 196px;
	height: 90px;
	left: 0px;
	top: 0px;
}
#agu {
	border: 0;
	left: 30px;
	top: 15px;
	position: absolute;
	overflow: visible;
	width: 107px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agv {
	position: absolute;
	width: 274px;
	height: 360px;
	left: 506px;
	top: 125px;
	overflow: visible;
}
#agw {
	fill: rgba(18,18,18,0.900);
}
.agw {
	position: absolute;
	overflow: visible;
	width: 274px;
	height: 360px;
	left: 0px;
	top: 0px;
}
#agx {
	border: 0;
	left: 68px;
	top: 25px;
	position: absolute;
	overflow: visible;
	width: 139px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agy {
	border: 0;
	left: 99px;
	top: 65px;
	position: absolute;
	overflow: visible;
	width: 77px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#agz {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.agz {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 26px;
	top: 60px;
	transform: matrix(1,0,0,1,0,0);
}
#aha {
	border: 0;
	left: 90px;
	top: 105px;
	position: absolute;
	overflow: visible;
	width: 95px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahb {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahb {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 26px;
	top: 100px;
	transform: matrix(1,0,0,1,0,0);
}
#ahc {
	border: 0;
	left: 103px;
	top: 145px;
	position: absolute;
	overflow: visible;
	width: 67px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahd {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahd {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 25px;
	top: 140px;
	transform: matrix(1,0,0,1,0,0);
}
#ahe {
	border: 0;
	left: 63px;
	top: 185px;
	position: absolute;
	overflow: visible;
	width: 147px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahf {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahf {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 25px;
	top: 180px;
	transform: matrix(1,0,0,1,0,0);
}
#ahg {
	border: 0;
	left: 109px;
	top: 225px;
	position: absolute;
	overflow: visible;
	width: 57px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahh {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahh {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 26px;
	top: 220px;
	transform: matrix(1,0,0,1,0,0);
}
#ahi {
	border: 0;
	left: 86px;
	top: 265px;
	position: absolute;
	overflow: visible;
	width: 103px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahj {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahj {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 26px;
	top: 260px;
	transform: matrix(1,0,0,1,0,0);
}
#ahk {
	border: 0;
	left: 41px;
	top: 305px;
	position: absolute;
	overflow: visible;
	width: 195px;
	white-space: nowrap;
	text-align: center;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahl {
	fill: transparent;
	stroke: rgba(255,255,255,0.102);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.ahl {
	overflow: visible;
	position: absolute;
	width: 226px;
	height: 1px;
	left: 27px;
	top: 300px;
	transform: matrix(1,0,0,1,0,0);
}
#ahm {
	position: absolute;
	width: 1502px;
	height: 642px;
	left: 17px;
	top: 125px;
	overflow: visible;
}
#ahn {
	fill: rgba(18,18,18,0.900);
}
.ahn {
	position: absolute;
	overflow: visible;
	width: 1502px;
	height: 642px;
	left: 0px;
	top: 0px;
}
#aho {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 100px;
	top: 100px;
	overflow: visible;
}
#ahp {
	fill: rgba(26,26,26,1);
}
.ahp {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
}
#ahq {
	border: 0;
	left: 25px;
	top: 313px;
	position: absolute;
	overflow: visible;
	width: 88px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahr {
	position: absolute;
	width: 288px;
	height: 288px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#ahs {
	border: 0;
	left: 25px;
	top: 343px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aht {
	border: 0;
	left: 25px;
	top: 392px;
	position: absolute;
	overflow: visible;
	width: 156px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#ahu {
	position: absolute;
	width: 75px;
	height: 75px;
	left: 10px;
	top: 203px;
	overflow: visible;
}
#ahv {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 438px;
	top: 100px;
	overflow: visible;
}
#ahw {
	fill: rgba(26,26,26,1);
}
.ahw {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
}
#ahx {
	border: 0;
	left: 25px;
	top: 313px;
	position: absolute;
	overflow: visible;
	width: 164px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#ahy {
	position: absolute;
	width: 288px;
	height: 288px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#ahz {
	border: 0;
	left: 25px;
	top: 343px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aia {
	border: 0;
	left: 25px;
	top: 392px;
	position: absolute;
	overflow: visible;
	width: 157px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aib {
	position: absolute;
	width: 75px;
	height: 75px;
	left: 10px;
	top: 203px;
	overflow: visible;
}
#aic {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 776px;
	top: 101px;
	overflow: visible;
}
#aid {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aie {
	fill: rgba(26,26,26,1);
}
.aie {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
}
#aif {
	border: 0;
	left: 25px;
	top: 313px;
	position: absolute;
	overflow: visible;
	width: 114px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aig {
	position: absolute;
	width: 288px;
	height: 288px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aih {
	border: 0;
	left: 25px;
	top: 343px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aii {
	border: 0;
	left: 25px;
	top: 392px;
	position: absolute;
	overflow: visible;
	width: 154px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aij {
	position: absolute;
	width: 75px;
	height: 75px;
	left: 10px;
	top: 203px;
	overflow: visible;
}
#aik {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 1114px;
	top: 101px;
	overflow: visible;
}
#ail {
	position: absolute;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aim {
	fill: rgba(26,26,26,1);
}
.aim {
	position: absolute;
	overflow: visible;
	width: 288px;
	height: 441px;
	left: 0px;
	top: 0px;
}
#ain {
	border: 0;
	left: 25px;
	top: 313px;
	position: absolute;
	overflow: visible;
	width: 211px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#aio {
	position: absolute;
	width: 288px;
	height: 288px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#aip {
	border: 0;
	left: 25px;
	top: 343px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#aiq {
	border: 0;
	left: 25px;
	top: 392px;
	position: absolute;
	overflow: visible;
	width: 154px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#air {
	position: absolute;
	width: 75px;
	height: 75px;
	left: 10px;
	top: 203px;
	overflow: visible;
}
#ais {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 25px;
	top: 295.75px;
	overflow: visible;
}
#ait {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1427px;
	top: 295.25px;
	overflow: visible;
}
#aca {
	position: absolute;
	width: 166px;
	height: 60px;
	left: 877px;
	top: 714px;
	overflow: visible;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/resources/SF-Pro-Display-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/resources/SF-Pro-Display-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
a {
	color: inherit; /* Übernimmt die Textfarbe des umgebenden Elements */
	text-decoration: none; /* Entfernt die Unterstreichung des Links */
  }
  
  a:hover, #agp:hover, #afu:hover {
	color: rgba(0,160,151,1); /* Ändert die Farbe beim Hover */
	transition: color 0.3s ease; /* Sanfte Farbänderung */
    cursor: pointer; /* Zeigt an, dass das Element anklickbar ist */
  }

  #ais:hover, #ait:hover, #abw:hover, #abx:hover, #afm:hover, #afn:hover, #agf:hover, #agg:hover {
	transform: scale(1.10);
	transition: transform 0.3s ease;
	overflow: visible; /* Stellt sicher, dass das Element beim Vergrößern nicht abgeschnitten wird */
    cursor: pointer; /* Zeigt an, dass das Element anklickbar ist */
  }
  #aat:hover, #aau:hover, #aav:hover {
    filter: brightness(0.8);
}
#aho, #ahv, #aid, #ail, #baa, #bab, #bac, #bad {
	position: absolute;
	width: 288px;
	height: 441px;
	top: 100px;
	overflow: visible;
	visibility: visible;
	transition: transform 0.9s ease-in-out, visibility 0.9s ease-in-out;
}

#baa, #bab, #bac, #bad {
	visibility: hidden; /* Verstecke die zweite Gruppe */
  }
  
  #aho { left: 100px; }
  #ahv { left: 438px; }
  #aid { left: 778px; }
  #ail { left: 1114px; }
  #baa { left: 100px; }
  #bab { left: 438px; }
  #bac { left: 778px; }
  #bad { left: 1114px; }
  
  .hidden {
    display: none; /* Versteckt das Element vollständig */
}
  
/* Animationen für das Rausgleiten und Hereinkommen */
.slide-out-left {
	animation: slideOutLeft 0.9s forwards;
  }
  
  .slide-in-right {
	animation: slideInRight 0.9s forwards;
  }
  
  .slide-out-right {
	animation: slideOutRight 0.9s forwards;
  }
  
  .slide-in-left {
	animation: slideInLeft 0.9s forwards;
  }
  
  /* Keyframes für das vollständige Verschwinden nach links */
  @keyframes slideOutLeft {
	0% {
	  transform: translateX(0);
	  visibility: visible;
	}
	99% {
	  visibility: visible;
	}
	100% {
	  transform: translateX(-600%); /* Weit über den linken Rand hinaus */
	  visibility: hidden;
	}
  }
  
  /* Keyframes für das Hereinkommen von rechts */
  @keyframes slideInRight {
	0% {
	  transform: translateX(600%); /* Startet weit außerhalb des rechten Bildschirmrands */
	  visibility: hidden;
	}
	1% {
	  visibility: visible; /* Wird sichtbar, sobald es hereinkommt */
	}
	100% {
	  transform: translateX(0); /* Kommt ins Bild */
	  visibility: visible; /* Sichtbar, wenn es im Bild ist */
	}
  }
  
  /* Keyframes für das vollständige Verschwinden nach rechts */
  @keyframes slideOutRight {
	0% {
	  transform: translateX(0);
	  visibility: visible;
	}
	99% {
	  visibility: visible;
	}
	100% {
	  transform: translateX(600%); /* Weit über den rechten Rand hinaus */
	  visibility: hidden;
	}
  }
  
  /* Keyframes für das Hereinkommen von links */
  @keyframes slideInLeft {
	0% {
	  transform: translateX(-600%); /* Startet weit außerhalb des linken Bildschirmrands */
	  visibility: hidden;
	}
	1% {
	  visibility: visible; /* Wird sichtbar, sobald es hereinkommt */
	}
	100% {
	  transform: translateX(0); /* Kommt ins Bild */
	  visibility: visible; /* Sichtbar, wenn es im Bild ist */
	}
  }

  #ags:hover, #aho:hover, #ahv:hover, #aic:hover, #aik:hover, #baa:hover, #bab:hover, #bac:hover, #bad:hover, #aca:hover, #adz:hover, #afw:hover, #afx:hover, #afy:hover, #cca:hover, #ccb:hover, #ccc:hover, #ccd:hover, #cce:hover, #ccf:hover, #ccg:hover, #cch:hover, #cci:hover {
	  transform: scale(1.05) !important; /* Stelle sicher, dass scale Priorität hat */
	  transition: transform 0.3s ease !important; /* Übergangsanimation */
	  cursor: pointer;
  }

  #abe:hover, #abk:hover, #abq:hover, #aez:hover, #aff:hover, #afh:hover, #bba:hover, #bbb:hover, #bbc:hover, #bbd:hover, #bbe:hover, #bbf:hover, #bbg:hover, #bbh:hover, #bbi:hover, #dda:hover , #ddb:hover , #ddc:hover, #ddd:hover , #dde:hover , #ddf:hover, #ddg:hover , #ddh:hover , #ddi:hover, #ddj:hover , #ddk:hover , #ddl:hover, #ddm:hover , #ddn:hover , #ddo:hover, #ddp:hover , #ddq:hover , #ddr:hover, #dds:hover, #ddt:hover, #ddu:hover, #ddv:hover, #ddw:hover, #ddx:hover, #ddy:hover, #ddz:hover, #ddaa:hover, #ddab:hover, #ddac:hover, #ddad:hover {
	  transform: scale(1.05) !important; /* Stelle sicher, dass scale Priorität hat */
	  transition: transform 0.3s ease !important; /* Übergangsanimation */
  }

  @keyframes jump {
	0%, 100% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(-20px);
	}
  }

#map {
	position: absolute;
	left: 960px;
	top: 471px;
	width: 100%;
	height: 100%;
	border-radius: 25px;
}

.map-container {
	position: relative;
	width: 384px;
	height: 300px;
}

#abe, #bba, #bbd, #bbg {
	position: absolute;
	width: 445px;
	height: 522px;
	left: 217px;
	top: 4891px;
	overflow: visible;
}
#abk, #bbb, #bbe, #bbh {
	position: absolute;
	width: 445px;
	height: 522px;
	left: 738px;
	top: 4891px;
	overflow: visible;
}
#abq, #bbc, #bbf, #bbi {
	position: absolute;
	width: 445px;
	height: 522px;
	left: 1258px;
	top: 4891px;
	overflow: visible;
}
#afw, #cca, #ccd, #ccg {
	position: absolute;
	width: 445px;
	height: 445px;
	left: 267px;
	top: 2080px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 25px;
}
#afwa {
    position: absolute; /* Absolut positioniert */
    z-index: 1000; /* Überlagert andere Inhalte */
    display: none; /* Anfangs ausgeblendet */
    opacity: 0; /* Unsichtbar, für Übergangseffekt */
    width: 90%; /* Breite relativ zum Viewport */
    height: auto; /* Seitenverhältnis beibehalten */
    border-radius: 25px; /* Runde Ecken */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Schatten */
    background-color: rgba(255, 255, 255, 1); /* Hintergrund */
    transition: opacity 0.3s ease; /* Übergang für Sichtbarkeit */
}
.hidden-preview {
    position: absolute;
    z-index: 1000;
    display: none; /* Anfangs ausgeblendet */
    opacity: 0; /* Unsichtbar */
    width: 90%;
    height: auto;
    border-radius: 25px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    transition: opacity 0.3s ease;
}

.preview-trigger {
    cursor: pointer; /* Vorschau-Bilder sind klickbar */
}
#afx, #ccb, #cce, #cch {
	position: absolute;
	width: 445px;
	height: 445px;
	left: 1208px;
	top: 2080px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 25px;
}
#afy, #ccc, #ccf, #cci {
	position: absolute;
	width: 445px;
	height: 445px;
	left: 737.5px;
	top: 2080px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 25px;
}
#afb {
	mix-blend-mode: normal;
	position: absolute;
	width: 470px;
	height: 800.467px;
	left: 1258px;
	top: 0px;
	overflow: hidden;
}
#afc {
	position: absolute;
	width: 1200px;
	height: 800.467px;
	left: 0px;
	top: 0px;
	border-radius: 25px;
	overflow: hidden;
}
#mailInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#mailInput::placeholder {
    color: rgba(64,64,64,1);
}
#nameInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#nameInput::placeholder {
    color: rgba(64,64,64,1);
}
#messageInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#messageInput::placeholder {
    color: rgba(64,64,64,1);
}
#xxa {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 285px;
    background-color: rgba(18, 18, 18, 0.9);
    border-radius: 25px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
    visibility: hidden; /* Standardmäßig unsichtbar */
    opacity: 0; /* Unsichtbar für Übergang */
    transition: opacity 0.1s ease; /* Sanfter Übergang */
}

#xxa.visible {
    visibility: visible; /* Sichtbar */
    opacity: 1; /* Voll sichtbar */
}

/* Das Icon */
#xxd {
    width: 50px; /* Breite des Icons */
    height: 50px; /* Höhe proportional */
    margin-bottom: 15px; /* Abstand zum Text */
}

/* Der Text */
#xxc {
    font-size: 18px; /* Textgröße */
    color: white; /* Weißer Text */
    text-align: center; /* Zentriert */
    margin: 0; /* Kein Außenabstand */
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
    width: 400px;
}

#wwa {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 285px;
    background-color: rgba(18, 18, 18, 0.9);
    border-radius: 25px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
    visibility: hidden; /* Standardmäßig unsichtbar */
    opacity: 0; /* Unsichtbar für Übergang */
    transition: opacity 0.1s ease; /* Sanfter Übergang */
}

#wwa.visible {
    visibility: visible; /* Sichtbar */
    opacity: 1; /* Voll sichtbar */
}

/* Das Icon */
#wwd {
    width: 50px; /* Breite des Icons */
    height: 50px; /* Höhe proportional */
    margin-bottom: 15px; /* Abstand zum Text */
}

/* Der Text */
#wwc {
    font-size: 18px; /* Textgröße */
    color: white; /* Weißer Text */
    text-align: center; /* Zentriert */
    margin: 0; /* Kein Außenabstand */
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
    width: 400px;
}
.box-error {
    stroke: rgba(237, 27, 36, 1); /* Rot für SVG-Rahmen */
    fill: none;
    stroke-width: 1px; /* Optional: Rahmenstärke */
}

#welcome {
	position: absolute;
	width: 768px;
	height: 800px;
	left: 192px;
	top: 1180px;
	overflow: visible;
	display: flex; /* Flexbox-Layout */
	justify-content: center; /* Zentrierung horizontal (optional) */
	align-items: center; /* Zentrierung vertikal */
}

#welcometext {
	width: 768px;
}

#agc {
	border: 0;
	left: 0px;
	position: relative;
	overflow: visible;
	width: 506px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(255,255,255,1);
	margin-bottom: 25px; /* Abstand zwischen agc und agb */
}

#agb {
	border: 0;
	left: 0px;
	position: relative;
	overflow: visible;
	width: 769px;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#petbox {
	fill: rgba(34,34,34,1);
}
.petbox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 790px;
}
#petnum {
	border: 0;
	left: 804px;
	top: 805px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#petname {
	border: 0;
	left: 261px;
	top: 793px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#petdesc {
	border: 0;
	left: 261px;
	top: 823px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#petInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#petInput::placeholder {
    color: rgba(64,64,64,1);
}


#pensionerbox {
	fill: rgba(34,34,34,1);
}
.pensionerbox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 535px;
}
#pensionernum {
	border: 0;
	left: 804px;
	top: 550px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#pensionername {
	border: 0;
	left: 261px;
	top: 538px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#pensionerdesc {
	border: 0;
	left: 261px;
	top: 568px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#pensionerInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#pensionerInput::placeholder {
    color: rgba(64,64,64,1);
}

#laundrybox {
	fill: rgba(34,34,34,1);
}
.laundrybox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 779px;
	top: 878px;
}
#laundrynum {
	border: 0;
	left: 804px;
	top: 893px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#laundryname {
	border: 0;
	left: 261px;
	top: 878px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#laundrydesc {
	border: 0;
	left: 261px;
	top: 908px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#laundryInput {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#laundryInput::placeholder {
    color: rgba(64,64,64,1);
}

#pricepetbox {
	fill: rgba(34,34,34,1);
}
.pricepetbox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 498px;
}
#pricepetnum {
	border: 0;
	left: 422px;
	top: 513px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#pricepetname {
	border: 0;
	left: 1px;
	top: 501px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#pricepetdesc {
	border: 0;
	left: 1px;
	top: 531px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#petInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#petInputPrice::placeholder {
    color: rgba(64,64,64,1);
}


#pricepensionerbox {
	fill: rgba(34,34,34,1);
}
.pricepensionerbox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 252px;
}
#pricepensionernum {
	border: 0;
	left: 422px;
	top: 267px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#pricepensionername {
	border: 0;
	left: 1px;
	top: 255px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#pricepensionerdesc {
	border: 0;
	left: 1px;
	top: 285px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#pensionerInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#pensionerInputPrice::placeholder {
    color: rgba(64,64,64,1);
}

#pricelaundrybox {
	fill: rgba(34,34,34,1);
}
.pricelaundrybox {
	position: absolute;
	overflow: visible;
	width: 250px;
	height: 60px;
	left: 397px;
	top: 580px;
}
#pricelaundrynum {
	border: 0;
	left: 422px;
	top: 595px;
	position: absolute;
	overflow: visible;
	width: 189px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 25px;
	color: rgba(64,64,64,1);
}
#pricelaundryname {
	border: 0;
	left: 1px;
	top: 583px;
	position: absolute;
	overflow: visible;
	width: 78px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#pricelaundrydesc {
	border: 0;
	left: 1px;
	top: 613px;
	position: absolute;
	overflow: visible;
	width: 151px;
	white-space: nowrap;
	text-align: left;
	font-family: SF Pro Display, SF_Pro_Display;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(255,255,255,1);
}
#laundryInputPrice {
    border: none; /* Kein Rahmen */
    width: 100%; /* Passt sich der Breite des Containers an */
    font-family: SF Pro Display, SF_Pro_Display;
    font-style: normal;
    font-weight: lighter;
    font-size: 25px;
    color: white; /* Weißer Text bei der Eingabe */
    background-color: transparent; /* Hintergrund bleibt transparent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Entfernt die blaue Umrandung beim Klicken */
}
#laundryInputPrice::placeholder {
    color: rgba(64,64,64,1);
}
#abj i, #abp i, #abv i {
    color: #007A74;
	font-size: 20px;
}
.blur-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Halbtransparentes Schwarz */
    backdrop-filter: blur(10px); /* Hintergrund unscharf machen */
    z-index: 999; /* Über dem normalen Inhalt, aber unter dem Bild */
    display: none; /* Standardmäßig versteckt */
}
#adultInputPrice::-webkit-inner-spin-button,
#adultInputPrice::-webkit-outer-spin-button, #childInputPrice::-webkit-inner-spin-button,
#childInputPrice::-webkit-outer-spin-button, #babyInputPrice::-webkit-inner-spin-button,
#babyInputPrice::-webkit-outer-spin-button, #adultInput::-webkit-inner-spin-button,
#adultInput::-webkit-outer-spin-button, #childInput::-webkit-inner-spin-button,
#childInput::-webkit-outer-spin-button, #babyInput::-webkit-inner-spin-button,
#babyInput::-webkit-outer-spin-button, #petInput::-webkit-inner-spin-button,
#petInput::-webkit-outer-spin-button, #laundryInput::-webkit-inner-spin-button,
#laundryInput::-webkit-outer-spin-button, #pensionerInput::-webkit-inner-spin-button,
#pensionerInput::-webkit-outer-spin-button, #petInputPrice::-webkit-inner-spin-button,
#petInputPrice::-webkit-outer-spin-button, #laundryInputPrice::-webkit-inner-spin-button,
#laundryInputPrice::-webkit-outer-spin-button, #pensionerInputPrice::-webkit-inner-spin-button,
#pensionerInputPrice::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#adultInputPrice, #childInputPrice, #babyInputPrice, #adultInput, #childInput, #babyInput, #petInput, #laundryInput, #pensionerInput, #petInputPrice, #laundryInputPrice, #pensionerInputPrice {
    -moz-appearance: textfield; /* Entfernt Spinner in Firefox */
}
.number-input {
    position: relative;
    width: 100%; /* Passt sich dem Container an */
}
.slider-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.slider-icon i {
    font-size: 20px;
    color: #007A74;
    cursor: pointer;
	margin: -1px 0; /* Negativer Margin für engeren Abstand */
}
.slider-icon i:hover {
	filter: brightness(0.8);
}
/* Container für das Eingabefeld und das Icon */
#departureContainer, #arrivalContainer, #departurePriceContainer, #arrivalPriceContainer {
    position: relative;
    width: 100%;
}
/* Standard-Kalender-Icon entfernen */
#departureInput::-webkit-calendar-picker-indicator, #arrivalInput::-webkit-calendar-picker-indicator, #departureInputPrice::-webkit-calendar-picker-indicator, #arrivalInputPrice::-webkit-calendar-picker-indicator {
    display: none;
}
/* Styling für das eigene Kalender-Icon */
.calendar-icon {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #007A74; /* Der gewünschte Farbton */
    cursor: pointer; /* Zeigt an, dass es klickbar ist */
}
/* Hover-Effekt für das Icon */
.calendar-icon:hover {
	filter: brightness(0.8);
}
#closeButton, #closeButtonVerify {
    position: absolute;
    top: 30px; /* Abstand von oben */
    right: 30px; /* Abstand von rechts */
    font-size: 20px; /* Größe des Icons */
    color: white; /* Farbe des Icons */
    cursor: pointer; /* Zeigt an, dass es klickbar ist */
    z-index: 1001; /* Über dem Hintergrund */
    transition: color 0.2s ease; /* Farbänderung bei Hover */
}
#closeButton:hover, #closeButtonVerify:hover {
    color: rgba(255, 255, 255, 0.7); /* Leicht transparenter Effekt bei Hover */
}
.flatpickr-calendar {
    font-family: SF Pro Display, SF_Pro_Display;
    background-color: #232323;
    color: #ffffff; /* Weiß für den Text */
    border: 1px solid #121212 !important;
}
.flatpickr-day:hover {
    background-color: #343434; /* Hover-Farbe */
    color: #ffffff; /* Schriftfarbe bei Hover */
    border: 1px solid #121212 !important;
}
.flatpickr-day {
    color: #ffffff; /* Standard-Schriftfarbe */
    border: 1px solid #121212 !important;
}
.flatpickr-day.selected, 
.flatpickr-day.selected:hover {
    background-color: #007A74; /* Hintergrundfarbe des ausgewählten Datums */
    color: #ffffff; /* Schriftfarbe des ausgewählten Datums */
}
.flatpickr-month {
    color: #ffffff !important; /* Weiß für Monat/Jahr */
    background-color: #232323 !important; /* Gleicher Hintergrund wie der Kalender */
}
.flatpickr-weekday {
    color: #ffffff !important; /* Weiß für die Wochentage */
    background-color: #232323 !important; /* Gleicher Hintergrund */
    text-transform: uppercase; /* Optional: Großbuchstaben */
    font-weight: bold; /* Optional: Schrift fett */
}
.flatpickr-day.today {
    background-color: transparent; /* Kein Hintergrund */
    color: #CE2029; /* Schriftfarbe */
}
.flatpickr-day.today:hover {
    background-color: #343434; /* Hover-Farbe */
    color: #007A74; /* Schriftfarbe bleibt gleich */
}
.flatpickr-day.nextMonthDay:hover {
    background-color: #343434; /* Gleicher Hover-Hintergrund wie für aktuelle Tage */
    color: #ffffff; /* Schriftfarbe bei Hover */
    border: 1px solid #121212; /* Gleicher Rahmen */
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    fill: #ffffff !important; /* Setzt die Pfeilfarbe auf Weiß */
    width: 14px; /* Optionale Größe */
    height: 14px; /* Optionale Größe */
    cursor: pointer; /* Klickbar machen */
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
    fill: #007A74 !important; /* Hover-Farbe der Pfeile */
}