


/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-black-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/archivo-black-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-black-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-black-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-black-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-black-v10-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
}


/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body {
	background-color:#f9f9f9;
	color:#7d7d7d;
	font-family: 'Source Sans Pro';
	font-size:1.2em;
}


#logo {
	max-width:220px;
	margin-left:2em;
	margin-top:20px;
	margin-bottom:20px;
}
#mainnav,.mainnav {
	overflow:visible;
	position:absolute;
	right:2em;
}

#mm-0 .bf img {
	border-color:#885914;
}

#mm-0 .nw img {
	border-color:#f6a310;
}

#mm-0 .sr img,#mm-0 .nw img,#mm-0 .bf img {
	border-bottom:5px solid #4baf4c;
}

#mobile-menu {
	z-index:99999;
}


#article-372 {
	padding-top:75px!important;
}

#card-table tfoot td {
	padding-top:1em;
}

#card-table th {
	font-weight:400;
}

#footer {
	background:#efefef;
	color:#757676;
}

#footer .awards {
    display: flex;
}

#footer .awards li {
	padding:1em 0;
}


#footer .bg-primary-color {
	background:#01b5ec;
	color:#fff;
	max-width:1440px;
	margin:0 auto;
}

#footer .bg-primary-color .pull-right {
	float:none!important;
	text-align:center;
}

#footer .bg-primary-color .wrapper {
	padding:1em;
}

#footer .bg-primary-color a {
	background:none;
	color:#fff;
	display:block;
	padding-top:.65em;
}

#footer .icon-leaf {
	background-position:0 100%;
	display:block;
	text-align:center;
}

#footer .mod_customnav {
	margin-top:2em;
}

#footer .mod_customnav a {
	background:url(img/sprite.png) no-repeat 2px 8px;
	color:#384048;
	padding-left:1em;
}

#footer .mod_customnav a:hover {
	background-position:2px -63px;
	color:#757676;
}

#footer .social-icon {
	padding:0;
	margin:0;
	font-size:0;
	height:52px;
	list-style:none;
}

#footer .social-icon > li {
	bottom:0;
	display:inline-block;
	margin-right:8px;
	position:relative;
	transition:all .1s;
}

#footer .social-icon > li:hover {
	bottom:5px;
}

#footer .social-icon a {
	display:table;
}

#footer a {
	text-decoration:none;
}

#footer a,#footer h3,#footer h4 {
	color:#01b5ec;
}

#footer hr {
	border-color:#01b5ec;
	margin:1em auto;
	max-width:1440px;
}

#footer span.active {
	color:#016786;
	font-weight:400;
}

#footer ul {
	list-style:none;
	padding:0;
}


#main .col-ri-topM {
	margin-top:1em;
}

#main div[class*="col-ri-topM-"] {
	margin-top:1em;
}

.a-wrapper {
	padding-right:1em;
	padding-left:1em;
}

.a-wrapper {
	text-decoration:none;
}

.a-wrapper .button:hover {
	background:#018eb9;
	letter-spacing:1px;
}

.a-wrapper button,.a-wrapper .button,a.button {
	border:none;
	background:#01b5ec;
	border-radius:3px;
	color:#fff;
	font-size:1em;
	font-weight:300;
	line-height:1.5;
	padding:.25em 1em;
	transition:all .25s;
	min-width:250px;
	text-align:center;
	margin:0 1em 1em 0;
	text-decoration:none;
}

.a-wrapper button.bf,.a-wrapper .button.bf,.button.bf {
	background:#885914;
}

.a-wrapper button.bf:hover,.a-wrapper .button.bf:hover,.button.bf:hover {
	background:#5c3c0d;
}

.a-wrapper button.nw,.a-wrapper .button.nw,.button.nw,.nw .button {
	background:#f6a310;
}

.nw .button:hover, .button.nw:hover {
    background: #e68f33;
    color: #fff;
}

.a-wrapper button.sr,.a-wrapper .button.sr,.button.sr {
	background:#4baf4c;
}

.a-wrapper button.sr:hover,.a-wrapper .button.sr:hover,.button.sr:hover {
	background:#3c8b3c;
}

.a-wrapper p {
	color:#7d7d7d;
}

.accordion {
	border-bottom:1px solid #efefef;
	margin-bottom:.5em;
	padding:2em 0 1em;
}

.accordion li {
	margin-bottom:1em;
}

.accordion-options {
	padding-bottom:1em;
	margin-bottom:.5em;
}

.accordion-toggle {
	background:#efefef;
	padding:.5em 1em;
	border-radius:3px;
	color:#333;
}

.accordion-toggle:hover {
	background:#e2e2e2;
}

.accordion:last-child {
	border:none;
}

.active.noImageHeader.first {
	font-size:.95em;
}

.anleitung {
	padding:4em;
	background:#f8f8f8;
}

.back a {
	display:block;
	padding-top:2em;
	padding-left:.5em;
}

.back a::before {
	content:'« ';
}


.bg-grey-fair {
	background:#efefef;
}

