@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);


/*
font-family: 'Lato', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img { border:none; }
img { max-width: 100%; height: auto; width: auto; /* width auto needs ie8 in typo*/ }
html, body { font-family: 'Lato', sans-serif; font-weight: 400; color: #333333; font-size: 16px; }
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 { font-weight: 700; line-height: 1; }
fieldset { border: none; }
html,body{ height: 100%; }
input,textarea{ font-family: 'Lato', sans-serif; font-weight: 400; }

b, strong{ font-weight: 700; }

a{ color: #50a634; text-decoration: none; }

.purewhite { color: #ffffff; text-decoration: none; font-weight: 400;}
.pureblack { color: #000000; text-decoration: none; font-weight: 400;}

p{ line-height: 22px; margin-bottom: 22px;  } 


.inCe{ max-width: 950px; margin: 0 auto; padding-left: 10px; padding-right: 10px;  }

.align-center{ text-align: center; }
.align-right{ text-align: right; }


.button{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background-color: #646567;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 40px;
	padding-right: 40px;
	color: #FFF!important;
	font-weight: 400!important;
	text-transform: uppercase;
}
.buttonpink{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background-color: #b90c75;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 40px;
	padding-right: 40px;
	color: #FFF!important;
	font-weight: 400!important;
	text-transform: uppercase;
}
.buttongreen{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background-color: #50a634;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 40px;
	padding-right: 40px;
	color: #FFF!important;
	font-weight: 400!important;
	text-transform: uppercase;
}
.button strong, .button b, .buttonpink strong, .buttonpink b, .display strong, .display b{
	font-weight: 700!important;
}

.fixedhead#naviOut { height: 60px; }
.fixedhead #navtop ul li a { height: 60px; line-height: 60px; }
.fixedhead div.headerIN { padding-top: 10px; }
.fixedhead div.headerIN img { width: 120px; }
.stickwrapper #outline{ margin-top: 60px; }

#naviOut{ position: fixed; left: 0; top: 0; width: 100%; height: 90px; background-color: #f0f4ec; z-index: 24; }
#navtop{ float: left; width: 80%; }
#navtop ul{ display: inline; }
#navtop ul li{ display: inline-block; position: relative;  margin-left: 20px;  }
#navtop ul li a{ display: inline-block; line-height: 90px; height: 90px; text-decoration: none; font-size: 13px; color: #333333; text-transform: uppercase; padding-left: 5px; padding-right: 5px; }
#navtop ul li:first-child{ margin-left: 0px; }
#navtop ul li.active a{ border-bottom: 4px solid #50a634; }
#navtop ul li:hover a{ border-bottom: 4px solid #50a634; }

#navtop ul li ul{ display: none; position: absolute; left: 0px; top: 90px; background-color: #FFF; text-align: left; padding-top: 9px; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; }
.fixedhead#naviOut #navtop ul li ul { top: 100%; }
#navtop ul li:hover ul{ display: block;  }
#navtop ul li ul li{ margin-left: 0px; display: block; }
#navtop ul li ul li a{ line-height: normal; height: auto; display: block; border-bottom: none!Important; font-size: 13px; color: #7d7d7d; padding-left: 0!important; margin-left: 0px!important; padding-bottom: 5px; padding-top: 5px; white-space: nowrap;  }
div.headerIN { float: right; padding-top: 20px; }

#outline{ width: 100%; position: relative; }
#inOutline{ padding-top: 40px; }
#siteTitle{ text-align: center; }
#siteTitle h1{ font-weight: 300; font-size: 26px; display: inline-block; text-transform: uppercase; padding-bottom: 16px; background-image: url(../img/afertitle.png); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 55px; color: #b90c75;  }
#siteTitle h1 b{ font-weight: 900; position: relative; display: inline-block;  }


.element2cols:after{ clear: both; display: table; content:''; }
.element2cols .col_50_1{ float: left; width: 48%; margin-right: 4%; }
.element2cols .col_50_2{ float: left; width: 48%; }

.element3cols:after{ clear: both; display: table; content:''; }
.element3cols .col_33_1{ float: left; width: 30%; margin-right: 5%; }
.element3cols .col_33_2{ float: left; width: 30%;  margin-right: 5%; }
.element3cols .col_33_3{ float: left; width: 30%; }

.galthreecols{ }
.galthreecols .csc-textpic-center-outer{ float: none!important; right: 0!important; }
.galthreecols .csc-textpic-center-outer .csc-textpic-center-inner{ float: none!important; right: 0!important; }
.galthreecols .csc-textpic-imagecolumn{ width: 30%; margin-right: 0!important; margin-bottom: 30px; margin-left: 5%!important; }
.galthreecols .csc-textpic-firstcol{ margin-left: 0!important; }
.galthreecols .csc-textpic-imagecolumn img{ margin:0!important; }

#outline{ padding-bottom: 0px; margin-top: 90px; }
#content{ }
#content h2{ font-size: 17px; color: #50a634; text-transform: uppercase; margin-bottom: 6px; }
#content h3{ font-size: 17px; color: #50a634; text-transform: uppercase; margin-bottom: 20px; }

#content .csc-mailform ol{ list-style: none; list-style-type: none; }
#content .csc-mailform label{ display: block; cursor: pointer; float: none; width: 100%; font-size: 12px; color: #999999; margin-bottom: 3px; }
#content .csc-mailform label em{ display: inline-block;  text-transform: none; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; }
#content .csc-mailform ol li.csc-form-element-textline input{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #999999; font-size: 16px; }
#content .csc-mailform ol li.csc-form-element{ margin-bottom: 15px; }
#content .csc-mailform ol li.csc-form-element-select select{ width: 100%; }

#content .csc-mailform ol li.csc-form-element-submit input{ width: 100%; height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #50a634; color: #ffffff; cursor:pointer; }

#content .csc-mailform ol li.csc-form-element-reset input{ width: 100%; height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #333333; color: #ffffff; cursor:pointer; }

#content .csc-mailform ol li.csc-form-element-textarea textarea{ width: 100%; height: 150px; padding-top: 7px; border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #999999; font-size: 16px; }

div.csc-mailform fieldset ol{ padding: 0px; margin: 1px; top: 0; }
#content .csc-mailform ol li ol{ padding-top: 6px; }
#content .csc-mailform ol li ol li{ margin-bottom: 5px; padding: 0px; }
.fieldset-subgroup ol li{ position: relative; overflow: visible!important; }
.fieldset-subgroup ol li .jquery-checkbox{ position: absolute; top: 0px; }
.fieldset-subgroup ol li label{ padding-left: 28px; padding-top: 3px; }


#content .csc-mailform ol li.csc-form-2{ width: 48%; float: left; margin-right: 4%; }
#content .csc-mailform ol li.csc-form-3{ width: 48%; float: left; }

#content .csc-mailform ol li.csc-form-15{ width: 44%; float: left; margin-right: 12%; }
#content .csc-mailform ol li.csc-form-16{ width: 44%; float: left; }

#content  a{ font-weight: 700; }

.bannerMod{
	height: 315px;
}
.bannerMod .bannerModin{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;
}
.bannerMod .bannerModin .Banner{
	background-color: #646567;
}
.slider_B > .Banner > .swiper-slide { float: left; }
.slider_B div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{ margin: 0px; }
.slider_B_out{ position: relative; }
.Banner { position: relative; }

.slider_B > .Banner > .swiper-slide { float: left; position: relative; }
.slider_B > .Banner { margin: 0; padding: 0; max-width: none!important; }
.slider_B .swiper-wrapper { position: relative; overflow: hidden; }
.slider_B { position: relative; overflow: hidden; }

.bannerStoerer{
	margin-top: -40px;
}

.siteHeadline #siteTitle h1{
	margin-bottom: 20px;
}


#content figcaption.csc-textpic-caption{
	padding-top: 1px;
	display: block;
}

#content aside{
	font-size: 13px;
	position: relative;
	top: -4px;
}

#content aside h2{
	font-size: 13px;
	text-transform: none;
	margin-bottom: 0px;
}

