.example {
	display: -ms-grid;
	display: grid;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
	background: -o-linear-gradient(top, white, black);
	background: linear-gradient(to bottom, white, black);
}
/* FONTS */
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Medium.eot');
	src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Medium.woff2') format('woff2'), url('../fonts/Oswald-Medium.woff') format('woff'),url('../fonts/Oswald-Medium.ttf') format('truetype'), url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto Lt';
	src: url('../fonts/Roboto-Medium.eot');
	src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'),url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'),url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
:focus {
	outline: 0;
}
ol,ul {
	list-style: none;
}
a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
	display: block;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-pixelated;
	image-rendering: pixelated;
}
html {
	font-size: 100%;
	scroll-behavior: smooth;
}
body {
	background-color: black;
}
/* BASE STYLES */
:root {
	--blue: #43b3c3;
	--pink: #b42a7f;
	--greengold: #aaac74;
	--section: rgba(24, 35, 51,0.7);
}
h1 {
	font-size: 3.5rem;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	line-height: 1;
}
p.regular {
	font-size: 1.3rem;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	white-space: pre-wrap;
	color: white;
	letter-spacing: 1.2px;
}
span.regular {
	font-size: 1.3rem;
	color: var(--blue);
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
span.regular-fat {
	font-size: 1.5rem;
	color: var(--blue);
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
span.pink{
	color: var(--greengold);
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
p.medium {
	font-size: 1.875rem;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	white-space: pre-wrap;
	letter-spacing: 1.2px;
	color: var(--blue);
}
span.heading {
	font-size: 3.5rem;
	color: var(--blue);
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
section {
	padding: 0 2rem;
}
.container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 100px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.scroll-margin {
	scroll-margin: 160px;
}
.scroll-margin2 {
	scroll-margin: 10px;
}
.scroll-margin3{
	scroll-margin: 50px
}
/* Scroll Spy */
.navigation li a.isactive {
	color: var(--blue);
}
/* scroll SPy end */
/* BASE STYLEZ ENDE */
/* NAV */
.impdat {
	display: none;
}
/* HOMESECTION */
header {
	position: -webkit-sticky;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-bottom: 2px solid var(--blue);
	z-index: 1000000;
	-webkit-filter: drop-shadow(0px -8px 10px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(0px -8px 10px rgba(0, 0, 0, 0.5));
}
/* NAVIGATION */
.navbar {
	max-width: 1500px;
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	height: 80px;
	overflow: hidden;
	padding: 0 1rem;
	/* gap: 50px;
	*/
}
.logo {
	width: 100%;
	max-width: 180px;
}
.navbar ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-grid-column-align: end;
	justify-self: end;
}
.navbar ul li a {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: 1.8px;
	color: #fff;
	margin: 0px 8px;
	/* padding: 0.5rem 0rem 0.2rem 0rem;
	*/
	padding-bottom: 0.2rem;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.navbar ul li a:hover {
	color: var(--blue);
}
/* SOCIALS */
.instagram img{
	max-width: 30px;
	margin-left: 15px;
}
.facebook img{
	max-width: 30px;
	margin-left: 15px;
}
/* MOBILE MENU & ANIMATION */
.menu-toggle .bar {
	width: 25px;
	height: 3px;
	background-color: var(--blue);
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.menu-toggle {
	-ms-grid-column-align: end;
	justify-self: end;
	margin-right: 15px;
	top: 30%;
	display: none;
	z-index: 10000;
}
.menu-toggle:hover {
	cursor: pointer;
}
#mobile-menu.is-active .bar:nth-child(2) {
	opacity: 0;
}
#mobile-menu.is-active .bar:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
	background-color: var(--blue);
}
#mobile-menu.is-active .bar:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
	background-color: var(--blue);
}
/* NAV END --> */
/* HEADER */
#start {
	padding: 0;
}
.header-bild {
}
.mob {
	display: none;
}
/* HEADER ENDE >>> */
/* EVENT */
#event{
	padding-top: 65px;
	padding-bottom: 150px;
}
#event .container{
	overflow: hidden;
}
.event-links{
	z-index: 1000;
}
.event-icon{
	width: 100%;
	/* margin-top: 50px;
	*/
}
.event-icon img{
	max-width: 336px;
}
.text-box-links.desktop {
	margin-top: 45px;
	width: 100%;
	max-width: 700px;
	/* background-color: grey;
	*/
}
.text-box-links.mobile{
	display: none;
}
.event-rechts{
}
.text-box-links a span{
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	text-decoration: underline;
}
.text-box-links a span:hover{
	color: var(--pink);
}
.einleitung{
	color: white;
	font-size: 1.875rem;
}
/* EVENT RECHTS */
.event-rechts{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-ms-grid-row-align: end;
	-ms-grid-column-align: end;
	place-self: end;
}
.flieger-desk{
	width: 65%;
	/* max-width: 1096px;
	*/
	position: absolute;
	top: 97px;
	right: -90px;
}
.flieger-mob{
	display: none;
}
.charity-button{
	width: 100%;
	max-width: 536px;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.charity-button:hover{
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
/* EVENT ENDE */
/* PROGRAMM */
#programm{
	background-color: var(--section);
	/* height: 500px;
	*/
	position: relative;
}
#programm .container{
	/* justify-content: space-around;
	*/
}
.programm-icon{
	width: 100%;
	position: relative;
	top: -45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.programm-icon img{
	max-width: 336px;
}
/* MENU */
.programm-links{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	max-width: 1400px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.menu{
	width: 100%;
	max-width: 500px;
	position: relative;
}
.x-icon{
	max-width: 80px;
	position: absolute;
	left: -38px;
	top: 30px;
}
.menu p{
	line-height: 1;
	margin: 31px 0;
	font-size: 1.875rem;
}
.menu2, .menu4, .menu6{
	text-align: right;
}
.menu7.desktop{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 31px 0 59px 0;
}
.menu7.mobile{
	display: none;
}
.menu7 p{
	font-size: 1.875rem;
	line-height: 1;
}
.programm-rechts span, .programm-links span, .menu7 span{
	font-size: 1.5rem;
}
.programm-cta{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 20px 0 100px 0;
}
.programm-cta p{
	border-radius: 25px;
	border: 1px solid grey;
	padding: 45px 125px;
}
.programm-cta a span{
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.programm-cta a span:hover{
	color: var(--pink);
}
/* LOGOS */
.logos{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* row-gap: 20px;
	*/
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	background-color: white;
	padding: 23px 10px;
	margin: 0 0 0 0;
}
/* LOGOS ENDE */
/* PROGRAMM ENDE */
/* KONTAKT */
#kontakt{
}
#kontakt .container{
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	gap: 20px;
}
.kontakt-icon{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 100px 0;
}
.kontakt-icon img{
	max-width: 336px;
}
.kontakt-icons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.kontakt-icons img{
	max-width: 72px;
	margin-bottom: 20px;
}
.kontakt-icons p{
	font-size: 21px;
}
/* KONTAKT CTA */
.kontakt-cta{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 14px 0;
	background-color: var(--section);
	margin: 100px 0;
}
#kontakt .container a p{
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
#kontakt .container a p:hover{
	color: var(--pink);
}
/* FOOTER */
footer {
	padding: 19px 0;
	/* min-height: 270px;
	*/
	background-color: var(--blue);
	margin-bottom: 15px;
	text-align: center;
}
.footer-aufzahlung span {
	color: var(--blue);
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
.footer-socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
footer p.regular {
	color: white;
	font-size: 18px;
}
.footer-copyright {
	/* margin-top: 15px;
	*/
}
footer a {
	color: white;
	font-size: 18px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
footer a:hover {
	color: var(--pink);
}
/* FOOTER ENDE----> */
/* IMPRESSUM */
.impressum {
	max-width: 1364px;
	margin: 0 auto;
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	grid-area: datenschutz;
	color: white;
	padding: 2rem 2rem;
	z-index: 1;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.impressum p {
	font-size: 1rem;
	line-height: 2;
	letter-spacing: 2px;
	text-align: justify;
}
.impressum span {
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--blue);
}
.impressum a {
	font-size: 1.05rem;
	color: white;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.impressum a:hover {
	color: var(--pink);
}
/* IMPRESSUM ENDE ---> */
/* DATENSCHUTZ */
.datenschutz {
	max-width: 1364px;
	margin: 0 auto;
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	grid-area: datenschutz;
	color: white;
	padding: 2rem 2rem;
	z-index: 1;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.datenschutz p {
	font-size: 1rem;
	line-height: 2;
	letter-spacing: 2px;
	text-align: justify;
}
.datenschutz span {
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--blue);
}
.datenschutz a {
	font-size: 1.05rem;
	color: white;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.datenschutz a:hover {
	color: var(--pink);
}
/* DATENSCHUTZ ENDE ---> */