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

/*  + allgemein +   */
body {
	/*font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;*/
	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') format('embedded-opentype'),
    url('fonts/icomoon.ttf@c6fqxi') format('truetype'),
    url('fonts/icomoon.woff@c6fqxi') format('woff'),
    url('fonts/icomoon.svg@c6fqxi') 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;
}


.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;
}


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

nav {
    margin-bottom: 0;
}


h1, h2 ,h3, h4, h5, h6, strong  {font-weight:700;}

h1 { color:#C12030; font-size:34px;}
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-bottom:8px;  margin: 4px 0 8px 0; border-bottom: 1px solid #dddddd; }
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;}
p{-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}

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

hr { border:none; border-bottom: 1px solid #cccccc; }

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;}

.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("../images/controls.png") 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-color: #d6d4d4 -moz-use-text-color -moz-use-text-color #d6d4d4;
    border-image: none;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
	border-radius: 0px;
    margin-bottom: 15px;
    padding: 2px 6px;
    width: 100%;
}
.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;}
#breadcrumb + #content  {min-height:51vh;}
		   

/* ++++++++++++++++++++++++ Home ++++++++++++++++++++++++ */
/*  + header +   */
.sliderwrapper { z-index:0; padding:0;}
/* Slider */
.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:50%; font-weight:700;max-width:520px;}
header h2 {background:#FFFFFF; padding:4px 10px; display:inline-block; position:relative; font-weight:700; margin-top:10px; }
header h2:first-child {color:#C12030; margin-bottom:0; }



/*  + Über uns +   */
#intro {  padding: 40px 0;}
#intro h1 {background:#FFFFFF; padding:4px 10px; display:inline-block; position:relative; margin-top:10px; }
#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; }
.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 { padding: 80px 0 40px; }*/
#intro+#news { padding: 30px 0 60px; background-color: #FFF;}
#news .ce-bodytext { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px;   column-gap: 40px; margin-bottom:20px;}
#news .container #c161 .ce-bodytext { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;   column-gap: 0; }
/* 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;}

#news h3 {background:#E0DFDF; padding:6px 10px; display:block; position:relative; margin:0; border-left:5px solid #C12030; color:#333333;}
#news h3 a, #news h3 a:hover {color: #333333; text-decoration: none;}
#news img {max-width:100% !important; height:auto; margin:10px 0;}
.newsitem {/*min-height:530px;*/ position:relative; overflow:auto; padding-bottom:50px; display:flex;}
.newsimg {min-height:167px; 
	align-items: center;
	display:inline-block;
	display: -webkit-box; 
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
	max-width:100% !important;
	overflow:hidden;
}

.news-img-caption { color: #888; padding-left: 10px;}
.news-list-view {margin-top: 5px;}
.news-list-view .sub {display: none;}
.news-list-view .sub, .news-search-result .sub {display: none;}

.ce-textpic {
	    background: #ffffff none repeat scroll 0 0;
		position: relative;
		/*margin-top: 20px;*/
}

.ce-media {
	padding: 10px 15px;
}

.ce-bodytext {
	padding: 10px 15px;
}


.tx-powermail {
	background-color: #ffffff;
}

#c27 {
	margin-bottom: 15px;
}

#c55 {
	margin-top: 15px;
}

.news-list-view .inner {
	min-height: 200px;
}

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


form h3, #latest form h3 {
	margin-left: -10px;
	min-height: 57px;
}