.grauerBg{

}
.grauerBg .grauerBgIn{
	position: absolute;
	left: 0px;
	width: 100%;
	background-color: #f0f4ec;
}





/* selectmenu */
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0;left: 0; display: none;  }
.ui-front { z-index: 100; }
.ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7; */ overflow-x: hidden; padding-bottom: 1px; border-left: 1px solid #cccccc; background-color: #FFF;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }
.ui-menu .ui-menu-item {
position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; border-bottom: 1px solid #cccccc;   border-right: 1px solid #cccccc; color: #cccccc;
}
.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-button{ border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; cursor: pointer; display: inline-block; position: relative; min-width: 80px; color: #999999; height: 40px; line-height: 40px;  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  }
.ui-selectmenu-button .ui-icon{ position: absolute; right: 0px; height: 32px; width: 32px;  background-image: url(../img/arrDown.png); background-repeat: no-repeat; margin-right: 3px; margin-top: 3px;  }

.jquery-checkbox { display: inline-block; width: 20px; font-size: 20px; line-height: 20px; cursor: pointer; }
.jquery-checkbox .mark { display: inline; background-color: transparent; padding: 0px; }
.jquery-checkbox img { vertical-align: middle; width: 25px; height: 25px; background: transparent url('../img/radio.png') no-repeat; }
.jquery-checkbox-checked img{ background: transparent url('../img/radio_checked.png') no-repeat }

.news-normal-item{
	margin-bottom: 40px;
}
.news-normal-item:after{
	clear: both; content:''; display: table;
}
.news-normal-item .leftnews{
	float: left; width: 66%; margin-right: 3%;
}
#content .news-normal-item .leftnews h2{
	margin-bottom: 8px;
}
#content .news-normal-item .leftnews h2 a{
	text-decoration: none;
	font-weight: 700;
}
.news-normal-item .rightnews{
	float: left; width: 31%;
}
.news-normal-item .rightnews .news-list-date{
	display: block; margin-bottom: 8px; font-size: 13px; color: #333333; text-align: right; font-weight: 700;
}
td, th {
	padding: 0;
}
#content table{
	width: 100%;
	background-color: #f0f4ec;
