body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Roboto Condensed';*/
	margin: 0;
	background: url("/pics/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: OldLace;
}

#headerBox {
	width: 50%;
	text-align: center;
	position: relative;
}

#headerBox h1 {
	font-size: 40px;
}

#partnerBox, #partnerBoxTitle {
	width: 50%;
}

#partnerBoxTitle {
	margin-top: 100px;
}

#partnerBox {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;				/* Make it smooth scrolling on iOS devices */
	-ms-overflow-style: -ms-autohiding-scrollbar;	/* Hide the ugly scrollbars in Edge until the scrollable area is hovered */
}

/* Hide the scroll bar in WebKit browsers */
#partnerBox::-webkit-scrollbar {
	display: none;
}

.partnerBoxCard {
	flex: 0 0 auto;
	width: 200px;
	margin-right: 20px; /* Abstand zwischen den Karten */
	background-color: rgba(222, 184, 135, .8); /* BurlyWood */
	border-radius: 15px;
	padding: 10px;
}

.headerInhalt {
	background-color: rgba(222, 184, 135, .8); /* BurlyWood */
	padding: 30px;
}

.headerInhalt p, #partnerBoxTitle {
	font-size: 26px;
}

.borderLeft, .borderTop, .borderBottom, .borderRight {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

.boxShadow {
	outline: none;
	animation: boxShadowAnim 3s infinite;
	/*animation-delay: 3s;*/
	/*box-shadow: 0 0 10px Cornsilk;
	transition: box-shadow linear .4s;*/
}

.borderLeft {
	border-left: 2px solid Cornsilk;
}
.borderTop {
	border-top: 2px solid Cornsilk;
}
.borderBottom {
	border-bottom: 2px solid Cornsilk;
}
.borderRight {
	border-right: 2px solid Cornsilk;
}

.hideMe {
	visibility: hidden;
}

@keyframes boxShadowAnim {
	50% { box-shadow: 0 0 10px Cornsilk; }
}



#mainCont {
	width: 100%;
	height: 100%;
	margin-top: 67px;
	position: relative;
}

.basicLink {
	color: inherit;
	text-decoration: none;
}

.basicLink:hover {
	color: Bisque;
}

.basicLink:active {
	color: DarkGoldenRod;
}

#inhaltCont {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

#inhalt {
	width: 55%;
}

#inhalt h1, #inhalt h2 {
	color: #103669;
}

#inhalt h1 {
	margin-bottom: .951rem;
	line-height: 1.1;
	word-wrap: break-word;
}

#inhaltHeader, #inhalt section {
	text-align: center;
	margin: 50px 0;
}

#inhalt hr {
	border-top-width: 1px;
	border-color: rgba(0, 0, 0, 0.08);
}

section.faq {
	display: flex;
	justify-content: space-between;
}

section.faq h2 {
	width: 22%;
	text-align: left;
}

#faq-accordion {
	width: 65%;
}

#faq-accordion, #fach-accordion {
	text-align: left;
}

/* Accordion-Ikon rechts positionieren */
.ui-accordion-header-icon {
	float: right;
	position: static;
	margin-top: 3px;
	/*margin-right: 10px;*/ /* bei linker Positionierung */
}

.ui-accordion-content-active {
	border-color: #091f3d;
	background-color: #f2f2f2;
}

.nav-right .dropbtn i {
	transition: 400ms;
}

.rotate180 {
	transform: rotate(180deg);
}

.animatedChar {
	animation: anC 1s ease-out 1 both;
	/*display: inline-block;*/
}

@keyframes anC {
	from {
		opacity: 0;
		transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
	}
	to {
		opacity: 1;
		transform: perspective(500px) translate3d(0, 0, 0);
	}
}

#commentsCont {
	width: 100%;
	text-align: left;
}

#btnAnmeldung {
	margin-top: 20px;
}

fieldset {
	background-color: #eeeeee;
}
  
legend {
	background-color: gray;
	color: white;
	padding: 5px 10px;
}

/* custom selectmenu style */
.custom-selectmenu {
	max-height: 200px;
}

.ui-selectmenu-button.ui-button {
	margin-top: 5px;		/* distance between btn and label */
}

/* custom autocomplete style */
.ui-autocomplete {
	max-height: 200px;
	max-width: 100vw;
	overflow-y: auto;
	overflow-x: hidden;		/* prevent horizontal scrollbar */
}

/* custom text-input style */
.ui-textfield {
	text-align: left;
	outline: none;
	cursor: text;
	margin-top: 5px;
	width: 14em;			/* default selectmenu width */
}

input[type=file].ui-textfield {
	cursor: pointer;
}

.ui-textfield:active {
	background-color: #ccd232;
	color: inherit;
}

.fa-brands {
	font-size: 30px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
}

.fa-facebook:hover {
	color: #3B5998 !important;
}

.fa-instagram:hover {
	color: #125688 !important;
}

.fa-tiktok:hover {
	color: #ff0050 !important;
}

.fa-youtube:hover {
	color: #bb0000 !important;
}

.fa-twitter:hover {
	color: #55ACEE !important;
}

.fa-google:hover {
	color: #dd4b39 !important;
}

@media screen and (max-width: 1200px) {
	section.faq {
		flex-direction: column;
	}
	
	section.faq h2 {
		width: 100%;
	}
	
	#faq-accordion {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	#inhalt {
		width: 90%;
	}
}

@media screen and (max-width: 480px) {
}