/*
light 	#eef0f6
medium	#e6e9f0
dark 	#d1d5e1
rot		#cd1719
blau 	#0d4295
*/

a {
	outline: none;
}

body {
	font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	line-height: 1.6;
	font-size: 10px;
	color: #444;
	background-color: #fff;
}

.wrapper {
	box-shadow: 0px 1px 9px #ccc;
}

header {
	background-color: #fff;
	position: relative;
}

.logo {
	position: absolute;
	top: 7px;
	left: 14px;
	z-index: 1000000;
}

.logo img {
	width: 174px;
	height: 45px;
}

@media (min-width: 768px) {
	header {
		background: #eef0f6 url('../images/header-sonne.png') no-repeat right top;
		background-size: cover;
	}
	
	.logo {
		position: relative;
		display: inline-block;
		top: auto;
		left: auto;
		height: 100px;
		background-image: url('../images/schmetterling.png');
		background-repeat: no-repeat;
		background-position: left -10px top 10px;
		background-size: contain;
		padding-right: 18px;
	}
	
	.logo a {
		display: inline-block;
		padding-left: 122px;
	}
	
	.logo img {
		width: 233px;
		height: 60px;
		margin-left: 0;
		margin-top: 21px;
	}
}
@media (min-width: 992px) {
	.logo {
		height: 150px;
		background-image: url('../images/schmetterling.png');
		background-repeat: no-repeat;
		background-position: left -25px top 15px;
		background-size: contain;
		padding-right: 25px;
	}
	
	.logo a {
		padding-left: 172px;
	}
	
	.logo img {
		width: 349px;
		height: 90px;
		margin-left: 0;
		margin-top: 31px;
	}
}
@media (min-width: 1200px) {
	
}

.contentWrapper {
	background: #eef0f6;;
}

@media (min-width: 768px) {
	.contentWrapper {
		background: #eef0f6 url('../images/750.png') repeat-y left top;
	}
}
@media (min-width: 992px) {
	.contentWrapper {
		background: #eef0f6 url('../images/970.png') repeat-y left top;
	}
}
@media (min-width: 1200px) {
	.contentWrapper {
		background: #eef0f6 url('../images/1170.png') repeat-y left top;
	}
}

@media (min-width:768px) {
	.navbar-default .navbar-form {
		position: absolute;
		top: -60px;
		right: 15px;
	}
	
	#suchfeld {
		background-color: rgba(255, 255, 255, 0.7);
	}
	#suchfeld:focus {
		background-color: rgba(255, 255, 255, 1);
	}
}
@media (min-width:992px) {
	.navbar-default .navbar-form {
		position: absolute;
		top: -70px;
		right: 15px;
	}
}

/* @group Bootstrap Navigation */

/* Navigations leiste*/
.navbar {
	border: none;
	border-radius: 0;
	background-color: #eef0f6;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 1px;
}

.navbar-nav li {
	font-size: 1.9em;
}

.navbar-collapse {
	background-color: #cd1719;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #b00f07;
}

/* Aktiver Navigations Hauptpunkt*/
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  	color: #fff;
  	background: #b00f07;
  	font-weight: bold;
}

@media (min-width: 768px) {
	.navbar {
		min-height: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.navbar-nav {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	/* Navigations leiste farbe*/
	.navbar-default {
	  	background-color: #cd1719;
	}
	
	/* Navigations leiste die in der mobilen Ansicht rausfährt*/
	.navbar-collapse {
	  	max-height: none!important;
	}
	
	/* Schriftgröße der Hauptpunkte*/
	.navbar-nav li {
		font-size: 1.4em;
	}
	
	.navbar-default .navbar-nav>li>a {
	    padding: 10px;
	}
}

@media (min-width: 992px) {
	/* Schriftgröße der Hauptpunkte*/
	.navbar-nav li {
		font-size: 1.5em;
	}
	
	.navbar-default .navbar-nav>li>a {
	    padding: 13px 10px 13px 10px;
	}
	.navbar-default .navbar-nav>li:first-child>a {
	    padding: 13px 10px 13px 15px;
	}
}

@media (min-width: 1200px) {
	.navbar-default .navbar-nav>li>a {
	    padding: 13px 15px 13px 15px;
	}
	
	.navbar-default .navbar-nav>li:first-child>a {
	    padding: 13px 15px 13px 15px;
	}
}

	

/* @end */

/* @group subnavigation */

.subnavigation {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #e6e9f0;
}

@media (min-width: 768px) {
	.subnavigation {
		background: none;
	}
}

.subnavigation ul,
.subnavigation ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.subnavigation ul li a {
	display: block;
	color: #0d4295;
	color: #555;
	font-size: 1.4em;
	padding: 3px 15px 3px 15px;
}

.subnavigation ul li ul li a {
	padding: 3px 15px 3px 35px;
}
.subnavigation ul li ul li ul li a {
	padding: 3px 15px 3px 55px;
}

.subnavigation ul li a.selected {
	font-weight: bold;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 91.9%, rgba(0, 0, 0, 0) 100%) transparent;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 91.9%, rgba(0, 0, 0, 0) 100%) transparent;
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 91.9%, rgba(0, 0, 0, 0) 100%) transparent;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 91.9%, rgba(0, 0, 0, 0) 100%) transparent;
}

/* @end */

article,
aside {
	padding-top: 15px;
	padding-bottom: 15px;
}

aside {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}

@media (min-width: 768px) {
	article,
	aside {
		padding-top: 30px;
		padding-bottom: 30px;
		border-top: none;
	}
}

/* @group Bootstrap Slider */

.slideshow-fluid {
	margin-bottom: 40px;
}

.carousel {
	max-height: 600px;
	overflow: hidden;
}

.carousel-inner,
.carousel-inner .item {
	max-height: 600px;
	overflow: hidden;
}

.carousel-caption h3 {
	font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: normal;
	font-size: 5em;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
}

.carousel-caption p {
	font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: normal;
	font-size: 5em;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
}

/* @end */

/* @group Bootstrap Responsive Vidio */

	.embed-responsive {
		margin-bottom: 20px;
	}

/* @end */

/* @group Bootstrap Formulare */

	/*Label bei den Formularen*/
	.mce-content-body .row label {
		font-size: 1.7em;
		font-weight: normal;
		font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	}
	
	.mce-content-body .row label.checkbox-inline,
	.mce-content-body .row label.radio-inline {
		font-size: 1.7em;
		font-weight: normal;
		font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
		margin-right: 10px;
	}
	
	/*(submit)-Buttons*/
	.mce-content-body .btn {
	  font-size: 1.7em;
	  font-weight: normal;
	  font-family: "Roboto", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	}

/* @end */

/* @group Footer */

footer {
	background-color: #cd1719;
	font-size: 1.4em;
	color: #fff;
	padding-top: 15px;
}

.footerCol {
	padding-bottom: 15px;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer p,
footer ul,
footer li {
	margin: 0;
	padding: 0;
}

footer ul,
footer li {
	list-style-type: none;
}

/* @end */