border-collapse: collapse;
border-spacing: 0;
}
#content table th{
	text-align: left;
	background-color: #50a634;
	height: 35px;
	padding-left: 10px;
	font-weight: 700;
	color: #FFF;
	font-size: 16px;
}
#content table td{
	text-align: left;
	padding: 12px;
	border-bottom: 3px solid #FFF;
}
#content table tr.white td{ background-color: #FFF; }
#content table tr td:first-child{
	padding-right: 25px;
}

#content table tr.even td{ background-color: #ddd; }
#content table tr.odd td{ background-color: #fff; }

#content table.grey th{
	background-color: #666666;
}
#content table.white{ background-color: transparent; }
#content table.white th{
	background-color: #fff;
	color: inherit;
}
#content table.white td{
	border-bottom: 3px solid #666666;
}

#content ul{
	margin-left: 18px;
}

#content li{
	margin-bottom: 5px;
	margin-left: 18px;
}
#content ol{
	margin-left: 18px;
}

#content .layout-4{ background-color: #f0f4ec; padding: 15px; margin-bottom: 15px; }

div.csc-textpic-center .csc-textpic-center-outer{ float: none; right: 0; }
div.csc-textpic-center .csc-textpic-center-inner{ float: none; right: 0; }
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display: block; }
.bannerMod div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img{ margin: 0 auto; }

#content .layout-4 p:last-child{ margin-bottom: 0px; }