.datum, .datum_eingestellt {color:#333333; font-size:1em; font-weight:bold;}
.datum-list {margin: 0 0 10px 10px;color:#333333; font-size:1em; font-weight:bold;}
.categories {margin: 40px 0 20px 10px; color:#333333; font-size:1em; background-color:#fff; width: 100%; padding: 3px 0 3px 10px;}
#news .inner { display:block; padding:0 15px 20px; width:100%; /*min-height: 375px; */ margin:0 -15px; }
.newslink {  width:90%; background:#C12030; color:#FFFFFF; padding:4px 10px; display:block; position: absolute; bottom: 0;}
.newslink: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 */}
.pfeil { width:16px; height:20px; background: rgba(0, 0, 0, 0) url("../images/controls.png") no-repeat scroll -14px 0; background-size:36px auto; float:right;}
.pfeil.dark {background-image:url("../images/controls_dark.png");}


/*  + Latest + (.uebersicht)   */
#news + #latest { padding: 40px 0; position:relative;}
#news h3,#latest h3 {background:#333333; color:#FFFFFF; padding:6px 10px; display:block; position:relative; margin: 0 0 20px; border-left:5px solid #C12030; text-decoration:none;}
#latest h3 a, #latest h3 a:hover {color: #ffffff; text-decoration: none;}
#latest .newslink { margin-top: 22px; width:175px; position: relative;}
.latestitem, .kontaktblock, .contentblock {background:#FFFFFF; margin: 20px 0 20px 0; position:relative;}
.latestitem img {max-width:100%; height:auto; padding: 10px 10px 0; }
.latestitem hr {height:5px; width:100%; border-top: 5px solid #C12030; margin:0; border-bottom:none;}
/*.latestitem h4, .kontaktblock h4 { padding-bottom:8px; margin-bottom:16px; border-bottom: 1px solid #dddddd; }*/
.latestitem .inner, .kontaktblock .inner, .contentblock .inner {padding:15px 15px 15px 15px;}
.jobimg {	display:inline-block; text-align:center; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; 	display: flex; align-items: center; justify-content: center; position:relative;}
.jobimg, .latestitem .newsimg /*\**/ { height:323px; }
.news-single .jobimg, .news-single .latestitem .newsimg { height:auto; }
:root .jobimg, :root .latestitem .newsimg  { height:323px \0/IE9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.jobimg, .latestitem .newsimg {  height:323px; }
}
.jobimg img {max-width:75%; height:auto; padding:0; }
#termine hr {margin-bottom:0;}
.jobimg, .termineimg, .latestitem .newsimg { position:relative; min-height:232px;}
.termineimg img {margin-top:30px;}
.termineimg .datum {position:absolute; top:0; left:20px; width:84px; height:76px; background-color:#C12030; color:#FFFFFF; padding:22px 10px 18px 10px; line-height:15px; text-align:center;}
.termineimg .datum:first-line {text-transform:uppercase; font-size:36px; letter-spacing: -2px }
a.textbtn {  display:block; margin-bottom:8px; font-weight:700;}
#latest a.textbtn { text-align: right; padding: 0 10px; }

table {float: left; margin-right: 8px;}
td {vertical-align:top; height:90px;}


/*  + Abbinder +   *//*  + Footer +   */
#abbinder {background:#333333; padding: 40px 0; color:#FFFFFF; text-align: center;}
#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;}
#abbinder a:hover { color:#e20000; text-decoration:none;}


/* + breadcrumb + */
#breadcrumb {margin-top:60px;}
#breadcrumb ul { list-style-image:none; padding:0; margin:0;}
#breadcrumb ul li { display:inline-block; padding: 0 10px; border-right:1px solid;}
#breadcrumb ul li:first-child { padding: 0 10px 0 0; }
#breadcrumb ul li:last-child { color:#C12030; border-right:none; }
#breadcrumb hr { margin-top:10px; margin-bottom: 20px; }

/* + Übersichtsseite + */
.liste { position:relative; margin-bottom: 30px;}
.liste .texte { padding-bottom:35px; padding-top: 40px; }
.liste img {width:100%; height:auto; }
.liste .datum, .liste .sub { color:#333333; font-size:16px; margin: 0 0 15px 0; /*display: block;*/}
h3 + .liste  { margin-top: 25px;}
.liste h1 { color:#333333; font-size:28px; margin:-10px 0 10px 0; padding-top:0; display:block; font-weight:500; line-height:1.2em; }
.uebersicht button {  display:inline-block; position:absolute; bottom:-10px; left:339px;}

/* + News Detailseite + */
/*#latest.detail, #latest.uebersicht {padding-top:10px;}*/
#latest.detail .latestitem {margin-top:15px;}
#latest.detail .datum, .datum_eingestellt {font-size:1em; margin-bottom:5px; }
.latestitem h1 { border-bottom: 1px solid #dddddd; margin-bottom: 16px; padding-bottom: 8px; color:#333333;  margin-top: 0;}
.latestitem h2 { border-bottom: 1px solid #dddddd; margin-bottom: 16px; padding-bottom: 8px; color:#333333;  margin-top: 0;}
#latest.detail .latestitem h4 {  margin-bottom:8px;}
ul.partner { padding:0; margin:9px 0 0 0; list-style-image:none; }
ul.partner li { background: rgba(0, 0, 0, 0) url("../images/listicon.png") no-repeat;  padding-bottom: 8px; display:block; font-weight:700; font-size:18px; line-height:1.3em;  padding-left:15px;}
.bildwrapper { border-top: 1px solid #dddddd; padding:12px 0 10px 0; margin:25px 0 15px 0;}
#latest.detail .bildwrapper img {height:150px; width:auto; padding:15px 15px 0 0; }
#latest.detail .bildwrapper img:last-child {padding-right:0;}

/* + Beitrittsformular + */
.kontaktblock hr { margin-bottom:15px;}


/* + Formulare + */
input, select {margin-bottom:15px; padding:2px 6px 2px 6px; width:100%;  background:#E6E4E4; border:none;  border: 1px solid #ccc; border-radius: 4px}
input[type="date"] {float:left; max-width:48%; height: 34px; background: url('../images/kalender.gif') no-repeat; background-color: #ffffff; background-position:right;}
.inputleft { margin-right:4%;}
label {display:block;}

.sternchen {font-size: 12px;}
.pflichtfeld {color:#C12030; }

form {margin-top:10px;}
.uebersicht input, .uebersicht select {background: #FFFFFF; }
option:first-child {color:#999999;}

.anrede {display:block; padding-bottom:10px;}
.anrede label {display:inline-block;float:left;}
input[type="radio"] {width:auto;float:left; background-color:transparent; margin: 5px 5px 0 25px;}
input[type="radio"]:first-child {margin: 5px 5px 0 0;}
/*input[type="checkbox"] + label {width:100%; display:block; position:relative; padding: 0 15px 0 25px; }*/
input[type="checkbox"] {width:auto; background-color:transparent; display:inline-block; }
.boxlabel {display:block; position:relative; margin-bottom:10px;}
.boxlabel label {width:100%; display:block; position:relative; padding: 0 15px 0 25px; }
.boxlabel input[type="checkbox"] {position:absolute;  top:0; left:0;}
input[type="submit"] {width:auto;}

/* + Mitglieder + */
.tagauswahl {margin:-5px 0 20px 0;}
.tagauswahl .tag.aktiv { cursor:default;}
.tagauswahl .tag {cursor:pointer;}
.tag { background: #e0dfdf; padding:2px 8px; margin: 5px 5px 0 0; position:relative; display:inline-block; border-radius:4px; border: 1px solid #cccccc; font-size:13px;}
a .tag, .tag a {color:#333333; }
.tag.aktiv, a .tag.aktiv, .tag.aktiv a { background: #C12030; color:#FFFFFF;  border: 1px solid #b11020;}
/* Elemente */
.mitglieder { margin:0 auto 0 -8px; position:relative; display:block;}
.mitglieder ul { display:block; position:relative; list-style:none; padding:0; margin:0; }
.mitglieder ul li {display:inline-block; position:relative; padding:5px 7px;  float: left; margin: 7px 7.5px 7px 7.5px; -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); background:#FFFFFF;}
.mitglieder ul li > div { position:relative; text-align:center; display:inline-block; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; 	display: flex; align-items: center; justify-content: center;  width:160px; height:160px; padding:3px; }
.mitglieder ul .overlay {position:absolute; z-index:100; min-width:300px;  background:#FFFFFF;display:block; left:-75px; top:160px;box-shadow: 0 0 3.5px 0 rgba(0, 0, 0, 0.3); padding:0; text-align: left; }

.mitglieder ul .overlay:after, .mitglieder ul .overlay div:after {content:" ";}
 .mitglieder ul .overlay h4, .mitglieder ul .overlay div  {position:relative; background:#FFFFFF;display:block; padding:20px;}
.mitglieder ul img, #latest.detail .mitglieder ul img {display:inline-block; position:relative; padding:0; margin:0; width:100%; height:auto; transform: scale(1); }

span[itemprop="headline"] {
	font-size:22px;
	line-height:normal;
}
#news .topnews span[itemprop="headline"] {
	font-size:20px;
}

.name-of-person {
	font-size:14px;
}

/* ++++++++++++++++++++++++ Logoslider ++++++++++++++++++++++++ */
#logoslider_wrapper {height:260px; position:relative; padding:80px 0 44px 0;}
#logoslider_wrapper .container {position:relative; padding:0;}
	
.scroll-img {
  width: 1050px;
  height: 142px;
  overflow: hidden;
 margin:0 auto;
}

.logoslider li {
  display: inline-block;
  position:relative;
 /* margin:0 5px 160px 5px;*/
  margin:0 10px 160px 10px;
  padding:20px 15px;
  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 {
   margin:0 10px 160px 10px;
   padding:20px 15px;
}		

		
.logoslider li img {
width:160px;
height:auto;
}

ul.logoslider {
  width: 2100px;
  height: 200px;
  margin: 0;
  padding:0;
}
		
#mitgliedslogos-backward { 
	background:  url("../images/controls_dark.png") no-repeat scroll 0 -57px;
    width:32px;
	height:52px;
	position:absolute;
	left:0px;
	top:44px;
}
#mitgliedslogos-forward { 
    background: url("../images/controls_dark.png") no-repeat scroll -47px -57px;
    width:32px;
	height:52px;
	float:right;
	position:absolute;
	right:0px;
	top:44px;
}
#mitgliedslogos-backward:hover { 
	background-position: 0 -1px;
}
#mitgliedslogos-forward:hover { 
	background-position:-47px -1px;
}

/* 1 Logo */
@media (min-width:0px) and (max-width: 530px)  {
.scroll-img {  width: 210px; }
#mitgliedslogos-backward { left:15px; }
#mitgliedslogos-forward { right:15px; }
}
/* 2 Logos nebeneinander*/
@media (min-width:531px) and (max-width: 680px)  {
.scroll-img {  width: 420px; }
#mitgliedslogos-backward { left:15px; }
#mitgliedslogos-forward { right:15px; }
}
/* 3 Logos nebeneinander*/
@media (min-width: 681px) and (max-width: 992px) {
.scroll-img {  width: 630px; }

}
/* 4 Logos nebeneinander*/
@media (min-width: 993px) and (max-width: 1200px) {
.scroll-img {  width: 840px; }
}
/* 5 Logos nebeneinander*/
@media (min-width: 1201px) {
	.scroll-img {  width: 1050px; }
}
/* ++++++++++++++++++++++++ Navigation + Logo ++++++++++++++++++++++++ */
.logomobil { display:none;}
.oben { z-index:100; }
nav container {position:absolute; z-index:100; margin: 0 auto;}
/*#nav-container, #menu, #menu ul,*/ #menu ul li {transition: all 0.5s ease-out;}

#menu {color:#FFFFFF; position:relative; display:inline-block; margin-top:12px; padding:6px; }
#menu ul { list-style-image:none; padding:0; }
#menu ul li { display:inline-block; padding: 21px 0 40px 26px; font-size: 23px;}
#nav-container { position:relative; border: 0 none; vertical-align: middle;}
#menu li.active a {color:#333333;}
#menu li.active ul li a {color:#b11020}
#menu li.active ul li.active a {color:#333333;}
#menu li a:hover {text-decoration: underline;}
#menu li.active a:hover {text-decoration: none;}

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

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

/* unterpunkte */
#menu ul li ul  { position:absolute; margin:42px 0 0 -128px; background:#b11020; display:none;}

#menu ul li:hover ul, #menu ul li ul:hover, #menu ul li ul li ul:hover, #menu ul li ul li:hover ul, #menu ul li ul li.unterpunkt:hover ul { display: inline-block;}

#menu ul li ul li ul {margin: -11px 0 0 55px; background:#f0f0f0; opacity:0;}
#menu ul li ul li:hover ul {opacity:1;}
#menu ul li ul li ul li {background:#f0f0f0;}
#menu ul li ul li ul li.active, #menu ul li ul li ul li:hover, #menu ul li ul li ul li.active:hover {background:#ffffff;}
#menu ul li ul li:hover .openlist {transform:rotate(0deg); transition: all 0.5s ease-out; }

#menu ul li ul li { background:#fff; display:block; padding:10px 15px 10px 15px; border-top:1px solid #ccc; }
#menu ul li ul li:hover { background:#f0f0f0;  }
#menu ul li ul li:last-child {  padding:10px 15px 15px 15px;  }
.openlist { background: url("../images/controls.png") no-repeat scroll -14px 0 / 36px auto; float:right; height: 20px; width: 16px; position:relative;  transform:rotate(90deg); transition: all 0.5s ease-out; margin-left:8px;}
.openlist.offen{transform:rotate(90deg); }

/*  + Hamburger +   */


/*toggle-icon*/
.toggle-icon { 
	display: block;
	position: relative;
	width: 100%;
	margin: -3px auto 0 0.3em;
	-webkit-transition: margin 600ms;
	-moz-transition: margin 600ms;
	transition: margin 600ms;
	cursor: pointer;
	height:50px;
}

.toggle-icon .bar {
	display: block;
	width: 3.8em;
	height: 0.3em;
	margin: 0.8em;
	border-right: 3.8em solid #C12030;
	-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-icon .bar:nth-of-type(1) {
		-webkit-transition: opacity 300ms;
		-moz-transition: opacity 300ms;
		transition: opacity 300ms;
	}
	.toggle-icon .bar:nth-of-type(2) {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

/*pushed*/
.pushed .toggle-icon {
	margin:-22px -1.3em 1.3em 0.5em;
}

	.pushed .bar:nth-of-type(1) {
		opacity: 0;
	}

	.pushed .bar:nth-of-type(2) {
		margin-left: 1.4em;
		-webkit-transform: rotate(-137deg) translateY(-1.5em);
		-moz-transform: rotate(-137deg) translateY(-1.5em);
		-ms-transform: rotate(-137deg) translateY(-1.5em);
		-o-transform: rotate(-137deg) translateY(-1.5em);
		transform: rotate(-137deg) translateY(-1.5em);
	}

	.pushed .bar:nth-of-type(3) {
		margin-left: 0.5em;
		-webkit-transform: rotate(-42deg);
		-moz-transform: rotate(-42deg);
		-ms-transform: rotate(-42deg);
		-o-transform: rotate(-42deg);
		transform: rotate(-42deg);
	}


/*  +++++++++++++++ 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;
}

/*  +++++++++++++++ Mitglied werden +++++++++++++++   */
.join-container {display: fixed; right:0px; z-index: 10000;}

.join-container .join-button {
    background: #C12030 none repeat scroll 0 0;
    /*border-radius: 5px;*/
    color: #fff;
    display: block;
    font-weight: 500;
    padding: 15px 20px 25px;
    position: fixed;
    right: -55px;
    top: 180px;
	transition: all 0.5s ease 0s;
    transform: rotate(-90deg);
    z-index: 7;
	-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);
}
.join-container .join-button:hover, .join-container .join-button:focus {
    background: #FFFFFF none repeat scroll 0 0;
    right: -50px;
    transition: all 0.5s ease 0s;
	text-decoration: none;
	color:#C12030;
}



/*  +++++++++++++++ Responsive Anpassungen +++++++++++++++   */
 @media screen and (max-width: 1199px) {
#menu ul li { padding: 21px 0 40px 16px;  font-size: 22px;}
#menu ul li:last-child {  padding-right: 10px;}
header .blocktext {top: 40%; left:auto; right:12%;}
/*.newsitem {min-height:580px;}*/
.latestitem img {padding: 0;}
.liste h1 { font-size: 26px;}
.jobimg, .termineimg, .latestitem .newsimg { min-height:193px;} 
/*uebersicht*/
.uebersicht button {left:283px;}
.mitglieder ul li > div {width: 180px;}
 }
 
@media screen and (max-width: 990px) {
.sliderwrapper { margin-top:0;}
 h1 {font-size: 30px;}
/* Navigation mobile Variante */
.naviwrapper { margin-right: 0;}
#content {padding-top:20px;}
.pushed .toggle-icon { margin-top:-1.3em;}
.logodesktop {display:none;}
.logomobil { display:inline; margin:-4px 0 0 -31px; position:relative;}
#nav-container, #menu, #menu ul, #navlist {transition: all ease;}
nav { background:#FFFFFF; position:fixed; top: 0px; width:100%;	-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);}
#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 */
#menu ul, #menu ul li ul ,#menu ul li, #menu ul li ul li  { position:relative; display:block; border:none; opacity:1; margin:0; float:none; background:transparent;}
#menu ul li ul {margin-top:10px; }
#menu ul li ul li, #menu ul li ul li:last-child { padding:10px 0 10px 0; margin:0; }
#menu ul li ul li:hover, #menu ul li:hover ul { background:#d6d4d4; /*background:#b11020;*/  }
#menu ul li.unterpunkt ul {padding-bottom:0; }
#menu ul li:last-child {padding-right:0;}
#menu ul {padding-left:0;}
#menu ul li ul li a { padding-left:45px;}
	
#menu ul li ul li ul, #menu ul li.unterpunkt ul li ul, #menu ul li ul li.unterpunkt ul {opacity:1; margin: 11px 0 -10px 0px;}
#menu ul li.active ul li ul { display:none; }
#menu ul li.active ul li.active ul {opacity:1; display:block; margin: 11px 0 -10px 0px;}

#menu ul li ul li:hover .openlist {transform:rotate(90deg); }
#menu ul li ul li:hover .openlist.offen {transform: rotate(-90deg);}
	
/* Menue icon pfeil */
.openlist { background: url("../images/controls.png") no-repeat scroll -14px 0 / 36px auto; float:right; height: 20px; width: 16px; position:absolute; right:30px; transform:rotate(90deg); top:5px; transition: all 0.5s ease-out; }
.openlist.offen{transform:rotate(-90deg); top:15px;}
/* Ende -  mobile Variante */
 .newsitem {/*min-height:460px;*/ margin-bottom:40px;}  
 #termine h3 {margin-top:40px;}
 .jobimg, .termineimg, .latestitem .newsimg { min-height:226px;}
 /*uebersicht*/
 .uebersicht button {  display:block; position:relative; bottom:auto; left:auto; margin-left:15px;}
 .liste p:last-child {margin-bottom:15px;}
 .liste .sub {margin-top:15px;}
 .liste .texte {padding-bottom: 5px;}
 .liste h1 { font-size: 28px;}
 .mitglieder ul li > div {width: 227px; height:227px;}
 .mitglieder ul .overlay { top:180px;}
 #news .ce-bodytext {column-count: 1;}
	
	 
/*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; }
}
 


 @media screen and (max-width: 969px) {
 /* + menue + */
#menu ul li a {  padding-left: 15px;}
#menu ul li ul { margin-left: -15px; }
#menu ul li ul li, #menu ul li ul li:last-child { padding-left: 15px; }
#menu ul li ul li { background:#E6E4E4; }
#menu ul li.unterpunkt ul { background:transparent;}
#menu ul li ul li a { padding-left:30px;}
#menu ul li.unterpunkt:last-child { padding-bottom:15px;}
 .mitglieder ul li > div {width: 210px; height:215px;}
.mitglieder ul .overlay {left: -10px; min-width: 245px;}
#nav-container { display:inline-block;}
 }
 
 @media screen and (max-width: 767px) {
.sliderwrapper { margin-top:84px;}
header .blocktext { left:auto; right:auto; bottom:0; top:auto; width:100%; padding:0 15px 0 15px; text-align: right; max-width:80%; margin:0 auto;}
header h2, h1, .h1, h2, .h2, .liste h1  {font-size: 26px;}
header h2  { margin-top: 10px;}
#intro { padding-top: 0;}
.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; }
 }

 @media screen and (max-width: 500px) {
.sliderwrapper {margin-top: 70px;}
.logomobil {  margin:0 0 0 -20px; max-width:50%; height:auto;}
#menu {margin:0 -15px 0 -15px; overflow:visible; }
.toggle-icon .bar { border-right: 3em solid #C12030; margin: 0.5em;  width: 3.5em;}
.toggle-icon .bar:nth-of-type(2) {transform: rotate(0deg);}
.pushed .bar:nth-of-type(2) {margin-left: 1.4em; transform: rotate(-137deg) translateY(-1.5em);}
.pushed .bar:nth-of-type(3) {margin-left: 0.1em; margin-top: 0.8em;}
.pushed .toggle-icon {margin-top: -0.3em;}
#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;max-width: 100%;}
 .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 6px;}
 /* 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) {
.logomobil { max-width:70%; }
 header .blocktext { padding:0 4px 0 15px;}
 #breadcrumb { font-size: 10pt;}
 .mitglieder {margin: 8px 0 20px 0;}
 .mitglieder ul { margin: 0;}
 .mitglieder ul li {width:100%; display:block; margin:10px 0 5px 0;}
 .mitglieder ul li > div {width:100%; height:176px;}
.mitglieder ul .overlay { bottom: auto; left: auto; margin-bottom: 20px; min-width: 100%; position: relative; top: auto; display:block; height:auto; min-height:auto;}
  #abbinder ul li, #abbinder ul li:last-child { display:block; border-right:none; line-height:1.3em;}
 }


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


 @media screen and (min-width: 990px) {
 #menu ul li ul li a,  #menu ul li ul li a:hover,  #menu ul li ul li a:active { color:#c12030;}
 #menu ul li:last-child {padding-right: 26px;}
 .toggle-icon {display:none;}
/* hg navi weiss */
 header {margin-top:0;}
 nav {background-color:#FFF;height:100px;}
 #logo img {width:240px !important; height:auto !important;margin:11px 0 0 -30px;}

 #news .row { display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap:nowrap ; -o-flex-wrap: nowrap; flex-wrap: nowrap;}
 .newsitem {width: 25%;}
}

 @media screen and (min-width: 1200px) {
	 /*#content{
    	min-height: -webkit-calc(100% - 286px);
    	min-height: -moz-calc(100% - 286px);
		min-height: calc(100% - 286px);}*/
	 /* + News Detailseite + */
	 #latest.detail img { padding:15px 15px 0;}
	 #latest.detail .latestitem .inner, .kontaktblock .inner { padding:5px 15px 5px 15px;}
	 #latest.detail .datum { display: inline-block; float: right; margin-top: 15px;}
}

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

 @media screen and (min-width: 1800px) {
	header .blocktext {top:460px; }
}

#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;}