@charset "utf-8";
/* CSS Document */
/*  + Fonts +   */ 
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');

/*  + allgemein +   */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.3em;
	color:#333333;
	background:#E6e4e4;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?c6fqxi');
  src:  url('fonts/icomoon.eot?c6fqxi#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?c6fqxi') format('truetype'),
    url('fonts/icomoon.woff?c6fqxi') format('woff'),
    url('fonts/icomoon.svg?c6fqxi#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.col-md-4 {margin-bottom: 30px !Important;}

#intro {  padding: 40px 0;}
#intro h1 {padding:0; display:inline-block; position:relative; margin-top:10px; padding: 0 0 40px 15px; font-size:40px;}
#intro h1:first-child {margin-bottom:15px;}
#intro .blocktext {   -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px;   column-gap: 40px; }
.intro { column-count: 2;}


.icon-arrow_right:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea91";
  padding-right:20px;
}
.icon-xing:before {
  content: "\ead3";
  padding-right:20px;
}
.icon-twitter:before {
  content: "\ea96";
}


#abbinder .social {
    font-size: 1.6em;
    margin: 0.1rem 0.1rem 0 0;
}
#navlist {display:block !Important}

#logo {
	display: block;
	padding-top: 0.5em;
	text-decoration: none;
	float: left;	
}
#logo img {width:160px;
}
	


nav, h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 0;
	line-height: 1.2em;
}






.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #545454;
	height:94px;
}

#logo {
	display: block;
	float: left;
	position: relative;
	z-index: 10;
	margin-top: -47px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	margin-top: 14px;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #545454;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 15px;	
	color:#FFF;
	font-size:18px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #707070; }

