/*
 * Ergänzungen für die statische Version.
 * Ersetzt das Verhalten der WordPress-Plugins (FlexSlider, Contact Form 7) ohne jQuery.
 */

/* Slider: Überblendung per CSS statt FlexSlider */
.flexslider-home .slides > li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 0.6s ease;
	z-index: 1;
}
.flexslider-home .slides > li.flex-active-slide {
	position: relative;
	opacity: 1;
	z-index: 2;
}
/* Punkte sind Buttons (keine Links ohne Ziel); Optik wie die FlexSlider-Punkte */
.flex-control-nav li button {
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 15px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.25);
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	cursor: pointer;
	vertical-align: middle;
	transition: all 0.3s ease-in-out 0s;
}
.flex-control-nav li button.flex-active,
.flex-control-nav li button:hover {
	background: #fff;
}
/* Punkte-Navigation nicht über dem aufgeklappten Mobilmenü anzeigen */
.flex-control-nav {
	z-index: 10 !important;
}

/* Kontaktformular (ehemals Contact Form 7) */
.wpcf7 input[type='checkbox'] {
	margin: 4px 8px 0 0;
	float: left;
}
.wpcf7 .consent label {
	font-weight: 400;
	display: block;
	overflow: hidden;
}
.wpcf7 .consent .wpcf7-list-item-label {
	display: block;
	overflow: hidden;
	font-size: 10px;
	line-height: 1.5;
	color: #5a5a5a;
}
#footer-var1 .wpcf7 .consent a {
	color: #e95e5f;
}
.form-status {
	margin-top: 16px;
	padding: 8px 16px;
	border: 2px solid #e95e5f;
}

/* Mehr schwarze Fläche über "Noch Fragen?" */
#footer-content {
	padding-top: 40px;
}
@media (min-width: 768px) {
	/* Fixierter Footer: Höhe um Innenabstand (40px) plus zusätzlichen Abstand (40px) vergrößern */
	#footer-var1 {
		height: 820px;
	}
}

/* Footer-Links (im Original direkt hinter dem Copyright) */
.footer-legal {
	font-size: 80%;
	margin-bottom: 81px;
	padding-bottom: 20px;
}

/* Mobile Navigation (Bootstrap-Collapse ohne bootstrap.js) */
@media (max-width: 767px) {
	.navbar-collapse.collapse.in {
		display: block;
	}
}