.bg-grey-fair .subtitle {
	color:#999;
	display:block;
	font-size:1.5em;
}

.bg-header-color {
	height:6px;
}

.bg-header-color--bf {
	background:#885914;
}

.bg-header-color--nw {
	background:#f6a310;
}

.bg-header-color--sr {
	background:#4baf4c;
}

.bg-highlight {
	background:#01b5ec;
	border-bottom:2em solid #fff;
	padding:4em;
}

.bg-highlight * {
	color:#fff;
	margin:0 auto;
	max-width:1440px;
}

.bg-highlight .button {
	display:inline-block;
	background:#fff;
	border-radius:3px;
	color:#4baf4c;
	font-size:1em;
	margin-top:2em;
	padding:.5em 1em;
	text-decoration:none;
	transition:all .2s;
}

.bg-highlight .button a {
	text-decoration:none;
}

.bg-highlight a.button {
	color:#01b5ec;
}

.bg-highlight a:hover,.bg-highlight a:hover i {
	color:#586068;
}

.bg-highlight h2,.bg-highlight h3,.bg-highlight p {
	color:#fff!important;
}

.bg-highlight h3 {
	margin-bottom:1em;
}

.bg-highlight table {
	margin:0 auto;
}

.bg-highlight td {
	padding:1em;
}

.big-table {
	margin-bottom:1em;
}

.big-table .button {
	border:none;
	background:none;
	font-size:14px;
	color:#01b5ec;
	margin-bottom:.5em;
}

.big-table .button:hover {
	
}

.big-table .even {
	background:#f9f9f9;
}

.big-table .sin_btn_sign_out {
    color: #ffffff;
    background: #398e5a;
}


.big-table th {
	padding:1em .5em;
}

.big-table th,.big-table td {
	font-size:.85em;
	padding:.5em;
	vertical-align:middle;
}

.big-table thead {
	background:#efefef;
}

.box-inside {
	background:#f8f8f8;
	padding:2em;
	height:100%;
}
.mod_newsreader .info {
    border-bottom: solid 1px #e3e3e3;
    padding-bottom: 1em;
}
.mod_newsreader .ce_text.block {
    max-width: 768px;
}
.ce_gallery .cols_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ce_gallery .cols_2 li {
	width:49.25%;
}
.button.button-blue {
	text-decoration:none;
	min-width:250px;
	background:#01b5ec;
	color:#fff;
	font-size:1.5em!important;
	border:none;
	border-radius:3px;
	font-weight:lighter;
	letter-spacing:0;
	transition:all .2s;
}

.button.button-blue:hover {
	background:#07c3fd;
	box-shadow:3px 3px 5px #959595;
	padding-left:1.5em;
	padding-right:1.5em;
}

.caption {
	color:#999;
	font-size:.85em;
	padding:.5em 0;
}

.ce_accordion {
	margin-top:-1px;
}

.ce_accordionSingle {
	padding:0;
}

.ce_accordionStart > .toggler {
	display:none;
}

.ce_gallery ul li {
	width:25%;
}

.ce_text.productgroups {
	margin-bottom:2em;
}

.ce_youtube.video {
	padding:2em;
}

.center {
	text-align:center;
}

.centered {
	text-align:center;
}

.check li {
	margin-bottom:1em;
	padding-left:2.5em;
}

.check li::before {
	background:url(/files/img/sprite.png) no-repeat 0 -548px;
	content:"";
	width:17px;
	height:20px;
	position:absolute;
	left:1em;
}

.check ul,.check {
	padding-left:0;
	list-style:none;
}

.checkbox_container label {
	font-weight:300;
}

.col-border {
	border:solid 1px #f8f8f8;
	height:100%;
	margin:10px;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	margin-bottom:2em!important;
}

.error {
	background:#d3031b;
	color:#fff;
	padding:.5em 1em;
}

.event .info strong {
	padding-right:1em;
}

.event .info,#additional_inforfamtion {
	margin-bottom:2em;
}

.fa {
	scale:.75;
}

.fancybox-title-float-wrap .child {
	border-radius:5px;
	white-space:normal;
}

.fc-agendaWeek-button.fc-state-default {
	border-radius:0;
}

.fc-day-grid-event .fc-content {
	white-space:normal;
}

.fc-event {
	border:none!important;
	background:#01b5ec;
}

.fc-event:hover {
	background:#016786;
}

.fc-state-default {
	background:#efefef;
	border:none;
	border-radius:2px;
}

.fc-state-default.fc-corner-left {
	border-radius:0;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}