#footer{
	background-color: #646567;
	font-size: 10px;
	color: #f0f4ec;
	height: 60px;
}
#footer p{
	line-height: 60px;
	margin: 0px;
}
#footerIn:after{ clear: both; content: ''; display: table; }
#footer .leftFoo{
	float: left;
	width: 50%;
}
#footer .leftFoo p{
	font-weight: 900;
}
#footer .rightFoo{
	float: left;
	width: 50%;
	text-align: right;
}
#footer .rightFoo ul{
	list-style: none; list-style-type: none; display: inline;
}
#footer .rightFoo ul li{
	display: inline;
}
#footer .rightFoo ul li a{
	display: inline-block; line-height: 60px; color: #f0f4ec; text-decoration: none; text-transform: uppercase;
}
#footer .rightFoo ul li a:hover{
	text-decoration: underline;
}
#footer .rightFoo .trenner{
	 color: #f0f4ec; display: inline-block; padding-left: 10px; padding-right: 10px; font-size: 13px; position: relative; top: 2px;
}

.clearer{ clear: both; line-height: 0px; font-size: 0px; }

a.mobicon{
	display: none;
	height: 49px;
	width: 49px;
	font-size: 0px;
	background-color: #50a634;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
a.mobicon span{
	display: block;
	margin-top: 18px;
	margin-left: 8px;
	width: 30px;
	height: 30px;
	background-image: url(../img/mobil_icon.png);
	background-repeat: no-repeat;
	-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
}

.frame-31{ display: block; }
.frame-30{ display: none; }

.graueBar{ background-color: #646567; padding-top: 16px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; color: #FFF; font-size: 16px; 	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;   }
.graueBar:after{ clear: both; content: ''; display:table;  }
.graueBar .graueBarleft{ float: left; width: 50%;  }
.graueBar .graueBarright{ float: left; width: 50%; text-align: right;  }
.graueBar p{ margin: 0px; line-height: normal;  }
.graueBar p img{ vertical-align: middle;  }

.clearer{ clear: both; line-height: 0px; font-size: 0px; width: 100%; text-indent: -999; }
.csc-mailform .clearer{  overflow: visible; display: block; }


.tx-powermail{ }
.tx-powermail .layout1{width: 48%;
float: left;
margin-right: 4%; }
.tx-powermail .noma{ margin-right: 0!important; }
.tx-powermail h3{ display: none; }
.tx-powermail legend{ display: none; }
.tx-powermail label, .powermail_fieldwrap_type_type_text{ display: block;
cursor: pointer;
float: none;
width: 100%;
font-size: 12px;
color: #999999;
margin-bottom: 3px;}
.powermail_radio_outer{ padding-top: 6px; }
.powermail_check_outer{ padding-top: 6px; }
.powermail_fieldwrap {
margin-bottom: 15px;
}
.powermail_radio_inner { position: relative; margin-bottom: 15px; }
.powermail_check_inner { position: relative; margin-bottom: 15px; }
.powermail_radio_inner .jquery-checkbox {
position: absolute;
top: 0px;
}
.powermail_check_inner input {
position: absolute;
top: 1px;
}
.powermail_radio_inner label {
padding-left: 28px;
padding-top: 3px;
}
.powermail_check_inner label {
padding-left: 28px;
padding-top: 0;
}
.powermail_fieldwrap_type_select select {
width: 100%;
}
.powermail_fieldwrap_type_input input{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #999999; font-size: 16px; }

.powermail_submit input{ width: 100%; height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #50a634; color: #ffffff; cursor:pointer; }

.powermail_fieldwrap_type_submit input{ width: 100%; height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #50a634; color: #ffffff; cursor:pointer;}

.powermail_fieldwrap_type_reset input{ width: 100%; height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #333333; color: #ffffff; cursor:pointer; }

.powermail_fieldwrap_type_textarea textarea{ width: 100%; height: 150px; padding-top: 7px; border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #999999; font-size: 16px; }

.login_header{ display: none; }
.login{ margin-bottom: 10px; }
.login input[type="text"],.login input[type="password"]{ height: 40px; line-height: 40px; border: 1px solid #cccccc; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #999999; font-size: 16px; }
input.login_submit, .logout input{ height: 40px; line-height: 40px; border: none; padding-left: 4px; padding-right: 4px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;  font-size: 16px; background-color: #50a634; color: #ffffff; cursor:pointer; width: 150px; }
.logout input{ margin-top: 10px; margin-bottom: 22px; }

.status_message{ line-height: 22px;
margin-bottom: 22px; display: block; }


.layout-3{
	display: none;
}

#cboxLoadedContent .layout-3{
	display: block;
	padding: 15px;
	padding-bottom: 0px;
}
#cboxLoadedContent .layout-3 h2{
	font-size: 17px; color: #50a634; text-transform: uppercase; margin-bottom: 6px;
}
#cboxLoadedContent .layout-3 h3{
	font-size: 17px; color: #50a634; text-transform: uppercase; margin-bottom: 20px;
}
#cboxLoadedContent .layout-3 p{
	line-height: 22px;
	margin-bottom: 22px;
}

.slider_100 { overflow: hidden;  }
.slider_100 .swiper-wrapper{ position: relative; overflow: hidden; }
.slider_100 .csc-default{ float: left;  position: relative;  }
.slider_100 .csc-textpic-image img { margin: 0px!important; border: none!important; }
.slider_100 .csc-textpic-imagewrap{ margin: 0px!important; }
.slider_100 .csc-default .csc-textpic-imagewrap { float: none; margin: 0px; }
.slider_100 div.csc-textpic-center .csc-textpic-center-outer{ float: none; margin: 0px!important; display: block; right:0; }
.slider_100 div.csc-textpic-center .csc-textpic-center-inner { float: none; margin: 0px; display: block; right:0;  }
.slider_100 .in1{ padding-right: 23px; }
.slider_100 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{ margin-bottom: 0px; display: block; }

@media ( max-width : 945px ) {
	div.headerIN {display: none;}
}
@media ( max-width : 900px ) {
	a.mobicon{ display: block; }
	#navtop{ display: none; position: absolute; left: 0px; top: 90px; width: 100%; background-color:#f0f4ec; border-top: 2px solid #50a634; border-bottom: 2px solid #50a634; }
	#navtop ul li{ display: block; width: 100%; margin-left: 0px;}
	#navtop ul li a{ display: block; width: 100%; margin-left: 0px; line-height: 30px; height: 30px;}
	#navtop ul li:hover ul{ display: none; }
	#navtop ul li ul{ position: static; width: 100%; }
	#navtop ul li.active a{ border-bottom: 1px solid #50a634; }
	#navtop ul li:hover a{ border-bottom: 1px solid #50a634; }
	#navtop ul li ul li a{ text-align: center; }
	#naviOut { position: relative; }
	#outline { margin-top: 0px; }
}
@media ( max-width : 820px ) {
	.graueBar .graueBarleft{ width: 100%; margin-bottom: 8px; }	
	.graueBar .graueBarright{ width: 100%; text-align: left; }	
}
@media ( max-width : 700px ) {
	.element2cols .col_50_1{ float: none; width: 100%; margin-right: 0; }
	.element2cols .col_50_2{ float: none; width: 100%; margin-right: 0; margin-top: 30px; }
	
	.element3cols .col_33_1{ float: none; width: 100%; margin-right: 0; }
	.element3cols .col_33_2{ float: none; width: 100%; margin-right: 0; margin-top: 30px; }
	.element3cols .col_33_3{ float: none; width: 100%; margin-right: 0; margin-top: 30px; }
	
	.news-normal-item .leftnews{ float: none; width: 100%; margin-right: 0; }
	.news-normal-item .rightnews{ float: none; width: 100%; }
	
	.bannerStoerer{ margin-top: 0px; padding-top: 15px; }
	.bannerStoerer .csc-textpic-text{ text-align: center; }
	.frame-31{ display: none; }
	.frame-30{ display: block; }
}
@media ( max-width : 570px ) {
	#footer .leftFoo{ float: none; width: 100%; }
	#footer .rightFoo{ float: none; width: 100%; text-align: left; }
	#footer{ height: auto; }
}
@media ( max-width : 400px ) {
	.galthreecols .csc-textpic-imagecolumn{ float: none!important; width: 100%!important; margin-left: 0!important; margin-bottom: 20px!important; }
}
@media ( min-width : 900px ) {
	#navtop{ display: block!important; } 
}

.weisseBarleft {
	background-color: white;
	width: 80%;
	padding: 30px 20px 20px 20px;
	margin-bottom: 20px;
	float: left;
	min-height:130px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.weisseBarright {
	background-color: white;
	width: 18%;
	margin-bottom: 20px;
	margin-left: 2%;
	float: left;
	min-height:130px;
	min-width:150px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 45px 0px 0px 6px;	
}
.weisseBar {
	display:inline-block;
	width: 100%;
	   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media ( max-width : 980px ) {
	.weisseBarright {
		display:none;
	}
	
	.weisseBarleft {
		width:100%;
	}
}

.weisseBar .preheader {
	color: #808080;
	font-size: 22px;
	margin-bottom: 6px;
	font-weight: 700;
	line-height: 1;
}

.weisseBar h1 {
	font-weight: 400;
	margin-top:15px;
	font-size: 32px;
	color: #001c4b;
}

#bc_video_test video {
	width: 100%;
	margin: 0 auto;
}

#bc_video_test {
	max-height: 355px;
	height: 355px;
}

.videoBar .button {
	background-color: #fdc400;
	border-color: #fdc400;
    border-style: solid;
    border-width: 2px;
	height: 52px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none; 
	font-weight: 600!important;
}


.videoBar .button:hover  {
    background-color: #001c4b;
	border-color: #001c4b;

 }

.weisseBar p {
	font-weight: 100;
}

.videoBarContent {
	position: absolute;
	color: white;
	text-align: center;
	width: 950px;
	z-index: 23;
	top: 200px;
}

.videoBarContent img {
	width:100px;
	margin-bottom: 20px;
}

/*.videoBarContent p {
	font-size:22px;
	margin-bottom: 20px;
}*/

.videoBarContent h1 {
	font-size:42px;
	margin-bottom: 20px;
}

.produced p {
	font-size: 11px;
	margin-bottom: 0px;
}

@media ( max-width : 960px ) {
	.videoBarContent {
		width: 100%;
	}
	.videoBar .button {
		background-color: #fdc400;
	}
}

@media ( max-width : 1000px ) {
	.videoBarContent {
		top: 180px;
	}
}

@media ( max-width : 800px ) {
	.videoBarContent {
		top: 160px;
	}
}
@media ( max-width : 600px ) {
	.videoBarContent {
		top: 140px;
	}
}
@media ( max-width : 500px ) {
	.videoBarContent {
		top: 105px;
	}
}
@media ( max-width : 400px ) {
	.videoBarContent {
		top: 70px;
	}
}


@font-face {
    font-family: "Zentralia_Halbfett";
    src: url("/fileadmin/berlin-conferences/2019/Zentralia_Halbfett.otf");
}

@font-face {
    font-family: "Zentralia_Zart";
    src: url("/fileadmin/berlin-conferences/2019/Zentralia_Zart.otf");
}

.zentral_zart  h1{
	font-family: "Zentralia_Zart";
	font-size: 31px;
}

.zentral_zart p {
	font-family: "Zentralia_Zart";
	font-size: 22px;
}

.zentral  h1{
	font-family: "Zentralia_Halbfett";
	font-size: 30px;
	color:#001c4b;;
}

.zentral p {
	font-family: "helvetica";
	font-size: 19px;
	color:#fdc400;
}

.col_66_1 {
	width:64%;
	margin-right: 2%;
	}
	
.col_33_2 {
	width:32%;	
	margin-left: 2%;
}	
	
.element2cols_66_33 {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	width: 100%;
	}
	
.element3cols {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
	
@media ( max-width : 900px ) {
	.col_66_1 {
		width:100%;
		margin-right: 0%;
	}
		
	.col_33_2 {
		width:100%;	
		margin: auto;
	}	
	
	.element2cols_66_33 {
	display: inline;
	}
	.element3cols {
	display: inline;
	}
}