/* CSS Document */

/*---------------------------------------
	BASCIC CONFIGURATIONS
---------------------------------------*/

html, body {
	font-family: 'Droid Sans', sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;	
}

h1 {
	color:#e2021a;
	font-size:2.25em;
	text-transform:uppercase;
	margin-bottom:1.25rem;
}

h2 {
	font-size:1.625rem;
}
form
h3 {
	font-size:1.375rem;
}

h4 {
	color:#f7f7f7;
}

/*---------------------------------------
	HEADER
---------------------------------------*/

#header {
	background-color:#fff;
}

.logo {
	position:absolute;
	z-index:99999;
	margin-left:0.9375em;
}

#header img.rmv-large{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */  
}

#header.small img.rmv-large {
	height: 56px;
	/*width: 82px;*/
	width: 124px;
}

.heaer-image, .header-image {
	margin:0 auto;
	max-width: 2000px;
}

.header-image figure {
  margin: 0;
}

/*---------------------------------------
	MAIN MENU
---------------------------------------*/
.top-bar {
	background:#fff;
}

.contain-to-grid {
    box-shadow: 0 0 4px 0 #999;	
	background-color:#fff;
}

.top-bar-section ul.left {
	float:right !important;
}

.top-bar-section ul li > a {
	color:#222;
	font-family: 'Droid Sans', sans-serif;
	font-size:1rem;
	font-weight:700;	
	text-transform:uppercase;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background:none #fff;
	padding:0 20px;
	line-height:3.5rem;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	background-color:#e2021a;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background:none #e2021a;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
	background:none #e2021a;
	padding:0 20px;
	line-height:3.5rem;
}

.top-bar-section .right li .dropdown {
	left:0;
	right:auto;
}

.top-bar-section .has-dropdown > a {
	padding-right:20px !important;
}

.top-bar-section .has-dropdown > a:after {
	border:none;
}

.top-bar-section ul li ul li > a {
	text-transform:none;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	line-height:2.5rem;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background:none #e2021a;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
	background:none #af0214;
}

.top-bar-section .right li .dropdown li .dropdown {
	left:100%;
}

.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
	font-size:1rem;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
	color:#888;
}

.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
	background-color:#e2021a;
	color:#fff;
}

.top-bar .menu-icon {
    background: url("../Images/menu-icon.svg") no-repeat;
    background-size: 2rem;
    background-position: 44%;
}

.top-bar .menu-icon span {
    display: none;
}

/*---------------------------------------
	MOBILE MENU
---------------------------------------*/

.top-bar .name {
	/*background:#e2021a;*/
	background:#00592e;
}

.top-bar .name a img {
	/*padding:0.85rem 0 0 1rem;*/
	padding:0.375rem 0 0.25rem 1rem;
}

.top-bar .toggle-topbar.menu-icon a span:after {
	box-shadow: 0 0 0 2px white, 0 7px 0 2px white, 0 14px 0 2px white;
}

.expanded .top-bar-section li:not(.has-form) a:not(.button) {
	line-height:2.5rem;
}

.expanded .top-bar-section li.active:not(.has-form) a:not(.button) {
	line-height:2.5rem;
}

.expanded .top-bar-section li.active:not(.has-form) h5 a:not(.button) {
	background:#fff;
}

.expanded .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background:#fff;
	color:#222;
}

.expanded .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
	background:#e2021a;
	color:#fff;
}

/*---------------------------------------
	CONTENT
---------------------------------------*/

.home .sponsors {
	margin-top:1.125rem;
}

.maincontent {
	margin-top:3rem;
}

[class*="column"] + [class*="column"]:last-child {
	float:left;
}

/*panel*/
.panel {
	border:none;
}

.panel .button {
	margin:0;
}

/*filelinks*/
.ce-uploads {
  list-style: none;
  margin-left: 0;
}

.ce-uploads div {
  display: inline-block;
  margin-left: 22px;
}