.fc-state-default.fc-corner-right {
	border-radius:0;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

.fc-state-default:hover {
	background:#f6a310;
}

.fc-state-down,.fc-state-active {
	box-shadow:none;
	background:#f6a310;
	text-shadow:none;
}

.fc-unthemed .fc-today,.fc-day:hover {
	background:#fdefd5;
}

.filter-button-group button {
	border:none;
	padding:1em 2em;
	margin:.25em;
}

.filter-button-group button.active {
	background:#4baf4c;
	color:#fff;
}

.filter-button-group button:hover {
	cursor:pointer;
}

.float_left img {
}

.footer-wrapper {
	max-width:1440px;
	margin:0 auto;
	padding:2em 6em;
}

.formbody .captcha {
	margin-top:1.5em;
}

.formbody .captcha_text {
	position:absolute;
	top:1.5em;
	left:0;
}

.formbody .checkbox {
	width:auto;
}

.formbody .widget {
	margin-bottom:1em;
	position:relative;
}

.formbody input,.formbody textarea {
	border:1px solid #aaa;
	border-radius:2px;
	display:inline-block;
	padding:.5em;
	transition:all .2s;
	width:100%;
}

.formbody input:focus,.formbody textarea:focus {
	border-color:#01b5ec;
}

.formbody input[type=submit] {
	background:#01b5ec;
	border:none;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	color:#fff;
	font-size:1em;
	margin:1em 0 0;
	padding:.6em 1em;
	transition:all .2s;
}

.formbody input[type=submit]:hover,.formbody input[type=submit]:focus {
	background:#016786;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.16),0 1px 4px 0 rgba(0,0,0,0.12);
}

.formbody label,.formbody .captcha_text {
	display:inline-block;
	width:100%;
}

.formbody select {
	display:inline-block;
	padding:.5em;
	width:100%;
}

.fullwidth {
	position:relative;
	left:50%;
	transform:translate(-50%,0);
	width:100vw;
	max-width:1440px;
}

.google-maps {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}

.green {
	color:#01b5ec;
}

.h1-small {
	font-size:1.2em;
	color:#01b5ec;
	margin-top:-1em;
	padding-top:0;
	margin-bottom:3em;
}

.hasteform_formAddPerson .selectric-wrapper,.mod_registration .selectric-wrapper,.mod_personalData .selectric-wrapper {
	width:65%;
	display:inline-block;
}

.header-bar-menu {
	text-align:right;
	padding:0 2em;
	width:100%;
	position:absolute;
	top:-10px;
	font-size:.85em;
}

.header_outside {
	background-color:rgba(255,255,255,0.96);
	border-top:6px solid #01b5ec;
	box-shadow:0 1px 7px rgba(0,0,0,.15);
	position:fixed;
	width:100%;
	z-index:5000;
	top:0;
}

.header_outside .col-xs-8,.header_outside .col-xs-4,.header_outside .col-sm-12,.header_outside .col-md-6.hidden-xs,#footer .col-md-6 {
	margin-bottom:0!important;
}

.hidden {
	display:none;
}

.hint-grey {
	background:#efefef;
	padding:.25em .75em .5em;
}

.icon-facebook_circle_color {
	background-position:-111px 0 !important;
}

.icon-instagram_circle_color {
	background-position:-166px 0 !important;
}

.icon-sm {
	background:url(/files/img/social-media_52px.svg) no-repeat;
	background-size:cover;
	display:inline-block;
	width:45px;
	height:45px;
}

.icon-youtube_circle_color {
	background-position:-222px 0;
}

.image-center figure {
	text-align:center;
}

.info-head {
	background-color:#f9f9f9;
	color:#757676;
	padding:1em 2em;
	font-weight:400;
}

.info-head .fa {
	color:#757676;
	margin-left:2em;
}

.info-head .fa-phone {
	font-weight:600;
}

.info-head a,.info-head .active {
	color:#333;
	font-size:.9em;
	text-decoration:none;
}

.info-head li {
	display:inline-block;
}

.info-head li:last-child {
	padding-left:1em;
}

.info-head ul {
	float:left!important;
	list-style:none;
	margin:0;
	padding:0;
}

.main-navigation {
	position:absolute;
	right:0;
}

.max-width-50 img {
	max-width:100%!important;
}

.max-width-70 img {
	max-width:70%!important;
}

.minWidth-140px {
	min-width:140px;
}

.mm-listview .mm-next {
	background:rgba(0,0,0,0.05);
}

.mm-listview > li {
	padding-left:20px;
}

.mm-listview > li > a,.mm-listview > li > span,.mm-listview .mm-next::before {
	border:none;
}

.mm-listview > li a:last-child:hover,.mm-listview > li a:last-child:focus {
	border-left:10px solid #01b5ec;
}

.mm-menu {
	background:#efefef;
}

.mm-menu .mm-navbar a {
	color:#fff;
	text-align:center;
	text-indent:0;
}

.mm-navbar {
	background:#01b5ec;
}

.mm-opened #mobile-menu {
	opacity:1;
}

.mm-page {
	flex:1;
}

.mm-panels > .mm-panel {
	padding-left:0;
}

.mobile-menu-button {
	right:2em!important;
	top:32px;
	position:absolute;
}

.mobile-menu-button a {
	text-decoration:none;
}

.mod_eventlist .even:first-child {
	background:#efefef;
}

.mod_eventlist tbody tr:hover td,.big-table tbody tr:hover td {
	background:#e2f1e2;
	color:#384048;
}

.mod_eventlist td {
	color:#757676;
	font-weight:300;
	transition:all .3s;
}