/* Background color change on Hover */
nav a:hover { 
	background-color: transparent; color:#fff;}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 30px; 
	z-index:999;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:175px;
	float:none;
	display:list-item;
	position: relative;
	border-bottom: 1px solid #fff;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }





.intro { column-count: 2;}



h1::after {
    background-color: #575757;
    content: "";
    height: 2px;
    left: 0;
    margin-top: 1.5em;
    position: absolute;
    width: 100px;
    margin-left: 15px;
}
h1, h2 ,h3, h4, h5, h6, strong  {font-weight:700;}

h1 { color:#545454; font-size:40px; font-weight:500;}

h2 { font-size:25px; margin-top:78px; font-weight: normal;}

h3 { font-size:18px;}
h3 {background:#333333; color:#333333; padding:6px 10px; display:block; position:relative; margin:0; border-left:5px solid #C12030; text-decoration:none;}
h4, .h4 { min-height: 35px; padding:10px;  margin: 0; font-weight:normal;}
form h3, #latest form h3 { background: none; border: none; color: #333333; min-height: auto; padding-bottom:8px;  margin: 4px 0 20px 0; border-bottom: 1px solid #dddddd; }
h5, .h5 {   margin: 4px 0 6px 0; font-size:18px; font-weight:normal;}
h6, .h6 { padding-bottom:8px;  margin: 4px 0 8px 0; font-size: 17px;  }
footer h4 { border:none;}

a {color:#C12030;}
a:hover, a:active, a:focus {color:#C12030; text-decoration:underline;}
a h3, a.headline  {color:#333333; text-decoration:none;}



button, .button, .news-backlink-wrap a { background: #C12030; color:#FFFFFF; padding:4px 16px; border:0; margin:15px 0;   vertical-align:baseline; position:relative; float:none;}
button:hover, a:hover .newslink, .button:hover, .news-backlink-wrap a:hover { color: #ffffff; text-decoration: none; background: #c12030; /* Old browsers */
background: -moz-linear-gradient(top, #c12030 0%, #e20000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c12030 0%,#e20000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c12030 0%,#e20000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12030', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */}
button:active, .button:active { margin-top:12px; margin-bottom:8px;}

.block { margin-bottom:30px;}


.anmelden { background: #C12030; color:#FFFFFF; padding:4px 11px; border:0; margin-top:10px; vertical-align:baseline; position:relative; float:right;}
anmelden:hover, .anmelden:hover { color: #ffffff; text-decoration: none; background: #c12030; /* Old browsers */
background: -moz-linear-gradient(top, #c12030 0%, #e20000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c12030 0%,#e20000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c12030 0%,#e20000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12030', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */}

a:hover .newslink { padding-right:8px;}
a:hover .newslink .pfeil {background: rgba(0, 0, 0, 0) url("../img/sprite_pfeile") no-repeat scroll -15px -1px / 40px auto; height: 22px; width: 19px; }
a.textbtn {color:#C12030; cursor:pointer;}
a.textbtn:hover,  a.textbtn:active, a.textbtn:focus  {color:#C12030; text-decoration:underline; }

.powermail_fieldwrap .col-sm-2 {float: none; display: block; text-align: left; width: 100%;}
.powermail_fieldwrap .col-sm-10 {float: none; display: block; text-align: left; width: 100%; border-color: #d6d4d4; /*border-image*/}
.powermail_input, .powermail_select {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #e6e4e4 none repeat scroll 0 0;
    border-image: url('') none;
    border-radius: 0px;
    margin-bottom: 15px;
    padding: 2px 6px;
    width: 100%;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: medium;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: none;
	border-bottom-width: medium;
}
.tx-powermail {
	margin-top: 20px;
}

div[itemprop=description] {
	margin-bottom: 25px;
}

.powermail_fieldwrap_senden {
	float: left;
	
}

.btn-default, .btn-primary {
    background: #c12030 none repeat scroll 0 0;
    border: 0 none;
	border-radius: 0px;
    color: #ffffff;
    padding: 4px 16px;
    vertical-align: baseline;
}

.powermail_field .btn {
	margin-bottom: 15px;
}

.btn-default:hover, .btn-primary:hover {
color: #ffffff; text-decoration: none; background: #c12030; /* Old browsers */
background: -moz-linear-gradient(top, #c12030 0%, #e20000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c12030 0%,#e20000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c12030 0%,#e20000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12030', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */
}

.inner {padding:10px 15px 10px 15px;}

.bgwhite {background:#FFFFFF; margin: 20px 0 25px 0;}
.zweispalter { -webkit-column-count: 2;  -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

#content {margin-bottom:25px;}
#breadcrumb + #content  {min-height:51vh;}

#sprache{float:right; margin-right:0;height:35px;z-index:9999; position:relative;top:-20px;}

#sprache ul {
  display: inline;
  float: left;
  position: relative;
  text-align: right;
  margin-left:0px;
}


#sprache li {
  display: block;
  float: left;
  height: 0px;
  margin: 0;
  padding: 1px 0 0;
}
		   

/* ++++++++++++++++++++++++ Home ++++++++++++++++++++++++ */
/*  + header +   */
.sliderwrapper { z-index:0; margin:-36px 0 0; padding:0;}
/* Slider */
.bx-viewport {margin-top:0;}
.bxslider img {width:100%; height:auto;}

.bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

header .blocktext {display:inline-block; position:absolute; z-index:100; left:60%; top:550px; font-weight:700;max-width:520px; color:#545454;}
header h2 {background:#FFFFFF; padding:4px 10px; display:inline-block; position:relative; font-weight:700; margin-top:10px; margin-left:20px; opacity: 0.7;}
header h2:first-child {color:#545454; margin-bottom:0; margin-left: -25px; }

nav .col-lg-10 {
    float: right;
    background: transparent;

}

.header-background {height:300px; margin-top:0; background-size:cover;background-position: center;}


/*  + Über uns +   */
.werben {background: #FFFFFF; padding: 20px 20px 10px 20px; margin-top:9px;}
.werben img {margin-bottom:20px;}
/* column */
#content .col-lg-8 .row > div { background-color: #FFFFFF; }
#content .col-lg-8 .row > div {  margin:0 -5px;}
#content .col-lg-8 .row > div:first-child {margin-left:15px; }
#content .col-lg-8 .row > div.col-lg-4:nth-child(2) { margin:0 -10px; }



/*  + News +   */
#news { background:#FFFFFF; padding: 80px 0 40px;}
/* column Formatierung aufheben*/
#content .col-lg-8 .news .row > div { background-color: #E6E4E4; }
#content .col-lg-8 .news .row > div:first-child {margin-left:0; }
#content .col-lg-8 .news .row > div {  margin:0;}
/* hr Linien im Teaser ausblenden */
#content .col-lg-4 .latestitem + hr, .tagauswahl + hr {display:none;} 
/* Listenformatierung für Partner */
#content .col-lg-4 .latestitem ul {list-style-image: none; margin: 9px 0 0; padding: 0;}
#content .col-lg-4 .latestitem ul li { background: rgba(0, 0, 0, 0) url("../images/listicon.png") no-repeat scroll 0 0; display: block; font-size: 18px; font-weight: 700; line-height: 1.3em; padding-bottom: 8px; padding-left: 15px;}

#abbinder .ce-bodytext {
	background-color: #333333;
	margin: -15px;
	padding-right: 0px;
	z-index: 0;
}



/*  + Abbinder +   *//*  + Footer +   */
#abbinder {background:#333333; padding: 40px 0 10px 20px; color:#FFFFFF; text-align: left;}
#abbinder ul { list-style-image:none; padding:0; text-align: center; }
#abbinder ul li { display:inline-block; text-align:center; padding:0 5px; border-right:1px solid; line-height:1em;}
#abbinder ul li:last-child {  border-right:1px none;}
#abbinder a, #abbinder a:hover, #abbinder a:active, #abbinder a:focus { color:#ffffff; text-decoration:underline}
#abbinder a:hover { color:#FEFC55; text-decoration:none;}
#abbinder .tuev {  float:left;margin: 0 10px 143px 0; }


#abbinder2 {background:#333333; padding: 10px 0 20px 0; color:#FFFFFF; text-align: center; border-top:1px solid #545454;}
#abbinder2 ul { list-style-image:none; padding:0; text-align: center; }
#abbinder2 ul li { display:inline-block; text-align:center; padding:0 5px; border-right:1px solid; line-height:1em;}
#abbinder2 ul li:last-child {  border-right:1px none;}
#abbinder2 a, #abbinder2 a:hover, #abbinder2 a:active, #abbinder2 a:focus { color:#FFFFFF;}
#abbinder2 a:hover { color:#FEFC55; text-decoration:none;}

/* ++++++++++++++++++++++++ Logoslider ++++++++++++++++++++++++ */
	
.scroll-img {
  height: 260px;
  overflow: hidden;
  padding:80px 0;
  margin:0 35px;
  position:relative;
}

.logoslider li {
  display: inline-block;
  position:relative;
  margin:0 5px 160px 5px;
  padding:20px 10px;
  background-color: #FFFFFF;
-webkit-box-shadow: 0 0 3.5px 0 rgba(0, 0, 0, 0.1);
 box-shadow: 0 0 3.5px 0 rgba(0, 0, 0, 0.1);
}
		
.logoslider li img {
width:160px;
height:auto;
}

.logoslider {
margin:0 auto;
text-align: center;
padding:0;
}



#contact {
    background: rgba(0, 0, 0, 0) url("../img/kontakt.png") no-repeat scroll right top;
    font-size: 15px;
    height: 90px;
    right: -185px;
    line-height: 20px;
    padding: 18px 12px;
    position: fixed;
    top: 206px;
    transition: all 0.3s ease-in-out 0s;
    width: 312px;
    z-index: 2;
}

#contact .tel {
 padding-left:126px; font-size:700;
}
#contact:hover {
    transform: translate3d(-160px, 0px, 0px);
}

.newslink {color:#545454; text-decoration: none; display: block; padding: 10px; border-bottom:1px solid #545454;}
.newslink:hover {color: #000; text-decoration: none; /* Old browsers */
background: -moz-linear-gradient(top, #ccc  0%, #aaa  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ccc  0%,#aaa  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ccc 0%,#aaa  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12030', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */}
.pfeil { width:16px; height:20px; background: rgba(0, 0, 0, 0) url("../img/sprite_pfeile_dark.png") no-repeat scroll -14px 0; background-size:36px auto; float:right;}
.pfeil.dark {background-image:url("../img/controls_dark.png");}
    
    
@media (min-width:0px) and (max-width: 480px)  {
.logoslider li {
   margin:0 10px 160px 10px;
   padding:20px 15px;
}		
.logoslider li img {
	width:160px;
}

  h1::after {
    background-color: #575757;
    content: "";
    height: 2px;
    left: 0;
    margin-top: 1.5em;
    position: absolute;
    width: 100px;
    margin-left: 39px;
}

}
	
@media (min-width:481px) and (max-width: 992px)  {
.logoslider li {
   margin:10px 5px 180px 5px;
   padding:15px 10px;
}		
.logoslider li img {
width:140px;
}
 nav a {
  
    padding: 15px 3px;
    font-size: 15px;
}
#nav-container { display:inline-block;}
#abbinder .tuev {  float:none;margin: 10px 10px 10px 0; }

}
@media (min-width: 993px) and (max-width: 1200px) {
.logoslider li {
   margin:10px 5px 180px 5px;
   padding:15px 10px;
}		
.logoslider li img {
width:140px;
}
nav a {
    font-size: 17px;
    text-decoration: none;
    padding: 15px 12px;
}

}
@media (min-width: 1201px) {
.logoslider li {
   margin:0 10px 160px 10px;
   padding:20px 15px;
}		
.logoslider li img {
	width:160px;
}
}
/* ++++++++++++++++++++++++ Navigation + Logo ++++++++++++++++++++++++ */
.logomobil { display:none;}
.oben { z-index:100; background-color:#545454;height:104px; }
nav container {position:absolute; z-index:100; margin: 0 auto;}
#nav-container, #nav-menu, #nav-menu ul, #nav-menu ul li {transition: all 0.5s ease-out;}


#nav-container, #menu {float: right;}
#nav-menu { height:74px; overflow:hidden;}
.naviwrapper { height:65px; overflow:hidden; }
#menu.open  {overflow:visible; }

#menu a, #menu a:hover, #menu a:active, #menu a:focus { color:#fff; text-decoration:none; }

/* unterpunkte */

/*  + Hamburger +   */


/*toggle-icon*/
.toggle .bar {
	display: block;
	width: 2.1em;
	height: 0.3em;
	margin: 0.4em;
	border-right: 2.3em solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-property: -webkit-transform, margin, border-right-color, box-shadow;
	-moz-transition-property: -moz-transform, margin, border-right-color, box-shadow;
	transition-property: transform, margin, border-right-color, box-shadow;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	transition-duration: 600ms;
}
	.toggle .bar:nth-of-type(1) {
		-webkit-transition: opacity 300ms;
		-moz-transition: opacity 300ms;
		transition: opacity 300ms;
	}



/*  +++++++++++++++ Anker back-to-top +++++++++++++++   */
#anker {bottom: 0; position: fixed;right:10px;}
#anker > div {position: relative; }
#back-to-top {background-color: #FFFFFF; width:50px; height:50px;  z-index: 0; margin-bottom:-140px; -webkit-transition: all 2s; transition: all 2s; cursor: pointer; overflow: hidden; float:right; margin-right: 0px; border-radius: 26px;
	-webkit-box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.2);}
#back-to-top.show { margin-bottom:20px; }
#back-to-top .pfeil { -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    background-position: -28px 0;
    background-size: 60px auto;
    height: 36px;
    margin-right: 11px;
    margin-top: 4px;
    width: 24px;
}




/*  +++++++++++++++ Responsive Anpassungen +++++++++++++++   */
 @media screen and (max-width: 1199px) {

header .blocktext {top: 70%; left:auto; right:12%;}
#logo img {width:120px;}
nav ul {margin-top: 7px;}
h4, .h4 {min-height: 85px;}
.sliderwrapper {margin: -23px 0 0;}
nav ul ul {	top: 29px; }
 }
 
@media screen and (max-width: 990px) {
.sliderwrapper {
    margin-top: -8px;
}

.rg-caption p {
    margin-left: 0 !Important;
}

 h1 {font-size: 30px;}
/* Navigation mobile Variante */
.naviwrapper { margin-right: 0;}
#content {padding-top:20px;}
.pushed .toggle-icon { margin-top:-1.3em;}
.logodesktop {   }
.logomobil { display:inline; margin:-4px 0 0 -31px; position:relative;}
#nav-container, #menu, #menu ul, #navlist {transition: all ease;}
#menu { position:relative; display:block; margin-top:9px; float:none; height:auto; background:none; margin:0 -15px 0 -15px; padding:0;}
#navlist {padding:0;}
#menu ul { padding:0; margin:0; position:relative; display:block; float:none;}
#menu ul, #navlist { float:left; display:block;  /*background:#C12030;*/ width:100%; position:relative; margin-top:0; padding-left:42px;}
#menu ul li { padding: 8px 0 16px 0; float:none; position:relative; display:inline-block;}
#nav-container { position: fixed; right: 10px; top: 10px;}
#menu, .naviwrapper {height:auto; }
 #breadcrumb {margin-top:100px;}
 /* unterpunkte */


/* Ende -  mobile Variante */
 .newsitem {/*min-height:460px;*/ margin-bottom:40px;}  
 #termine h3 {margin-top:40px;}
 .jobimg, .termineimg, .latestitem .newsimg { min-height:226px;}
 /*uebersicht*/
	
	 
/*column*/
#content .col-lg-8 .row > div {  margin:0 -15px 0 15px; }
#content .col-lg-8 .row > div:nth-child(2), #content .col-lg-8 .row > div:nth-child(4) {  margin:0 0 0 -15px; }
#content .col-lg-8 .row > div.col-lg-4:nth-child(2) { margin:0; }



#logo {
	display: block;
	padding: 1px 0 0 0;
	text-decoration: none;
	float: left;	
}
#logo img {width:120px;
}
	#logo a:hover {
		background-color: transparent;
	}

label {
    color: #fff;

}
}
 
 @media screen and (max-width: 990px) {
 .es-carousel{margin-left:-135px !Important;}
}


 @media screen and (max-width: 969px) {
 
 
 /* + menue + */

 }
 

 @media screen and (max-width:767px) {
 
 	#logo {
		display: block;
		padding: 0;
		width: 130px;
		float: left;
	}

	nav {
		margin: 0;
		position:relative;
		z-index:9999;
		background-color:#545454;
	}
	


	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #545454;
		padding:3px 15px;	
		border:none;
		float:left;
		width:140px;
	}

	.toggle:hover {
		background-color: transparent;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #f2f2f2;
		padding-left:10px;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #8a8a8a;
	}
	
 
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #8a8a8a; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		padding-top: 44px;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
nav ul ul li {
    display: block;
    width: 101.4%;
    padding: 0 0px 0 0;
    margin: 0 0px 0 -10p;
    float:left;
    
}
	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 
}




.sliderwrapper { margin-top:-45px;}
header .blocktext { left:auto; right:auto; bottom:0; top:auto; width:100%; padding:0 15px 0 15px; text-align: right;}
header h2, h1, .h1, h2, .h2, .liste h1  {font-size: 26px;}
header h2  { margin-top: 10px;}
#intro { padding-top: 0; }
#intro h1 {font-size:26px;}
.werben {margin-top: 30px;}
.newsitem {min-height:auto; }
.latestitem img { padding: 10px 10px 0;}
.liste { margin-bottom: 0;}
 .jobimg, .termineimg, .latestitem .newsimg { min-height:auto;}
  /*uebersicht*/
 form { margin-bottom: 25px; }
 /*#menu ul li.unterpunkt:last-child { padding-bottom:0;}*/
 #menu ul li ul li, #menu ul li ul li:last-child {  margin-right:-15px;  }
 .zweispalter { -webkit-column-count: 1;  -moz-column-count: 1; column-count: 1;}
 .logoslider li > div, .mitglieder ul li > div {width:176px; height:176px;}
 .logoslider .overlay, .mitglieder ul .overlay {left: -10px; min-width: 212px;}
 .news {margin-bottom:40px;}
#intro .blocktext {   -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0;  -moz-column-gap: 0;   column-gap: 0}
/*column*/
	#content .col-lg-8 .row > div, #content .col-lg-8 .row > div:nth-child(2), #content .col-lg-8 .row > div:nth-child(4) {  margin:0 15px; padding:0; }
	#content .col-lg-8 .row > div.col-lg-4:nth-child(2) { margin:0 15px; }
	.intro { column-count: 1;}
 }




@media only screen and (max-width:900px) {
header .col-sm-12 {padding-right:0; padding-left:0;}
.menue-button {display: block;}
.menue-button {background-color: transparent;display: block;position: absolute;right: 0;top: -62px;padding: 0.5em;color: white;cursor: pointer;text-decoration: none;}	
#sprache {margin-right: 0;top: -10px;right:30px;}
#sprache li {padding: 7px 0px 0; width: auto;}
nav a {padding: 10;}
nav ul {float: left;padding: 0;margin: 0;margin-top: 0px;list-style: none;position: relative;margin-top: -2px;}
nav ul ul {top: 49px;}
nav .container {padding: 0}
}





 @media screen and (max-width: 500px) {
.sliderwrapper {margin-top: 0;}
.logomobil {  margin:0 0 0 -20px; max-width:70%; height:auto;}
#menu {margin:0 -15px 0 -15px; overflow:visible; }
#menu ul li { font-size: 20px;  padding: 6px 0 10px; }
.latestitem img {padding: 0;}
 header h2, h1, .h1, h2, .h2, .liste h1  {font-size: 22px; }
 header h2  {margin:0; padding:0; background:none;}
 header h2:first-child  {margin-bottom:-15px;}
 header .blocktext {background:rgba(255,255,255,0.7);  padding:6px 15px 6px 15px; text-align: left;}
 .bx-viewport { margin-top: -8px;}
	 
 .bx-wrapper .bx-controls-direction a {max-height: 42px;}
 .bx-wrapper .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls-direction .bx-next { background-size: 70px auto;}
 .bx-wrapper .bx-controls-direction .bx-prev { background-position:0 -39px;}
 .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position:0 2px;}
 .bx-wrapper .bx-controls-direction .bx-next { background-position:-26px -39px;}
 .bx-wrapper .bx-controls-direction .bx-next:hover { background-position:-26px 2px;}
	 
	 
 #intro h1 { padding: 2px 15px;}
 /* News Detail */
 #latest.detail .bildwrapper img {height:auto; width:100%; display:block; padding:0; margin:15px 0 0 0;}
 .bildwrapper {  margin:25px 0 10px 0; text-align:center;} 
 #breadcrumb ul li { padding: 0 5px;}
 #breadcrumb ul li:first-child {padding: 0 5px 0 0;}
	 
 .join-container .join-button {top:280px; padding:5px 10px 15px 8px;}
}



 @media screen and (max-width: 400px) {	
 
 	nav ul li {
		display:block;
		width: 100%;
	}
 
 header .blocktext { padding:0 4px 0 15px;}
 #breadcrumb { font-size: 10pt;}
  #abbinder ul li, #abbinder ul li:last-child { display:block; border-right:none; line-height:1.3em;}
  
  #sprache {
    margin-right: 0;
}
#sprache ul {
padding: 0;}


 }


 @media screen and (min-width: 780px) {
	#news .row { display: flex; flex-wrap: wrap;  }
	 .newsitem {width: 50%;}
}


 @media screen and (min-width: 990px) {
}

 @media screen and (min-width: 1200px) {
}

 @media screen and (min-width: 1300px) {
	 /* back to top */
	#back-to-top.show { margin-bottom:60px; }
}

#c27 .ce-bodytext{background:white;margin:20px 0;padding:10px;-webkit-columns:2 auto;-moz-columns:2 auto;columns:2 auto;}
.page-navigation{clear:both;}
legend{display:none;}

video{width:100% !important;height:auto !important;}