.ce-uploads li {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}

.ce-uploads li::before {
  content: "\f143";
  color: #727272;
  position: absolute;
  font-family: "foundation-icons";
  font-weight: normal;
  font-style: normal;
}

.ce-uploads a {
  margin-right: 8px;
}

.ce-uploads span {
  display: inline-block;
}

.ce-uploads .ce-uploads-filesize:before {
  content: '('; 
}

.ce-uploads .ce-uploads-filesize:after {
  content: ')';
}

.ce-intext.ce-left ul {
  margin-left: 0;
  padding-left: 15px;
}

.panel .image-embed-item {
  height: auto;
}

/*vorstand*/
.vorstand {
	padding:1.25rem;
	background-color:#f2f2f2;
}

/*---------------------------------------
 FRAMES
---------------------------------------*/

/*team*/
.frame-layout-130 > * {
	padding:1.25rem;
	background-color:#f2f2f2;
}

.frame-layout-130 {
  margin-bottom:30px;
  display: flex;
  flex-direction: column;
}

.frame-layout-130 header {
  flex-grow: 0;
  flex-shrink: 1;
}

.frame-layout-130 .ce-textpic {
  flex-grow: 1;
  flex-shrink: 0;
}

/* Vorstand */
.frame-layout-120 {
  float: left;
  width: 50%;
  padding: 1rem;
}

.frame-layout-120 .ce-textpic {
  padding: 1.25rem;
  background-color: #f2f2f2;
}

.frame-layout-120 h2 {
  font-size: 1.425rem;
}

@media screen and (max-width: 63.9375em) {
  .frame-layout-120 { 
    width: 100%;
  }
}

/* Galerie */
.frame-galerie .ce-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.frame-galerie .ce-column {
  width: calc(50% - 1px);
  margin-right: 0px;
}

@media screen and (max-width: 39.9375em) {
  .frame-galerie .ce-column {
    width: calc(100% - 1px);
  }
}

/* Sponsors */
.frame-sponsors {
  margin-bottom: 40px;
}

.frame-sponsors .ce-image figure.image {
  margin: 0;
}

.frame-sponsors .ce-gallery {
	border-left:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
}

.frame-sponsors .ce-column {
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
  margin: 0px;
}

.frame-sponsors .ce-row {
  display: flex;
  margin: 0;
}

/* Gold Sponsors */

.gold-sponsors .ce-row {
  width: 33.333%;
}

.gold-sponsors .ce-column {
  width: 100%;
}

.ce-image .ce-row figure {
  margin: 8px 15px;
}

.gold-sponsors .ce-outer {
  right: auto;
}

.gold-sponsors .ce-inner {
  display: flex;
  flex-wrap: wrap;
  right: auto;
}

@media screen and (max-width: 63.9375em) {
  .gold-sponsors .ce-row {
    width: 50%;
  }
}

@media screen and (max-width: 39.9375em) {
  .gold-sponsors .ce-row {
    width: 100%;
  }
  .gold-sponsors .ce-column > figure.image {
    margin: 0 auto;
  }
}

/*---------------------------------------
	Form
---------------------------------------*/
label em, legend em {
	display:inline;
	color:#222;
	font-size:90%;
	margin-left:0.125rem;
}

label strong, legend strong {
	text-transform:none;
}

div.csc-mailform li label {
	width:100%;
}

.csc-form-element-header h2 {
	margin-bottom:1rem;
}

.csc-mailform h3 {
	border-bottom:5px solid #eaeaea;
	margin-bottom:1rem;
	padding-bottom:0.5rem;
}

.csc-mailform li {
	list-style:none;
}

fieldset.powermail_fieldset {
    border:0;
    padding: 0;
    margin: 0;
}

fieldset.powermail_fieldset legend {
	display: none;
}

.tx-powermail .powermail_fieldwrap_type_text {
    border-bottom: 5px solid #eaeaea;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
	font-size: 1.375em;
	font-weight: bold;
}