.mod_eventlist th,.fc th {
	font-weight:400;
}

.mod_login .formbody {
	padding-top:0;
}

.mod_navigation {
	display:none;
}

.mod_navigation.mainnav-mobile {
	display:block;
}

.mod_newslist .row > .col-sm-12 {
	margin-bottom:1em!important;
}

.mod_newslist figure.image_container.float_above picture img {
	width:100%;
}

.mod_newslist h4 {
	margin-top:0;
}

.newsbox {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:2em 0 0;
	border-bottom:solid 1px #e3e3e3;
}

.newsbox a {
	text-decoration:none;
}

.newsbox.last {
	border:none;
}
.newsbox figure.image_container {
	max-width:inital;
}

.nw .bg-highlight {
	background:#f6a310;
}

.nw .bg-highlight .button {
	color:#f6a310;
	background:#ffffff;
}

.nw .bg-highlight .button:hover, .nw .bg-highlight .button:hover i {
	background:#b0750b;
	color:#ffffff;
}

.nw .bg-highlight i {
	color:#f6a310;
}

.nw h1,.nw h2,.nw h3,.nw h4,.nw h5,.nw h6 {
	color:#f6a310;
}

.bf .bg-highlight {
	background:#885914;
}

.bf .bg-highlight .button {
	color:#885914;
}

.bf .bg-highlight .button:hover, .bf .bg-highlight .button:hover i {
	background:#593704;
	color:#fff;
}

.bf .bg-highlight i {
	color:#885914;
}

.bf h1,.bf h2,.bf h3,.bf h4,.bf h5,.bf h6 {
	color:#885914;
}


.padding-bottom-1 {
	padding-bottom:1em;
}

.padding-img .image_container {
	padding:0 1em;
}

.page_video .videogalerie .video {
	padding:1em;
}

.productgroups figure picture img {
	width:100%;
}

.quote-text {
	color:#757676;
	text-align:center;
}

.ranking {
	border-radius:50%;
	color:#fff;
	display:inline-block;
	margin-right:.25em;
	padding:3px;
	width:37px;
	height:37px;
	text-align:center;
}

.ranking.bf {
	background:#885914;
}

.ranking.nw {
	background:#f6a310;
}

.ranking.sr {
	background:#4baf4c;
}

.rs_prowin {
	height:305px!important;
}

.section-padding-bottom-0 {
	padding-bottom:0;
}

.selectric {
	border:1px solid #abadb3;
	background:#fff;
	position:relative;
	padding:.25em 0;
	overflow:hidden;
}

.selectric .button {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:24px;
	height:38px;
	color:#757676;
	text-align:center;
	border-radius:0;
	border:1px solid #aaa;
	border-width:0 0 0 1px;
}

.selectric .button {
	border:none;
	background:#01b5ec;
	color:#fff;
	font-size:1em;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	right:0;
	position:absolute;
	width:50px;
	max-width:50px!important;
	height:100%;
	top:0;
	border-radius:0;
	margin:0!important;
	padding:0!important;
}

.selectric .button:after {
	content:" ";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top-color:#fff;
	border-bottom:none;
}

.selectric .label {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	font-size:1em;
	line-height:30px;
	color:#757676;
	height:30px;
	font-weight:300;
	text-align:left;
	padding:0 .6em;
}

.selectric-above .selectric-items {
	top:auto;
	bottom:100%;
}

.selectric-disabled {
	filter:alpha(opacity=50);
	opacity:.5;
	cursor:default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.selectric-hide-select {
	position:relative;
	overflow:hidden;
	width:0;
	height:0;
}

.selectric-hide-select select {
	position:absolute;
	left:-100%;
	display:none;
}

.selectric-hover .selectric {
	border-color:#c4c4c4;
}

.selectric-hover .selectric .button {
	color:#a2a2a2;
}

.selectric-hover .selectric .button:after {
	border-top-color:#a2a2a2;
}

.selectric-input {
	position:absolute!important;
	top:0!important;
	left:0!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	margin:0!important;
	padding:0!important;
	width:1px!important;
	height:1px!important;
	outline:none!important;
	border:none!important;
	*font:0Array/0Array a!important;
	background:none!important;
}

.selectric-items {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#f8f8f8;
	border:1px solid #c4c4c4;
	z-index:-1;
	box-shadow:0 0 10px -6px;
}

.selectric-items .disabled {
	filter:alpha(opacity=50);
	opacity:.5;
	cursor:default!important;
	background:none!important;
	color:#666!important;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.selectric-items .selectric-group .selectric-group-label {
	font-weight:bold;
	padding-left:10px;
	cursor:default;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background:none;
	color:#444;
}

.selectric-items .selectric-group li {
	padding-left:25px;
}

.selectric-items .selectric-group.disabled li {
	filter:alpha(opacity=100);
	opacity:1;
}

.selectric-items .selectric-scroll {
	height:100%;
	overflow:auto;
}

.selectric-items li {
	display:block;
	padding:8px;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	color:#555557;
	cursor:pointer;
	width:100%;
}

.selectric-items li.selected {
	background:#efefef;
	color:#444;
}

.selectric-items li:hover {
	background:#f0f0f0;
	color:#444;
}

.selectric-items ul,.selectric-items li {
	list-style:none;
	padding:0.25em;
	margin:0;
	font-size:14px;
	line-height:20px;
	min-height:20px;
}

.selectric-open {
	z-index:9999;
}

.selectric-open .selectric {
	border-color:#c4c4c4;
}

.selectric-open .selectric-items {
	display:block;
}

.selectric-responsive {
	width:100%;
}

.selectric-temp-show {
	position:absolute!important;
	visibility:hidden!important;
	display:block!important;
}

.selectric-vp-country--select {
	width:39%;
	display:inline-block;
}

.selectric-w-60 {
	display:inline-block;
}

.selectric-wrapper {
	position:relative;
	cursor:pointer;
}

.sf-arrows .sf-with-ul,.sf-arrows span.trail {
}

.sf-arrows .sf-with-ul::after,.sf-menu span.submenu::after {
	content:url(/files/img/sf-menu-arrow-down-inact.png);
	border:none;
	margin-top:-11px;
	right:2em;
}

.sf-arrows .sf-with-ul:after {
	content:'';
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-1px;
	height:0;
	width:0;
	border:5px solid transparent;
	border-top-color:rgba(0,0,0,.5);
}

.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color:#01b5ec;
}

