@charset "UTF-8";

/* add individual css here */

body {
	color: #787878;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#header {background: #ffffff !important;}

.header-inner {background: transparent !important;}


h1, .single h1 {padding-bottom: 5px; color: #C50404; border-bottom: #9c9c9c dotted 2px; font-weight: normal; font-size: 30px;}

h2 {color: #787878;}

h3 {color: #787878;}


#content {
	background-image: url("signet.png");
	background-repeat: no-repeat;
	background-position: center 50px;
}

#content.noImg {
	border-top: 40px solid rgba(88, 88, 90, 0.9);
	padding-top: 20px !important;

}

.home #content {
	background-image: none;
}


div.wpcf7 {
	background-color: #E5E5E5;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	box-shadow: rgb(0, 0, 0) 0 0 8px 0;
	color: #000000 !important;
}

div.wpcf7 label {color: #000000 !important;}

/* --------------- normal desktop styling ------------------------------- */

@media only screen and (min-width: 992px) {
	#topbar .topnav {
		font-size: 12px;
	}
}

@media screen and (min-width: 1025px) {
	.single-featured-image-header {clear: both;}

	/* graue Leiste verstecken / Eigenschaften anpassen */
	#topbar {position: static; min-height: 0; height: 0; border: 0;}

	#topbar.sticky {
		position: fixed;
		overflow: visible;
		z-index: 1000;
		width: 100%;
	}

	/* Elemente in grauer Leiste (Suche & Topnav) stylen */
	#topbar * {color: #787878 !important;}

	/* Topnav*/
	#topbar #topnav {position: absolute; top: 0; padding-bottom: 20px; right: 0;z-index: 1001; text-align: right; white-space: nowrap !important;}

	#topbar #topnav li:last-child {margin-right: 0; padding-right: 0;}

	/* Schnellsuche*/
	#searchblock {position: absolute; right: 0; margin-right: 0; padding-right: 0; top: 50px; z-index: 1001;}

	#topbar #searchform {margin: 0 !important; padding: 0 !important;}

	#topbar #searchform input[type="text"] {background: #ebebeb; padding-left: 0; border: 0; color: #787878 !important;}

	#topbar #searchform input[type="text"]:focus { background: #e3e3e3 !important;}

	#topbar #searchform input[type="text"]::placeholder { color: #666666 !important;}

	#header {
		position: relative;
		top: 0;
		/* Padding anpassen je nach Höhe des Logos */
		padding-bottom: 60px;
	}

	#header .header-inner {padding-top: 0; padding-bottom: 0;}

	#header .container {position: static;}

	#header.sticky {box-shadow: rgba(0, 0, 0, 0.4) 0 5px 8px -2px;}

	#header.sticky .header-inner {box-shadow: none;}

	/* Logo linksbündig */
	#logo {float: none; padding: 20px 10px 20px 0; }

	.sticky #logo {max-width: 250px;}

	/* Hauptmenü volle Breite am unteren Rand vom Header*/
	#dropdown {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		float: none;
		width: 100%;
	}

	#dropdown ul.sub-menu {
		/* Wert individuell anpassen, je nach Höhe des Logos */
		top: 32px;
	}

	#dropdown > ul {
		max-width: 1224px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		justify-content: center;
	}

	#dropdown > ul > li {flex-grow: 1;}

	#mainnav > li > a {
		margin: 5px 0;
		padding: 0;
		text-align: center;
		border-right: 1px solid #424242;
	}

	#dropdown > ul > li:last-child > a {border-right: 0;}

	/* Pfeil ausblenden */
	#dropdown .level-1 > li > a:before {display: none !important;}

	#header.sticky #dropdown ul.sub-menu ul {top: 0;}
}


/* --------------- reposition slider text ------------------------------- */

@media only screen  and (min-width: 426px) {
	.lsow-image-slider.lsow-style2 .lsow-caption,
	.lsow-image-slider.lsow-style2 .nivo-caption,
	.single-featured-image-header .featured-caption {
		top: auto;
		bottom: 0;
		left: 0;
		background: rgba(88, 88, 90, 0.9);
		width: 100%;
		max-width: none;
		transform: none;
		overflow: hidden;
		padding: 10px;
		text-align: center;
	}

	.lsow-image-slider.lsow-style2 .lsow-caption *,
	.lsow-image-slider.lsow-style2 .nivo-caption *,
	.lsow-image-slider .lsow-slide .lsow-caption .lsow-subheading,
	.single-featured-image-header .featured-caption * {
		display: inline; margin: 0 !important; padding: 0 !important; line-height: normal !important; font-size: 20px !important; letter-spacing: normal !important; color: #ffffff !important;
		text-transform: none !important; font-weight: normal !important;
		box-shadow: none !important; text-shadow: none !important;}

	.lsow-image-slider.lsow-style2 .lsow-caption .lsow-heading,
	.lsow-image-slider.lsow-style2 .nivo-caption .lsow-heading,
	.single-featured-image-header .featured-caption .featured-heading {font-size: inherit !important;}

	.lsow-image-slider.lsow-style2 .lsow-caption .lsow-subheading:not(:empty):after,
	.lsow-image-slider.lsow-style2 .nivo-caption .lsow-subheading:not(:empty):after,
	.single-featured-image-header .featured-caption .featured-subheading:not(:empty):after {content: " - ";}

	.lsow-container .lsow-flex-control-nav {display: none;}
}


@media only screen and (max-width: 767px) {
	.single-featured-image-header .featured-caption .featured-heading {display: block !important;}
}

/* --------------- footer ------------------------------- */

#footer, #footer .social-navigation {
	background: #d10019 !important;
	color: #ffffff;
}

#footer * {color: #ffffff !important; fill: #ffffff !important;}


@media only screen and (max-width: 1024px) {
	#logo {padding-bottom: 20px !important;}

	#dropdown #mainnav {
		margin-top: 70px;
	}
}

@media only screen and (max-width: 730px) {
	#dropdown #mainnav {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 480px) {
	#dropdown #mainnav {
		margin-top: 20px;
	}
}