@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("webfont/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("webfont/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("webfont/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("webfont/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("webfont/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("webfont/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("webfont/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("webfont/Inter-BoldItalic.woff2") format("woff2"); }

*{
	box-sizing: border-box;
}

body, html{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

body{
	background-color: #f0f0f0;
	background-image: url(pattern_asolejos.svg);
	background-size: 250px;
	font-family: "Inter";
	line-height: 1.3;
}

h1, h2{
	font-size: 18px;
}
h1{
	font-weight: 700;
}
h2{
	font-weight: 500;
	line-height: 1.3;
}

p{
	font-size: 18px;
	font-weight: 500;
}

a{
	text-decoration: none;
	color: black;
}

.wrapper{
	max-width: 450px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
	padding: 15px 0px 30px 0px;
}

.bubble{
	padding: 20px;
	border-radius: 15px;
	background-color: #F6F5F3;
	filter: drop-shadow(00px 00px 10px rgba(0, 0, 0, 0.15));
}

.bubble p{
	margin: 0;
	font-size: 17px;
}

.bubble.containsicon{
	display: flex;
	justify-content: space-between;
	gap: 15px;
	align-items: center;
}

.icon{
	width: 30px;
	height: 30px;
	display: block;
	flex-shrink: 0;
}

.icon.venue{
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.30378 5.70999C9.34495 3.66881 12.1134 2.52209 15 2.52209C17.8867 2.52209 20.6551 3.66881 22.6963 5.70999C24.7374 7.75116 25.8842 10.5196 25.8842 13.4062C25.8842 16.2929 24.7374 19.0613 22.6963 21.1025L21.2125 22.57C20.1192 23.6433 18.7 25.0233 16.955 26.71C16.4306 27.2171 15.7296 27.5006 15 27.5006C14.2705 27.5006 13.5695 27.2171 13.045 26.71L8.68253 22.465C8.13253 21.9267 7.67294 21.4725 7.30378 21.1025C6.29304 20.0918 5.49128 18.892 4.94427 17.5714C4.39727 16.2509 4.11572 14.8356 4.11572 13.4062C4.11572 11.9769 4.39727 10.5616 4.94427 9.24102C5.49128 7.9205 6.29304 6.72065 7.30378 5.70999ZM21.3713 7.03749C20.5348 6.20088 19.5416 5.53724 18.4486 5.08444C17.3556 4.63164 16.1842 4.39856 15.0011 4.3985C12.6118 4.39839 10.3202 5.34743 8.63065 7.03686C6.94106 8.72629 5.99179 11.0177 5.99167 13.407C5.99155 15.7964 6.9406 18.0879 8.63003 19.7775L10.4888 21.6112C11.5121 22.6129 12.7988 23.8629 14.3488 25.3612C14.5235 25.5306 14.7571 25.6254 15.0004 25.6256C15.2437 25.6258 15.4775 25.5315 15.6525 25.3625L19.8963 21.235C20.4821 20.66 20.9738 20.1742 21.3713 19.7775C22.208 18.9409 22.8717 17.9478 23.3245 16.8547C23.7773 15.7616 24.0104 14.59 24.0104 13.4069C24.0104 12.2237 23.7773 11.0521 23.3245 9.95905C22.8717 8.86597 22.208 7.87404 21.3713 7.03749ZM15 9.99874C15.4985 9.98964 15.9938 10.08 16.4569 10.2644C16.9201 10.4489 17.3419 10.7238 17.6976 11.0731C18.0533 11.4224 18.3359 11.8391 18.5288 12.2988C18.7217 12.7585 18.821 13.2521 18.821 13.7506C18.821 14.2492 18.7217 14.7427 18.5288 15.2024C18.3359 15.6622 18.0533 16.0788 17.6976 16.4281C17.3419 16.7774 16.9201 17.0523 16.4569 17.2368C15.9938 17.4213 15.4985 17.5116 15 17.5025C14.0168 17.4845 13.08 17.0814 12.391 16.3797C11.702 15.678 11.316 14.734 11.316 13.7506C11.316 12.7672 11.702 11.8232 12.391 11.1215C13.08 10.4199 14.0168 10.0167 15 9.99874ZM15 11.8737C14.7495 11.8673 14.5002 11.911 14.2668 12.0024C14.0334 12.0939 13.8207 12.2311 13.6412 12.406C13.4617 12.5809 13.3191 12.79 13.2217 13.0209C13.1243 13.2519 13.0741 13.5 13.0741 13.7506C13.0741 14.0012 13.1243 14.2493 13.2217 14.4803C13.3191 14.7112 13.4617 14.9203 13.6412 15.0952C13.8207 15.2701 14.0334 15.4074 14.2668 15.4988C14.5002 15.5902 14.7495 15.634 15 15.6275C15.4858 15.6098 15.9457 15.4043 16.2831 15.0544C16.6205 14.7045 16.809 14.2373 16.809 13.7512C16.809 13.2652 16.6205 12.798 16.2831 12.4481C15.9457 12.0982 15.4858 11.8927 15 11.875' fill='black'/%3E%3C/svg%3E%0A");
}

.icon.contact{
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6875 5C25.4334 5 26.1488 5.29632 26.6762 5.82376C27.2037 6.35121 27.5 7.06658 27.5 7.8125V22.1937C27.5 22.9397 27.2037 23.655 26.6762 24.1825C26.1488 24.7099 25.4334 25.0062 24.6875 25.0062H5.3125C4.94316 25.0062 4.57743 24.9335 4.2362 24.7922C3.89497 24.6508 3.58493 24.4437 3.32376 24.1825C3.0626 23.9213 2.85543 23.6113 2.71409 23.27C2.57275 22.9288 2.5 22.5631 2.5 22.1937V7.8125C2.5 7.06658 2.79632 6.35121 3.32376 5.82376C3.85121 5.29632 4.56658 5 5.3125 5H24.6875ZM24.6875 6.875H5.3125C5.06386 6.875 4.8254 6.97377 4.64959 7.14959C4.47377 7.3254 4.375 7.56386 4.375 7.8125V22.1937C4.375 22.7112 4.795 23.1312 5.3125 23.1312H24.6875C24.9361 23.1312 25.1746 23.0325 25.3504 22.8567C25.5262 22.6808 25.625 22.4424 25.625 22.1937V7.8125C25.625 7.56386 25.5262 7.3254 25.3504 7.14959C25.1746 6.97377 24.9361 6.875 24.6875 6.875ZM12.1875 15.625C12.4361 15.625 12.6746 15.7238 12.8504 15.8996C13.0262 16.0754 13.125 16.3139 13.125 16.5625V17.1788L13.115 17.3137C12.9112 18.705 11.7475 19.3763 10 19.3763C8.2525 19.3763 7.0875 18.705 6.885 17.3137L6.875 17.1763V16.5625C6.875 16.3139 6.97377 16.0754 7.14959 15.8996C7.3254 15.7238 7.56386 15.625 7.8125 15.625H12.1875ZM16.565 16.245H22.1875C22.425 16.2451 22.6537 16.3353 22.8272 16.4975C23.0008 16.6596 23.1063 16.8816 23.1225 17.1186C23.1387 17.3556 23.0644 17.5899 22.9145 17.7741C22.7646 17.9584 22.5503 18.0789 22.315 18.1113L22.1875 18.12H16.565C16.3275 18.1199 16.0988 18.0297 15.9253 17.8675C15.7517 17.7054 15.6462 17.4834 15.63 17.2464C15.6138 17.0094 15.6881 16.7751 15.838 16.5909C15.9879 16.4066 16.2022 16.2861 16.4375 16.2538L16.565 16.245ZM10 10.6275C10.4973 10.6275 10.9742 10.825 11.3258 11.1767C11.6775 11.5283 11.875 12.0052 11.875 12.5025C11.875 12.9998 11.6775 13.4767 11.3258 13.8283C10.9742 14.18 10.4973 14.3775 10 14.3775C9.50272 14.3775 9.02581 14.18 8.67417 13.8283C8.32254 13.4767 8.125 12.9998 8.125 12.5025C8.125 12.0052 8.32254 11.5283 8.67417 11.1767C9.02581 10.825 9.50272 10.6275 10 10.6275ZM16.565 11.875H22.1875C22.425 11.8751 22.6537 11.9653 22.8272 12.1275C23.0008 12.2896 23.1063 12.5116 23.1225 12.7486C23.1387 12.9856 23.0644 13.2199 22.9145 13.4041C22.7646 13.5884 22.5503 13.7089 22.315 13.7413L22.1875 13.75H16.565C16.3275 13.7499 16.0988 13.6597 15.9253 13.4975C15.7517 13.3354 15.6462 13.1134 15.63 12.8764C15.6138 12.6394 15.6881 12.4051 15.838 12.2209C15.9879 12.0366 16.2022 11.9161 16.4375 11.8837L16.565 11.875Z' fill='black'/%3E%3C/svg%3E%0A");
}

a.imprintlink{
	color: #a7a5a0;
	font-size: 14px;
	text-align: right;
	margin-right: 20px;
}

.video{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.video video{
	width: 100%;
	border-radius: 15px;
	filter: drop-shadow(00px 00px 10px rgba(0, 0, 0, 0.15));
}

.video .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 85px;
	height: 85px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	cursor: pointer;
	-webkit-backdrop-filter: blur(4px);
			backdrop-filter: blur(4px);
}

/* Play-Icon */
.video .play-button::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent white;
	margin-left: 5px;
}

/* Button ausblenden, wenn das Video spielt */
.video video.playing + .play-button {
	display: none;
}

select#lang-switcher{
	appearance: none;
	padding: 6px 20px 6px 10px;
	border-radius: 15px;
	background-color: #F6F5F3;
	filter: drop-shadow(00px 00px 4px rgba(0, 0, 0, 0.15));
	border: 0;
	font-family: "Inter";
	font-size: 11px;
	color: black;
	font-weight: 500;
	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 1 8 8 1 1'/%3E%3C/svg%3E");
	background-size: 9px;
	background-repeat: no-repeat;
	background-position: 28px center;
}

@media all and (max-width: 500px){
	.wrapper{
		width: 100%;
		padding: 20px 10px;
	}
}