.sf-arrows li:hover > .sf-with-ul::after {
}

.sf-arrows ul .sf-with-ul:after {
	margin-top:-11px;
	margin-right:-3px;
	border-color:transparent;
	border-left-color:rgba(0,0,0,.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color:rgba(0,0,0,.5);
}

.sf-menu {
	display:none;
	margin:.9em 0 0;
}

.sf-menu .level_2 {
	background:#efefef;
	border-top:3px solid #01b5ec;
}

.sf-menu .level_2 a {
	transition:.3s all ease;
}
.sf-menu .level_2 a:after {
	top:25px;
}
.sf-menu .level_2 a:hover {
	padding-left:1.2em;
}

.sf-menu .level_3 {
	background:#efefef;
}

.sf-menu .sfHover > a {
	color:#01b5ec;
}

.sf-menu .submenu.last ul {
	left:auto;
	right:0;
}

.sf-menu > li {
	position:relative;
	display:inline-block;
	list-style:none;
	line-height:20px;
	margin:0;
}

.sf-menu a {
	color:#717c8e;
	-webkit-transition:background .2s;
	transition:background .2s;
	text-align:left;
}

.sf-menu a,.sf-menu span {
	display:block;
	font-weight:400;
	position:relative;
}

.sf-menu a,.sf-menu span {
	border-top:1px solid rgba(255,255,255,.5);
	padding:.75em 20px;
	text-decoration:none;
	font-size:16px;
}

.sf-menu a:hover,.sf-menu a.trail {
	color:#01b5ec;
}

.sf-menu li {
	position:relative;
	text-align:left;
}

.sf-menu li {
	white-space:nowrap;
}

.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {
	display:block;
}

.sf-menu li:hover,.sf-menu li.sfHover {
	background:#efefef;
	-webkit-transition:none;
	transition:none;
}

.sf-menu span {
	color:#01b5ec;
}

.sf-menu span.submenu::after {
	position:absolute;
	top:50%;
	height:0;
	right:10px !important;
	width:0;
}

.sf-menu ul {
	position:absolute;
	display:none;
	top:100%;
	left:0;
	z-index:99;
}

.sf-menu ul {
	min-width:16em;
}

.sf-menu ul ul {
	top:0;
	left:100%;
}

.sf-menu,.sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}

.sin_btn-event-confirm,.sin_btn-event-confirm-error {
	background:#398e5a;
	color:#fff;
	padding:1em;
}

.sin_btn-event-confirm-error {
	background:#f6a310;
	margin-bottom:1em;
}

.sin_event-available {
	font-weight:500;
}

.slogan .image_container {
	padding:0 2em;
}

.small-only th {
	background:#efefef;
}

.sprite,.toggler {
	background:url(/files/img/sprite.png) no-repeat 0 0;
}

.sr .bg-highlight {
	background:#4baf4c;
}

.sr .bg-highlight a.button {
	color:#4baf4c !important;
}

.sr .bg-highlight .button:hover {
	background:#3c8b3c;
	color:#fff  !important;
}

.sr .bg-highlight i {
	color:#4baf4c;
}
.sr .button:hover i::before {
    color: #fff !important;
}

.sr h1,.sr h2,.sr h3,.sr h4,.sr h5,.sr h6 {
	color:#3c8b3c;
}

.stacktable.small-only {
	border:1px solid #efefef;
}

.startpage .small-only tbody tr:first-child th {
	background:#01b5ec;
	color:#fff;
	padding:10px;
}

.startpage .teaser-standard,.teaser-CTA,.bg-header-color,.sr .teaser-standard,.nw .teaser-standard,.bf .teaser-standard,.noImageHeader .teaser-standard,.noImageHeader .teaser-CTA {
	display:none;
}