.tx-powermail h3 {
  display: none;
}

.powermail_submit {
    border-style: solid;
    border-width: 0;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #e2021a;
    border-color: #b50215;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

ul.parsley-errors-list,
ul.powermail-errors-list {
	margin-left:0;
	margin-top:-0.5rem;
	font-size:0.875rem;
	color:#AC0002;
	list-style-type:none;
	font-weight: bold;
}
.tx-powermail > form > h3 {
	display: none;
}

.powermail_field .checkbox input {
  position: absolute;
  left: -20px;
  top: 5px;
  margin-bottom: 0;
}

.powermail_field .checkbox label {
  position: relative;
  margin-left: 20px;
  margin-bottom: 24px;
}

.powermail_field > .radio {
  display: inline-block;
  width: 200px;
}
/*---------------------------------------
	IMAGES
---------------------------------------*/

.content img {
	width:100%;
}

.ce-left.ce-intext .ce-gallery, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 14px;
}

.csc-textpic-image table {
	margin-bottom:0;
}

.csc-textpic-caption {
	font-size:0.75rem;
	font-weight:normal;
	padding:0.125rem;
	color:#787878;
}

/*magnific-pop-up*/
button.mfp-close:hover {
	background:none;
}

@media screen and (max-width: 39.9375em) {
  .ce-left.ce-intext .ce-gallery {
    width: 100%;
  }
}

/*---------------------------------------
	FOOTER
---------------------------------------*/
footer, #footer {
	background-color:#262626;
	padding:2rem 0 0.75rem 0;
	margin-top:4rem;
}

footer p, #footer p {
	color:#f7f7f7;
	font-size:0.9375rem;	
}

ul.footer-menu {
	float:left;
	font-size:0.9375rem;
	list-style:none;
	margin:0 4rem 0 0;
}

footer a, #footer a {
	color:#f7f7f7;
}

footer a:hover, #footer a:hover {
	color:#ccc;
}

.imprint {
	text-align:right;
}

/*---------------------------------------
	Miscellaneous
---------------------------------------*/

/*tables*/
table {
	width:100%;
	border:0;
}

table thead tr th, table thead tr td {
    color:#222;
    font-size:0.9375rem;
    font-weight:bold;
	padding:0.5625rem 0.2rem;	
}

table tr th, table tr td {
	font-size:0.9375rem;
	padding:0.5625rem 0.2rem;
    border-bottom: 1px solid #d5d5d5;	
}

table.ehrenamt tr td.td-0 {
	width:15%;
}

figure.table {
    margin: 0;
}

@media only screen and (min-width:64.063em){
	.top-bar-section {
		margin-right:0.9375rem;
	}
}

@media only screen and (max-width:40em){
	h1 {
		font-size:1.75em;
		margin:1.5rem 0 1.25rem 0;
	}
	
	h2 {
		font-size:1.375rem;
	}
	
	h3 {
		font-size:1.125rem;
	}	
}

@media only screen and (max-width:40em){
	.top-bar-section li a {
		line-height:1.75rem !important;
	}
}

/*---------------------------------------
	News
---------------------------------------*/
.news a.more {
  background-color: #b50215;
  color: #fff;
  padding: 0.625rem 1.25rem 0.625rem;
  border-radius: 3px;
  font-size: 0.8rem;
}

.news a.more:hover {
  background-color: #9f0112;
}

@media screen and (max-width: 39.9375em) {
  .news-single .article .news-img-wrap {
    float: none;
    margin: 10px;
    width: auto;
  }
}

/*---------------------------------------
	addon ios filter / klassen
---------------------------------------*/

.opthide{
	display: none;
}

.optshow{
	display: inherit;
}






/*---------------------------------------
	fix darstellung text auf mobile
---------------------------------------*/


@media (max-width: 640px) {
	.ce-bodytext {
		overflow: unset !important;
	}
}