.tab {
	display:none;
}

.tab-content {
	border-top:1px solid #01b5ec;
	display:none;
	padding:1em 0;
	position:relative;
}

.tab-content.current {
	display:inherit;
}

.tab-links {
	border-bottom:1px solid #01b5ec;
	list-style:none;
	padding-left:0;
}

.tab-links .active a {
	color:#01b5ec;
}

.tab-links a {
	color:#757676;
}

.tab-links a:hover {
	color:#384048;
}

.tab-links li {
	display:inline-block;
	padding:.5em 1em;
}

.tab-links li.active {
	border-bottom:3px solid #01b5ec;
}

.tab-links li:first-child {
	padding-left:0;
}

.tab.active {
	display:block;
}

.tabs {
	margin-top:2em;
}

.teaser-standard,.startpage .teaser-CTA,.sr .bg-header-color--sr,.nw .bg-header-color--nw,.bf .bg-header-color--bf,.noImageHeader .bg-header-color--sr {
	display:block;
}

.toggler {
	background-position:0 -672px;
	border-bottom:1px solid #efefef;
	cursor:pointer;
	margin-bottom:.5em;
	padding:.5em 0 .85em 1.5em;
	position:relative;
}

.toggler.accordion_active {
	background-position:0 -738px;
}

.toggler:focus {
	outline:none;
}

.toggler:hover,.toggler.accordion_active {
	color:#01b5ec;
}

.video_container {
	display:flex;
}

.wrapper .no-padding {
	padding:0;
}

.wrapper,.teaser-CTA,.teaser-standard {
	max-width:1440px!important;
	text-rendering:optimizeLegibility;
	margin:0 auto;
	position:relative;
	background:#fff;
}

a {
	color:#01b5ec;
	font-weight:400;
	transition:all .2s;
}
.sr #main a {
    color: #5bb65c;
}
.sr #main a.button {
    color: #ffffff;
}
a.go-to-top,a.go-to-top:hover a.go-to-top:focus {
	background:rgba(246,163,16,0.5);
	border-radius:50%;
	bottom:9%;
	position:fixed;
	right:20px;
	transition:all .2s ease-in-out 0s;
	color:#fff;
	font-size:40px;
	height:48px;
	line-height:1;
	text-align:center;
	width:48px;
	z-index:100;
}

a.go-to-top.on:hover,a.go-to-top:hover a.go-to-top.on:focus:hover {
	background:rgba(246,163,16,0.95);
}

a:focus {
	outline:0;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:hover,button:hover {
	cursor:pointer;
}

b,strong {
	font-weight:500;
}

blockquote em {
	font-family:"Source Sans Pro";
	display:inline-block;
	font-size:2rem;
	font-style:normal;
	padding-top:2em;
}

blockquote p {
	font-family:"Times New Roman";
	font-size:3rem;
}

body.sr h1,body.sr h2,body.sr h3,body.sr h4,body.sr h5,body.sr h6 {
	color:#4baf4c;
	font-weight:normal;
}

button {
	padding:1em;
	border:none;
	letter-spacing:1px;
}

h1 {
	color:#586068;
	font-size:26px;
}

h2,.h2 {
	color:#01b5ec;
	font-size:24px;
	font-weight:normal;
}

h3,.toggler,.bg-grey-fair h2 {
	color:#41474c;
	font-size:1.2em;
}

iframe {
	border:0;
}

label {
	font-weight:500;
}

li {
	margin-bottom:10px;
}

table {
	width:100%;
}

ul, ol {
	margin-bottom:1em;
	margin-left:-1em;
}

ul.tabs {
	margin:0;
	padding:0;
	list-style:none;
}

ul.tabs li {
	background:none;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	color:#999;
	display:inline-block;
	padding:10px 15px;
	cursor:pointer;
}

ul.tabs li.current {
	background:#01b5ec;
	color:#fff;
}

.download-grid-item {
	background: #f8f8f8;
-webkit-box-shadow: 5px 5px 15px 1px rgba(171,171,171,0.75); 
box-shadow: 5px 5px 15px 1px rgba(171,171,171,0.75);}
.excel {
	border-bottom: solid 5px green;
}
.word {
	border-bottom: solid 5px #2056b8;
}
.word .button {
	background:#2056b8;
}
.excel .button {
	background:green;
}
.pdf {
	border-bottom: solid 5px #b0130e;
}
.pdf .button {
	background:#b0130e;
}

.download-grid-item.download .bg-grey {
  padding: 0.5em 2em 0.5em 2em;
}
.download img {
  margin: 0 auto;
  margin-top: 2em;
  display: block;
}

@media (min-width: 768px) {
	.image_container.float_right {
		margin-left:2em;
	}
}

@media (min-width: 1120px) {
	.sf-menu > li.last {
		margin:0;
	}
}

@media (min-width: 992px) {
	
	#mobile_menu_header,.mobile-menu-button {
		display:none;
	}
	
	.sf-menu {
		display:block;
	}
	
	.sf-menu ul.leve_1 a, .sf-menu span {
		font-size:.85em;
		padding-right:1em!important;
		margin: 0 10px;
	}
}

@media (min-width: 835px) {
	.icon-facebook_circle_color {
		background-position:-111px 0;
	}
	
	.icon-instagram_circle_color {
		background-position:-192px 0;
	}

	
	.icon-youtube_circle_color {
		background-position:-256px 0;
	}
	
	.mac.chrome .icon-facebook_circle_color,.win.chrome .icon-facebook_circle_color {
		background-position:-122px 0;
	}
	
	.mac.chrome .icon-instagram_circle_color,.win.chrome .icon-instagram_circle_color {
		background-position:-184px 0;
	}
	
	.mac.chrome .icon-youtube_circle_color,.win.chrome .icon-youtube_circle_color {
		background-position:-245px 0;
	}
	
	.sf-menu {
		float:right;
		margin:35px 0 0;
	}
	
	.teaser-CTA,.teaser-standard {
		padding-right:1em;
		padding-left:1em;
	}
}

@media (min-width: 768px) {
	#wrapper .left {
		padding-right:2em;
	}
	
	#wrapper .right {
		border-left:solid 1px #e3e3e3;
		padding-left:2em;
	}

#cboxContent .formbody input[type=submit] {
		margin:1em 0 0;
		width:65%;
	}
	
	#footer .awards li {
		padding:0 0 0 1em;
	}
	
	#footer .awards li:first-child {
		padding-left:0;
	}
	
	#footer .bg-primary-color .pull-right {
		float:right!important;
		padding-left:44px;
		text-align:left;
	}
	
	#footer .icon-leaf {
		background-position:0 -460px;
		display:inline-block;
		height:39px;
		padding:.65em 0 0 44px;
		text-align:left;
	}
	
	#footer .mod_customnav {
		margin-top:0;
	}
	
	#main div.col-ri-topM-11 {
		margin-top:11em;
	}
	
	#main div.col-ri-topM-2 {
		margin-top:2em;
	}
	
	#main div.col-ri-topM-6 {
		margin-top:6em;
	}
	
	#main div.col-ri-topM-8 {
		margin-top:8em;
	}
	
	#tab-1::after {
		content:"";
		position:absolute;
		width:226px;
		height:494px;
		top:-40px;
		right:-300px;
	}
	
	.bg-highlight .button {
		margin:1.5em 1.5em 0;
	}
	
	.ce_text.productgroups {
		margin-bottom:0;
		padding:1em;
	}
	
	.col:not(:first-child,:last-child) {
		padding-right:2em;
		padding-left:2em;
	}
	
	.float_left {
		float:left;
	}
	
	.float_left img {
		margin-right:2em;
	}
	
	.formbody .captcha {
		margin-top:0;
		margin-left:30.5%;
	}
	
	.formbody .captcha_text {
		padding:.5em 0 0 30%;
		position:static;
		width:auto;
	}
	
	.formbody input[type=submit] {
		margin:1em 0 0 65%;
		width:30%;
	}
	
	.formbody label,.formbody .captcha_text {
		vertical-align:top;
		padding:.5em 0;
	}
	
	.formbody select {
		width:auto;
	}
	
	.hasteform_formAddPerson .formbody select {
		width:60%;
	}
	
	.hasteform_formAddPerson.block {
		overflow:visible;
	}
	
	.info-head ul {
		float:right!important;
	}
	
	.logo {
		text-align:left;
	}
	
	.max-width-70 {
		max-width:75%;
	}
	
	.mod_eventlist .even:first-child {
		background:#fff;
	}
	
	.mod_eventlist .odd {
		background:#d6d6d6;
	}
	
	.mod_registration .fields > div:nth-child(even),.hasteform_formAddPerson .formbody > div:nth-child(even),.mod_registration .fields > div:nth-child(odd),.hasteform_formAddPerson .formbody > div:nth-child(odd) {
		-webkit-box-flex:1;
		-ms-flex:1 0 50%;
		flex:1 0 50%;
		max-width:40%;
		margin:0.25em;
	}
	
	.mod_registration .fields,.hasteform_formAddPerson .formbody {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	.mod_registration .widget .selectric-wrapper * {
		flex:none!important;
		max-width:100%!important;
	}
	
	.slogan .image_container {
		padding:0;
	}
	
	.submit_container {
		text-align:right;
		width:95%;
	}
	
	.wrapper_outside .image_container {
		padding:0;
	}
	
	h1 {
		font-size:26px;
		font-weight:normal;
	}
}

@media (min-width: 600px) {
	.logo img {
		max-width:200px;
	}
}

@media (min-width: 800px) {
	#tab-1::after {
		right:-300px;
	}
}

#autologin {
	margin:0 4px;
	vertical-align:baseline;
}

.mandatory.error input {
	width:68%;
}

.mandatory.error p.error {
	position:absolute;
	right:0;
	top:-39px;
	width:100%;
}

.st-head-row {
	padding-top:1em;
	font-size:.85em;
}

.st-head-row.st-head-row-main {
	padding-top:0;
	font-size:.85em;
}

.st-key {
	width:49%;
	text-align:left;
	padding-right:1%;
}

.st-val {
	width:49%;
	padding-left:1%;
}

.stacktable {
	width:100%;
}

.stacktable.large-only {
	display:table;
	border-collapse: collapse;
}

.stacktable.small-only {
	display:none;
}

@media (max-width: 320px) {
	.st-head-row {
		padding-top:1em;
		font-size:.8em;
		font-weight:normal;
	}
	
	.st-head-row.st-head-row-main {
		padding-top:0;
		font-size:.8em;
		font-weight:normal;
	}
	
	table.stacktable tr td {
		font-size:.8em;
	}
}

@media (min-width: 321px) and (max-width: 360px) {
	.st-head-row {
		padding-top:1em;
		font-size:.85em;
		font-weight:normal;
	}
	
	.st-head-row.st-head-row-main {
		padding-top:0;
		font-size:.85em;
		font-weight:normal;
	}
	
	table.stacktable tr td {
		font-size:.85em;
	}
}

@media (min-width: 361px) and (max-width: 480px) {
	.st-head-row {
		padding-top:1em;
		font-size:.9em;
		font-weight:normal;
	}
	
	.st-head-row.st-head-row-main {
		padding-top:0;
		font-size:.9em;
		font-weight:normal;
	}
	
	table.stacktable tr td {
		font-size:.9em;
	}
}

@media (min-width: 481px) and (max-width: 560px) {
	.st-head-row {
		padding-top:1em;
		font-size:.95em;
		font-weight:normal;
	}
	
	.st-head-row.st-head-row-main {
		padding-top:0;
		font-size:.95em;
		font-weight:normal;
	}
	
	table.stacktable tr td {
		font-size:.95em;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.st-head-row {
		padding-top:1em;
		font-size:.95em;
		font-weight:normal;
	}
	
	.st-head-row.st-head-row-main {
		padding-top:0;
		font-size:.95em;
		font-weight:normal;
	}
	
	table.stacktable tr td {
		font-size:.95em;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.row .left {
		padding-right:2em;
	}
}

@media (max-width:575px) {
	.ce_gallery ul li {
		width:50%;
	}
	
	.ce_youtube.video {
		padding:0;
	}
	
	.float_left {
		float:none;
	}
}
@media (min-width: 992px) and (max-width:1199px) {
	.image_container.float_left {
		max-width:55%;
		margin-bottom:0;
		margin-right:1em;
	}
	
	.image_container.float_right {
		max-width:55%;
		margin-bottom:0;
		margin-left:1em;
	}
}
@media (max-width: 767px) {
	.row .left {
		padding-right:0;
	}
	.header-bar-menu {
		padding:0;
	}
	h1 {font-size: 20px; font-weight: 700;}
	h2 {font-size: 16px;}
	h3 {font-size: 14px;}
	
	.image_container.float_left,
	.image_container.float_right {
			width:100%;
			display:block;
			margin-bottom:1em;
	}

	.float_left img, .float_right img {
		margin-right:0;
		margin-left:0;
		display:block;
		width:100%;
	}
	.anleitung, .bg-highlight {
		padding: 2em;
    }
	#footer .awards {
		display: flex;
		flex-wrap:wrap;
	}

	#footer .awards li {
		padding:1em;
	}

	

}




@media (max-width:991px) {
	#article-371 {
		margin-top:115px;
	}
	
	#logo {
		max-width:130px;
		margin-left:0;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	#wrapper {
		padding-top:115px;
		font-site:1em;
	}

	
	.mobile-menu-button {
		top:21px;
	}
	
	.ranking {
		border-radius:100%;
		padding:10px;
	}
	.img-var-2 .image_container.float_left, 
	.img-var-2 .image_container.float_right {
		width: initial;
	}
	.img-var-3 .image_container.float_left {
		width: 33%;
		float:left;
		margin-right:1em;
	}
	.img-var-3 .image_container.float_right { 
		width: 33%;
		float:right;
		margin-left:1em;
	}
	.stacktable.large-only {
		display:none;
	}
	
	.stacktable.small-only {
		display:table;
	}
	
	.wrapper {
		padding-left:2em;
		padding-right:2em;
	}
	
	h2 {
		font-size:.9em;
	}
	
	h3 {
		font-size:.8em;
	}
}
@media (max-width: 1199px) {
	#container .wrapper,#footer .wrapper {
		padding:2em 2em 0;
	}
}




@media (min-width: 768px) {
	.image_container.float_left {
		max-width:55%;
		margin-right:1em;
	}
	
	.image_container.float_right {
		max-width:55%;
		margin-left:1em;
	}
}


@media (min-width: 992px) {
	#wrapper #container {
		padding-top:165px;
	}
	.startseite #wrapper #container {
		padding-top:0;
	}
}
@media (min-width: 1200px) {
	#container .wrapper,#footer .wrapper {
		padding:2em 6em 0;
	}
}