body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2015 Leo Feyer
 *
 * @license LGPL-3.0+
 */
/**
 * Reset the margin and padding of the block elements
 */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0px;
  padding: 0px;
}

/**
 * Basic element formatting
 */
table {
  border-spacing: 0px;
  border-collapse: collapse;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
}

abbr, acronym {
  font-variant: normal;
  border-bottom: 1px dotted #666;
  cursor: help;
}

blockquote, q {
  quotes: none;
}

fieldset, img {
  border: 0;
}

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

header, footer, nav, section, aside, article, figure, figcaption {
  display: block;
}

input, button, textarea, select {
  font-family: inherit;
  font-weight: inherit;
}

input {
  background-color: transparent;
}

pre, code {
  font-family: Monaco,monospace;
}

label, legend {
  font-weight: 300;
}

/******************************************************************************/
/************************************  Queries ********************************/
/******************************************************************************/
/******************************** Desktop *************************************/
/******************************** Tablet **************************************/
/******************************** Smartphone Big ******************************/
/******************************* Smartphone Small *****************************/
/******************************* Specials CSS Grid ****************************/
/******************************************************************************/
/*******************************  BorderRadius ********************************/
/******************************************************************************/
/******************************************************************************/
/********************************** CSS Transition ****************************/
/******************************************************************************/
/******************************************************************************/
/********************************** Box Verläufe ******************************/
/******************************************************************************/
/******************************************************************************/
/********************************** Schatten **********************************/
/******************************************************************************/
/******************************************************************************/
/************************************* Icons **********************************/
/******************************************************************************/
@font-face {
  font-family: 'fontello';
  font-display: fallback;
  src: url("../../files/Layout/fonts/fontello/font/fontello.woff") format("woff"), url("../../files/Layout/fonts/fontello/font/fontello.ttf") format("ttf"), url("../../files/Layout/fonts/fontello/font/fontello.eot") format("eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  src: url("../../files/Layout/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("../../files/Layout/fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("../../files/Layout/fonts/OpenSans/OpenSans-Light.ttf") format("ttf"), url("../../files/Layout/fonts/OpenSans/OpenSans-Light.eot") format("eot");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  src: url("../../files/Layout/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("../../files/Layout/fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("../../files/Layout/fonts/OpenSans/OpenSans-Regular.ttf") format("ttf"), url("../../files/Layout/fonts/OpenSans/OpenSans-Regular.eot") format("eot");
  font-weight: normal;
  font-style: normal;
}

.icon-add:before {
  content: '\e800';
}

/* '' */
.icon-arrow-down:before {
  content: '\e801';
}

/* '' */
.icon-arrow-up:before {
  content: '\e802';
}

/* '' */
.icon-close:before {
  content: '\e803';
}

/* '' */
.icon-folding:before {
  content: '\e804';
}

/* '' */
.icon-uhr:before {
  content: '\e805';
}

/* '' */
.icon-settings:before {
  content: '\e806';
}

/* '' */
.icon-location-2:before {
  content: '\e807';
}

/* '' */
.icon-wappen-def:before {
  content: '\e808';
}

/* '' */
.icon-star-empty:before {
  content: '\e809';
}

/* '' */
.icon-mail:before {
  content: '\e80a';
}

/* '' */
.icon-cancel:before {
  content: '\e80b';
}

/* '' */
.icon-cancel-circled:before {
  content: '\e80c';
}

/* '' */
.icon-plus:before {
  content: '\e80d';
}

/* '' */
.icon-plus-circled:before {
  content: '\e80e';
}

/* '' */
.icon-lock:before {
  content: '\e80f';
}

/* '' */
.icon-lock-open:before {
  content: '\e810';
}

/* '' */
.icon-attach:before {
  content: '\e811';
}

/* '' */
.icon-info-circled:before {
  content: '\e812';
}

/* '' */
.icon-search:before {
  content: '\e813';
}

/* '' */
.icon-wrench:before {
  content: '\e814';
}

/* '' */
.icon-cog:before {
  content: '\e815';
}

/* '' */
.icon-volume-up:before {
  content: '\e816';
}

/* '' */
.icon-volume-down:before {
  content: '\e817';
}

/* '' */
.icon-volume-off:before {
  content: '\e818';
}

/* '' */
.icon-trash-empty:before {
  content: '\e819';
}

/* '' */
.icon-flag:before {
  content: '\e81a';
}

/* '' */
.icon-bookmark:before {
  content: '\e81b';
}

/* '' */
.icon-help-circled:before {
  content: '\e81c';
}

/* '' */
.icon-minus-circled:before {
  content: '\e81d';
}

/* '' */
.icon-th-list:before {
  content: '\e81e';
}

/* '' */
.icon-th-large:before {
  content: '\e81f';
}

/* '' */
.icon-th:before {
  content: '\e820';
}

/* '' */
.icon-picture:before {
  content: '\e821';
}

/* '' */
.icon-minus:before {
  content: '\e822';
}

/* '' */
.icon-chat:before {
  content: '\e823';
}

/* '' */
.icon-comment:before {
  content: '\e824';
}

/* '' */
.icon-calendar:before {
  content: '\e825';
}

/* '' */
.icon-down-big:before {
  content: '\e826';
}

/* '' */
.icon-left-big:before {
  content: '\e827';
}

/* '' */
.icon-right-big:before {
  content: '\e828';
}

/* '' */
.icon-up-big:before {
  content: '\e829';
}

/* '' */
.icon-up-open:before {
  content: '\e82a';
}

/* '' */
.icon-right-open:before {
  content: '\e82b';
}

/* '' */
.icon-down-open:before {
  content: '\e82c';
}

/* '' */
.icon-left-open:before {
  content: '\e82d';
}

/* '' */
.icon-right-dir:before {
  content: '\e82e';
}

/* '' */
.icon-left-dir:before {
  content: '\e82f';
}

/* '' */
.icon-down-dir:before {
  content: '\e830';
}

/* '' */
.icon-up-dir:before {
  content: '\e831';
}

/* '' */
.icon-resize-small:before {
  content: '\e832';
}

/* '' */
.icon-resize-vertical:before {
  content: '\e833';
}

/* '' */
.icon-resize-horizontal:before {
  content: '\e834';
}

/* '' */
.icon-basket:before {
  content: '\e835';
}

/* '' */
.icon-download:before {
  content: '\e836';
}

/* '' */
.icon-upload:before {
  content: '\e837';
}

/* '' */
.icon-spin5:before {
  content: '\e838';
}

/* '' */
.icon-cw:before {
  content: '\e839';
}

/* '' */
.icon-ccw:before {
  content: '\e83a';
}

/* '' */
.icon-align-center:before {
  content: '\e83b';
}

/* '' */
.icon-align-right:before {
  content: '\e83c';
}

/* '' */
.icon-align-left:before {
  content: '\e83d';
}

/* '' */
.icon-floppy:before {
  content: '\e83e';
}

/* '' */
.icon-chart-bar:before {
  content: '\e83f';
}

/* '' */
.icon-print:before {
  content: '\e840';
}

/* '' */
.icon-export:before {
  content: '\e841';
}

/* '' */
.icon-attention-circled:before {
  content: '\e842';
}

/* '' */
.icon-location:before {
  content: '\e843';
}

/* '' */
.icon-attention:before {
  content: '\e844';
}

/* '' */
.icon-folder:before {
  content: '\e845';
}

/* '' */
.icon-folder-open:before {
  content: '\e846';
}

/* '' */
.icon-spin4:before {
  content: '\e847';
}

/* '' */
.icon-play:before {
  content: '\e848';
}

/* '' */
.icon-stop:before {
  content: '\e849';
}

/* '' */
.icon-ok-circled:before {
  content: '\e84a';
}

/* '' */
.icon-ok:before {
  content: '\e84b';
}

/* '' */
.icon-pause:before {
  content: '\e84c';
}

/* '' */
.icon-off:before {
  content: '\e84d';
}

/* '' */
.icon-play-circled2:before {
  content: '\e84e';
}

/* '' */
.icon-spin3:before {
  content: '\e84f';
}

/* '' */
.icon-spin2:before {
  content: '\e850';
}

/* '' */
.icon-spin1:before {
  content: '\e851';
}

/* '' */
.icon-spin6:before {
  content: '\e852';
}

/* '' */
.icon-flashlight:before {
  content: '\e853';
}

/* '' */
.icon-volume:before {
  content: '\e854';
}

/* '' */
.icon-folder-1:before {
  content: '\e855';
}

/* '' */
.icon-box:before {
  content: '\e856';
}

/* '' */
.icon-login:before {
  content: '\e857';
}

/* '' */
.icon-logout:before {
  content: '\e858';
}

/* '' */
.icon-calendar-1:before {
  content: '\e859';
}

/* '' */
.icon-basket-1:before {
  content: '\e85a';
}

/* '' */
.icon-tools:before {
  content: '\e85b';
}

/* '' */
.icon-cog-1:before {
  content: '\e85c';
}

/* '' */
.icon-phone:before {
  content: '\e85d';
}

/* '' */
.icon-rss:before {
  content: '\e85e';
}

/* '' */
.icon-location-1:before {
  content: '\e85f';
}

/* '' */
.icon-right-open-mini:before {
  content: '\e860';
}

/* '' */
.icon-up-open-mini:before {
  content: '\e861';
}

/* '' */
.icon-left-open-mini:before {
  content: '\e862';
}

/* '' */
.icon-down-open-mini:before {
  content: '\e863';
}

/* '' */
.icon-down-open-big:before {
  content: '\e864';
}

/* '' */
.icon-left-open-big:before {
  content: '\e865';
}

/* '' */
.icon-right-open-big:before {
  content: '\e866';
}

/* '' */
.icon-up-open-big:before {
  content: '\e867';
}

/* '' */
.icon-up-open-1:before {
  content: '\e868';
}

/* '' */
.icon-left-open-1:before {
  content: '\e869';
}

/* '' */
.icon-down-open-1:before {
  content: '\e86a';
}

/* '' */
.icon-right-open-1:before {
  content: '\e86b';
}

/* '' */
.icon-arrow-combo:before {
  content: '\e86c';
}

/* '' */
.icon-down-circled-1:before {
  content: '\e86d';
}

/* '' */
.icon-left-circled-1:before {
  content: '\e86e';
}

/* '' */
.icon-right-circled-1:before {
  content: '\e86f';
}

/* '' */
.icon-up-circled-1:before {
  content: '\e870';
}

/* '' */
.icon-down-dir-1:before {
  content: '\e871';
}

/* '' */
.icon-up-dir-1:before {
  content: '\e872';
}

/* '' */
.icon-right-dir-1:before {
  content: '\e873';
}

/* '' */
.icon-left-dir-1:before {
  content: '\e874';
}

/* '' */
.icon-left-bold:before {
  content: '\e875';
}

/* '' */
.icon-down-bold:before {
  content: '\e876';
}

/* '' */
.icon-right-bold:before {
  content: '\e877';
}

/* '' */
.icon-up-bold:before {
  content: '\e878';
}

/* '' */
.icon-down-thin:before {
  content: '\e879';
}

/* '' */
.icon-left-thin:before {
  content: '\e87a';
}

/* '' */
.icon-right-thin:before {
  content: '\e87b';
}

/* '' */
.icon-up-thin:before {
  content: '\e87c';
}

/* '' */
.icon-ccw-1:before {
  content: '\e87d';
}

/* '' */
.icon-down-1:before {
  content: '\e87e';
}

/* '' */
.icon-up-1:before {
  content: '\e87f';
}

/* '' */
.icon-right-1:before {
  content: '\e880';
}

/* '' */
.icon-left-1:before {
  content: '\e881';
}

/* '' */
.icon-cw-1:before {
  content: '\e882';
}

/* '' */
.icon-arrows-ccw:before {
  content: '\e883';
}

/* '' */
.icon-level-down:before {
  content: '\e884';
}

/* '' */
.icon-shuffle:before {
  content: '\e885';
}

/* '' */
.icon-level-up:before {
  content: '\e886';
}

/* '' */
.icon-signal:before {
  content: '\e887';
}

/* '' */
.icon-progress-1:before {
  content: '\e888';
}

/* '' */
.icon-progress-2:before {
  content: '\e889';
}

/* '' */
.icon-progress-3:before {
  content: '\e88a';
}

/* '' */
.icon-switch:before {
  content: '\e88b';
}

/* '' */
.icon-key:before {
  content: '\e88c';
}

/* '' */
.icon-key-outline:before {
  content: '\e88d';
}

/* '' */
.icon-key-inv:before {
  content: '\e88e';
}

/* '' */
.icon-key-1:before {
  content: '\e88f';
}

/* '' */
.icon-off-1:before {
  content: '\e890';
}

/* '' */
.icon-key-2:before {
  content: '\e891';
}

/* '' */
.icon-camera-alt:before {
  content: '\e892';
}

/* '' */
.icon-camera:before {
  content: '\e893';
}

/* '' */
.icon-phone-1:before {
  content: '\e894';
}

/* '' */
.icon-cancel-1:before {
  content: '\e895';
}

/* '' */
.icon-cancel-circle:before {
  content: '\e896';
}

/* '' */
.icon-ok-1:before {
  content: '\e897';
}

/* '' */
.icon-search-1:before {
  content: '\e898';
}

/* '' */
.icon-user:before {
  content: '\e899';
}

/* '' */
.icon-home:before {
  content: '\e89a';
}

/* '' */
.icon-braille:before {
  content: '\e89b';
}

/* '' */
.icon-trash-1:before {
  content: '\e89c';
}

/* '' */
.icon-trash-2:before {
  content: '\e89d';
}

/* '' */
.icon-eject:before {
  content: '\e89e';
}

/* '' */
.icon-lupecloud:before {
  content: '\e89f';
}

/* '' */
.icon-menutrigger4:before {
  content: '\e8a0';
}

/* '' */
.icon-ok-circled2:before {
  content: '\e8a1';
}

/* '' */
.icon-forward:before {
  content: '\e8a2';
}

/* '' */
.icon-logout-1:before {
  content: '\e8a3';
}

/* '' */
.icon-login-1:before {
  content: '\e8a4';
}

/* '' */
.icon-down-circled2:before {
  content: '\e8a5';
}

/* '' */
.icon-up-circled2:before {
  content: '\e8a6';
}

/* '' */
.icon-resize-full:before {
  content: '\e8a7';
}

/* '' */
.icon-block:before {
  content: '\e8a8';
}

/* '' */
.icon-left-hand:before {
  content: '\e8a9';
}

/* '' */
.icon-up-hand:before {
  content: '\e8aa';
}

/* '' */
.icon-down-hand:before {
  content: '\e8ab';
}

/* '' */
.icon-inbox:before {
  content: '\e8ac';
}

/* '' */
.icon-to-end-alt:before {
  content: '\e8ad';
}

/* '' */
.icon-to-start:before {
  content: '\e8ae';
}

/* '' */
.icon-to-end:before {
  content: '\e8af';
}

/* '' */
.icon-fast-bw:before {
  content: '\e8b0';
}

/* '' */
.icon-fast-fw:before {
  content: '\e8b1';
}

/* '' */
.icon-to-start-alt:before {
  content: '\e8b2';
}

/* '' */
.icon-align-justify:before {
  content: '\e8b3';
}

/* '' */
.icon-indent-right:before {
  content: '\e8b4';
}

/* '' */
.icon-indent-left:before {
  content: '\e8b5';
}

/* '' */
.icon-list:before {
  content: '\e8b6';
}

/* '' */
.icon-up-circle:before {
  content: '\e8b7';
}

/* '' */
.icon-right-circle:before {
  content: '\e8b8';
}

/* '' */
.icon-left-circle:before {
  content: '\e8b9';
}

/* '' */
.icon-down-circle:before {
  content: '\e8ba';
}

/* '' */
.icon-up-2:before {
  content: '\e8bb';
}

/* '' */
.icon-right-2:before {
  content: '\e8bc';
}

/* '' */
.icon-left-2:before {
  content: '\e8bd';
}

/* '' */
.icon-down-2:before {
  content: '\e8be';
}

/* '' */
.icon-resize-small-alt:before {
  content: '\e8bf';
}

/* '' */
.icon-resize-small-1:before {
  content: '\e8c0';
}

/* '' */
.icon-resize-full-alt-1:before {
  content: '\e8c1';
}

/* '' */
.icon-resize-full-1:before {
  content: '\e8c2';
}

/* '' */
.icon-resize-vertical-1:before {
  content: '\e8c3';
}

/* '' */
.icon-resize-horizontal-1:before {
  content: '\e8c4';
}

/* '' */
.icon-move-1:before {
  content: '\e8c5';
}

/* '' */
.icon-block-1:before {
  content: '\e8c6';
}

/* '' */
.icon-ok-2:before {
  content: '\e8c7';
}

/* '' */
.icon-cancel-2:before {
  content: '\e8c8';
}

/* '' */
.icon-ok-circle:before {
  content: '\e8c9';
}

/* '' */
.icon-plus-circle:before {
  content: '\e8ca';
}

/* '' */
.icon-cancel-circle-1:before {
  content: '\e8cb';
}

/* '' */
.icon-minus-circle:before {
  content: '\e8cc';
}

/* '' */
.icon-attach-1:before {
  content: '\e8cd';
}

/* '' */
.icon-link:before {
  content: '\e8ce';
}

/* '' */
.icon-archive:before {
  content: '\e8cf';
}

/* '' */
.icon-folder-2:before {
  content: '\e8d0';
}

/* '' */
.icon-wappen-outline-def:before {
  content: '\e8d1';
}

/* '' */
.icon-mail-1:before {
  content: '\e8d2';
}

/* '' */
.icon-menutrigger5:before {
  content: '\e8d3';
}

/* '' */
.icon-play-1:before {
  content: '\e8d4';
}

/* '' */
.icon-stop-1:before {
  content: '\e8d5';
}

/* '' */
.icon-pause-1:before {
  content: '\e8d6';
}

/* '' */
.icon-to-end-1:before {
  content: '\e8d7';
}

/* '' */
.icon-record:before {
  content: '\e8d8';
}

/* '' */
.icon-to-start-1:before {
  content: '\e8d9';
}

/* '' */
.icon-fast-forward:before {
  content: '\e8da';
}

/* '' */
.icon-fast-backward:before {
  content: '\e8db';
}

/* '' */
.icon-progress-0:before {
  content: '\e8dc';
}

/* '' */
.icon-menutriggercloud:before {
  content: '\e8dd';
}

/* '' */
.icon-upload-1:before {
  content: '\e8de';
}

/* '' */
.icon-download-1:before {
  content: '\e8df';
}

/* '' */
.icon-cancel-3:before {
  content: '\e8e0';
}

/* '' */
.icon-search-2:before {
  content: '\e8e1';
}

/* '' */
.icon-25-jahre:before {
  content: '\e8e2';
}

/* '' */
.icon-erde-2:before {
  content: '\e8e3';
}

/* '' */
.icon-stop-2:before {
  content: '\e8e4';
}

/* '' */
.icon-buehnentechnik:before {
  content: '\e8e5';
}

/* '' */
.icon-right-dir-2:before {
  content: '\e8e6';
}

/* '' */
.icon-right-open-2:before {
  content: '\e8e7';
}

/* '' */
.icon-left-open-2:before {
  content: '\e8e8';
}

/* '' */
.icon-whatsapp:before {
  content: '\e8e9';
}

/* '' */
.icon-down-open-2:before {
  content: '\e8ea';
}

/* '' */
.icon-up-open-2:before {
  content: '\e8eb';
}

/* '' */
.icon-pdf:before {
  content: '\e8ec';
}

/* '' */
.icon-feed:before {
  content: '\e8ed';
}

/* '' */
.icon-bell:before {
  content: '\e8ee';
}

/* '' */
.icon-ok-circle-1:before {
  content: '\e8ef';
}

/* '' */
.icon-up-micro:before {
  content: '\e8f0';
}

/* '' */
.icon-telefon:before {
  content: '\e8f1';
}

/* '' */
.icon-down-micro:before {
  content: '\e8f2';
}

/* '' */
.icon-pfeil-full:before {
  content: '\e8f3';
}

/* '' */
.icon-pfeil-bold:before {
  content: '\e8f4';
}

/* '' */
.icon-pfeil-full-back:before {
  content: '\e8f5';
}

/* '' */
.icon-pfeil-bold_2:before {
  content: '\e8f6';
}

/* '' */
.icon-globe:before {
  content: '\e8f7';
}

/* '' */
.icon-close-1:before {
  content: '\e8f8';
}

/* '' */
.icon-right-dir-3:before {
  content: '\e8f9';
}

/* '' */
.icon-down-dir-2:before {
  content: '\e8fa';
}

/* '' */
.icon-right-open-3:before {
  content: '\e8fb';
}

/* '' */
.icon-left-open-3:before {
  content: '\e8fc';
}

/* '' */
.icon-news:before {
  content: '\e902';
}

/* '' */
.icon-news-outline:before {
  content: '\e904';
}

/* '' */
.icon-news-info:before {
  content: '\e905';
}

/* '' */
.icon-move:before {
  content: '\f047';
}

/* '' */
.icon-bookmark-empty:before {
  content: '\f097';
}

/* '' */
.icon-twitter:before {
  content: '\f099';
}

/* '' */
.icon-facebook:before {
  content: '\f09a';
}

/* '' */
.icon-left-circled:before {
  content: '\f0a8';
}

/* '' */
.icon-right-circled:before {
  content: '\f0a9';
}

/* '' */
.icon-up-circled:before {
  content: '\f0aa';
}

/* '' */
.icon-down-circled:before {
  content: '\f0ab';
}

/* '' */
.icon-resize-full-alt:before {
  content: '\f0b2';
}

/* '' */
.icon-docs:before {
  content: '\f0c5';
}

/* '' */
.icon-menu:before {
  content: '\f0c9';
}

/* '' */
.icon-pinterest-circled:before {
  content: '\f0d2';
}

/* '' */
.icon-pinterest-squared:before {
  content: '\f0d3';
}

/* '' */
.icon-gplus-squared:before {
  content: '\f0d4';
}

/* '' */
.icon-gplus:before {
  content: '\f0d5';
}

/* '' */
.icon-sort:before {
  content: '\f0dc';
}

/* '' */
.icon-mail-alt:before {
  content: '\f0e0';
}

/* '' */
.icon-linkedin:before {
  content: '\f0e1';
}

/* '' */
.icon-comment-empty:before {
  content: '\f0e5';
}

/* '' */
.icon-chat-empty:before {
  content: '\f0e6';
}

/* '' */
.icon-lightbulb:before {
  content: '\f0eb';
}

/* '' */
.icon-download-cloud:before {
  content: '\f0ed';
}

/* '' */
.icon-upload-cloud:before {
  content: '\f0ee';
}

/* '' */
.icon-bell-alt:before {
  content: '\f0f3';
}

/* '' */
.icon-doc-text:before {
  content: '\f0f6';
}

/* '' */
.icon-plus-squared:before {
  content: '\f0fe';
}

/* '' */
.icon-angle-double-left:before {
  content: '\f100';
}

/* '' */
.icon-angle-double-right:before {
  content: '\f101';
}

/* '' */
.icon-angle-double-up:before {
  content: '\f102';
}

/* '' */
.icon-angle-double-down:before {
  content: '\f103';
}

/* '' */
.icon-angle-left:before {
  content: '\f104';
}

/* '' */
.icon-angle-right:before {
  content: '\f105';
}

/* '' */
.icon-angle-up:before {
  content: '\f106';
}

/* '' */
.icon-angle-down:before {
  content: '\f107';
}

/* '' */
.icon-tablet:before {
  content: '\f10a';
}

/* '' */
.icon-mobile:before {
  content: '\f10b';
}

/* '' */
.icon-quote-left:before {
  content: '\f10d';
}

/* '' */
.icon-quote-right:before {
  content: '\f10e';
}

/* '' */
.icon-spinner:before {
  content: '\f110';
}

/* '' */
.icon-reply:before {
  content: '\f112';
}

/* '' */
.icon-folder-empty:before {
  content: '\f114';
}

/* '' */
.icon-folder-open-empty:before {
  content: '\f115';
}

/* '' */
.icon-flag-empty:before {
  content: '\f11d';
}

/* '' */
.icon-code:before {
  content: '\f121';
}

/* '' */
.icon-reply-all:before {
  content: '\f122';
}

/* '' */
.icon-help:before {
  content: '\f128';
}

/* '' */
.icon-info:before {
  content: '\f129';
}

/* '' */
.icon-attention-alt:before {
  content: '\f12a';
}

/* '' */
.icon-calendar-empty:before {
  content: '\f133';
}

/* '' */
.icon-angle-circled-left:before {
  content: '\f137';
}

/* '' */
.icon-angle-circled-right:before {
  content: '\f138';
}

/* '' */
.icon-angle-circled-up:before {
  content: '\f139';
}

/* '' */
.icon-angle-circled-down:before {
  content: '\f13a';
}

/* '' */
.icon-lock-open-alt:before {
  content: '\f13e';
}

/* '' */
.icon-ellipsis:before {
  content: '\f141';
}

/* '' */
.icon-ellipsis-vert:before {
  content: '\f142';
}

/* '' */
.icon-play-circled:before {
  content: '\f144';
}

/* '' */
.icon-minus-squared:before {
  content: '\f146';
}

/* '' */
.icon-minus-squared-alt:before {
  content: '\f147';
}

/* '' */
.icon-ok-squared:before {
  content: '\f14a';
}

/* '' */
.icon-export-alt:before {
  content: '\f14d';
}

/* '' */
.icon-doc-inv:before {
  content: '\f15b';
}

/* '' */
.icon-doc-text-inv:before {
  content: '\f15c';
}

/* '' */
.icon-youtube:before {
  content: '\f167';
}

/* '' */
.icon-xing:before {
  content: '\f168';
}

/* '' */
.icon-xing-squared:before {
  content: '\f169';
}

/* '' */
.icon-dropbox:before {
  content: '\f16b';
}

/* '' */
.icon-instagram:before {
  content: '\f16d';
}

/* '' */
.icon-tumblr:before {
  content: '\f173';
}

/* '' */
.icon-down:before {
  content: '\f175';
}

/* '' */
.icon-up:before {
  content: '\f176';
}

/* '' */
.icon-left:before {
  content: '\f177';
}

/* '' */
.icon-right:before {
  content: '\f178';
}

/* '' */
.icon-sun:before {
  content: '\f185';
}

/* '' */
.icon-right-circled2:before {
  content: '\f18e';
}

/* '' */
.icon-left-circled2:before {
  content: '\f190';
}

/* '' */
.icon-dot-circled:before {
  content: '\f192';
}

/* '' */
.icon-vimeo-squared:before {
  content: '\f194';
}

/* '' */
.icon-plus-squared-alt:before {
  content: '\f196';
}

/* '' */
.icon-google:before {
  content: '\f1a0';
}

/* '' */
.icon-file-pdf:before {
  content: '\f1c1';
}

/* '' */
.icon-file-word:before {
  content: '\f1c2';
}

/* '' */
.icon-file-excel:before {
  content: '\f1c3';
}

/* '' */
.icon-file-powerpoint:before {
  content: '\f1c4';
}

/* '' */
.icon-file-image:before {
  content: '\f1c5';
}

/* '' */
.icon-file-code:before {
  content: '\f1c9';
}

/* '' */
.icon-vine:before {
  content: '\f1ca';
}

/* '' */
.icon-lifebuoy:before {
  content: '\f1cd';
}

/* '' */
.icon-git-squared:before {
  content: '\f1d2';
}

/* '' */
.icon-git:before {
  content: '\f1d3';
}

/* '' */
.icon-wifi:before {
  content: '\f1eb';
}

/* '' */
.icon-calc:before {
  content: '\f1ec';
}

/* '' */
.icon-trash:before {
  content: '\f1f8';
}

/* '' */
.icon-copyright:before {
  content: '\f1f9';
}

/* '' */
.icon-at:before {
  content: '\f1fa';
}

/* '' */
.icon-chart-area:before {
  content: '\f1fe';
}

/* '' */
.icon-chart-pie:before {
  content: '\f200';
}

/* '' */
.icon-toggle-off:before {
  content: '\f204';
}

/* '' */
.icon-toggle-on:before {
  content: '\f205';
}

/* '' */
.icon-facebook-official:before {
  content: '\f230';
}

/* '' */
.icon-pinterest:before {
  content: '\f231';
}

/* '' */
.icon-whatsapp-1:before {
  content: '\f232';
}

/* '' */
.icon-battery-4:before {
  content: '\f240';
}

/* '' */
.icon-battery-3:before {
  content: '\f241';
}

/* '' */
.icon-battery-2:before {
  content: '\f242';
}

/* '' */
.icon-battery-1:before {
  content: '\f243';
}

/* '' */
.icon-battery-0:before {
  content: '\f244';
}

/* '' */
.icon-registered:before {
  content: '\f25d';
}

/* '' */
.icon-creative-commons:before {
  content: '\f25e';
}

/* '' */
.icon-calendar-plus-o:before {
  content: '\f271';
}

/* '' */
.icon-calendar-minus-o:before {
  content: '\f272';
}

/* '' */
.icon-calendar-times-o:before {
  content: '\f273';
}

/* '' */
.icon-calendar-check-o:before {
  content: '\f274';
}

/* '' */
.icon-pause-circle:before {
  content: '\f28b';
}

/* '' */
.icon-pause-circle-o:before {
  content: '\f28c';
}

/* '' */
.icon-stop-circle:before {
  content: '\f28d';
}

/* '' */
.icon-stop-circle-o:before {
  content: '\f28e';
}

/* '' */
.icon-window-minimize:before {
  content: '\f2d1';
}

/* '' */
.icon-window-restore:before {
  content: '\f2d2';
}

/* '' */
.icon-window-close-o:before {
  content: '\f2d4';
}

/* '' */
.icon-twitter-squared:before {
  content: '\f304';
}

/* '' */
.icon-linkedin-squared:before {
  content: '\f30c';
}

/* '' */
.icon-linkedin-1:before {
  content: '\f318';
}

/******************************************************************************/
/******************************* Schriften ************************************/
/******************************************************************************/
/******************************************************************************/
/********************************* Farben *************************************/
/******************************************************************************/
/******************************************************************************/
/******************************* Border Radius ********************************/
/******************************************************************************/
/******************************************************************************/
/*********************************** Basics ***********************************/
/******************************************************************************/
body, html {
  width: 100%;
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #000;
}

body.uploadknecht {
  background-color: #009FE3;
}

html {
  font-size: 100%;
}

@media (min-width: 1680px) {
  html {
    font-size: 110%;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  html {
    font-size: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  html {
    font-size: 95%;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  html {
    font-size: 95%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  html {
    font-size: 87.5%;
  }
}

@media (max-width: 599px) {
  html {
    font-size: 87.5%;
  }
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #333;
  line-height: 1.3;
  font-size: 100%;
  overflow-x: hidden;
}

body.mobileMenuActive {
  height: 100vh;
  overflow: hidden;
}

#main {
  float: left;
  z-index: 999;
  padding-top: 3em;
}

#main.highIndex {
  z-index: 999999;
}

#wrapper {
  position: relative;
  float: left;
  width: 90%;
  height: 100%;
  min-height: 100vh;
  margin: 0 5%;
  padding: 0;
  box-sizing: border-box;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #wrapper {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #wrapper {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 599px) {
  #wrapper {
    width: 100%;
    margin: 0;
  }
}

/******************************************************************************/
/********************************** Prefs *************************************/
/******************************************************************************/
.hidden {
  visibility: hidden;
}

.displayNone {
  display: none;
}

.displayBlock {
  display: block;
}

.noTextDecoration a {
  text-decoration: none;
}

.left {
  float: left;
}

.right {
  float: right !important;
}

*[class*="ce_"] {
  width: calc(100% - 30px);
  float: left;
  display: inline;
  margin: 10px calc(30px / 2);
  overflow: visible;
}

*[class*="push_"] {
  position: relative;
}

*[class*="pull_"] {
  position: relative;
}

*[class*="grid_"] {
  display: inline;
  float: left;
  margin: 10px calc(30px / 2);
}

.sechstel, .fuenftel, .zweiFuenftel, .dreiFuenftel, .vierFuenftel, .viertel, .drittel, .halb, .zweiDrittel, .zweiViertel, .dreiViertel, .dreiDrittel, .voll {
  display: inline;
  float: left;
  margin: 10px calc(30px / 2);
}

.sechstel.noMargin, .fuenftel.noMargin, .zweiFuenftel.noMargin, .dreiFuenftel.noMargin, .vierFuenftel.noMargin, .viertel.noMargin, .drittel.noMargin, .halb.noMargin, .zweiDrittel.noMargin, .zweiViertel.noMargin, .dreiViertel.noMargin, .dreiDrittel.noMargin, .voll.noMargin {
  margin: 10px 0;
}

.sechstel.noMarginTop, .fuenftel.noMarginTop, .zweiFuenftel.noMarginTop, .dreiFuenftel.noMarginTop, .vierFuenftel.noMarginTop, .viertel.noMarginTop, .drittel.noMarginTop, .halb.noMarginTop, .zweiDrittel.noMarginTop, .zweiViertel.noMarginTop, .dreiViertel.noMarginTop, .dreiDrittel.noMarginTop, .voll.noMarginTop {
  margin-top: 0;
  margin-bottom: 0;
}

.sechstel {
  width: calc((100% / 6) - 30px);
}

.sechstel.noMargin {
  width: calc(100% / 6);
}

.fuenftel {
  width: calc(20% - 30px);
}

.fuenftel.noMargin {
  width: 20%;
}

.zweiFuenftel {
  width: calc(40% - 30px);
}

.zweiFuenftel.noMargin {
  width: 40%;
}

.dreiFuenftel {
  width: calc(60% - 30px);
}

.dreiFuenftel.noMargin {
  width: 60%;
}

.vierFuenftel {
  width: calc(80% - 30px);
}

.vierFuenftel.noMargin {
  width: 80%;
}

.viertel {
  width: calc(25% - 30px);
}

.viertel.noMargin {
  width: 25%;
}

.drittel {
  width: calc(100% / 3 - 30px);
}

.drittel.noMargin {
  width: calc(100% / 3);
}

.halb, .zweiViertel {
  width: calc(50% - 30px);
}

.halb.noMargin, .zweiViertel.noMargin {
  width: 50%;
}

.zweiDrittel {
  width: calc((100% / 3) * 2 - 30px);
}

.zweiDrittel.noMargin {
  width: calc((100% / 3) * 2);
}

.dreiViertel {
  width: calc(75% - 30px);
}

.dreiViertel.noMargin {
  width: 75%;
}

.dreiDrittel, .voll, .vierViertel {
  width: calc(100% - 30px);
}

.dreiDrittel.noMargin, .voll.noMargin, .vierViertel.noMargin {
  width: 100%;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  margin: 10px calc(30px / 2);
}

.grid_1.noMargin, .grid_2.noMargin, .grid_3.noMargin, .grid_4.noMargin, .grid_5.noMargin, .grid_6.noMargin, .grid_7.noMargin, .grid_8.noMargin, .grid_9.noMargin, .grid_10.noMargin, .grid_11.noMargin, .grid_12.noMargin {
  margin: 10px 0;
}

.grid_1.noMarginTop, .grid_2.noMarginTop, .grid_3.noMarginTop, .grid_4.noMarginTop, .grid_5.noMarginTop, .grid_6.noMarginTop, .grid_7.noMarginTop, .grid_8.noMarginTop, .grid_9.noMarginTop, .grid_10.noMarginTop, .grid_11.noMarginTop, .grid_12.noMarginTop {
  margin-top: 0px;
  margin-bottom: 0px;
}

.grid_1 {
  width: calc((100% / 12) - 30px);
}

.grid_1.noMargin {
  width: calc(100% / 12);
}

.grid_2 {
  width: calc((100% / 12) * 2 - 30px);
}

.grid_2.noMargin {
  width: calc((100% / 12) * 2);
}

.grid_3 {
  width: calc((100% / 12) * 3 - 30px);
}

.grid_3.noMargin {
  width: calc((100% / 12) * 3);
}

.grid_4 {
  width: calc((100% / 12) * 4 - 30px);
}

.grid_4.noMargin {
  width: calc((100% / 12) * 4);
}

.grid_5 {
  width: calc((100% / 12) * 5 - 30px);
}

.grid_5.noMargin {
  width: calc((100% / 12) * 5);
}

.grid_6 {
  width: calc((100% / 12) * 6 - 30px);
}

.grid_6.noMargin {
  width: calc((100% / 12) * 6);
}

.grid_7 {
  width: calc((100% / 12) * 7 - 30px);
}

.grid_7.noMargin {
  width: calc((100% / 12) * 7);
}

.grid_8 {
  width: calc((100% / 12) * 8 - 30px);
}

.grid_8.noMargin {
  width: calc((100% / 12) * 8);
}

.grid_9 {
  width: calc((100% / 12) * 9 - 30px);
}

.grid_9.noMargin {
  width: calc((100% / 12) * 9);
}

.grid_10 {
  width: calc((100% / 12) * 10 - 30px);
}

.grid_10.noMargin {
  width: calc((100% / 12) * 10);
}

.grid_11 {
  width: calc((100% / 12) * 11 - 30px);
}

.grid_11.noMargin {
  width: calc((100% / 12) * 11);
}

.grid_12 {
  width: calc(100% - 30px);
}

.grid_12.noMargin {
  width: 100%;
}

/* =Prefix
--------------------------------------------------------------------------------*/
.prefix_1 {
  padding-left: calc(100% / 12);
}

.prefix_2 {
  padding-left: calc((100% / 12) * 2);
}

.prefix_3 {
  padding-left: calc((100% / 12) * 3);
}

.prefix_4 {
  padding-left: calc((100% / 12) * 4);
}

.prefix_5 {
  padding-left: calc((100% / 12) * 5);
}

.prefix_6 {
  padding-left: calc((100% / 12) * 6);
}

.prefix_7 {
  padding-left: calc((100% / 12) * 7);
}

.prefix_8 {
  padding-left: calc((100% / 12) * 8);
}

.prefix_9 {
  padding-left: calc((100% / 12) * 9);
}

.prefix_10 {
  padding-left: calc((100% / 12) * 10);
}

.prefix_11 {
  padding-left: calc((100% / 12) * 11);
}

/* =Suffix Extra Space
--------------------------------------------------------------------------------*/
.suffix_1 {
  padding-right: calc(100% / 12);
}

.suffix_2 {
  padding-right: calc((100% / 12) * 2);
}

.suffix_3 {
  padding-right: calc((100% / 12) * 3);
}

.suffix_4 {
  padding-right: calc((100% / 12) * 4);
}

.suffix_5 {
  padding-right: calc((100% / 12) * 5);
}

.suffix_6 {
  padding-right: calc((100% / 12) * 6);
}

.suffix_7 {
  padding-right: calc((100% / 12) * 7);
}

.suffix_8 {
  padding-right: calc((100% / 12) * 8);
}

.suffix_9 {
  padding-right: calc((100% / 12) * 9);
}

.suffix_10 {
  padding-right: calc((100% / 12) * 10);
}

.suffix_11 {
  padding-right: calc((100% / 12) * 11);
}

/* `Push Space
--------------------------------------------------------------------------------*/
.push_1 {
  left: calc(100% / 12);
}

.push_2 {
  left: calc((100% / 12) * 2);
}

.push_3 {
  left: calc((100% / 12) * 3);
}

.push_4 {
  left: calc((100% / 12) * 4);
}

.push_5 {
  left: calc((100% / 12) * 5);
}

.push_6 {
  left: calc((100% / 12) * 6);
}

.push_7 {
  left: calc((100% / 12) * 7);
}

.push_8 {
  left: calc((100% / 12) * 8);
}

.push_9 {
  left: calc((100% / 12) * 9);
}

.push_10 {
  left: calc((100% / 12) * 10);
}

.push_11 {
  left: calc((100% / 12) * 11);
}

/* `Pull Space
--------------------------------------------------------------------------------*/
.pull_1 {
  left: calc((100% / 12) * -1);
}

.pull_2 {
  left: calc((100% / 12) * -2);
}

.pull_3 {
  left: calc((100% / 12) * -3);
}

.pull_4 {
  left: calc((100% / 12) * -4);
}

.pull_5 {
  left: calc((100% / 12) * -5);
}

.pull_6 {
  left: calc((100% / 12) * -6);
}

.pull_7 {
  left: calc((100% / 12) * -7);
}

.pull_8 {
  left: calc((100% / 12) * -8);
}

.pull_9 {
  left: calc((100% / 12) * -9);
}

.pull_10 {
  left: calc((100% / 12) * -10);
}

/* Grid MicrosoftEdge
--------------------------------------------------------------------------------*/
body.edge .sechstel, body.ie .sechstel {
  width: calc((100% / 6) - 30px - 1px);
}

body.edge .sechstel.noMargin, body.ie .sechstel.noMargin {
  width: calc(100% / 6 - 1px);
}

body.edge .fuenftel, body.ie .fuenftel {
  width: calc(20% - 30px - 1px);
}

body.edge .fuenftel.noMargin, body.ie .fuenftel.noMargin {
  width: 20%;
}

body.edge .zweiFuenftel, body.ie .zweiFuenftel {
  width: calc(40% - 30px - 1px);
}

body.edge .zweiFuenftel.noMargin, body.ie .zweiFuenftel.noMargin {
  width: 40%;
}

body.edge .dreiFuenftel, body.ie .dreiFuenftel {
  width: calc(60% - 30px - 1px);
}

body.edge .dreiFuenftel.noMargin, body.ie .dreiFuenftel.noMargin {
  width: 60%;
}

body.edge .vierFuenftel, body.ie .vierFuenftel {
  width: calc(80% - 30px - 1px);
}

body.edge .vierFuenftel.noMargin, body.ie .vierFuenftel.noMargin {
  width: 80%;
}

body.edge .viertel, body.ie .viertel {
  width: calc(25% - 30px - 1px);
}

body.edge .viertel.noMargin, body.ie .viertel.noMargin {
  width: 25%;
}

body.edge .drittel, body.ie .drittel {
  width: calc(100% / 3 - 30px - 1px);
}

body.edge .drittel.noMargin, body.ie .drittel.noMargin {
  width: calc(100% / 3 - 1px);
}

body.edge .halb, body.edge .zweiViertel, body.ie .halb, body.ie .zweiViertel {
  width: calc(50% - 30px - 1px);
}

body.edge .halb.noMargin, body.edge .zweiViertel.noMargin, body.ie .halb.noMargin, body.ie .zweiViertel.noMargin {
  width: 50%;
}

body.edge .zweiDrittel, body.ie .zweiDrittel {
  width: calc((100% / 3) * 2 - 30px - 1px);
}

body.edge .zweiDrittel.noMargin, body.ie .zweiDrittel.noMargin {
  width: calc((100% / 3) * 2 - 1px);
}

body.edge .dreiViertel, body.ie .dreiViertel {
  width: calc(75% - 30px - 1px);
}

body.edge .dreiViertel.noMargin, body.ie .dreiViertel.noMargin {
  width: 75%;
}

body.edge .dreiDrittel, body.edge .voll, body.edge .vierViertel, body.ie .dreiDrittel, body.ie .voll, body.ie .vierViertel {
  width: calc(100% - 30px - 1px);
}

body.edge .dreiDrittel.noMargin, body.edge .voll.noMargin, body.edge .vierViertel.noMargin, body.ie .dreiDrittel.noMargin, body.ie .voll.noMargin, body.ie .vierViertel.noMargin {
  width: 100%;
}

body.edge .grid_1, body.ie .grid_1 {
  width: calc((100% / 12) - 30px - 1px);
}

body.edge .grid_1.noMargin, body.ie .grid_1.noMargin {
  width: calc(100% / 12 - 1px);
}

body.edge .grid_2, body.ie .grid_2 {
  width: calc((100% / 12) * 2 - 30px - 1px);
}

body.edge .grid_2.noMargin, body.ie .grid_2.noMargin {
  width: calc((100% / 12) * 2 - 1px);
}

body.edge .grid_3, body.ie .grid_3 {
  width: calc((100% / 12) * 3 - 30px - 1px);
}

body.edge .grid_3.noMargin, body.ie .grid_3.noMargin {
  width: calc((100% / 12) * 3 - 1px);
}

body.edge .grid_4, body.ie .grid_4 {
  width: calc((100% / 12) * 4 - 30px - 1px);
}

body.edge .grid_4.noMargin, body.ie .grid_4.noMargin {
  width: calc((100% / 12) * 4 - 1px);
}

body.edge .grid_5, body.ie .grid_5 {
  width: calc((100% / 12) * 5 - 30px - 1px);
}

body.edge .grid_5.noMargin, body.ie .grid_5.noMargin {
  width: calc((100% / 12) * 5 - 1px);
}

body.edge .grid_6, body.ie .grid_6 {
  width: calc((100% / 12) * 6 - 30px - 1px);
}

body.edge .grid_6.noMargin, body.ie .grid_6.noMargin {
  width: calc((100% / 12) * 6 - 1px);
}

body.edge .grid_7, body.ie .grid_7 {
  width: calc((100% / 12) * 7 - 30px - 1px);
}

body.edge .grid_7.noMargin, body.ie .grid_7.noMargin {
  width: calc((100% / 12) * 7 - 1px);
}

body.edge .grid_8, body.ie .grid_8 {
  width: calc((100% / 12) * 8 - 30px - 1px);
}

body.edge .grid_8.noMargin, body.ie .grid_8.noMargin {
  width: calc((100% / 12) * 8 - 1px);
}

body.edge .grid_9, body.ie .grid_9 {
  width: calc((100% / 12) * 9 - 30px - 1px);
}

body.edge .grid_9.noMargin, body.ie .grid_9.noMargin {
  width: calc((100% / 12) * 9 - 1px);
}

body.edge .grid_10, body.ie .grid_10 {
  width: calc((100% / 12) * 10 - 30px - 1px);
}

body.edge .grid_10.noMargin, body.ie .grid_10.noMargin {
  width: calc((100% / 12) * 10 - 1px);
}

body.edge .grid_11, body.ie .grid_11 {
  width: calc((100% / 12) * 11 - 30px - 1px);
}

body.edge .grid_11.noMargin, body.ie .grid_11.noMargin {
  width: calc((100% / 12) * 11 - 1px);
}

body.edge .grid_12, body.ie .grid_12 {
  width: calc(100% - 30px - 1px);
}

body.edge .grid_12.noMargin, body.ie .grid_12.noMargin {
  width: 100%;
}

body.edge form input[type=radio], body.edge form input[type=checkbox], body.ie form input[type=radio], body.ie form input[type=checkbox] {
  background-color: transparent;
}

/********** outerWrap ************/
.outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 1680px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 1%;
    padding-right: 1%;
  }
}

@media (max-width: 599px) {
  .outerWrap, #wrapper #topRow, #wrapper #headRow, #wrapper #breadCrump .inside, #wrapper #main .mod_article, #wrapper #foot .inside {
    padding-left: 1%;
    padding-right: 1%;
  }
}

.outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
  box-sizing: border-box;
  padding-right: 0;
}

@media (min-width: 1680px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 10%;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 5%;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 2%;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 2%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 1%;
  }
}

@media (max-width: 599px) {
  .outerWrapLeft, body.asideLeft #wrapper #main #naviSub, body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    padding-left: 1%;
  }
}

.outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
  box-sizing: border-box;
  padding-left: 0;
}

@media (min-width: 1680px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 10%;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 5%;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 2%;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 2%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 1%;
  }
}

@media (max-width: 599px) {
  .outerWrapRight, body.asideLeft #wrapper #main .mod_article.first, body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    padding-right: 1%;
  }
}

#wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

#wrapper #headImage {
  width: 100%;
}

#wrapper #breadCrump {
  width: 100%;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #wrapper #breadCrump {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #wrapper #breadCrump {
    display: none;
  }
}

@media (max-width: 599px) {
  #wrapper #breadCrump {
    display: none;
  }
}

#wrapper #main {
  width: 100%;
  margin: 2em 0;
}

#wrapper #main .mod_article {
  float: left;
}

#wrapper #main .mod_article.noWrap {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

#wrapper #foot {
  width: 100%;
}

body.asideLeft #wrapper #main #naviSub {
  float: left;
  width: calc(25% - 30px);
  margin: 10px calc(30px / 2);
}

@media (min-width: 720px) and (max-width: 1024px) {
  body.asideLeft #wrapper #main #naviSub {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  body.asideLeft #wrapper #main #naviSub {
    display: none;
  }
}

@media (max-width: 599px) {
  body.asideLeft #wrapper #main #naviSub {
    display: none;
  }
}

body.asideLeft #wrapper #main .mod_article {
  width: 100%;
}

body.asideLeft #wrapper #main .mod_article.noWrap {
  padding-left: 0;
  padding-right: 0;
}

body.asideLeft #wrapper #main .mod_article.first {
  width: 75%;
}

@media (min-width: 720px) and (max-width: 1024px) {
  body.asideLeft #wrapper #main .mod_article.first {
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  body.asideLeft #wrapper #main .mod_article.first {
    width: 100%;
  }
}

@media (max-width: 599px) {
  body.asideLeft #wrapper #main .mod_article.first {
    width: 100%;
  }
}

/******************************************************************************/
/********************************* Grid - Desktop XL **************************/
/******************************************************************************/
@media (min-width: 1680px) {
  /* Schriftgroesse */
  body {
    font-size: 120%;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .mobile {
    display: none;
  }
  .tablet {
    display: none;
  }
  .desktop {
    display: block;
  }
  .xlSechstel {
    width: calc((100% / 6) - 30px);
  }
  .xlSechstel.noMargin {
    width: calc(100% / 6);
  }
  .xlFuenftel {
    width: calc(20% - 30px);
  }
  .xlFuenftel.noMargin {
    width: 20%;
  }
  .xlZweiFuenftel {
    width: calc(40% - 30px);
  }
  .xlZweiFuenftel.noMargin {
    width: 40%;
  }
  .xlDreiFuenftel {
    width: calc(60% - 30px);
  }
  .xlDreiFuenftel.noMargin {
    width: 60%;
  }
  .xlVierFuenftel {
    width: calc(80% - 30px);
  }
  .xlVierFuenftel.noMargin {
    width: 80%;
  }
  .xlViertel {
    width: calc(25% - 30px);
  }
  .xlViertel.noMargin {
    width: 25%;
  }
  .xlDrittel {
    width: calc(100% / 3 - 30px);
  }
  .xlDrittel.noMargin {
    width: calc(100% / 3);
  }
  .xlHalb, .xlZweiViertel {
    width: calc(50% - 30px);
  }
  .xlHalb.noMargin, .xlZweiViertel.noMargin {
    width: 50%;
  }
  .xlZweiDrittel {
    width: calc((100% / 3) * 2 - 30px);
  }
  .xlZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .xlDreiViertel {
    width: calc(75% - 30px);
  }
  .xlDreiViertel.noMargin {
    width: 75%;
  }
  .xlDreiDrittel, .xlVoll, .xlVierViertel {
    width: calc(100% - 30px);
  }
  .xlDreiDrittel.noMargin, .xlVoll.noMargin, .xlVierViertel.noMargin {
    width: 100%;
  }
  .deskDisNone {
    display: none !important;
  }
}

/******************************************************************************/
/********************************* Grid - Desktop M ***************************/
/******************************************************************************/
@media (min-width: 1280px) and (max-width: 1679px) {
  /* Schriftgroesse */
  body {
    font-size: 100%;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .mobile {
    display: none;
  }
  .tablet {
    display: none;
  }
  .desktop {
    display: block;
  }
  .mSechstel {
    width: calc((100% / 6) - 30px);
  }
  .mSechstel.noMargin {
    width: calc(100% / 6);
  }
  .mFuenftel {
    width: calc(20% - 30px);
  }
  .mFuenftel.noMargin {
    width: 20%;
  }
  .mZweiFuenftel {
    width: calc(40% - 30px);
  }
  .mZweiFuenftel.noMargin {
    width: 40%;
  }
  .mDreiFuenftel {
    width: calc(60% - 30px);
  }
  .mDreiFuenftel.noMargin {
    width: 60%;
  }
  .mVierFuenftel {
    width: calc(80% - 30px);
  }
  .mVierFuenftel.noMargin {
    width: 80%;
  }
  .mViertel {
    width: calc(25% - 30px);
  }
  .mViertel.noMargin {
    width: 25%;
  }
  .mDrittel {
    width: calc(100% / 3 - 30px);
  }
  .mDrittel.noMargin {
    width: calc(100% / 3);
  }
  .mHalb, .mZweiViertel {
    width: calc(50% - 30px);
  }
  .mHalb.noMargin, .mZweiViertel.noMargin {
    width: 50%;
  }
  .mZweiDrittel {
    width: calc((100% / 3) * 2 - 30px);
  }
  .mZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .mDreiViertel {
    width: calc(75% - 30px);
  }
  .mDreiViertel.noMargin {
    width: 75%;
  }
  .mDreiDrittel, .mVoll, .mVierViertel {
    width: calc(100% - 30px);
  }
  .mDreiDrittel.noMargin, .mVoll.noMargin, .mVierViertel.noMargin {
    width: 100%;
  }
  .deskDisNone {
    display: none !important;
  }
}

/******************************************************************************/
/********************************* Grid - Desktop S ***************************/
/******************************************************************************/
@media (min-width: 1025px) and (max-width: 1279px) {
  /* Schriftgroesse */
  body {
    font-size: 100%;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .mobile {
    display: none;
  }
  .tablet {
    display: none;
  }
  .desktop {
    display: block;
  }
  .deskDisNone {
    display: none !important;
  }
}

/******************************************************************************/
/********************************* Grid - Tablet ******************************/
/******************************************************************************/
@media (min-width: 720px) and (max-width: 1024px) {
  /* Schriftgroesse */
  body {
    font-size: 100%;
  }
  h1 {
    font-size: 1.9em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.1em;
  }
  h5 {
    font-size: 1em;
  }
  h6 {
    font-size: 1em;
  }
  .tabSechstel, .tabFuenftel, .tabZweiFeunftel, .tabDreiFuenftel, .tabVierFuenftel, .tabViertel, .tabDrittel, .tabHalb, #siteMap ul.level_1 li, .tabZweiDrittel, .tabZweiViertel, .tabDreiViertel, .tabDreiDrittel, .tabVoll {
    display: inline;
    float: left;
    margin: 10px calc(30px / 2);
  }
  .tabSechstel.noMargin, .tabFuenftel.noMargin, .tabZweiFeunftel.noMargin, .tabDreiFuenftel.noMargin, .tabVierFuenftel.noMargin, .tabViertel.noMargin, .tabDrittel.noMargin, .tabHalb.noMargin, #siteMap ul.level_1 li.noMargin, .tabZweiDrittel.noMargin, .tabZweiViertel.noMargin, .tabDreiViertel.noMargin, .tabDreiDrittel.noMargin, .tabVoll.noMargin {
    margin: 10px 0;
  }
  .tabSechstel.noMarginTop, .tabFuenftel.noMarginTop, .tabZweiFeunftel.noMarginTop, .tabDreiFuenftel.noMarginTop, .tabVierFuenftel.noMarginTop, .tabViertel.noMarginTop, .tabDrittel.noMarginTop, .tabHalb.noMarginTop, #siteMap ul.level_1 li.noMarginTop, .tabZweiDrittel.noMarginTop, .tabZweiViertel.noMarginTop, .tabDreiViertel.noMarginTop, .tabDreiDrittel.noMarginTop, .tabVoll.noMarginTop {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tabSechstel {
    width: calc((100% / 6) - 30px);
  }
  .tabSechstel.noMargin {
    width: calc(100% / 6);
  }
  .tabFuenftel {
    width: calc(20% - 30px);
  }
  .tabFuenftel.noMargin {
    width: 20%;
  }
  .tabZweiFuenftel {
    width: calc(40% - 30px);
  }
  .tabZweiFuenftel.noMargin {
    width: 40%;
  }
  .tabDreiFuenftel {
    width: calc(60% - 30px);
  }
  .tabDreiFuenftel.noMargin {
    width: 60%;
  }
  .tabVierFuenftel {
    width: calc(80% - 30px);
  }
  .tabVierFuenftel.noMargin {
    width: 80%;
  }
  .tabViertel {
    width: calc(25% - 30px);
  }
  .tabViertel.noMargin {
    width: 25%;
  }
  .tabDrittel {
    width: calc(100% / 3 - 30px);
  }
  .tabDrittel.noMargin {
    width: calc(100% / 3);
  }
  .tabHalb, #siteMap ul.level_1 li, .tabZweiViertel {
    width: calc(50% - 30px);
  }
  .tabHalb.noMargin, #siteMap ul.level_1 li.noMargin, .tabZweiViertel.noMargin {
    width: 50%;
  }
  .tabZweiDrittel {
    width: calc((100% / 3) * 2 - 30px);
  }
  .tabZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .tabDreiViertel {
    width: calc(75% - 30px);
  }
  .tabDreiViertel.noMargin {
    width: 75%;
  }
  .tabDreiDrittel, .tabVoll, .tabVierViertel {
    width: calc(100% - 30px);
  }
  .tabDreiDrittel.noMargin, .tabVoll.noMargin, .tabVierViertel.noMargin {
    width: 100%;
  }
  *[class*="rahmen"] {
    padding: 10px;
  }
  *[class*="prefix_"] {
    padding-left: 0px;
  }
  *[class*="suffix_"] {
    padding-right: 0px;
  }
  *[class*="pull_"] {
    left: 0px;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .mobile {
    display: none;
  }
  .desktop {
    display: none;
  }
  .tablet {
    display: block;
  }
  /* floats */
  .tabLeft {
    float: left;
  }
  .tabRight {
    float: right;
  }
  .tabDisNone {
    display: none !important;
  }
}

/******************************************************************************/
/****************************** Grid - Smartphones big ************************/
/******************************************************************************/
@media (min-width: 600px) and (max-width: 719px) {
  /* Schriftgroesse */
  body {
    font-size: 100%;
  }
  h1 {
    font-size: 1.9em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.1em;
  }
  h5 {
    font-size: 1em;
  }
  h6 {
    font-size: 1em;
  }
  *[class*="ce_"] {
    width: calc(100% - 4%);
    float: left;
    display: inline;
    margin: 10px 2%;
  }
  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11,
  .grid_12, .sechstel, .fuenftel, .zweiFuenftel, .dreiFuenftel, .vierFuenftel, .viertel, .drittel, .halb, .zweiDrittel, .zweiViertel, .dreiViertel, .dreiDrittel, .voll {
    width: calc(100% - 4%);
    display: inline;
    margin: 10px 2%;
  }
  .grid_1.noMargin, .grid_2.noMargin, .grid_3.noMargin, .grid_4.noMargin, .grid_5.noMargin, .grid_6.noMargin, .grid_7.noMargin, .grid_8.noMargin, .grid_9.noMargin, .grid_10.noMargin, .grid_11.noMargin,
  .grid_12.noMargin, .sechstel.noMargin, .fuenftel.noMargin, .zweiFuenftel.noMargin, .dreiFuenftel.noMargin, .vierFuenftel.noMargin, .viertel.noMargin, .drittel.noMargin, .halb.noMargin, .zweiDrittel.noMargin, .zweiViertel.noMargin, .dreiViertel.noMargin, .dreiDrittel.noMargin, .voll.noMargin {
    width: 100%;
    margin: 10px 0;
  }
  .grid_1.image_container, .grid_1 .image_container, .grid_2.image_container, .grid_2 .image_container, .grid_3.image_container, .grid_3 .image_container, .grid_4.image_container, .grid_4 .image_container, .grid_5.image_container, .grid_5 .image_container, .grid_6.image_container, .grid_6 .image_container, .grid_7.image_container, .grid_7 .image_container, .grid_8.image_container, .grid_8 .image_container, .grid_9.image_container, .grid_9 .image_container, .grid_10.image_container, .grid_10 .image_container, .grid_11.image_container, .grid_11 .image_container,
  .grid_12.image_container,
  .grid_12 .image_container, .sechstel.image_container, .sechstel .image_container, .fuenftel.image_container, .fuenftel .image_container, .zweiFuenftel.image_container, .zweiFuenftel .image_container, .dreiFuenftel.image_container, .dreiFuenftel .image_container, .vierFuenftel.image_container, .vierFuenftel .image_container, .viertel.image_container, .viertel .image_container, .drittel.image_container, .drittel .image_container, .halb.image_container, .halb .image_container, .zweiDrittel.image_container, .zweiDrittel .image_container, .zweiViertel.image_container, .zweiViertel .image_container, .dreiViertel.image_container, .dreiViertel .image_container, .dreiDrittel.image_container, .dreiDrittel .image_container, .voll.image_container, .voll .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .grid_1.image_container img, .grid_1 .image_container img, .grid_2.image_container img, .grid_2 .image_container img, .grid_3.image_container img, .grid_3 .image_container img, .grid_4.image_container img, .grid_4 .image_container img, .grid_5.image_container img, .grid_5 .image_container img, .grid_6.image_container img, .grid_6 .image_container img, .grid_7.image_container img, .grid_7 .image_container img, .grid_8.image_container img, .grid_8 .image_container img, .grid_9.image_container img, .grid_9 .image_container img, .grid_10.image_container img, .grid_10 .image_container img, .grid_11.image_container img, .grid_11 .image_container img,
  .grid_12.image_container img,
  .grid_12 .image_container img, .sechstel.image_container img, .sechstel .image_container img, .fuenftel.image_container img, .fuenftel .image_container img, .zweiFuenftel.image_container img, .zweiFuenftel .image_container img, .dreiFuenftel.image_container img, .dreiFuenftel .image_container img, .vierFuenftel.image_container img, .vierFuenftel .image_container img, .viertel.image_container img, .viertel .image_container img, .drittel.image_container img, .drittel .image_container img, .halb.image_container img, .halb .image_container img, .zweiDrittel.image_container img, .zweiDrittel .image_container img, .zweiViertel.image_container img, .zweiViertel .image_container img, .dreiViertel.image_container img, .dreiViertel .image_container img, .dreiDrittel.image_container img, .dreiDrittel .image_container img, .voll.image_container img, .voll .image_container img {
    width: 100%;
  }
  .bigMobSechstel, .bigMobFuenftel, .bigMobZweiFuenftel, .bigMobDreiFuenftel, .bigMobVierFuenftel, .bigMobViertel, .bigMobDrittel, .bigMobHalb, .bigMobZweiDrittel, .bigMobZweiViertel, .bigMobDreiViertel, .bigMobDreiDrittel, .bigMobVoll {
    display: inline;
    float: left;
    margin: 10px 2%;
  }
  .bigMobSechstel.noMargin, .bigMobFuenftel.noMargin, .bigMobZweiFuenftel.noMargin, .bigMobDreiFuenftel.noMargin, .bigMobVierFuenftel.noMargin, .bigMobViertel.noMargin, .bigMobDrittel.noMargin, .bigMobHalb.noMargin, .bigMobZweiDrittel.noMargin, .bigMobZweiViertel.noMargin, .bigMobDreiViertel.noMargin, .bigMobDreiDrittel.noMargin, .bigMobVoll.noMargin {
    margin: 10px 0;
  }
  .bigMobSechstel.noMarginTop, .bigMobFuenftel.noMarginTop, .bigMobZweiFuenftel.noMarginTop, .bigMobDreiFuenftel.noMarginTop, .bigMobVierFuenftel.noMarginTop, .bigMobViertel.noMarginTop, .bigMobDrittel.noMarginTop, .bigMobHalb.noMarginTop, .bigMobZweiDrittel.noMarginTop, .bigMobZweiViertel.noMarginTop, .bigMobDreiViertel.noMarginTop, .bigMobDreiDrittel.noMarginTop, .bigMobVoll.noMarginTop {
    margin-top: 0;
    margin-bottom: 0;
  }
  .bigMobSechstel {
    width: calc((100% / 6) - 4%);
  }
  .bigMobSechstel.noMargin {
    width: calc(100% / 6);
  }
  .bigMobFuenftel {
    width: calc(20% - 4%);
  }
  .bigMobFuenftel.noMargin {
    width: 20%;
  }
  .bigMobZweiFuenftel {
    width: calc(40% - 4%);
  }
  .bigMobZweiFuenftel.noMargin {
    width: 40%;
  }
  .bigMobDreiFuenftel {
    width: calc(60% - 4%);
  }
  .bigMobDreiFuenftel.noMargin {
    width: 60%;
  }
  .bigMobVierFuenftel {
    width: calc(80% - 4%);
  }
  .bigMobVierFuenftel.noMargin {
    width: 80%;
  }
  .bigMobViertel {
    width: calc(25% - 4%);
  }
  .bigMobViertel.noMargin {
    width: 25%;
  }
  .bigMobDrittel {
    width: calc(100% / 3 - 4%);
  }
  .bigMobDrittel.noMargin {
    width: calc(100% / 3);
  }
  .bigMobHalb, .bigMobZweiViertel {
    width: calc(50% - 4%);
  }
  .bigMobHalb.noMargin, .bigMobZweiViertel.noMargin {
    width: 50%;
  }
  .bigMobZweiDrittel {
    width: calc((100% / 3) * 2 - 4%);
  }
  .bigMobZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .bigMobDreiViertel {
    width: calc(75% - 4%);
  }
  .bigMobDreiViertel.noMargin {
    width: 75%;
  }
  .bigMobDreiDrittel, .bigMobVoll, .bigMobVierViertel {
    width: calc(100% - 4%);
  }
  .bigMobDreiDrittel.noMargin, .bigMobVoll.noMargin, .bigMobVierViertel.noMargin {
    width: 100%;
  }
  *[class*="rahmen"] {
    padding: 10px;
  }
  *[class*="prefix_"] {
    padding-left: 0px;
  }
  *[class*="suffix_"] {
    padding-right: 0px;
  }
  *[class*="push_"] {
    left: 0px;
  }
  *[class*="pull_"] {
    left: 0px;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .desktop {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: block;
  }
  /* floats */
  .mobLeft {
    float: left;
  }
  .mobRight {
    float: right;
  }
  .bigMobLeft {
    float: left;
  }
  .bigMobRight {
    float: right;
  }
  .bigMobDisNone {
    display: none !important;
  }
}

/*********************************************/
/****** Grid - Smartphones Landscape *********/
/*********************************************/
@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  .bigMobSechstel, .bigMobFuenftel, .bigMobZweiFuenftel, .bigMobDreiFuenftel, .bigMobVierFuenftel, .bigMobViertel, .bigMobDrittel, .bigMobHalb, .bigMobZweiViertel, .bigMobZweiDrittel, .bigMobDreiViertel, .bigMobDreiDrittel, .bigMobVoll, .bigMobVierViertel {
    margin: 10px 2%;
  }
  .bigMobSechstel {
    width: calc((100% / 6) - 4%);
  }
  .bigMobSechstel.noMargin {
    width: calc(100% / 6);
  }
  .bigMobFuenftel {
    width: calc(20% - 4%);
  }
  .bigMobFuenftel.noMargin {
    width: 20%;
  }
  .bigMobFuenftel.image_container, .bigMobFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobFuenftel.image_container img, .bigMobFuenftel .image_container img {
    width: 100%;
  }
  .bigMobZweiFuenftel {
    width: calc(40% - 4%);
  }
  .bigMobZweiFuenftel.noMargin {
    width: 40%;
  }
  .bigMobZweiFuenftel.image_container, .bigMobZweiFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobZweiFuenftel.image_container img, .bigMobZweiFuenftel .image_container img {
    width: 100%;
  }
  .bigMobDreiFuenftel {
    width: calc(60% - 4%);
  }
  .bigMobDreiFuenftel.noMargin {
    width: 60%;
  }
  .bigMobDreiFuenftel.image_container, .bigMobDreiFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobDreiFuenftel.image_container img, .bigMobDreiFuenftel .image_container img {
    width: 100%;
  }
  .bigMobVierFuenftel {
    width: calc(80% - 4%);
  }
  .bigMobVierFuenftel.noMargin {
    width: 80%;
  }
  .bigMobVierFuenftel.image_container, .bigMobVierFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobVierFuenftel.image_container img, .bigMobVierFuenftel .image_container img {
    width: 100%;
  }
  .bigMobViertel {
    width: calc(25% - 4%);
  }
  .bigMobViertel.noMargin {
    width: 25%;
  }
  .bigMobViertel.image_container, .bigMobViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobViertel.image_container img, .bigMobViertel .image_container img {
    width: 100%;
  }
  .bigMobDrittel {
    width: calc(100% / 3 - 4%);
  }
  .bigMobDrittel.noMargin {
    width: calc(100% / 3);
  }
  .bigMobDrittel.image_container, .bigMobDrittel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobDrittel.image_container img, .bigMobDrittel .image_container img {
    width: 100%;
  }
  .bigMobHalb, .bigMobZweiViertel {
    width: calc(50% - 4%);
  }
  .bigMobHalb.noMargin, .bigMobZweiViertel.noMargin {
    width: 50%;
  }
  .bigMobHalb.image_container, .bigMobHalb .image_container, .bigMobZweiViertel.image_container, .bigMobZweiViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobHalb.image_container img, .bigMobHalb .image_container img, .bigMobZweiViertel.image_container img, .bigMobZweiViertel .image_container img {
    width: 100%;
  }
  .bigMobZweiDrittel {
    width: calc((100% / 3) * 2 - 4%);
  }
  .bigMobZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .bigMobZweiDrittel.image_container, .bigMobZweiDrittel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobZweiDrittel.image_container img, .bigMobZweiDrittel .image_container img {
    width: 100%;
  }
  .bigMobDreiViertel {
    width: calc(75% - 4%);
  }
  .bigMobDreiViertel.noMargin {
    width: 75%;
  }
  .bigMobDreiViertel.image_container, .bigMobDreiViertel .image_container {
    margin-left: 0;
    margin-right: 0;
  }
  .bigMobDreiViertel.image_container img, .bigMobDreiViertel .image_container img {
    width: 100%;
  }
  .bigMobDreiDrittel, .bigMobVoll, .bigMobVierViertel {
    width: calc(100% - 4%);
  }
  .bigMobDreiDrittel.noMargin, .bigMobVoll.noMargin, .bigMobVierViertel.noMargin {
    width: 100%;
  }
  .bigMobDreiDrittel.image_container, .bigMobDreiDrittel .image_container, .bigMobVoll.image_container, .bigMobVoll .image_container, .bigMobVierViertel.image_container, .bigMobVierViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bigMobDreiDrittel.image_container img, .bigMobDreiDrittel .image_container img, .bigMobVoll.image_container img, .bigMobVoll .image_container img, .bigMobVierViertel.image_container img, .bigMobVierViertel .image_container img {
    width: 100%;
  }
}

/******************************************************************************/
/****************************** Grid - Smartphones small **********************/
/******************************************************************************/
@media (max-width: 599px) {
  /* Schriftgroesse */
  body {
    font-size: 100%;
  }
  h1 {
    font-size: 1.65em;
  }
  h2 {
    font-size: 1.4em;
  }
  h3 {
    font-size: 1.25em;
  }
  h4 {
    font-size: 1.1em;
  }
  h5 {
    font-size: 1em;
  }
  h6 {
    font-size: 1em;
  }
  *[class*="ce_"] {
    width: calc(100% - 4%);
    float: left;
    display: inline;
    margin: 10px 2%;
  }
  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11,
  .grid_12, .sechstel, .fuenftel, .zweiFuenftel, .dreiFuenftel, .vierFuenftel, .viertel, .drittel, .halb, .zweiDrittel, .zweiViertel, .dreiViertel, .dreiDrittel, .voll {
    width: calc(100% - 4%);
    display: inline;
    margin: 10px 2%;
  }
  .grid_1.noMargin, .grid_2.noMargin, .grid_3.noMargin, .grid_4.noMargin, .grid_5.noMargin, .grid_6.noMargin, .grid_7.noMargin, .grid_8.noMargin, .grid_9.noMargin, .grid_10.noMargin, .grid_11.noMargin,
  .grid_12.noMargin, .sechstel.noMargin, .fuenftel.noMargin, .zweiFuenftel.noMargin, .dreiFuenftel.noMargin, .vierFuenftel.noMargin, .viertel.noMargin, .drittel.noMargin, .halb.noMargin, .zweiDrittel.noMargin, .zweiViertel.noMargin, .dreiViertel.noMargin, .dreiDrittel.noMargin, .voll.noMargin {
    width: 100%;
    margin: 10px 0;
  }
  .grid_1.image_container, .grid_1 .image_container, .grid_2.image_container, .grid_2 .image_container, .grid_3.image_container, .grid_3 .image_container, .grid_4.image_container, .grid_4 .image_container, .grid_5.image_container, .grid_5 .image_container, .grid_6.image_container, .grid_6 .image_container, .grid_7.image_container, .grid_7 .image_container, .grid_8.image_container, .grid_8 .image_container, .grid_9.image_container, .grid_9 .image_container, .grid_10.image_container, .grid_10 .image_container, .grid_11.image_container, .grid_11 .image_container,
  .grid_12.image_container,
  .grid_12 .image_container, .sechstel.image_container, .sechstel .image_container, .fuenftel.image_container, .fuenftel .image_container, .zweiFuenftel.image_container, .zweiFuenftel .image_container, .dreiFuenftel.image_container, .dreiFuenftel .image_container, .vierFuenftel.image_container, .vierFuenftel .image_container, .viertel.image_container, .viertel .image_container, .drittel.image_container, .drittel .image_container, .halb.image_container, .halb .image_container, .zweiDrittel.image_container, .zweiDrittel .image_container, .zweiViertel.image_container, .zweiViertel .image_container, .dreiViertel.image_container, .dreiViertel .image_container, .dreiDrittel.image_container, .dreiDrittel .image_container, .voll.image_container, .voll .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .grid_1.image_container img, .grid_1 .image_container img, .grid_2.image_container img, .grid_2 .image_container img, .grid_3.image_container img, .grid_3 .image_container img, .grid_4.image_container img, .grid_4 .image_container img, .grid_5.image_container img, .grid_5 .image_container img, .grid_6.image_container img, .grid_6 .image_container img, .grid_7.image_container img, .grid_7 .image_container img, .grid_8.image_container img, .grid_8 .image_container img, .grid_9.image_container img, .grid_9 .image_container img, .grid_10.image_container img, .grid_10 .image_container img, .grid_11.image_container img, .grid_11 .image_container img,
  .grid_12.image_container img,
  .grid_12 .image_container img, .sechstel.image_container img, .sechstel .image_container img, .fuenftel.image_container img, .fuenftel .image_container img, .zweiFuenftel.image_container img, .zweiFuenftel .image_container img, .dreiFuenftel.image_container img, .dreiFuenftel .image_container img, .vierFuenftel.image_container img, .vierFuenftel .image_container img, .viertel.image_container img, .viertel .image_container img, .drittel.image_container img, .drittel .image_container img, .halb.image_container img, .halb .image_container img, .zweiDrittel.image_container img, .zweiDrittel .image_container img, .zweiViertel.image_container img, .zweiViertel .image_container img, .dreiViertel.image_container img, .dreiViertel .image_container img, .dreiDrittel.image_container img, .dreiDrittel .image_container img, .voll.image_container img, .voll .image_container img {
    width: 100%;
  }
  .mobSechstel, .mobFuenftel, .mobZweiFuenftel, .mobDreiFuenftel, .mobVierFuenftel, .mobViertel, .mobDrittel, .mobHalb, .mobZweiDrittel, .mobZweiViertel, .mobDreiViertel, .mobDreiDrittel, .mobVoll {
    display: inline;
    float: left;
    margin: 10px 2%;
  }
  .mobSechstel.noMargin, .mobFuenftel.noMargin, .mobZweiFuenftel.noMargin, .mobDreiFuenftel.noMargin, .mobVierFuenftel.noMargin, .mobViertel.noMargin, .mobDrittel.noMargin, .mobHalb.noMargin, .mobZweiDrittel.noMargin, .mobZweiViertel.noMargin, .mobDreiViertel.noMargin, .mobDreiDrittel.noMargin, .mobVoll.noMargin {
    margin: 10px 0;
  }
  .mobSechstel.noMarginTop, .mobFuenftel.noMarginTop, .mobZweiFuenftel.noMarginTop, .mobDreiFuenftel.noMarginTop, .mobVierFuenftel.noMarginTop, .mobViertel.noMarginTop, .mobDrittel.noMarginTop, .mobHalb.noMarginTop, .mobZweiDrittel.noMarginTop, .mobZweiViertel.noMarginTop, .mobDreiViertel.noMarginTop, .mobDreiDrittel.noMarginTop, .mobVoll.noMarginTop {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mobSechstel {
    width: calc((100% / 6) - 4%);
  }
  .mobSechstel.noMargin {
    width: calc(100% / 6);
  }
  .mobFuenftel {
    width: calc(20% - 4%);
  }
  .mobFuenftel.noMargin {
    width: 20%;
  }
  .mobZweiFuenftel {
    width: calc(40% - 4%);
  }
  .mobZweiFuenftel.noMargin {
    width: 40%;
  }
  .mobDreiFuenftel {
    width: calc(60% - 4%);
  }
  .mobDreiFuenftel.noMargin {
    width: 60%;
  }
  .mobVierFuenftel {
    width: calc(80% - 4%);
  }
  .mobVierFuenftel.noMargin {
    width: 80%;
  }
  .mobViertel {
    width: calc(25% - 4%);
  }
  .mobViertel.noMargin {
    width: 25%;
  }
  .mobDrittel {
    width: calc(100% / 3 - 4%);
  }
  .mobDrittel.noMargin {
    width: calc(100% / 3);
  }
  .mobHalb, .mobZweiViertel {
    width: calc(50% - 4%);
  }
  .mobHalb.noMargin, .mobZweiViertel.noMargin {
    width: 50%;
  }
  .mobZweiDrittel {
    width: calc((100% / 3) * 2 - 4%);
  }
  .mobZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .mobDreiViertel {
    width: calc(75% - 4%);
  }
  .mobDreiViertel.noMargin {
    width: 75%;
  }
  .mobDreiDrittel, .mobVoll, .mobVierViertel {
    width: calc(100% - 4%);
  }
  .mobDreiDrittel.noMargin, .mobVoll.noMargin, .mobVierViertel.noMargin {
    width: 100%;
  }
  *[class*="rahmen"] {
    padding: 10px;
  }
  *[class*="prefix_"] {
    padding-left: 0px;
  }
  *[class*="suffix_"] {
    padding-right: 0px;
  }
  *[class*="push_"] {
    left: 0px;
  }
  *[class*="pull_"] {
    left: 0px;
  }
  /* ein-/ ausblenden einzelner Elemente */
  .desktop {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: block;
  }
  /* floats */
  .mobLeft {
    float: left;
  }
  .mobRight {
    float: right;
  }
  .mobDisNone {
    display: none !important;
  }
}

/*********************************************/
/****** Grid - Smartphones Landscape *********/
/*********************************************/
@media (max-width: 599px) and (orientation: landscape) {
  .mobSechstel, .mobFuenftel, .mobZweiFuenftel, .mobDreiFuenftel, .mobVierFuenftel, .mobViertel, .mobDrittel, .mobHalb, .mobZweiViertel, .mobZweiDrittel, .mobDreiViertel, .mobDreiDrittel, .mobVoll, .mobVierViertel {
    margin: 10px 2%;
  }
  .mobSechstel {
    width: calc((100% / 6) - 4%);
  }
  .mobSechstel.noMargin {
    width: calc(100% / 6);
  }
  .mobFuenftel {
    width: calc(20% - 4%);
  }
  .mobFuenftel.noMargin {
    width: 20%;
  }
  .mobFuenftel.image_container, .mobFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobFuenftel.image_container img, .mobFuenftel .image_container img {
    width: 100%;
  }
  .mobZweiFuenftel {
    width: calc(40% - 4%);
  }
  .mobZweiFuenftel.noMargin {
    width: 40%;
  }
  .mobZweiFuenftel.image_container, .mobZweiFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobZweiFuenftel.image_container img, .mobZweiFuenftel .image_container img {
    width: 100%;
  }
  .mobDreiFuenftel {
    width: calc(60% - 4%);
  }
  .mobDreiFuenftel.noMargin {
    width: 60%;
  }
  .mobDreiFuenftel.image_container, .mobDreiFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobDreiFuenftel.image_container img, .mobDreiFuenftel .image_container img {
    width: 100%;
  }
  .mobVierFuenftel {
    width: calc(80% - 4%);
  }
  .mobVierFuenftel.noMargin {
    width: 80%;
  }
  .mobVierFuenftel.image_container, .mobVierFuenftel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobVierFuenftel.image_container img, .mobVierFuenftel .image_container img {
    width: 100%;
  }
  .mobViertel {
    width: calc(25% - 4%);
  }
  .mobViertel.noMargin {
    width: 25%;
  }
  .mobViertel.image_container, .mobViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobViertel.image_container img, .mobViertel .image_container img {
    width: 100%;
  }
  .mobDrittel {
    width: calc(100% / 3 - 4%);
  }
  .mobDrittel.noMargin {
    width: calc(100% / 3);
  }
  .mobDrittel.image_container, .mobDrittel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobDrittel.image_container img, .mobDrittel .image_container img {
    width: 100%;
  }
  .mobHalb, .mobZweiViertel {
    width: calc(50% - 4%);
  }
  .mobHalb.noMargin, .mobZweiViertel.noMargin {
    width: 50%;
  }
  .mobHalb.image_container, .mobHalb .image_container, .mobZweiViertel.image_container, .mobZweiViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobHalb.image_container img, .mobHalb .image_container img, .mobZweiViertel.image_container img, .mobZweiViertel .image_container img {
    width: 100%;
  }
  .mobZweiDrittel {
    width: calc((100% / 3) * 2 - 4%);
  }
  .mobZweiDrittel.noMargin {
    width: calc((100% / 3) * 2);
  }
  .mobZweiDrittel.image_container, .mobZweiDrittel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobZweiDrittel.image_container img, .mobZweiDrittel .image_container img {
    width: 100%;
  }
  .mobDreiViertel {
    width: calc(75% - 4%);
  }
  .mobDreiViertel.noMargin {
    width: 75%;
  }
  .mobDreiViertel.image_container, .mobDreiViertel .image_container {
    margin-left: 0;
    margin-right: 0;
  }
  .mobDreiViertel.image_container img, .mobDreiViertel .image_container img {
    width: 100%;
  }
  .mobDreiDrittel, .mobVoll, .mobVierViertel {
    width: calc(100% - 4%);
  }
  .mobDreiDrittel.noMargin, .mobVoll.noMargin, .mobVierViertel.noMargin {
    width: 100%;
  }
  .mobDreiDrittel.image_container, .mobDreiDrittel .image_container, .mobVoll.image_container, .mobVoll .image_container, .mobVierViertel.image_container, .mobVierViertel .image_container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .mobDreiDrittel.image_container img, .mobDreiDrittel .image_container img, .mobVoll.image_container img, .mobVoll .image_container img, .mobVierViertel.image_container img, .mobVierViertel .image_container img {
    width: 100%;
  }
}

#wrapper {
  background-color: #F9F9F9;
}

/******************************************************************************/
/************************** extra Margin **************************************/
/******************************************************************************/
.extraMargin {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.extraMaTop {
  margin-top: 2em !important;
}

.extraMaBottom {
  margin-bottom: 2em !important;
}

/******************************************************************************/
/********************************** Text **************************************/
/******************************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0.3em;
}

h1.ce_headline, h2.ce_headline, h3.ce_headline, h4.ce_headline, h5.ce_headline, h6.ce_headline {
  margin-top: 0.1em;
  margin-bottom: 0.75em;
}

h1.headMargin, h2.headMargin, h3.headMargin, h4.headMargin, h5.headMargin, h6.headMargin {
  margin-top: 1em;
  margin-bottom: 1em;
}

h1.headMaBottom, h2.headMaBottom, h3.headMaBottom, h4.headMaBottom, h5.headMaBottom, h6.headMaBottom {
  margin-bottom: 1em;
}

h1.headMaTop, h2.headMaTop, h3.headMaTop, h4.headMaTop, h5.headMaTop, h6.headMaTop {
  margin-top: 1em;
}

p, ul, ol, table, form, label, legend {
  font-size: 1em;
  font-weight: 300;
  font-style: normal;
}

p.error {
  color: #990001;
}

strong {
  font-weight: bold;
}

span.tel {
  width: 3.75em;
  float: left;
  clear: both;
}

span.internet {
  width: 75px;
  float: left;
}

.mod_article p {
  margin-bottom: 0.6em;
}

a {
  color: #333;
  text-decoration: underline;
  outline-style: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #990001;
  transition: color 0.3s ease;
}

.info a {
  display: inline;
  float: left;
  text-decoration: none;
  color: #fff;
}

h1 {
  font-size: 2em;
  color: #BFD565;
  background-color: #000;
  box-sizing: border-box;
  padding: 0.2em 0.4em;
}

@media (max-width: 599px) {
  h1 {
    font-size: 1.75em;
  }
}

h1.ce_headline.notBoxed {
  background-color: transparent;
  color: #333;
  font-weight: 400;
}

body.uploadknecht h1 {
  color: #fff;
  background-color: #009FE3;
}

h2 {
  font-size: 1.5em;
}

@media (max-width: 599px) {
  h2 {
    font-size: 1.5em;
  }
}

h3 {
  font-size: 1.25em;
}

@media (max-width: 599px) {
  h3 {
    font-size: 1.1em;
    font-weight: 600;
  }
}

h4 {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 1em;
}

.boxed h2, .boxed h3, .boxed h4, .boxed h5, .boxed h6 {
  background-color: #000;
  box-sizing: border-box;
  padding: 0.2em 0.4em;
  color: #BFD565;
}

body.uploadknecht .boxed h2, body.uploadknecht .boxed h3, body.uploadknecht .boxed h4, body.uploadknecht .boxed h5, body.uploadknecht .boxed h6 {
  background-color: #009FE3;
  color: #fff;
}

h2.ce_headline.boxed, h2.boxed, h3.ce_headline.boxed, h3.boxed, h4.ce_headline.boxed, h4.boxed, h5.ce_headline.boxed, h5.boxed, h6.ce_headline.boxed, h6.boxed {
  background-color: #000;
  box-sizing: border-box;
  padding: 0.2em 0.4em;
  color: #BFD565;
}

.smallerHeadline h2 {
  font-size: 1.2em;
}

span.small {
  font-size: 0.65em;
  font-family: Verdana, Arial, sans-serif;
}

*[class*="ce_"].alignCenter {
  text-align: center;
}

*[class*="ce_"].noDecoration a {
  text-decoration: none;
}

*[class*="ce_"].ce_headline h1, *[class*="ce_"].ce_headline h2, *[class*="ce_"].ce_headline h3, *[class*="ce_"].ce_headline h4, *[class*="ce_"].ce_headline h5, *[class*="ce_"].ce_headline h6 {
  margin-top: 0;
  margin-bottom: 0;
}

*[class*="ce_"].headMargin h1:first-of-type, *[class*="ce_"].headMargin h2:first-of-type, *[class*="ce_"].headMargin h3:first-of-type, *[class*="ce_"].headMargin h4:first-of-type, *[class*="ce_"].headMargin h5:first-of-type, *[class*="ce_"].headMargin h6:first-of-type {
  margin-top: 1em;
  margin-bottom: 1em;
}

*[class*="ce_"].headMaBottom h1:first-of-type, *[class*="ce_"].headMaBottom h2:first-of-type, *[class*="ce_"].headMaBottom h3:first-of-type, *[class*="ce_"].headMaBottom h4:first-of-type, *[class*="ce_"].headMaBottom h5:first-of-type, *[class*="ce_"].headMaBottom h6:first-of-type {
  margin-bottom: 1em;
}

*[class*="ce_"].headMaTop h1:first-of-type, *[class*="ce_"].headMaTop h2:first-of-type, *[class*="ce_"].headMaTop h3:first-of-type, *[class*="ce_"].headMaTop h4:first-of-type, *[class*="ce_"].headMaTop h5:first-of-type, *[class*="ce_"].headMaTop h6:first-of-type {
  margin-top: 1em;
}

:focus {
  outline: 0;
}

blockquote {
  position: relative;
  box-sizing: border-box;
  padding: 1.2em 0 1.2em 3em;
}

blockquote p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #333;
}

blockquote:before {
  position: absolute;
  top: 0.6em;
  left: 0;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10d";
  font-size: 2em;
  color: #BFD565;
}

@media (min-width: 600px) and (max-width: 719px) {
  blockquote {
    padding-left: 2em;
  }
  blockquote p {
    font-size: 1.2em;
  }
  blockquote:before {
    left: -0.25em;
    font-size: 1.5em;
  }
}

@media (max-width: 599px) {
  blockquote {
    padding-left: 2em;
  }
  blockquote p {
    font-size: 1.15em;
  }
  blockquote:before {
    left: -0.25em;
    font-size: 1.5em;
  }
}

span.capitalLetter {
  float: left;
  font-size: 1.8em;
  margin: 0.14em 0.4em 0 0;
  padding: 0.27em 0.3em 0.22em 0.3em;
  font-weight: normal;
  line-height: 0.7;
  border-radius: 4px;
}

/******************************************************************************/
/********************************** aktuelle Projekte *************************/
/******************************************************************************/
.projekte {
  width: 100%;
}

.projekte .projekt h1, .projekte .projekt h2, .projekte .projekt h3, .projekte .projekt h4, .projekte .projekt h5, .projekte .projekt h6 {
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0.5em;
}

.projekte .projekt .auftraggeber {
  border-top: 1px solid #000;
  padding-top: 0.5em;
}

.projekte .projekt .auftraggeber p {
  text-align: right;
  font-size: 0.75em;
  margin: 0 0 0.1em 0;
}

.projekte .projekt .auftraggeber p span {
  font-size: 0.875em;
  font-weight: 400;
  text-transform: uppercase;
}

/******************************************************************************/
/********************************** Startseite LinkBoxen **********************/
/******************************************************************************/
.homeLinks h2, .homeLinks h3, .homeLinks h4, .homeLinks h5, .homeLinks h6 {
  text-transform: uppercase;
}

.homeLinks .ce_text p {
  text-align: center;
}

.homeLinks .ce_text p span.spanButton {
  width: 100%;
  display: flex;
  justify-content: center;
}

.homeLinks .ce_text p span.spanButton a {
  width: calc(100% - 0px);
  text-align: center;
  padding: 12px 25px 12px 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  background: #02A3E7;
}

.homeLinks .ce_text p span.spanButton a:hover {
  background: #00B3FF;
}

.homeLinks .ce_text p:first-of-type {
  margin-top: 1em;
}

.homeLinks .ce_gallery ul li {
  width: 100%;
  margin: 0.4em 0;
}

.homeLinks .ce_gallery ul li figure.image_container a:before {
  display: none;
  content: "";
  background: transparent;
}

.homeLinks .ce_gallery ul li figure.image_container a img {
  border: none;
  border-radius: 0px;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.homeLinks .ce_gallery ul li figure.image_container a:hover {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

/******************************************************************************/
/********************************** Buttons ***********************************/
/******************************************************************************/
.mod_article button {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  display: block;
}

/*Buttons mit Border-Animation*/
p.more, p.back, p.parallaxButton, .mod_article button, .mod_article span.spanButton, .isoButton, .cart, .checkout, .catLink, #stoerer span.spanButton {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0;
  line-height: 1em;
  float: none;
  display: inline-block;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 1em;
  overflow: visible;
}

p.more a, p.back a, p.parallaxButton a, .mod_article button a, .mod_article span.spanButton a, .isoButton a, .cart a, .checkout a, .catLink a, #stoerer span.spanButton a {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 8px 25px 8px 25px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.875em;
  color: #F9F9F9;
  text-decoration: none;
  text-transform: none;
  border-radius: 12px;
  border: 1px solid #000;
  background-color: #000;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.6), #000);
  overflow: hidden;
  transition: background-color 0.6s ease;
}

p.more a:hover, p.back a:hover, p.parallaxButton a:hover, .mod_article button a:hover, .mod_article span.spanButton a:hover, .isoButton a:hover, .cart a:hover, .checkout a:hover, .catLink a:hover, #stoerer span.spanButton a:hover {
  color: rgba(249, 249, 249, 0.8);
  background-color: #000;
  transition: background-color 0.4s ease;
}

p.more a:hover:before, p.back a:hover:before, p.parallaxButton a:hover:before, .mod_article button a:hover:before, .mod_article span.spanButton a:hover:before, .isoButton a:hover:before, .cart a:hover:before, .checkout a:hover:before, .catLink a:hover:before, #stoerer span.spanButton a:hover:before {
  left: 175%;
  transition: left 0.4s ease;
}

p.more a:before, p.back a:before, p.parallaxButton a:before, .mod_article button a:before, .mod_article span.spanButton a:before, .isoButton a:before, .cart a:before, .checkout a:before, .catLink a:before, #stoerer span.spanButton a:before {
  position: relative;
  top: 1px;
  left: 0;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  left: -6px;
  color: #F9F9F9;
  transition: left 0.3s ease;
}

/******************************************************************************/
/******************************* Hyperlinks ***********************************/
/******************************************************************************/
.ce_hyperlink {
  float: left;
}

.ce_hyperlink a {
  float: left;
  background-color: #000;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.75), #000);
  color: #F9F9F9;
  text-decoration: none;
  border: 1px solid #F9F9F9;
  border-radius: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  padding-right: 5px;
  transition: background-color 0.3s ease;
}

.ce_hyperlink a span {
  float: left;
  margin: 0;
  padding: 6px 0;
}

.ce_hyperlink a span.linkDouble {
  padding-left: 16px;
  padding-right: 6px;
}

.ce_hyperlink a span.linkDouble:after {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  content: "" "";
  margin-left: 6px;
  margin-top: 4px;
  font-size: 0.75em;
}

.ce_hyperlink a span.linkPost {
  padding-left: 0;
  padding-right: 16px;
}

.ce_hyperlink a span.linkSingle {
  padding-left: 16px;
  padding-right: 16px;
}

.ce_hyperlink a span.linkSingle:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  content: "" "";
  font-size: 0.75em;
  margin-right: 6px;
  margin-top: 4px;
}

.ce_hyperlink a:hover {
  color: #F9F9F9;
  background-color: #000;
  transition: background-color 0.3s ease;
}

.ce_hyperlink.right a {
  float: right;
}

/******************************************************************************/
/********************************** Image *************************************/
/******************************************************************************/
.mod_article .ce_text .image_container, .mod_article .ce_image .image_container, #newsReader .ce_text .image_container, #newsReader .ce_image .image_container, #eventReader .ce_text .image_container, #eventReader .ce_image .image_container, .ce_sliderStart .ce_text .image_container, .ce_sliderStart .ce_image .image_container {
  float: left;
  margin-bottom: 0;
  box-sizing: border-box;
}

.mod_article .ce_text .image_container img, .mod_article .ce_image .image_container img, #newsReader .ce_text .image_container img, #newsReader .ce_image .image_container img, #eventReader .ce_text .image_container img, #eventReader .ce_image .image_container img, .ce_sliderStart .ce_text .image_container img, .ce_sliderStart .ce_image .image_container img {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #000;
  background-color: transparent;
  padding: 4px;
  border-radius: 12px;
}

.mod_article .ce_text .image_container a, .mod_article .ce_image .image_container a, #newsReader .ce_text .image_container a, #newsReader .ce_image .image_container a, #eventReader .ce_text .image_container a, #eventReader .ce_image .image_container a, .ce_sliderStart .ce_text .image_container a, .ce_sliderStart .ce_image .image_container a {
  float: left;
  text-decoration: none;
  outline-style: none;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}

.mod_article .ce_text .image_container a:before, .mod_article .ce_image .image_container a:before, #newsReader .ce_text .image_container a:before, #newsReader .ce_image .image_container a:before, #eventReader .ce_text .image_container a:before, #eventReader .ce_image .image_container a:before, .ce_sliderStart .ce_text .image_container a:before, .ce_sliderStart .ce_image .image_container a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: auto;
  height: auto;
  padding: 5px 8px;
  transition: padding 0.4s ease;
  background-color: #000;
  color: #BFD565;
  border-radius: calc(12px / 2) 0 calc(12px / 2) 0;
  content: "";
  text-align: center;
  line-height: 1em;
  transition: all 0.3s ease;
}

.mod_article .ce_text .image_container a:hover, .mod_article .ce_image .image_container a:hover, #newsReader .ce_text .image_container a:hover, #newsReader .ce_image .image_container a:hover, #eventReader .ce_text .image_container a:hover, #eventReader .ce_image .image_container a:hover, .ce_sliderStart .ce_text .image_container a:hover, .ce_sliderStart .ce_image .image_container a:hover {
  overflow: visible;
}

.mod_article .ce_text .image_container a:hover:before, .mod_article .ce_image .image_container a:hover:before, #newsReader .ce_text .image_container a:hover:before, #newsReader .ce_image .image_container a:hover:before, #eventReader .ce_text .image_container a:hover:before, #eventReader .ce_image .image_container a:hover:before, .ce_sliderStart .ce_text .image_container a:hover:before, .ce_sliderStart .ce_image .image_container a:hover:before {
  right: -4px;
  bottom: -4px;
  transition: all 0.3s ease;
}

.mod_article .ce_text .image_container.float_right, .mod_article .ce_image .image_container.float_right, #newsReader .ce_text .image_container.float_right, #newsReader .ce_image .image_container.float_right, #eventReader .ce_text .image_container.float_right, #eventReader .ce_image .image_container.float_right, .ce_sliderStart .ce_text .image_container.float_right, .ce_sliderStart .ce_image .image_container.float_right {
  float: right;
  margin-right: 0;
  margin-left: calc(30px / 2);
}

.mod_article .ce_text .caption, .mod_article .ce_image .caption, #newsReader .ce_text .caption, #newsReader .ce_image .caption, #eventReader .ce_text .caption, #eventReader .ce_image .caption, .ce_sliderStart .ce_text .caption, .ce_sliderStart .ce_image .caption {
  padding-left: 0px;
  box-sizing: border-box;
}

.mod_article .ce_text.noBorder .image_container img, .mod_article .ce_image.noBorder .image_container img, #newsReader .ce_text.noBorder .image_container img, #newsReader .ce_image.noBorder .image_container img, #eventReader .ce_text.noBorder .image_container img, #eventReader .ce_image.noBorder .image_container img, .ce_sliderStart .ce_text.noBorder .image_container img, .ce_sliderStart .ce_image.noBorder .image_container img {
  border: 0px;
  padding: 0;
  border-radius: 0px;
}

.mod_article .ce_text.noFrame .image_container img, .mod_article .ce_image.noFrame .image_container img, #newsReader .ce_text.noFrame .image_container img, #newsReader .ce_image.noFrame .image_container img, #eventReader .ce_text.noFrame .image_container img, #eventReader .ce_image.noFrame .image_container img, .ce_sliderStart .ce_text.noFrame .image_container img, .ce_sliderStart .ce_image.noFrame .image_container img {
  border: 0;
  border-radius: 12px;
  padding: 0;
}

.mod_article .ce_text.noRadius .image_container img, .mod_article .ce_image.noRadius .image_container img, #newsReader .ce_text.noRadius .image_container img, #newsReader .ce_image.noRadius .image_container img, #eventReader .ce_text.noRadius .image_container img, #eventReader .ce_image.noRadius .image_container img, .ce_sliderStart .ce_text.noRadius .image_container img, .ce_sliderStart .ce_image.noRadius .image_container img {
  border: 0;
  border-radius: 0px;
  padding: 0;
}

.mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
  margin-right: calc(30px / 2);
}

.mod_article .ce_text.imgNoMargin .image_container, #newsReader .ce_text.imgNoMargin .image_container, #eventReader .ce_text.imgNoMargin .image_container, .ce_sliderStart .ce_text.imgNoMargin .image_container {
  margin-right: 0;
}

.mod_article .ce_image .image_container, #newsReader .ce_image .image_container, #eventReader .ce_image .image_container, .ce_sliderStart .ce_image .image_container {
  width: 100%;
}

.mod_article .ce_image .image_container img, #newsReader .ce_image .image_container img, #eventReader .ce_image .image_container img, .ce_sliderStart .ce_image .image_container img {
  width: 100%;
  height: auto;
}

.mod_article .ce_image .image_container a, #newsReader .ce_image .image_container a, #eventReader .ce_image .image_container a, .ce_sliderStart .ce_image .image_container a {
  width: 100%;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
    width: auto;
    margin-right: calc(30px / 2);
  }
  .mod_article .ce_text.tabHalb .image_container, .mod_article #siteMap ul.level_1 li.ce_text .image_container, #siteMap ul.level_1 .mod_article li.ce_text .image_container, .mod_article .ce_text.tabViertel .image_container, .mod_article .ce_text.tabFuenftel .image_container, .mod_article .ce_text.tabSechstel .image_container, .mod_article .ce_text.tabDrittel .image_container, #newsReader .ce_text.tabHalb .image_container, #newsReader #siteMap ul.level_1 li.ce_text .image_container, #siteMap ul.level_1 #newsReader li.ce_text .image_container, #newsReader .ce_text.tabViertel .image_container, #newsReader .ce_text.tabFuenftel .image_container, #newsReader .ce_text.tabSechstel .image_container, #newsReader .ce_text.tabDrittel .image_container, #eventReader .ce_text.tabHalb .image_container, #eventReader #siteMap ul.level_1 li.ce_text .image_container, #siteMap ul.level_1 #eventReader li.ce_text .image_container, #eventReader .ce_text.tabViertel .image_container, #eventReader .ce_text.tabFuenftel .image_container, #eventReader .ce_text.tabSechstel .image_container, #eventReader .ce_text.tabDrittel .image_container, .ce_sliderStart .ce_text.tabHalb .image_container, .ce_sliderStart #siteMap ul.level_1 li.ce_text .image_container, #siteMap ul.level_1 .ce_sliderStart li.ce_text .image_container, .ce_sliderStart .ce_text.tabViertel .image_container, .ce_sliderStart .ce_text.tabFuenftel .image_container, .ce_sliderStart .ce_text.tabSechstel .image_container, .ce_sliderStart .ce_text.tabDrittel .image_container {
    float: left;
    width: 100%;
    margin-right: 0px;
  }
  .mod_article .ce_text.tabHalb .image_container a, .mod_article #siteMap ul.level_1 li.ce_text .image_container a, #siteMap ul.level_1 .mod_article li.ce_text .image_container a, .mod_article .ce_text.tabViertel .image_container a, .mod_article .ce_text.tabFuenftel .image_container a, .mod_article .ce_text.tabSechstel .image_container a, .mod_article .ce_text.tabDrittel .image_container a, #newsReader .ce_text.tabHalb .image_container a, #newsReader #siteMap ul.level_1 li.ce_text .image_container a, #siteMap ul.level_1 #newsReader li.ce_text .image_container a, #newsReader .ce_text.tabViertel .image_container a, #newsReader .ce_text.tabFuenftel .image_container a, #newsReader .ce_text.tabSechstel .image_container a, #newsReader .ce_text.tabDrittel .image_container a, #eventReader .ce_text.tabHalb .image_container a, #eventReader #siteMap ul.level_1 li.ce_text .image_container a, #siteMap ul.level_1 #eventReader li.ce_text .image_container a, #eventReader .ce_text.tabViertel .image_container a, #eventReader .ce_text.tabFuenftel .image_container a, #eventReader .ce_text.tabSechstel .image_container a, #eventReader .ce_text.tabDrittel .image_container a, .ce_sliderStart .ce_text.tabHalb .image_container a, .ce_sliderStart #siteMap ul.level_1 li.ce_text .image_container a, #siteMap ul.level_1 .ce_sliderStart li.ce_text .image_container a, .ce_sliderStart .ce_text.tabViertel .image_container a, .ce_sliderStart .ce_text.tabFuenftel .image_container a, .ce_sliderStart .ce_text.tabSechstel .image_container a, .ce_sliderStart .ce_text.tabDrittel .image_container a {
    float: left;
    width: 100%;
  }
  .mod_article .ce_text.tabHalb .image_container img, .mod_article #siteMap ul.level_1 li.ce_text .image_container img, #siteMap ul.level_1 .mod_article li.ce_text .image_container img, .mod_article .ce_text.tabViertel .image_container img, .mod_article .ce_text.tabFuenftel .image_container img, .mod_article .ce_text.tabSechstel .image_container img, .mod_article .ce_text.tabDrittel .image_container img, #newsReader .ce_text.tabHalb .image_container img, #newsReader #siteMap ul.level_1 li.ce_text .image_container img, #siteMap ul.level_1 #newsReader li.ce_text .image_container img, #newsReader .ce_text.tabViertel .image_container img, #newsReader .ce_text.tabFuenftel .image_container img, #newsReader .ce_text.tabSechstel .image_container img, #newsReader .ce_text.tabDrittel .image_container img, #eventReader .ce_text.tabHalb .image_container img, #eventReader #siteMap ul.level_1 li.ce_text .image_container img, #siteMap ul.level_1 #eventReader li.ce_text .image_container img, #eventReader .ce_text.tabViertel .image_container img, #eventReader .ce_text.tabFuenftel .image_container img, #eventReader .ce_text.tabSechstel .image_container img, #eventReader .ce_text.tabDrittel .image_container img, .ce_sliderStart .ce_text.tabHalb .image_container img, .ce_sliderStart #siteMap ul.level_1 li.ce_text .image_container img, #siteMap ul.level_1 .ce_sliderStart li.ce_text .image_container img, .ce_sliderStart .ce_text.tabViertel .image_container img, .ce_sliderStart .ce_text.tabFuenftel .image_container img, .ce_sliderStart .ce_text.tabSechstel .image_container img, .ce_sliderStart .ce_text.tabDrittel .image_container img {
    width: auto;
    min-width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
    margin-right: calc(30px / 2);
  }
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  .mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
    width: auto;
    margin-right: 10px;
  }
}

@media (max-width: 599px) {
  .mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
    margin-right: 0px;
  }
}

@media (max-width: 599px) and (orientation: landscape) {
  .mod_article .ce_text .image_container, #newsReader .ce_text .image_container, #eventReader .ce_text .image_container, .ce_sliderStart .ce_text .image_container {
    width: auto;
    margin-right: 10px;
  }
}

.adresse a {
  text-decoration: none;
}

.noZoom a:before {
  content: "";
  display: none;
}

.ce_text.imageRight .image_container, .ce_image.imageRight .image_container {
  float: right;
}

figcaption {
  left: 0px;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.75em;
  line-height: 2.5em;
}

.ce_gallery .image_container {
  float: left;
  padding: 0;
  margin: 0;
}

.ce_gallery a {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0em;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  border-radius: 12px;
}

.ce_gallery a:hover {
  overflow: visible;
}

.ce_gallery a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  height: auto;
  padding: 5px 8px;
  box-sizing: border-box;
  background-color: #000;
  border-radius: calc(12px / 2) 0 calc(12px / 2) 0;
  content: "";
  text-align: center;
  line-height: 1em;
  color: #F9F9F9;
  transition: all 0.3s ease;
}

.ce_gallery a:hover:before {
  right: -4px;
  bottom: -4px;
  transition: all 0.3s ease;
}

.ce_gallery img {
  width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #000;
  background-color: transparent;
  padding: 4px;
}

.ce_gallery ul {
  list-style: none;
}

.ce_gallery ul.cols_8 li, .ce_gallery ul.cols_16 li {
  width: calc((100% / 8) - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_6 li, .ce_gallery ul.cols_18 li {
  width: calc((100% / 6) - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_5 li, .ce_gallery ul.cols_10 li, .ce_gallery ul.cols_15 li, .ce_gallery ul.cols_20 li {
  width: calc(20% - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_4 li, .ce_gallery ul.cols_12 li {
  width: calc(25% - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_3 li, .ce_gallery ul.cols_9 li {
  width: calc((100% / 3) - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_2 li {
  width: calc(50% - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul.cols_1 li {
  width: calc(100% - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul figure.image_container {
  float: left;
  width: 100%;
  margin: 0 !important;
}

.ce_gallery ul li {
  width: calc(25% - 30px);
  margin: calc(30px / 2) calc(30px / 2);
}

.ce_gallery ul li:before {
  content: "";
  padding: 0;
  display: none;
}

@media (min-width: 600px) and (max-width: 719px) {
  .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_2 li {
    width: calc(50% - 4%);
    margin: 2% 2%;
  }
  .ce_gallery ul.cols_6 a, .ce_gallery ul.cols_5 a, .ce_gallery ul.cols_4 a, .ce_gallery ul.cols_3 a, .ce_gallery ul.cols_2 a {
    float: left;
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_2 li {
    width: calc(50% - 4%);
    margin: 2% 2%;
  }
  .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_3 li {
    width: calc(100% / 3 - 4%);
    margin: 2% 2%;
  }
}

@media (max-width: 599px) {
  .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_2 li {
    width: calc(100% - 4%);
    margin: 2% 2%;
  }
  .ce_gallery ul.cols_6 a, .ce_gallery ul.cols_5 a, .ce_gallery ul.cols_4 a, .ce_gallery ul.cols_3 a, .ce_gallery ul.cols_2 a {
    float: left;
    width: 100%;
  }
}

@media (max-width: 599px) and (orientation: landscape) {
  .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_2 li {
    width: calc(50% - 4%);
    margin: 2% 2%;
  }
  .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_3 li {
    width: calc(100% / 3 - 4%);
    margin: 2% 2%;
  }
}

body.uploadknecht .mod_article .ce_text .image_container img, body.uploadknecht .mod_article .ce_image .image_container img, body.uploadknecht #newsReader .ce_text .image_container img, body.uploadknecht #newsReader .ce_image .image_container img, body.uploadknecht #eventReader .ce_text .image_container img, body.uploadknecht #eventReader .ce_image .image_container img, body.uploadknecht .ce_sliderStart .ce_text .image_container img, body.uploadknecht .ce_sliderStart .ce_image .image_container img {
  border-color: #009FE3;
}

body.uploadknecht .ce_gallery img {
  border-color: #009FE3;
}

/******************************************************************************/
/******************** Parallax Background Image *******************************/
/******************************************************************************/
.parallaxBgContainer {
  display: block;
  width: 100%;
  margin: 2em 0;
  padding: 0;
}

.parallaxBgContainer .parallaxImage {
  display: block;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: column;
}

.parallaxBgContainer .parallaxImage .parallaxContent p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2%;
}

.parallaxBgContainer .parallaxImage .parallaxContent p.headline {
  opacity: 0;
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.25em;
  font-weight: normal;
}

.parallaxBgContainer .parallaxImage .parallaxContent p.text {
  opacity: 0;
  font-size: 1.5em;
}

.parallaxBgContainer .parallaxImage .parallaxContent p.parallaxButton {
  opacity: 0;
  border: 0;
  margin-top: 2em;
}

.parallaxBgContainer .parallaxImage .parallaxContent.active p {
  color: #F9F9F9;
}

.parallaxBgContainer .parallaxImage .parallaxContent.active p.headline {
  opacity: 1;
  text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
  transition: text-shadow 1.5s ease;
  transition: opacity 1s ease;
  transition-delay: 0.6s;
}

.parallaxBgContainer .parallaxImage .parallaxContent.active p.text {
  opacity: 1;
  text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
  transition: text-shadow 1.5s ease;
  transition: opacity 1s ease;
  transition-delay: 0.8s;
}

.parallaxBgContainer .parallaxImage .parallaxContent.active p.parallaxButton {
  opacity: 1;
  transition: opacity 1s ease;
  transition-delay: 1.5s;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .parallaxBgContainer .parallaxImage .parallaxContent p {
    padding: 0 2%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .parallaxBgContainer .parallaxImage .parallaxContent p {
    padding: 0 2%;
  }
  .parallaxBgContainer .parallaxImage .parallaxContent p.headline {
    font-size: 1.75em;
  }
  .parallaxBgContainer .parallaxImage .parallaxContent p.text {
    padding: 0 2%;
    font-size: 1.25em;
  }
}

@media (max-width: 599px) {
  .parallaxBgContainer .parallaxImage .parallaxContent p {
    padding: 0 2%;
  }
  .parallaxBgContainer .parallaxImage .parallaxContent p.headline {
    font-size: 1.5em;
  }
  .parallaxBgContainer .parallaxImage .parallaxContent p.text {
    font-size: 1em;
  }
}

body.ios .parallaxBgContainer .parallaxImage {
  background-attachment: scroll;
}

/******************************************************************************/
/***************************** Parallax HBR ***********************************/
/******************************************************************************/
.parallaxHBR {
  display: block;
  width: 100%;
  margin: 2em 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.parallaxHBR.height30 {
  height: 30vh;
}

.parallaxHBR.height40 {
  height: 40vh;
}

.parallaxHBR.height50 {
  height: 50vh;
}

.parallaxHBR.height60 {
  height: 60vh;
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  .parallaxHBR {
    height: 60vh;
    will-change: transform;
  }
}

@media (max-width: 599px) and (orientation: landscape) {
  .parallaxHBR {
    height: 60vh;
    will-change: transform;
  }
}

.parallaxHBR .parallaxImage {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  left: 0;
}

.parallaxHBR .parallaxImage img {
  position: relative;
  min-height: 100vh;
  min-width: 100vw;
  width: auto;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .parallaxHBR .parallaxImage img {
    min-width: initial;
    max-width: initial;
    height: 100vh;
  }
}

@media (max-width: 599px) {
  .parallaxHBR .parallaxImage img {
    min-width: initial;
    max-width: initial;
    height: 100vh;
  }
}

.parallaxHBR .parallaxContent {
  font-size: 0.875em;
  position: relative;
  height: 100%;
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

.parallaxHBR .parallaxContent p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #F9F9F9;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  box-sizing: border-box;
  padding: 0 2%;
  text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
}

.parallaxHBR .parallaxContent p.headline {
  opacity: 0;
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.25em;
  font-weight: normal;
}

@media (min-width: 600px) and (max-width: 719px) {
  .parallaxHBR .parallaxContent p.headline {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .parallaxHBR .parallaxContent p.headline {
    font-size: 16px;
  }
}

.parallaxHBR .parallaxContent p.text {
  opacity: 0;
  font-size: 1.5em;
}

@media (min-width: 600px) and (max-width: 719px) {
  .parallaxHBR .parallaxContent p.text {
    font-size: 12px;
  }
}

@media (max-width: 599px) {
  .parallaxHBR .parallaxContent p.text {
    font-size: 12px;
  }
}

.parallaxHBR .parallaxContent p.parallaxButton {
  opacity: 0;
  border: 0;
  margin-top: 2em;
}

@media (min-width: 600px) and (max-width: 719px) {
  .parallaxHBR .parallaxContent p.parallaxButton {
    font-size: 12px;
  }
}

@media (max-width: 599px) {
  .parallaxHBR .parallaxContent p.parallaxButton {
    font-size: 12px;
  }
}

.parallaxHBR .parallaxContent p.active {
  opacity: 1;
  transition: opacity 1s ease;
}

.parallaxHBR .parallaxContent p.active.headline {
  transition-delay: 0.6s;
}

.parallaxHBR .parallaxContent p.active.text {
  transition-delay: 0.8s;
}

.parallaxHBR .parallaxContent p.active.parallaxButton {
  transition-delay: 1.25s;
}

/******************************************************************************/
/******************************* Downloads ************************************/
/******************************************************************************/
.ce_download {
  position: relative;
  overflow: hidden;
}

.ce_download img {
  display: none;
}

.ce_download a {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 2px 0 2px 0;
  padding: 12px 30px 12px 45px;
  box-sizing: border-box;
  background-color: #000;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.75), #000);
  text-decoration: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #F9F9F9;
  border: 1px solid #F9F9F9;
  border-radius: 12px;
  transition: background-color 0.3s ease;
}

.ce_download a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  left: 14px;
  content: "\f1c1";
  color: rgba(249, 249, 249, 0.6);
  margin-right: 10px;
  font-size: 20px;
  font-weight: normal;
  transition: color 0.4s ease;
}

.ce_download a:after {
  position: absolute;
  right: 10px;
  top: 12px;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e830";
  color: rgba(249, 249, 249, 0.6);
  transition: color 0.3s ease;
}

.ce_download a span.size {
  position: relative;
  top: -2px;
  left: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.6em;
  line-height: 1.3em;
}

.ce_download a:hover {
  background-color: #000;
  transition: background-color 0.3s ease;
}

.ce_download a:hover:after {
  color: #F9F9F9;
  transition: color 0.3s ease;
  transition-delay: 0.2s;
}

.ce_download a:hover:before {
  color: #F9F9F9;
  transition: color 0.4s ease;
  transition-delay: 0.2s;
}

.ce_download.zip a:before, .ce_download.file a:before {
  content: "\f114";
}

.ce_download.word a:before {
  content: "\f1c2";
}

.ce_download.excel a:before {
  content: "\f1c3";
}

.ce_download.powerPoint a:before {
  content: "\f1c4";
}

.ce_download.image a:before {
  content: "\f1c5";
}

.ce_downloads ul {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ce_downloads ul li {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding-left: 0 !important;
}

.ce_downloads ul li img {
  display: none;
}

.ce_downloads ul li:first-of-type {
  margin-top: 0;
}

.ce_downloads ul li a {
  border-bottom: 1px solid #F9F9F9;
  color: #F9F9F9;
  background-color: #000;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.75), black);
  position: relative;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 12px 30px 12px 45px;
  margin: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #F9F9F9;
  transition: border-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.ce_downloads ul li a span.size {
  position: relative;
  top: -2px;
  left: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.6em;
}

.ce_downloads ul li a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(249, 249, 249, 0.6);
  position: absolute;
  top: 10px;
  left: 10px;
  content: "\f1c1";
  font-size: 20px;
  transition: color 0.4s ease;
}

.ce_downloads ul li a:after {
  position: absolute;
  right: 10px;
  top: 12px;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e830";
  color: rgba(249, 249, 249, 0.6);
  transition: color 0.3s ease;
}

.ce_downloads ul li a:hover {
  background-color: #000;
  transition: background-color 0.3s ease;
}

.ce_downloads ul li a:hover:after {
  color: #F9F9F9;
  transition: color 0.3s ease;
  transition-delay: 0.2s;
}

.ce_downloads ul li a:hover:before {
  color: #F9F9F9;
  transition: color 0.4s ease;
  transition-delay: 0.2s;
}

.ce_downloads ul li a {
  border-radius: 0px;
}

.ce_downloads ul li:first-child a {
  border-radius: 12px 12px 0px 0px;
}

.ce_downloads ul li:last-child a {
  border-radius: 0px 0px 12px 12px;
}

.ce_downloads.zip ul li a:before, .ce_downloads.file ul li a:before {
  content: "\f114";
}

.ce_downloads.word ul li a:before {
  content: "\f1c2";
}

.ce_downloads.excel ul li a:before {
  content: "\f1c3";
}

.ce_downloads.powerPoint ul li a:before {
  content: "\f1c4";
}

.ce_downloads.image ul li a:before {
  content: "\f1c5";
}

/******************************************************************************/
/****************************** Tabellen **************************************/
/******************************************************************************/
table {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 12px 12px 0px 0px;
  border-collapse: separate;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

table thead {
  background-color: rgba(0, 0, 0, 0.1);
}

table thead tr {
  border-radius: 12px 12px 0px 0px;
}

table thead tr th {
  box-sizing: border-box;
  padding: 18px 10px;
  font-weight: inherit;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

table thead tr th:last-child {
  border-right: 0;
  border-radius: 0 calc(12px - 2px) 0 0;
}

table thead tr th:first-child {
  border-radius: calc(12px - 2px) 0 0 0;
}

table tbody tr th, table tbody tr td {
  box-sizing: border-box;
  padding: 12px 10px;
  color: #333;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

table tbody tr th:last-child, table tbody tr td:last-child {
  border-right: 0;
}

table tbody tr th {
  color: #333;
  font-weight: 500;
}

table tbody tr:nth-child(even) {
  background-color: rgba(249, 249, 249, 0.05);
}

table tfoot {
  background-color: rgba(0, 0, 0, 0.1);
}

table tfoot tr td {
  box-sizing: border-box;
  padding: 12px 10px;
  font-weight: inherit;
  font-weight: 600;
  color: #333;
}

table tfoot tr td:nth-child(2n) {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 0px;
  border-bottom: 0px;
}

table caption {
  display: none;
}

/******************************************************************************/
/*********************************** Listen ***********************************/
/******************************************************************************/
.ce_text ul, .ce_list ul {
  float: left;
  margin: 0 0 0.6em 0;
  padding: 0;
  display: block;
  list-style-type: none;
}

.ce_text ul li, .ce_list ul li {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 0 0 0 15px;
  margin: 2px 0;
}

.ce_text ul li:before, .ce_list ul li:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875em;
  content: "";
  color: #BFD565;
}

.ce_text ol, .ce_list ol {
  float: left;
  margin: 0 0 0.6em 20px;
}

.ce_text ol li, .ce_list ol li {
  margin: 2px 0;
}

body.uploadknecht .ce_text ul li:before, body.uploadknecht .ce_list ul li:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #009FE3;
}

/******************************************************************************/
/*********************************** Accordion ********************************/
/******************************************************************************/
.ce_accordion {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  border-top: 1px dotted #333;
  padding: 0.75em 0 0.75em 0;
}

.ce_accordion.first {
  margin-top: 10px;
}

.ce_accordion .toggler {
  position: relative;
  display: block;
  box-sizing: border-box;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 0 12px;
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
  outline-style: none;
}

.ce_accordion .toggler:before {
  position: absolute;
  left: 0;
  top: 4px;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e866";
  font-size: 0.5em;
  color: #333;
}

.ce_accordion .toggler span.ui-icon {
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 1em;
}

.ce_accordion .toggler span.ui-icon:before, .ce_accordion .toggler span.ui-icon:after {
  position: absolute;
  box-sizing: inherit;
  content: '';
  background-color: #333;
}

.ce_accordion .toggler span.ui-icon:before {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  transition: all 0.25s ease;
}

.ce_accordion .toggler span.ui-icon:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  transition: all 0.25s ease;
}

.ce_accordion .toggler:hover:before {
  color: #BFD565;
}

.ce_accordion .toggler:hover span.ui-icon:before, .ce_accordion .toggler:hover span.ui-icon:after {
  background-color: #BFD565;
}

.ce_accordion .toggler.active span.ui-icon:before, .ce_accordion .toggler.active span.ui-icon:after {
  background-color: #BFD565;
}

.ce_accordion .toggler.active span.ui-icon:before {
  transform: rotate(-90deg);
}

.ce_accordion .toggler.active span.ui-icon:after {
  transform: rotate(180deg);
}

.ce_accordion .accordion {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 0em 0 0em 0;
  padding: 1.5em 0.75em 1em 0.75em;
  /*
    .ce_text,.ce_downloads,.ce_download,.ce_headline,.ce_hyperlink {
      margin:0;
      width:100%;
    }
    */
}

.ce_accordion .accordion .image_container {
  float: left !important;
}

.ce_accordion .accordion ul, .ce_accordion .accordion ol {
  margin: 10px 0;
  padding: 0;
  display: inline-block;
  margin-left: 0;
}

.ce_accordion .accordion ul li, .ce_accordion .accordion ol li {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
}

.ce_accordion .accordion .nonPictureElements {
  float: left;
}

.ce_accordion .accordion .ce_text.halb:nth-child(odd), .ce_accordion .accordion .ce_table.halb:nth-child(odd), .ce_accordion .accordion .ce_list.halb:nth-child(odd), .ce_accordion .accordion .ce_image.halb:nth-child(odd), .ce_accordion .accordion .ce_headline.halb:nth-child(odd), .ce_accordion .accordion .ce_gallery.halb:nth-child(odd) {
  margin-left: 0;
}

.ce_accordion .accordion .ce_text.halb:nth-child(even), .ce_accordion .accordion .ce_table.halb:nth-child(even), .ce_accordion .accordion .ce_list.halb:nth-child(even), .ce_accordion .accordion .ce_image.halb:nth-child(even), .ce_accordion .accordion .ce_headline.halb:nth-child(even), .ce_accordion .accordion .ce_gallery.halb:nth-child(even) {
  margin-right: 0;
  float: right;
}

.ce_accordion .accordion .ce_text.drittel:first-child, .ce_accordion .accordion .ce_table.drittel:first-child, .ce_accordion .accordion .ce_list.drittel:first-child, .ce_accordion .accordion .ce_image.drittel:first-child, .ce_accordion .accordion .ce_headline.drittel:first-child, .ce_accordion .accordion .ce_gallery.drittel:first-child {
  margin-left: 0;
}

.ce_accordion .accordion .ce_text.drittel:nth-child(3n), .ce_accordion .accordion .ce_table.drittel:nth-child(3n), .ce_accordion .accordion .ce_list.drittel:nth-child(3n), .ce_accordion .accordion .ce_image.drittel:nth-child(3n), .ce_accordion .accordion .ce_headline.drittel:nth-child(3n), .ce_accordion .accordion .ce_gallery.drittel:nth-child(3n) {
  margin-right: 0;
}

.ce_accordion .accordion .ce_text.drittel:nth-child(4n), .ce_accordion .accordion .ce_table.drittel:nth-child(4n), .ce_accordion .accordion .ce_list.drittel:nth-child(4n), .ce_accordion .accordion .ce_image.drittel:nth-child(4n), .ce_accordion .accordion .ce_headline.drittel:nth-child(4n), .ce_accordion .accordion .ce_gallery.drittel:nth-child(4n) {
  margin-left: 0;
}

.ce_accordion .accordion .ce_text.viertel:first-child, .ce_accordion .accordion .ce_table.viertel:first-child, .ce_accordion .accordion .ce_list.viertel:first-child, .ce_accordion .accordion .ce_image.viertel:first-child, .ce_accordion .accordion .ce_headline.viertel:first-child, .ce_accordion .accordion .ce_gallery.viertel:first-child {
  margin-left: 0;
}

.ce_accordion .accordion .ce_text.viertel:nth-child(4n), .ce_accordion .accordion .ce_table.viertel:nth-child(4n), .ce_accordion .accordion .ce_list.viertel:nth-child(4n), .ce_accordion .accordion .ce_image.viertel:nth-child(4n), .ce_accordion .accordion .ce_headline.viertel:nth-child(4n), .ce_accordion .accordion .ce_gallery.viertel:nth-child(4n) {
  margin-right: 0;
}

.ce_accordion .accordion .ce_text.viertel:nth-child(5n), .ce_accordion .accordion .ce_table.viertel:nth-child(5n), .ce_accordion .accordion .ce_list.viertel:nth-child(5n), .ce_accordion .accordion .ce_image.viertel:nth-child(5n), .ce_accordion .accordion .ce_headline.viertel:nth-child(5n), .ce_accordion .accordion .ce_gallery.viertel:nth-child(5n) {
  margin-left: 0;
}

.ce_accordion .accordion .ce_downloads ul {
  margin: 0;
}

.ce_accordion .accordion .ce_downloads ul li:first-child {
  margin-top: 0;
}

.ce_accordion:last-of-type {
  border-bottom: 1px dotted #333;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .ce_accordion .accordion .ce_text.viertel, .ce_accordion .accordion .ce_table.viertel, .ce_accordion .accordion .ce_list.viertel, .ce_accordion .accordion .ce_image.viertel, .ce_accordion .accordion .ce_headline.viertel, .ce_accordion .accordion .ce_gallery.viertel {
    width: 48%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .ce_accordion .accordion .ce_text.viertel:nth-child(odd), .ce_accordion .accordion .ce_table.viertel:nth-child(odd), .ce_accordion .accordion .ce_list.viertel:nth-child(odd), .ce_accordion .accordion .ce_image.viertel:nth-child(odd), .ce_accordion .accordion .ce_headline.viertel:nth-child(odd), .ce_accordion .accordion .ce_gallery.viertel:nth-child(odd) {
    margin-left: 0;
  }
  .ce_accordion .accordion .ce_text.viertel:nth-child(even), .ce_accordion .accordion .ce_table.viertel:nth-child(even), .ce_accordion .accordion .ce_list.viertel:nth-child(even), .ce_accordion .accordion .ce_image.viertel:nth-child(even), .ce_accordion .accordion .ce_headline.viertel:nth-child(even), .ce_accordion .accordion .ce_gallery.viertel:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .ce_accordion .accordion .ce_text.halb, .ce_accordion .accordion .ce_text.viertel, .ce_accordion .accordion .ce_text.drittel, .ce_accordion .accordion .ce_table.halb, .ce_accordion .accordion .ce_table.viertel, .ce_accordion .accordion .ce_table.drittel, .ce_accordion .accordion .ce_list.halb, .ce_accordion .accordion .ce_list.viertel, .ce_accordion .accordion .ce_list.drittel, .ce_accordion .accordion .ce_image.halb, .ce_accordion .accordion .ce_image.viertel, .ce_accordion .accordion .ce_image.drittel, .ce_accordion .accordion .ce_headline.halb, .ce_accordion .accordion .ce_headline.viertel, .ce_accordion .accordion .ce_headline.drittel, .ce_accordion .accordion .ce_gallery.halb, .ce_accordion .accordion .ce_gallery.viertel, .ce_accordion .accordion .ce_gallery.drittel {
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  .ce_accordion .image_container {
    width: auto;
    margin-right: 10px;
  }
}

@media (max-width: 599px) {
  .ce_accordion .accordion .ce_text.halb, .ce_accordion .accordion .ce_text.viertel, .ce_accordion .accordion .ce_text.drittel, .ce_accordion .accordion .ce_table.halb, .ce_accordion .accordion .ce_table.viertel, .ce_accordion .accordion .ce_table.drittel, .ce_accordion .accordion .ce_list.halb, .ce_accordion .accordion .ce_list.viertel, .ce_accordion .accordion .ce_list.drittel, .ce_accordion .accordion .ce_image.halb, .ce_accordion .accordion .ce_image.viertel, .ce_accordion .accordion .ce_image.drittel, .ce_accordion .accordion .ce_headline.halb, .ce_accordion .accordion .ce_headline.viertel, .ce_accordion .accordion .ce_headline.drittel, .ce_accordion .accordion .ce_gallery.halb, .ce_accordion .accordion .ce_gallery.viertel, .ce_accordion .accordion .ce_gallery.drittel {
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}

/******************************************************************************/
/****************************** Content Slider ********************************/
/******************************************************************************/
.ce_sliderStart {
  box-sizing: border-box;
}

.ce_sliderStart .content-slider {
  margin-top: 1em;
  position: relative;
  background-color: #000;
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  border: 0px solid #F9F9F9;
  border-radius: 12px;
  box-sizing: border-box;
  color: #F9F9F9;
  padding-bottom: 50px;
  overflow: hidden;
}

.ce_sliderStart .content-slider h2, .ce_sliderStart .content-slider h3, .ce_sliderStart .content-slider h4, .ce_sliderStart .content-slider h5, .ce_sliderStart .content-slider h6 {
  text-align: left;
  font-weight: initial;
  color: #F9F9F9;
  font-size: 1.25em;
  padding: 10px 0;
  background: transparent;
  color: #BFD565;
}

.ce_sliderStart .slider-wrapper > div {
  box-sizing: border-box;
  padding: 0px 10px 0px 0px;
  padding: 10px 50px;
  margin-right: 0px;
  width: 100%;
}

.ce_sliderStart .slider-wrapper > div.ce_text img, .ce_sliderStart .slider-wrapper > div.ce_image img {
  border-color: #444;
}

.ce_sliderStart nav.slider-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
}

.ce_sliderStart nav.slider-control a {
  top: 40%;
  left: 10px;
  text-align: center;
  text-decoration: none;
  color: #F9F9F9;
  width: 30px;
  height: 30px;
}

.ce_sliderStart nav.slider-control a.slider-prev, .ce_sliderStart nav.slider-control a.slider-next {
  left: auto;
  right: auto;
}

.ce_sliderStart nav.slider-control a.slider-prev span, .ce_sliderStart nav.slider-control a.slider-next span {
  display: none;
}

.ce_sliderStart nav.slider-control a.slider-prev:before, .ce_sliderStart nav.slider-control a.slider-prev:after, .ce_sliderStart nav.slider-control a.slider-next:before, .ce_sliderStart nav.slider-control a.slider-next:after {
  position: absolute;
  content: "";
  left: 0;
  top: 15%;
  width: 100%;
  height: 1px;
  background-color: #F9F9F9;
  transform: rotate(-45deg);
  transition: all 0.1s ease;
}

.ce_sliderStart nav.slider-control a.slider-prev:after, .ce_sliderStart nav.slider-control a.slider-next:after {
  top: 85%;
  transform: rotate(45deg);
}

.ce_sliderStart nav.slider-control a.slider-prev:hover:before, .ce_sliderStart nav.slider-control a.slider-prev:hover:after, .ce_sliderStart nav.slider-control a.slider-next:hover:before, .ce_sliderStart nav.slider-control a.slider-next:hover:after {
  transition: all 0.1s ease;
  top: 50%;
}

.ce_sliderStart nav.slider-control a.slider-prev {
  left: 10px;
}

.ce_sliderStart nav.slider-control a.slider-next {
  right: 10px;
}

.ce_sliderStart nav.slider-control a.slider-next:before {
  top: 18%;
  transform: rotate(45deg);
}

.ce_sliderStart nav.slider-control a.slider-next:after {
  top: 86%;
  transform: rotate(-45deg);
}

.ce_sliderStart nav.slider-control a:hover.slider-prev:before, .ce_sliderStart nav.slider-control a:hover.slider-prev:after, .ce_sliderStart nav.slider-control a:hover.slider-next:before, .ce_sliderStart nav.slider-control a:hover.slider-next:after {
  background-color: #444;
}

.ce_sliderStart nav.slider-control .slider-menu {
  top: calc(100% - 30px);
  height: 30px;
}

.ce_sliderStart nav.slider-control .slider-menu b {
  color: rgba(249, 249, 249, 0.5);
  font-size: 1.2em;
  line-height: 1;
}

.ce_sliderStart nav.slider-control .slider-menu b.active {
  color: #BFD565;
}

.ce_sliderStart .ce_headline, .ce_sliderStart .ce_text, .ce_sliderStart .ce_list, .ce_sliderStart .ce_table, .ce_sliderStart .ce_accordion, .ce_sliderStart .ce_hyperlink, .ce_sliderStart .ce_toplink, .ce_sliderStart .ce_gallery, .ce_sliderStart .ce_dlh_googlemaps, .ce_sliderStart .ce_downloads, .ce_sliderStart .ce_download, .ce_sliderStart .ce_image, .ce_sliderStart .ce_player, .ce_sliderStart .ce_teaser {
  margin: 0 !important;
}

.ce_sliderStart .ce_gallery ul li {
  float: left;
}

.ce_sliderStart .ce_gallery ul li figure {
  float: left;
}

.ce_sliderStart .ce_gallery ul li figure a {
  float: left;
}

.ce_sliderStart .ce_gallery ul li figure a img {
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
  border-color: #444;
}

/******************************************************************************/
/********************************* Content Box ********************************/
/******************************************************************************/
.box {
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  border: 1px solid #000;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  border: calc(1px * 2) solid #000;
}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
  background-color: transparent;
  color: #BFD565 !important;
}

.box p, .box ul, .box ol, .box table, .box form, .box label, .box legend, .box figcaption, .box a, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
  color: #F9F9F9;
}

.box p {
  line-height: 1.35em;
  margin-bottom: 0.5em;
}

.box p span.spanButton {
  float: right;
}

.box p span.spanButton a {
  border: 1px solid #444;
  background: transparent;
  background-color: #444;
}

.box a:hover {
  color: #F9F9F9;
}

/******************************************************************************/
/********************************* Content Boxen Pro **************************/
/******************************************************************************/
.boxPro {
  float: left;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}

.boxPro .boxProSingle {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}

.boxPro .boxProSingle.bgColor_true {
  background-color: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  border: 2px solid #000;
}

.boxPro .boxProSingle.bgShadow_true {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.boxPro .boxProSingle figure.image_container {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1em 0;
  padding: 0;
  align-self: flex-start;
}

.boxPro .boxProSingle figure.image_container img {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: calc(12px - 2px) calc(12px - 2px) 0px 0px;
}

.boxPro .boxProSingle figure.image_container.shadow_true {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.boxPro .boxProSingle figure.image_container.rounded_true {
  float: none;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 50%;
  border: 6px solid #000;
  overflow: hidden;
  margin: 1.25em  auto 0.5em auto;
}

.boxPro .boxProSingle figure.image_container.rounded_true img {
  height: 100%;
  max-width: none;
  width: auto;
}

.boxPro .boxProSingle figure.image_container.rounded_true.shadow_true {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.boxPro .boxProSingle .description {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px;
}

.boxPro .boxProSingle .description h2, .boxPro .boxProSingle .description h3, .boxPro .boxProSingle .description h4, .boxPro .boxProSingle .description h5, .boxPro .boxProSingle .description h6 {
  color: #333;
  font-size: 1.2em;
  text-align: center;
  background: transparent;
}

.boxPro .boxProSingle .description .catText {
  float: left;
  width: 100%;
  margin: 0.5em 0;
  text-align: center;
}

.boxPro .boxProSingle .description.link {
  padding-bottom: 75px;
}

.boxPro .boxProSingle .catLink {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

.boxPro .boxProSingle .catLink a span {
  display: none;
}

.boxPro .boxProSingle.bgColor_true h1, .boxPro .boxProSingle.bgColor_true h2, .boxPro .boxProSingle.bgColor_true h3, .boxPro .boxProSingle.bgColor_true h4, .boxPro .boxProSingle.bgColor_true h5, .boxPro .boxProSingle.bgColor_true h6 {
  color: #BFD565;
}

.boxPro .boxProSingle.bgColor_true p {
  color: #F9F9F9;
}

.boxPro .boxProSingle.bgColor_true .catLink a {
  border-color: #444;
  background: transparent;
  background-color: #444;
}

.boxPro .boxProSingle.bgColor_true .catLink a:hover {
  background-color: #F9F9F9;
}

/******************************************************************************/
/******************************* Verteiler-Box ********************************/
/******************************************************************************/
#verteilerBox .boxProSingle {
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  background: linear-gradient(to bottom, #fff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#fff", endColorstr="#e6e6e6");
  /*For IE7-8-9*/
  border: 4px solid #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

#verteilerBox .boxProSingle .image_container {
  min-height: 100px;
  display: flex;
  align-items: center;
}

#verteilerBox .boxProSingle .image_container img {
  border-radius: 0px;
}

#verteilerBox .description h2, #verteilerBox .description h3, #verteilerBox .description h4, #verteilerBox .description h5, #verteilerBox .description h6 {
  display: none;
}

/******************************************************************************/
/********************************* Flip Box ***********************************/
/******************************************************************************/
.flip-boxes {
  float: left;
  margin: 10px 0;
  width: 100%;
}

.flip-boxes .flip-box {
  background-color: transparent;
  min-height: 200px;
  box-sizing: border-box;
  perspective: 800px;
}

.flip-boxes .flip-box h1, .flip-boxes .flip-box h2, .flip-boxes .flip-box h3, .flip-boxes .flip-box h4, .flip-boxes .flip-box h5, .flip-boxes .flip-box h6 {
  font-size: 1.25em;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 0.5em;
}

.flip-boxes .flip-box .flip-box-inner {
  position: relative;
  width: 100%;
  min-height: 200px;
  text-align: center;
  transition: transform 0.5s ease;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
}

.flip-boxes .flip-box .flip-box-inner .flip-box-front, .flip-boxes .flip-box .flip-box-inner .flip-box-back {
  position: absolute;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 999;
  border: 2px solid #000;
  background-color: #000;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-front {
  box-sizing: border-box;
  padding: 10%;
  padding-top: 3em;
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  color: #BFD565;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-front h1, .flip-boxes .flip-box .flip-box-inner .flip-box-front h2, .flip-boxes .flip-box .flip-box-inner .flip-box-front h3, .flip-boxes .flip-box .flip-box-inner .flip-box-front h4, .flip-boxes .flip-box .flip-box-inner .flip-box-front h5, .flip-boxes .flip-box .flip-box-inner .flip-box-front h6 {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  color: #BFD565;
  background-color: transparent;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-front h1:before, .flip-boxes .flip-box .flip-box-inner .flip-box-front h2:before, .flip-boxes .flip-box .flip-box-inner .flip-box-front h3:before, .flip-boxes .flip-box .flip-box-inner .flip-box-front h4:before, .flip-boxes .flip-box .flip-box-inner .flip-box-front h5:before, .flip-boxes .flip-box .flip-box-inner .flip-box-front h6:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0px 0px 0px #000;
  color: rgba(191, 213, 101, 0.5);
  opacity: 1;
  float: none;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.75em;
  margin-bottom: 0.75em;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back {
  background-color: #000;
  border-color: #000;
  color: #333;
  box-sizing: border-box;
  padding: 8% 10% 8% 10%;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  transform: rotateY(180deg);
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back h1, .flip-boxes .flip-box .flip-box-inner .flip-box-back h2, .flip-boxes .flip-box .flip-box-inner .flip-box-back h3, .flip-boxes .flip-box .flip-box-inner .flip-box-back h4, .flip-boxes .flip-box .flip-box-inner .flip-box-back h5, .flip-boxes .flip-box .flip-box-inner .flip-box-back h6 {
  text-align: left;
  color: #BFD565;
  padding: 0;
  margin: 0.3em 0;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back p {
  font-size: 0.875em;
  text-align: left;
  color: rgba(249, 249, 249, 0.9);
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back p.flipBoxButton {
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: 0;
  margin-top: 1em;
  width: 100%;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back p.flipBoxButton a {
  float: left;
  padding: 8px 20px 8px 20px;
  background-color: rgba(249, 249, 249, 0.4);
  border: 1px solid rgba(249, 249, 249, 0.75);
  color: #F9F9F9;
  text-decoration: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.875em;
  text-decoration: none;
  text-transform: none;
  overflow: hidden;
  border-radius: 12px;
}

.flip-boxes .flip-box .flip-box-inner .flip-box-back p.flipBoxButton a:hover {
  background-color: rgba(249, 249, 249, 0.6);
  color: #000;
}

@media (min-width: 600px) and (max-width: 719px) {
  .flip-boxes .flip-box .flip-box-inner .flip-box-back {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

@media (max-width: 599px) {
  .flip-boxes .flip-box .flip-box-inner .flip-box-back {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.flip-boxes .flip-box:hover .flip-box-inner, .flip-boxes .flip-box.touched .flip-box-inner {
  transform: rotateY(180deg);
  z-index: 9999;
}

.flip-boxes .flip-box.untouched .flip-box-inner {
  transform: rotateY(0deg);
}

/******************************************************************************/
/********************************* Kontakt-Box ********************************/
/******************************************************************************/
.kontaktBox {
  border-radius: calc(12px + 2px);
  box-sizing: border-box;
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  overflow: hidden;
}

.kontaktBox figure.image_container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.kontaktBox figure.image_container img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  border-radius: 12px 12px 0px 0px;
}

.kontaktBox .content {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 1.5em;
}

.kontaktBox .content h2, .kontaktBox .content h3, .kontaktBox .content h4, .kontaktBox .content h5, .kontaktBox .content h6 {
  font-size: 1.5em;
  color: #F9F9F9;
  background-color: transparent;
  padding: 0;
  color: #BFD565;
}

.kontaktBox .content p {
  color: #F9F9F9;
}

.kontaktBox .content .contact {
  float: left;
  width: 100%;
  margin: 1em 0;
}

.kontaktBox .content .contact p {
  margin: 0.3em 0;
}

.kontaktBox .content .contact p a {
  text-decoration: none;
  color: #F9F9F9;
}

.kontaktBox .content .contact p a:hover {
  color: #990001;
}

.kontaktBox .content .contact p span.tel a {
  cursor: text;
}

.kontaktBox .content .contact p span.mail a {
  cursor: pointer;
}

.kontaktBox.products {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}

.kontaktBox.products figure.image_container {
  padding: 0;
}

.kontaktBox.products figure.image_container img {
  border-radius: 12px 0 0 12px;
  border: 0;
  border-right: 2px solid #F9F9F9;
}

.kontaktBox.products .content {
  margin: 0;
  padding: 0.5em 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.kontaktBox.products .content p, .kontaktBox.products .content .headline {
  margin-bottom: 0;
}

.kontaktBox.products .content .contact {
  align-self: center;
  margin: 0;
}

@media (min-width: 1680px) {
  .kontaktBox.products .content {
    padding: 2em 1.5em;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  .kontaktBox.products .content {
    padding: 2em 1.5em;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .kontaktBox.products {
    flex-wrap: wrap;
  }
  .kontaktBox.products figure.image_container {
    padding: 0;
  }
  .kontaktBox.products figure.image_container img {
    border-radius: 12px 12px 0px 0px;
    border: 0;
    border-bottom: 2px solid #F9F9F9;
  }
  .kontaktBox.products .content {
    padding: 1em;
  }
  .kontaktBox.products .content p, .kontaktBox.products .content .headline {
    margin-bottom: 1em;
  }
  .kontaktBox.products .content .contact {
    margin: 0;
    margin-bottom: 0.5em;
  }
  .kontaktBox.products .content .contact p {
    margin-bottom: 0;
  }
}

@media (max-width: 599px) {
  .kontaktBox.products {
    flex-wrap: wrap;
  }
  .kontaktBox.products figure.image_container {
    padding: 0;
  }
  .kontaktBox.products figure.image_container img {
    border-radius: 12px 12px 0px 0px;
    border: 0;
    border-bottom: 2px solid #F9F9F9;
  }
  .kontaktBox.products .content {
    padding: 1em;
  }
  .kontaktBox.products .content p, .kontaktBox.products .content .headline {
    margin-bottom: 1em;
  }
  .kontaktBox.products .content .contact {
    margin: 0;
    margin-bottom: 0.5em;
  }
  .kontaktBox.products .content .contact p {
    margin-bottom: 0;
  }
}

/******************************************************************************/
/********************************* kontaktadresse *****************************/
/******************************************************************************/
.contactAdress .adress {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.contactAdress .adress p span.name {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0.3em;
}

.contactAdress .kontaktdaten {
  float: left;
  width: 100%;
  margin: 0.5em 0 0 0;
  padding: 0;
}

.contactAdress .kontaktdaten p a {
  text-decoration: none;
}

.contactAdress .openings {
  float: left;
  width: 100%;
  margin: 0.5em 0 0 0;
  padding: 0;
}

.contactAdress .openings p span.opening {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0.3em;
}

.contactAdress .openings p span.date {
  display: inline-block;
  width: 75px;
  font-size: 0.875em;
}

.contactAdress .openings p span.note {
  display: block;
  margin-top: 0.3em;
  font-size: 0.875em;
  font-weight: 600;
}

/******************************************************************************/
/********************************* Ansprechpartner ****************************/
/******************************************************************************/
.ansprechpartner {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ansprechpartner .ce_headline {
  margin-top: 1em;
  margin-bottom: 1em;
}

.ansprechpartner .partnerContainer {
  width: 100%;
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.ansprechpartner .partnerContainer .partner {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  overflow: hidden;
  border-radius: calc(12px + 2px);
}

.ansprechpartner .partnerContainer .partner figure.image_container {
  float: left;
  margin: 0 0 1em 0;
  width: 100%;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
  border-radius: 12px 12px 0px 0px;
}

.ansprechpartner .partnerContainer .partner figure.image_container img {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  border-radius: 12px 12px 0px 0px;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em 1em 2em 1em;
  border-radius: 0px 0px 12px 12px;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #F9F9F9;
  margin: 0;
  line-height: 1.3em;
  margin-bottom: 0.1em;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.name {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 0.4em;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.function {
  text-transform: uppercase;
  font-size: 0.875em;
  letter-spacing: 1px;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.profession {
  font-size: 0.875em;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.phone {
  margin-top: 2em;
  font-size: 0.875em;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.phone a {
  text-decoration: none;
  color: #F9F9F9;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.phone a:hover {
  color: #990001;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.mail {
  font-size: 0.875em;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.mail a {
  text-decoration: none;
  color: #F9F9F9;
}

.ansprechpartner .partnerContainer .partner .kontaktdaten p.mail a:hover {
  color: #990001;
}

/******************************************************************************/
/********************************* FlexBox Frame ******************************/
/******************************************************************************/
.flexBox {
  float: left;
  margin: 0;
  padding: 0;
  display: flex;
}

.flexBox.flexDirection_row {
  flex-direction: row;
}

.flexBox.flexDirection_row_rowReverse {
  flex-direction: row-reverse;
}

.flexBox.flexDirection_column {
  flex-direction: column;
}

.flexBox.flexDirection_columnReverse {
  flex-direction: column-reverse;
}

.flexBox.flexWrap_noWrap {
  flex-wrap: nowrap;
}

.flexBox.flexWrap_wrap {
  flex-wrap: wrap;
}

.flexBox.flexWrap_wrapReverse {
  flex-wrap: wrap-reverse;
}

.flexBox.flexJustify_start {
  justify-content: flex-start;
}

.flexBox.flexJustify_end {
  justify-content: flex-end;
}

.flexBox.flexJustify_center {
  justify-content: center;
}

.flexBox.flexJustify_spaceBetween {
  justify-content: space-between;
}

.flexBox.flexJustify_spaceAround {
  justify-content: space-around;
}

.flexBox.flexJustify_spaceEvenly {
  justify-content: space-evenly;
}

.flexBox.alignItems_start {
  align-items: flex-start;
}

.flexBox.alignItems_end {
  align-items: flex-end;
}

.flexBox.alignItems_center {
  align-items: center;
}

.flexBox.alignItems_stretch {
  align-items: stretch;
}

.flexBox.alignItems_baseline {
  align-items: baseline;
}

.flexBox.alignContent_start {
  align-content: flex-start;
}

.flexBox.alignContent_end {
  align-content: flex-end;
}

.flexBox.alignContent_center {
  align-content: center;
}

.flexBox.alignContent_stretch {
  align-content: stretch;
}

.flexBox.alignContent_spaceBetween {
  align-content: space-between;
}

.flexBox.alignContent_spaceAround {
  align-content: space-around;
}

.flexBox.alignContent_spaceEvenly {
  align-content: space-evenly;
}

/******************************************************************************/
/********************************* Störer *************************************/
/******************************************************************************/
#stoerer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99991;
  perspective: 150vw;
}

#stoerer .inside {
  box-sizing: border-box;
  padding: calc(30px / 2) 30px 0 30px;
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  border-radius: 0px 0px 12px 12px;
  border: 1px solid #000;
  border-top: 0;
  transform-style: preserve-3d;
  transform: rotateX(-95deg);
  transform-origin: 100% 0;
}

#stoerer .inside .stoererClose {
  cursor: pointer;
  float: right;
  position: absolute;
  right: calc(30px / 2);
  top: calc(30px / 2);
  color: #F9F9F9;
  transition: color 0.3s ease;
}

#stoerer .inside .stoererClose:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e890";
}

#stoerer .inside .stoererClose span {
  display: none;
}

#stoerer .inside .stoererClose:hover {
  color: #333;
  transition: color 0.3s ease;
}

#stoerer .inside .meldung {
  float: left;
  width: 100%;
  display: block;
  margin: calc(30px / 2) 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #F9F9F9;
  text-align: center;
}

#stoerer .inside .meldung:last-of-type {
  border-bottom: 0;
}

#stoerer .inside .meldung p {
  color: #F9F9F9;
}

#stoerer .inside .meldung p.headline {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 0.75em;
}

#stoerer .inside .meldung .spanButton {
  margin-top: 1.5em;
}

#stoerer .inside .meldung .spanButton a {
  background: none;
  background-color: #444;
  border: 1px solid #444;
}

#stoerer .inside .meldung .spanButton a:hover {
  background: none;
  background-color: #F9F9F9;
}

#stoerer .inside.active {
  transition: all 0.8s ease;
  transform: rotateX(0deg);
  box-shadow: 0 0 10px #F9F9F9;
}

#stoerer .inside.close {
  transition: all 0.6s ease;
  box-shadow: 0 0 0 transparent;
}

#stoerer.fadeOut {
  transition: top 0.2s ease;
  transition-delay: 1s;
  top: -100vh;
}

/******************************************************************************/
/*********************** Marketing - Suite ************************************/
/******************************************************************************/
.mod_cms_accept_tags {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  color: #333;
}

.mod_cms_accept_tags form {
  display: block;
  max-width: 800px;
  max-height: 60vh;
  overflow: auto;
  margin: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  background: #000;
  box-sizing: border-box;
  padding: 1em;
}

.mod_cms_accept_tags form .formbody {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em;
}

.mod_cms_accept_tags form .formbody .info {
  margin-bottom: 0.3em;
}

.mod_cms_accept_tags form .formbody .info p.headline {
  font-size: 1.3em;
  margin-bottom: 0.6em;
}

.mod_cms_accept_tags form .formbody .info a {
  float: none;
  color: #333;
  text-decoration: underline;
}

.mod_cms_accept_tags form .formbody .info a:hover {
  color: #990001;
}

.mod_cms_accept_tags form .formbody .widget {
  width: 100%;
  margin: 0.5em 0;
}

.mod_cms_accept_tags form .formbody .widget button {
  margin: 0.3em 0.3em;
  background-color: transparent;
  border: 1px solid #666;
  color: #333;
  transition: background-color 0.3s ease;
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_cms_accept_tags form .formbody .widget button {
    float: left;
  }
}

@media (max-width: 599px) {
  .mod_cms_accept_tags form .formbody .widget button {
    float: left;
  }
}

.mod_cms_accept_tags form .formbody .widget button:hover {
  background-color: #333;
  color: #F9F9F9;
  transition: background-color 0.6s ease;
}

.mod_cms_accept_tags form .formbody .widget button.all {
  border-color: #990000;
}

.mod_cms_accept_tags form .formbody .widget button.all:hover {
  background-color: #990000;
}

.mod_cms_accept_tags form .tags {
  margin: 2em 0 1em 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.mod_cms_accept_tags form .tags div {
  flex-basis: 0;
  flex-grow: 1;
  box-sizing: border-box;
  padding: 0.5em;
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_cms_accept_tags form .tags div {
    flex-basis: auto;
  }
}

@media (max-width: 599px) {
  .mod_cms_accept_tags form .tags div {
    flex-basis: auto;
  }
}

.mod_cms_accept_tags form .tags div .head {
  font-weight: 600;
  padding: 0;
  margin-bottom: 0.5em;
}

.mod_cms_accept_tags form .tags div .head input {
  margin: 2px 0.5em 0 0;
}

.mod_cms_accept_tags form .tags div .description {
  padding: 0;
}

.mod_cms_accept_tags form .tags div .description p {
  padding: 0;
  font-size: 0.875em;
}

.mod_cms_cookie_bar form {
  min-width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mod_cms_cookie_bar form .formbody {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mod_cms_cookie_bar form .formbody .info {
  text-align: center;
}

.mod_cms_cookie_bar form .formbody .widget-submit {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  text-align: center !important;
}

.mod_cms_cookie_bar form .formbody .widget-submit button {
  float: none;
}

/******************************************************************************/
/******************************* canvas ***************************************/
/******************************************************************************/
#particles-js {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 40vh;
}

/******************************************************************************/
/******************************* CookieBar ************************************/
/******************************************************************************/
.cookiebar {
  display: block !important;
  top: -500px;
  left: 35%;
  width: 30%;
  padding: 2em 1em 1em 1em;
  background-color: #000;
  border: 2px solid #000;
  border-top: 0;
  z-index: 99999;
  background: linear-gradient(to bottom, #444, #F9F9F9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#F9F9F9");
  /*For IE7-8-9*/
  border-radius: 0px 0px 12px 12px;
  box-shadow: 0 0 10px #F9F9F9;
  transition: all 1s ease;
}

@media (min-width: 600px) and (max-width: 719px) {
  .cookiebar {
    width: 90%;
    left: 5%;
  }
}

@media (max-width: 599px) {
  .cookiebar {
    width: 90%;
    left: 5%;
  }
}

.cookiebar #cookiebar-text {
  margin: 0;
}

.cookiebar #cookiebar-text span {
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}

.cookiebar #cookiebar-text a {
  display: inline-block;
  width: auto;
  margin: 10px 0 10px 0;
  padding: 6px 12px;
  text-decoration: none;
  font-size: 0.875em;
  color: #F9F9F9;
  border-radius: 4px;
  background-color: #444;
  border: 1px solid #444;
  transition: background-color 0.3s ease;
}

.cookiebar #cookiebar-text a:hover {
  background-color: #F9F9F9;
  transition: background-color 0.3s ease;
}

.cookiebar .cookiebar__analytics {
  display: block;
  margin: 1em 0;
  padding: 0;
}

.cookiebar .cookiebar__button {
  display: inline-block;
  margin: 10px 0 10px 0;
  border-radius: 4px;
  background-color: #444;
  border: 1px solid #444;
  transition: background-color 0.3s ease;
}

.cookiebar .cookiebar__button:hover {
  transition: background-color 0.3s ease;
  background-color: #F9F9F9;
}

.cookiebar.cookiebar--active {
  top: 0;
  transition: all 1s ease;
}

/*****************************************************************************************/
/********************************* RockSolidSlider ***************************************/
/*****************************************************************************************/
/*********** rsSlider ***********/
#headImage {
  position: relative;
  margin: 1em 0;
}

#headImage .inside {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  /***** Slider *******/
}

#headImage .inside .rsSlider .rsts-view {
  position: relative;
  width: 100%;
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide {
  height: 29.65vw;
  min-height: 200px;
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide a {
  float: left;
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
  top: 80%;
  left: 0;
  margin: 0;
  font-size: 1.5em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 5%;
  background-color: #F9F9F9;
  background: linear-gradient(170deg, #444, #F9F9F9);
  border-left: 0;
  box-sizing: border-box;
  color: #F9F9F9;
  transform: translate(-100%, 0);
}

@media (min-width: 1680px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(10% + calc(30px / 2));
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(5% + calc(30px / 2));
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(2% + calc(30px / 2));
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(2% + calc(30px / 2));
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(1% + 2%);
  }
}

@media (max-width: 599px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide .rsts-caption {
    padding-left: calc(1% + 2%);
  }
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-active .rsts-caption {
  transform: translate(0, 0);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-active .rsts-caption {
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-active .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (max-width: 599px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-active .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-postactive .rsts-caption {
  transform: translate(-100%, 0);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-postactive .rsts-caption {
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-postactive .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (max-width: 599px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-postactive .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

#headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-preactive .rsts-caption {
  transform: translate(-100%, 0);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-preactive .rsts-caption {
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-preactive .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

@media (max-width: 599px) {
  #headImage .inside .rsSlider .rsts-view .rsts-crop .rsts-slides .rsts-slide.rsts-preactive .rsts-caption {
    top: 0.5em;
    left: 0;
    width: auto;
    font-size: 1em;
  }
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev, #headImage .inside .rsSlider .rsts-view a.rsts-next {
  position: absolute;
  bottom: auto;
  top: calc(50% - (60px / 2));
  left: 10px;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next {
  left: auto;
  right: 0px;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next {
  background: transparent;
  border: 0;
  width: 50px;
  height: 60px;
  text-indent: 0;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  overflow: visible;
  transition: all 0.3s ease-in;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:after {
  position: absolute;
  top: 75%;
  left: 0;
  content: "";
  background-color: #fff;
  height: 1px;
  width: 75%;
  line-height: 0;
  font-size: 0;
  box-shadow: 1px 1px 5px rgba(249, 249, 249, 0.75);
  transition: all 0.1s ease;
  transition-delay: 0.25s;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:before {
  transform: rotate(55deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:after {
  top: 25%;
  transform: rotate(-55deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev span, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next span, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev span, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next span {
  float: left;
  text-indent: -9999px;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev.rsts-next:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next.rsts-next:before {
  transform: rotate(-55deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev.rsts-next:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next.rsts-next:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev.rsts-next:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next.rsts-next:after {
  transform: rotate(55deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:hover, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:hover, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:hover, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:hover {
  width: 50px;
  height: 60px;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:hover:after {
  transition: all 0.3s ease;
  top: 70%;
  background-color: #fff;
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:hover:before {
  transform: rotate(40deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next:hover:after {
  top: 30%;
  transform: rotate(-40deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev.rsts-next:hover:before, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next.rsts-next:hover:before {
  transform: rotate(-40deg);
}

#headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-prev.rsts-next:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-prev.rsts-next.rsts-next:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-prev.rsts-next:hover:after, #headImage .inside .rsSlider .rsts-view a.rsts-next.rsts-next.rsts-next:hover:after {
  transform: rotate(40deg);
}

#headImage .inside .rsSlider .rsts-nav.rsts-nav-bullets {
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

#headImage .inside .rsSlider .rsts-nav.rsts-nav-bullets a {
  width: 11px;
  height: 11px;
  background-color: #333;
  border: 1px solid rgba(68, 68, 68, 0.1);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

#headImage .inside .rsSlider .rsts-nav.rsts-nav-bullets a.active {
  background-color: #444;
  border: 1px solid rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

/******** PageImage  *********/
#pageImage {
  float: left;
  position: relative;
}

#pageImage figure.image_container {
  float: left;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

#pageImage figure.image_container img {
  float: left;
  width: 100%;
  height: auto;
}

#pageImage .pageImageTitle {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  padding: 3em 5em 0 5em;
  text-align: right;
  color: #333;
  font-weight: 800;
  font-style: italic;
}

#pageImage .pageImageTitle p {
  opacity: 0.5;
  font-size: 1.75em;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.5em;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}

#pageImage .pageImageTitle p span, #pageImage .pageImageTitle p i {
  font-size: 1.5em;
  text-transform: none;
  display: block;
  font-style: italic;
}

/*****************************************************************************************/
/************************************** HBR-Slider ***************************************/
/*****************************************************************************************/
#headImage {
  position: relative;
  margin: 1em 0;
}

#headImage .inside {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

#hbrSlider {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

@media (min-width: 1680px) {
  #hbrSlider {
    min-height: 750px;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  #hbrSlider {
    min-height: 450px;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  #hbrSlider {
    min-height: 400px;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  #hbrSlider {
    min-height: 300px;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider {
    min-height: 300px;
  }
}

@media (max-width: 599px) {
  #hbrSlider {
    min-height: 250px;
  }
}

#hbrSlider .slides {
  float: left;
  width: 100%;
}

#hbrSlider .slides .slide {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  z-index: 1;
}

#hbrSlider .slides .slide .bgImage {
  opacity: 0;
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 4;
  transition: opacity 1s ease;
}

#hbrSlider .slides .slide .bgImage figure.image_container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

#hbrSlider .slides .slide .bgImage figure.image_container img {
  float: left;
  width: 100%;
  height: auto;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .bgImage figure.image_container img {
    width: auto;
    height: 100%;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .bgImage figure.image_container img {
    width: auto;
    height: 100%;
  }
}

#hbrSlider .slides .slide .sliderForeGround {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  text-decoration: none;
  padding: 0 5em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 99;
}

#hbrSlider .slides .slide .sliderForeGround:hover {
  color: #333;
}

@media (min-width: 1680px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}

#hbrSlider .slides .slide .sliderForeGround .image {
  position: relative;
  float: left;
  width: calc((100% / 12) * 5);
  margin: 0.5em 0;
  z-index: 6;
  top: 120%;
  transition: top 0.5s ease;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .image {
    width: 100%;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .image {
    width: 100%;
  }
}

#hbrSlider .slides .slide .sliderForeGround .image figure.image_container {
  float: left;
  width: 100%;
}

#hbrSlider .slides .slide .sliderForeGround .image figure.image_container img {
  float: left;
  width: 100%;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .image figure.image_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .image figure.image_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

#hbrSlider .slides .slide .sliderForeGround .image.hochFormat figure.image_container, #hbrSlider .slides .slide .sliderForeGround .image.quadratFormat figure.image_container {
  float: left;
  max-height: 100%;
}

#hbrSlider .slides .slide .sliderForeGround .image.hochFormat figure.image_container img, #hbrSlider .slides .slide .sliderForeGround .image.quadratFormat figure.image_container img {
  float: right;
  max-height: 100%;
  width: auto;
}

#hbrSlider .slides .slide .sliderForeGround .text {
  position: relative;
  float: left;
  width: calc((100% / 12) * 6);
  margin: 0.5em 0;
  z-index: 8;
  left: 100%;
  transition: left 0.7s ease;
  transition-delay: 0.2s;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .text {
    width: 100%;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .text {
    width: 100%;
  }
}

#hbrSlider .slides .slide .sliderForeGround .text p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#hbrSlider .slides .slide .sliderForeGround .text p.headline {
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.headline {
    text-align: center;
    font-size: 1.25em;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.headline {
    text-align: center;
    font-size: 1.25em;
  }
}

#hbrSlider .slides .slide .sliderForeGround .text p.description {
  margin-top: 0.5em;
  font-size: 1.2em;
  line-height: 1.2;
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.description {
    display: none;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.description {
    display: none;
  }
}

#hbrSlider .slides .slide .sliderForeGround .text p.link {
  margin-top: 1em;
  padding: 0.5em 2em;
  box-sizing: border-box;
  width: auto;
  display: inline-block;
  border-radius: 12px;
  background-color: #000;
  color: #F9F9F9;
  transition: background-color 0.3s ease;
  transition: color 0.3s ease;
}

#hbrSlider .slides .slide .sliderForeGround .text p.link:hover {
  color: rgba(249, 249, 249, 0.8);
  transition: background-color 0.3s ease;
  transition: color 0.3s ease;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.link {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.link {
    display: none;
  }
}

@media (max-width: 599px) {
  #hbrSlider .slides .slide .sliderForeGround .text p.link {
    display: none;
  }
}

#hbrSlider .slides .slide.start, #hbrSlider .slides .slide.active {
  z-index: 2;
}

#hbrSlider .slides .slide.start .bgImage, #hbrSlider .slides .slide.active .bgImage {
  opacity: 1;
}

#hbrSlider .slides .slide.start .sliderForeGround .image, #hbrSlider .slides .slide.active .sliderForeGround .image {
  top: 0;
}

#hbrSlider .slides .slide.start .sliderForeGround .text, #hbrSlider .slides .slide.active .sliderForeGround .text {
  left: 0;
}

#hbrSlider .slides .slide.current .bgImage {
  opacity: 0;
  transition: opacity 1s ease;
}

#hbrSlider .slides .slide.current .sliderForeGround .image {
  top: -120%;
  transition: top 0.5s ease;
}

#hbrSlider .slides .slide.current .sliderForeGround .text {
  left: 100%;
  transition: left 0.7s ease;
  transition-delay: 0.2s;
}

#hbrSlider .slides .slide.next .bgImage {
  opacity: 1;
  transition: opacity 1s ease;
}

#hbrSlider .slides .slide.next .sliderForeGround .image {
  top: 0%;
  transition: top 0.5s ease;
  transition-delay: 0.2s;
}

#hbrSlider .slides .slide.next .sliderForeGround .text {
  left: 0%;
  transition: left 0.7s ease;
}

#hbrSlider .slides .arrow {
  cursor: pointer;
  position: absolute;
  top: 45%;
  float: left;
  display: inline-block;
  font-size: 2em;
  padding: 4px 10px;
  z-index: 991;
  transition: color 0.3s ease;
}

#hbrSlider .slides .arrow:hover {
  transition: color 0.3s ease;
  color: #990001;
}

#hbrSlider .slides .arrow.prev {
  left: 1vw;
}

#hbrSlider .slides .arrow.prev:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e865";
}

#hbrSlider .slides .arrow.next {
  right: 1vw;
}

#hbrSlider .slides .arrow.next:after {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e866";
}

#hbrSlider .slides .arrow span {
  display: none;
}

/******************************* Hauptnavigation *****************************/
#topNav {
  float: right;
  width: auto;
  margin: 0.5em 0 0 0;
}

#topNav .inside {
  float: left;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#topNav .inside .naviMain {
  position: relative;
  float: right;
  background-color: transparent;
  z-index: 999;
  opacity: 1;
  padding: 0;
  margin-right: calc(30px / 2);
  transition: opacity 0.5s ease;
}

#topNav .inside .naviMain nav {
  display: block;
  position: relative;
  z-index: 5;
}

#topNav .inside .naviMain nav ul {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  text-align: center;
}

#topNav .inside .naviMain nav ul li {
  margin: 0px 30px;
  float: left;
  display: inline-block;
}

#topNav .inside .naviMain nav ul li a, #topNav .inside .naviMain nav ul li strong, #topNav .inside .naviMain nav ul li em {
  position: relative;
  overflow: hidden;
  font-style: normal;
  float: left;
  position: relative;
  padding: 0 0 0.5em 0;
  letter-spacing: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: none;
  line-height: 1em;
  color: #333;
  text-decoration: none;
}

#topNav .inside .naviMain nav ul li a:after, #topNav .inside .naviMain nav ul li strong:after, #topNav .inside .naviMain nav ul li em:after {
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  content: "";
  border-bottom: 1px solid #BFD565;
  transition: left 0.3s ease;
}

#topNav .inside .naviMain nav ul li a:hover:after, #topNav .inside .naviMain nav ul li strong:hover:after, #topNav .inside .naviMain nav ul li em:hover:after {
  left: 0;
  transition: left 0.5s ease;
}

#topNav .inside .naviMain nav ul li strong, #topNav .inside .naviMain nav ul li em, #topNav .inside .naviMain nav ul li a.trail, #topNav .inside .naviMain nav ul li a.active {
  cursor: not-allowed;
}

#topNav .inside .naviMain nav ul li strong:after, #topNav .inside .naviMain nav ul li em:after, #topNav .inside .naviMain nav ul li a.trail:after, #topNav .inside .naviMain nav ul li a.active:after {
  left: 0;
  border-color: #BFD565;
}

#topNav .inside .naviMain nav ul li button.toggleSubItem {
  display: none;
}

#topNav .inside .naviMain nav ul li ul {
  margin: 0;
  border: 0;
  display: none;
}

#topNav .inside .naviMain nav ul li.mobileMenuClose, #topNav .inside .naviMain nav ul li.backButton {
  display: none;
}

#topNav .inside .naviMain nav ul li.lang {
  display: none;
}

#topNav .inside .naviMain nav ul li.last {
  margin-right: 0;
}

#topNav .inside .naviMain.hide {
  opacity: 0.25;
  transition: opacity 0.5s ease;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #topNav {
    display: block;
    float: left;
    width: 100%;
  }
  #topNav .inside .naviMain {
    float: left;
    width: 100%;
    margin: 0;
  }
  #topNav .inside .naviMain nav {
    width: 100%;
  }
  #topNav .inside .naviMain nav ul {
    text-align: center;
  }
  #topNav .inside .naviMain nav ul li {
    float: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #topNav {
    display: block;
    float: left;
    width: 100%;
  }
  #topNav .inside .naviMain {
    float: left;
    width: 100%;
    margin: 0;
  }
  #topNav .inside .naviMain nav {
    width: 100%;
  }
  #topNav .inside .naviMain nav ul {
    text-align: center;
  }
  #topNav .inside .naviMain nav ul li {
    float: none;
  }
}

@media (max-width: 599px) {
  #topNav {
    display: block;
    float: left;
    width: 100%;
  }
  #topNav .inside .naviMain {
    float: left;
    width: 100%;
    margin: 0;
  }
  #topNav .inside .naviMain nav {
    width: 100%;
  }
  #topNav .inside .naviMain nav ul {
    text-align: center;
  }
  #topNav .inside .naviMain nav ul li {
    float: none;
  }
}

body.uploadknecht #topNav .inside .naviMain nav ul li a:after, body.uploadknecht #topNav .inside .naviMain nav ul li strong:after, body.uploadknecht #topNav .inside .naviMain nav ul li em:after {
  border-bottom: 1px solid #009FE3;
}

body.uploadknecht #topNav .inside .naviMain nav ul li strong:after, body.uploadknecht #topNav .inside .naviMain nav ul li em:after, body.uploadknecht #topNav .inside .naviMain nav ul li a.trail:after, body.uploadknecht #topNav .inside .naviMain nav ul li a.active:after {
  border-color: #009FE3;
}

/******************************* mobile Navigation *****************************/
#mobileTrigger {
  display: none;
  background: none;
  float: right;
  position: relative;
  width: 48px;
  height: 48px;
  z-index: 4;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #mobileTrigger {
    display: block;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #mobileTrigger {
    display: block;
  }
}

@media (max-width: 599px) {
  #mobileTrigger {
    display: block;
  }
}

#mobileTrigger button {
  cursor: pointer;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  background-color: transparent;
  border: 0;
  font-size: 1.25em;
}

#mobileTrigger button span {
  position: absolute;
  top: 20px;
  left: 14px;
  width: 20px;
  height: 1px;
  background-color: #000;
}

#mobileTrigger button span.line2 {
  top: auto;
  bottom: 20px;
}

#mobileTrigger button.active span.line1 {
  animation-name: firstSpan;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#mobileTrigger button.active span.line2 {
  animation-name: secondSpan;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#mobileTrigger button.inActive span.line1 {
  animation-name: firstSpanBack;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#mobileTrigger button.inActive span.line2 {
  animation-name: secondSpanBack;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#mobileTrigger button span.menuText {
  float: left;
  padding: 0;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.5em;
  color: #000;
  display: none;
}

body.uploadknecht #mobileTrigger button span {
  background-color: #009FE3;
}

@keyframes firstSpan {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 3px) rotate(45deg);
  }
}

@keyframes secondSpan {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -3px);
  }
  100% {
    transform: translate(0, -4px) rotate(-45deg);
  }
}

@keyframes firstSpanBack {
  0% {
    transform: translate(0, 3px) rotate(45deg);
  }
  50% {
    transform: translate(0, 3px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes secondSpanBack {
  0% {
    transform: translate(0, -4px) rotate(-45deg);
  }
  50% {
    transform: translate(0, -4px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0);
  }
}

#topNavMobil {
  position: fixed;
  float: left;
  top: 0;
  left: -80vw;
  left: 0;
  width: 80vw;
  height: 100vh;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-color: #444;
  z-index: 9999999;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  transition: box-shadow 0.5s ease;
}

#topNavMobil .inside {
  float: left;
  display: block !important;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0 !important;
}

#topNavMobil .inside .mobileNavTop {
  position: relative;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000;
  border-bottom: 1px solid #444;
  z-index: 999;
}

#topNavMobil .inside .mobileNavTop .ce_text {
  display: flex;
  align-items: center;
  margin: 0;
  float: left;
  width: calc(100% - 50px);
  box-sizing: border-box;
  padding: 0 0 0 12px;
}

#topNavMobil .inside .mobileNavTop .ce_text figure.image_container {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

#topNavMobil .inside .mobileNavTop .ce_text figure.image_container a {
  float: left;
  line-height: 0;
  margin: 0;
  padding: 0;
}

#topNavMobil .inside .mobileNavTop .ce_text figure.image_container img {
  width: 60px;
  height: auto;
  float: left;
}

#topNavMobil .inside .mobileNavTop .ce_text p {
  font-size: 0.9em;
}

#topNavMobil .inside .mobileNavTop .ce_text p a {
  text-decoration: none;
  color: #F9F9F9;
}

#topNavMobil .inside .mobileNavTop #mobileMenuClose {
  float: right;
  position: relative;
  height: 100%;
  width: 50px;
  cursor: pointer;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  border-left: 1px solid #444;
  background-color: transparent;
  color: #F9F9F9;
}

#topNavMobil .inside .mobileNavTop #mobileMenuClose span {
  display: none;
}

#topNavMobil .inside .mobileNavTop #mobileMenuClose:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e890";
}

#topNavMobil .inside .naviMain {
  overflow-y: auto;
  height: calc(100vh - 50px);
  width: 100%;
  display: block;
  background: none;
  float: left;
  padding: 0;
  margin: 0;
}

#topNavMobil .inside .naviMain:before {
  display: none;
}

#topNavMobil .inside .naviMain nav {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  position: static;
}

#topNavMobil .inside .naviMain nav ul {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin: 0;
  font-size: 1em;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  z-index: 1;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#topNavMobil .inside .naviMain nav ul li {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #444;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /******************/
  /* Submenu Button */
  /******************/
  /*****************/
  /*  backButton   */
  /*****************/
}

#topNavMobil .inside .naviMain nav ul li a, #topNavMobil .inside .naviMain nav ul li strong, #topNavMobil .inside .naviMain nav ul li em {
  position: relative;
  line-height: 1.3em;
  width: calc(100% - 50px);
  float: left;
  display: block;
  box-sizing: border-box;
  padding: 10px 5px 10px 15px;
  margin: 5px 0;
  color: #F9F9F9;
  font-style: normal;
  text-decoration: none;
  align-self: center;
}

#topNavMobil .inside .naviMain nav ul li a:hover {
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li a:hover:before {
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li strong, #topNavMobil .inside .naviMain nav ul li em, #topNavMobil .inside .naviMain nav ul li strong.active, #topNavMobil .inside .naviMain nav ul li em.active, #topNavMobil .inside .naviMain nav ul li strong.trail, #topNavMobil .inside .naviMain nav ul li em.trail, #topNavMobil .inside .naviMain nav ul li a.active, #topNavMobil .inside .naviMain nav ul li a.trail {
  font-weight: 300;
  color: #BFD565;
}

#topNavMobil .inside .naviMain nav ul li strong:before, #topNavMobil .inside .naviMain nav ul li em:before, #topNavMobil .inside .naviMain nav ul li strong.active:before, #topNavMobil .inside .naviMain nav ul li em.active:before, #topNavMobil .inside .naviMain nav ul li strong.trail:before, #topNavMobil .inside .naviMain nav ul li em.trail:before, #topNavMobil .inside .naviMain nav ul li a.active:before, #topNavMobil .inside .naviMain nav ul li a.trail:before {
  color: #BFD565;
}

#topNavMobil .inside .naviMain nav ul li button.toggleSubItem {
  position: relative;
  width: 50px;
  padding: 0;
  margin: 0;
  border: 0;
  border-left: 1px solid #444;
  background-color: transparent;
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li button.toggleSubItem:before {
  font-size: 1.4em;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e860";
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li button.toggleSubItem span {
  display: none;
}

#topNavMobil .inside .naviMain nav ul li ul {
  display: block;
  position: absolute;
  top: 50px;
  left: 100%;
  width: 100%;
  height: calc(100% - 50px);
  text-transform: none;
  background-color: #000;
  background: linear-gradient(to bottom, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#000");
  /*For IE7-8-9*/
  z-index: 2;
}

#topNavMobil .inside .naviMain nav ul li ul li ul {
  top: 0;
  height: 100%;
  box-sizing: border-box;
  z-index: 3;
}

#topNavMobil .inside .naviMain nav ul li ul li ul li {
  width: 100%;
}

#topNavMobil .inside .naviMain nav ul li ul li ul li ul {
  z-index: 4;
}

#topNavMobil .inside .naviMain nav ul li ul li ul li ul li a, #topNavMobil .inside .naviMain nav ul li ul li ul li ul li strong, #topNavMobil .inside .naviMain nav ul li ul li ul li ul li em {
  width: calc(100% - 10px);
}

#topNavMobil .inside .naviMain nav ul li.active, #topNavMobil .inside .naviMain nav ul li.trail {
  background-color: rgba(0, 0, 0, 0.9);
}

#topNavMobil .inside .naviMain nav ul li.backButton {
  display: block;
  float: left;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  background-color: rgba(68, 68, 68, 0.05);
  z-index: 9999;
}

#topNavMobil .inside .naviMain nav ul li.backButton button {
  float: left;
  position: relative;
  cursor: pointer;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
}

#topNavMobil .inside .naviMain nav ul li.backButton button span.icon {
  align-self: center;
  width: 50px;
  height: 50px;
  font-size: 1.4em;
  color: #F9F9F9;
  border-right: 1px solid #F9F9F9;
  background-color: transparent;
  color: #F9F9F9;
  display: flex;
  justify-content: space-around;
}

#topNavMobil .inside .naviMain nav ul li.backButton button span.icon:before {
  align-self: center;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e862";
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li.backButton button span.name {
  width: calc(100% - 50px);
  box-sizing: border-box;
  padding: 0 5px 0 15px;
  align-self: center;
  font-weight: 300;
  font-size: 1.4em;
  color: #F9F9F9;
}

#topNavMobil .inside .naviMain nav ul li.backButton button:hover {
  color: #990001;
}

#topNavMobil .inside .naviMain nav ul li.backButton button:hover:before {
  color: #990001;
}

#topNavMobil .inside .naviMain .naviFooterMobile {
  z-index: 1;
  margin-top: 1px;
}

#topNavMobil .inside .naviMain .naviFooterMobile ul {
  z-index: 1;
  width: 100%;
  border: 0;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #topNavMobil {
    left: -50vw;
    width: 50vw;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #topNavMobil {
    left: -60vw;
    width: 60vw;
  }
}

@media (max-width: 599px) {
  #topNavMobil {
    left: -100vw;
    width: 100vw;
  }
}

#topNavMobil.active {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  transition: box-shadow 0.5s ease;
}

/******************************* Subnavigation *****************************/
#naviSub {
  margin-top: 0;
}

#naviSub ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0.875em;
}

#naviSub ul li {
  display: block;
}

#naviSub ul li a, #naviSub ul li strong, #naviSub ul li em {
  text-decoration: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 4px 5px 4px 10px;
  color: #333;
}

#naviSub ul li a:before, #naviSub ul li strong:before, #naviSub ul li em:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.5em;
  position: absolute;
  top: 8px;
  left: 0px;
  content: "";
}

#naviSub ul li a:hover, #naviSub ul li strong:hover, #naviSub ul li em:hover {
  color: #BFD565;
}

#naviSub ul li a:hover:before, #naviSub ul li strong:hover:before, #naviSub ul li em:hover:before {
  color: #BFD565;
}

#naviSub ul li strong, #naviSub ul li em, #naviSub ul li a.active, #naviSub ul li a.trail, #naviSub ul li strong.active, #naviSub ul li em.active {
  color: #990001;
}

#naviSub ul li strong:hover, #naviSub ul li em:hover, #naviSub ul li a.active:hover, #naviSub ul li a.trail:hover, #naviSub ul li strong.active:hover, #naviSub ul li em.active:hover {
  color: #990001;
}

#naviSub ul li ul {
  font-size: 1em;
  display: none;
  margin: 0px 0px 0px 0px;
}

#naviSub ul li ul li, #naviSub ul li ul li.active, #naviSub ul li ul li.trail, #naviSub ul li ul li:hover {
  padding: 0;
  border-bottom: 0;
  background-color: transparent;
}

#naviSub ul li ul li a, #naviSub ul li ul li strong, #naviSub ul li ul li em, #naviSub ul li ul li.active a, #naviSub ul li ul li.active strong, #naviSub ul li ul li.active em, #naviSub ul li ul li.trail a, #naviSub ul li ul li.trail strong, #naviSub ul li ul li.trail em, #naviSub ul li ul li:hover a, #naviSub ul li ul li:hover strong, #naviSub ul li ul li:hover em {
  text-transform: none;
  letter-spacing: 0px;
  padding: 4px 10px 3px 20px;
  margin: 0px;
  letter-spacing: 0px;
  font-style: normal;
}

#naviSub ul li ul li a:before, #naviSub ul li ul li strong:before, #naviSub ul li ul li em:before, #naviSub ul li ul li.active a:before, #naviSub ul li ul li.active strong:before, #naviSub ul li ul li.active em:before, #naviSub ul li ul li.trail a:before, #naviSub ul li ul li.trail strong:before, #naviSub ul li ul li.trail em:before, #naviSub ul li ul li:hover a:before, #naviSub ul li ul li:hover strong:before, #naviSub ul li ul li:hover em:before {
  position: absolute;
  top: 8px;
  left: 10px;
  content: "";
}

#naviSub ul li ul li ul, #naviSub ul li ul li.active ul, #naviSub ul li ul li.trail ul, #naviSub ul li ul li:hover ul {
  display: none;
  margin: 0px;
}

#naviSub ul li ul li ul li, #naviSub ul li ul li ul li.active, #naviSub ul li ul li ul li.trail, #naviSub ul li ul li ul li:hover, #naviSub ul li ul li.active ul li, #naviSub ul li ul li.active ul li.active, #naviSub ul li ul li.active ul li.trail, #naviSub ul li ul li.active ul li:hover, #naviSub ul li ul li.trail ul li, #naviSub ul li ul li.trail ul li.active, #naviSub ul li ul li.trail ul li.trail, #naviSub ul li ul li.trail ul li:hover, #naviSub ul li ul li:hover ul li, #naviSub ul li ul li:hover ul li.active, #naviSub ul li ul li:hover ul li.trail, #naviSub ul li ul li:hover ul li:hover {
  border-bottom: 0;
  background-color: transparent;
}

#naviSub ul li ul li ul li a, #naviSub ul li ul li ul li strong, #naviSub ul li ul li ul li em, #naviSub ul li ul li ul li.active a, #naviSub ul li ul li ul li.active strong, #naviSub ul li ul li ul li.active em, #naviSub ul li ul li ul li.trail a, #naviSub ul li ul li ul li.trail strong, #naviSub ul li ul li ul li.trail em, #naviSub ul li ul li ul li:hover a, #naviSub ul li ul li ul li:hover strong, #naviSub ul li ul li ul li:hover em, #naviSub ul li ul li.active ul li a, #naviSub ul li ul li.active ul li strong, #naviSub ul li ul li.active ul li em, #naviSub ul li ul li.active ul li.active a, #naviSub ul li ul li.active ul li.active strong, #naviSub ul li ul li.active ul li.active em, #naviSub ul li ul li.active ul li.trail a, #naviSub ul li ul li.active ul li.trail strong, #naviSub ul li ul li.active ul li.trail em, #naviSub ul li ul li.active ul li:hover a, #naviSub ul li ul li.active ul li:hover strong, #naviSub ul li ul li.active ul li:hover em, #naviSub ul li ul li.trail ul li a, #naviSub ul li ul li.trail ul li strong, #naviSub ul li ul li.trail ul li em, #naviSub ul li ul li.trail ul li.active a, #naviSub ul li ul li.trail ul li.active strong, #naviSub ul li ul li.trail ul li.active em, #naviSub ul li ul li.trail ul li.trail a, #naviSub ul li ul li.trail ul li.trail strong, #naviSub ul li ul li.trail ul li.trail em, #naviSub ul li ul li.trail ul li:hover a, #naviSub ul li ul li.trail ul li:hover strong, #naviSub ul li ul li.trail ul li:hover em, #naviSub ul li ul li:hover ul li a, #naviSub ul li ul li:hover ul li strong, #naviSub ul li ul li:hover ul li em, #naviSub ul li ul li:hover ul li.active a, #naviSub ul li ul li:hover ul li.active strong, #naviSub ul li ul li:hover ul li.active em, #naviSub ul li ul li:hover ul li.trail a, #naviSub ul li ul li:hover ul li.trail strong, #naviSub ul li ul li:hover ul li.trail em, #naviSub ul li ul li:hover ul li:hover a, #naviSub ul li ul li:hover ul li:hover strong, #naviSub ul li ul li:hover ul li:hover em {
  padding: 4px 10px 3px 30px;
}

#naviSub ul li ul li ul li a:before, #naviSub ul li ul li ul li strong:before, #naviSub ul li ul li ul li em:before, #naviSub ul li ul li ul li.active a:before, #naviSub ul li ul li ul li.active strong:before, #naviSub ul li ul li ul li.active em:before, #naviSub ul li ul li ul li.trail a:before, #naviSub ul li ul li ul li.trail strong:before, #naviSub ul li ul li ul li.trail em:before, #naviSub ul li ul li ul li:hover a:before, #naviSub ul li ul li ul li:hover strong:before, #naviSub ul li ul li ul li:hover em:before, #naviSub ul li ul li.active ul li a:before, #naviSub ul li ul li.active ul li strong:before, #naviSub ul li ul li.active ul li em:before, #naviSub ul li ul li.active ul li.active a:before, #naviSub ul li ul li.active ul li.active strong:before, #naviSub ul li ul li.active ul li.active em:before, #naviSub ul li ul li.active ul li.trail a:before, #naviSub ul li ul li.active ul li.trail strong:before, #naviSub ul li ul li.active ul li.trail em:before, #naviSub ul li ul li.active ul li:hover a:before, #naviSub ul li ul li.active ul li:hover strong:before, #naviSub ul li ul li.active ul li:hover em:before, #naviSub ul li ul li.trail ul li a:before, #naviSub ul li ul li.trail ul li strong:before, #naviSub ul li ul li.trail ul li em:before, #naviSub ul li ul li.trail ul li.active a:before, #naviSub ul li ul li.trail ul li.active strong:before, #naviSub ul li ul li.trail ul li.active em:before, #naviSub ul li ul li.trail ul li.trail a:before, #naviSub ul li ul li.trail ul li.trail strong:before, #naviSub ul li ul li.trail ul li.trail em:before, #naviSub ul li ul li.trail ul li:hover a:before, #naviSub ul li ul li.trail ul li:hover strong:before, #naviSub ul li ul li.trail ul li:hover em:before, #naviSub ul li ul li:hover ul li a:before, #naviSub ul li ul li:hover ul li strong:before, #naviSub ul li ul li:hover ul li em:before, #naviSub ul li ul li:hover ul li.active a:before, #naviSub ul li ul li:hover ul li.active strong:before, #naviSub ul li ul li:hover ul li.active em:before, #naviSub ul li ul li:hover ul li.trail a:before, #naviSub ul li ul li:hover ul li.trail strong:before, #naviSub ul li ul li:hover ul li.trail em:before, #naviSub ul li ul li:hover ul li:hover a:before, #naviSub ul li ul li:hover ul li:hover strong:before, #naviSub ul li ul li:hover ul li:hover em:before {
  position: absolute;
  top: 8px;
  left: 20px;
}

#naviSub ul li ul li ul li ul li, #naviSub ul li ul li ul li ul li.active, #naviSub ul li ul li ul li ul li.trail, #naviSub ul li ul li ul li ul li:hover, #naviSub ul li ul li ul li.active ul li, #naviSub ul li ul li ul li.active ul li.active, #naviSub ul li ul li ul li.active ul li.trail, #naviSub ul li ul li ul li.active ul li:hover, #naviSub ul li ul li ul li.trail ul li, #naviSub ul li ul li ul li.trail ul li.active, #naviSub ul li ul li ul li.trail ul li.trail, #naviSub ul li ul li ul li.trail ul li:hover, #naviSub ul li ul li ul li:hover ul li, #naviSub ul li ul li ul li:hover ul li.active, #naviSub ul li ul li ul li:hover ul li.trail, #naviSub ul li ul li ul li:hover ul li:hover, #naviSub ul li ul li.active ul li ul li, #naviSub ul li ul li.active ul li ul li.active, #naviSub ul li ul li.active ul li ul li.trail, #naviSub ul li ul li.active ul li ul li:hover, #naviSub ul li ul li.active ul li.active ul li, #naviSub ul li ul li.active ul li.active ul li.active, #naviSub ul li ul li.active ul li.active ul li.trail, #naviSub ul li ul li.active ul li.active ul li:hover, #naviSub ul li ul li.active ul li.trail ul li, #naviSub ul li ul li.active ul li.trail ul li.active, #naviSub ul li ul li.active ul li.trail ul li.trail, #naviSub ul li ul li.active ul li.trail ul li:hover, #naviSub ul li ul li.active ul li:hover ul li, #naviSub ul li ul li.active ul li:hover ul li.active, #naviSub ul li ul li.active ul li:hover ul li.trail, #naviSub ul li ul li.active ul li:hover ul li:hover, #naviSub ul li ul li.trail ul li ul li, #naviSub ul li ul li.trail ul li ul li.active, #naviSub ul li ul li.trail ul li ul li.trail, #naviSub ul li ul li.trail ul li ul li:hover, #naviSub ul li ul li.trail ul li.active ul li, #naviSub ul li ul li.trail ul li.active ul li.active, #naviSub ul li ul li.trail ul li.active ul li.trail, #naviSub ul li ul li.trail ul li.active ul li:hover, #naviSub ul li ul li.trail ul li.trail ul li, #naviSub ul li ul li.trail ul li.trail ul li.active, #naviSub ul li ul li.trail ul li.trail ul li.trail, #naviSub ul li ul li.trail ul li.trail ul li:hover, #naviSub ul li ul li.trail ul li:hover ul li, #naviSub ul li ul li.trail ul li:hover ul li.active, #naviSub ul li ul li.trail ul li:hover ul li.trail, #naviSub ul li ul li.trail ul li:hover ul li:hover, #naviSub ul li ul li:hover ul li ul li, #naviSub ul li ul li:hover ul li ul li.active, #naviSub ul li ul li:hover ul li ul li.trail, #naviSub ul li ul li:hover ul li ul li:hover, #naviSub ul li ul li:hover ul li.active ul li, #naviSub ul li ul li:hover ul li.active ul li.active, #naviSub ul li ul li:hover ul li.active ul li.trail, #naviSub ul li ul li:hover ul li.active ul li:hover, #naviSub ul li ul li:hover ul li.trail ul li, #naviSub ul li ul li:hover ul li.trail ul li.active, #naviSub ul li ul li:hover ul li.trail ul li.trail, #naviSub ul li ul li:hover ul li.trail ul li:hover, #naviSub ul li ul li:hover ul li:hover ul li, #naviSub ul li ul li:hover ul li:hover ul li.active, #naviSub ul li ul li:hover ul li:hover ul li.trail, #naviSub ul li ul li:hover ul li:hover ul li:hover {
  border-bottom: 0;
  background-color: transparent;
}

#naviSub ul.level_1 li.active > ul, #naviSub ul.level_1 li.trail > ul,
#naviSub ul.level_2 li.active > ul, #naviSub ul.level_2 li.trail > ul,
#naviSub ul.level_3 li.active > ul, #naviSub ul.level_3 li.trail > ul,
#naviSub ul.level_4 li.active > ul, #naviSub ul.level_4 li.trail > ul {
  display: block;
}

body.uploadknecht #naviSub ul li a, body.uploadknecht #naviSub ul li strong, body.uploadknecht #naviSub ul li em {
  color: #333;
}

body.uploadknecht #naviSub ul li a:hover, body.uploadknecht #naviSub ul li strong:hover, body.uploadknecht #naviSub ul li em:hover {
  color: #009FE3;
}

body.uploadknecht #naviSub ul li a:hover:before, body.uploadknecht #naviSub ul li strong:hover:before, body.uploadknecht #naviSub ul li em:hover:before {
  color: #009FE3;
}

body.uploadknecht #naviSub ul strong, body.uploadknecht #naviSub ul em, body.uploadknecht #naviSub ul a.active, body.uploadknecht #naviSub ul a.trail, body.uploadknecht #naviSub ul strong.active, body.uploadknecht #naviSub ul em.active {
  color: #990001;
}

body.uploadknecht #naviSub ul strong:hover, body.uploadknecht #naviSub ul em:hover, body.uploadknecht #naviSub ul a.active:hover, body.uploadknecht #naviSub ul a.trail:hover, body.uploadknecht #naviSub ul strong.active:hover, body.uploadknecht #naviSub ul em.active:hover {
  color: #990001;
}

/******************************* breadCrump ************************************/
#naviBreadCrump {
  float: left;
  width: calc(100% - 30px);
  margin: 10px calc(30px / 2);
}

#naviBreadCrump ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
}

#naviBreadCrump ul li {
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
}

#naviBreadCrump ul li a {
  font-weight: normal;
  color: #333;
  text-decoration: none;
  float: left;
}

#naviBreadCrump ul li a:after {
  content: ":";
  margin-left: 5px;
}

#naviBreadCrump ul li a:hover {
  color: #990001;
}

#naviBreadCrump ul li strong {
  text-decoration: none;
}

/******************************* Footer *****************************/
/******************************* Pagination *****************************/
.pagination {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.pagination ul {
  background-color: #F9F9F9;
  background: linear-gradient(to bottom, #444, #F9F9F9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#F9F9F9");
  /*For IE7-8-9*/
  border-radius: calc(12px / 2);
  width: auto;
  box-sizing: border-box;
  float: right;
  margin: 0 calc(30px / 2);
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
}

@media (min-width: 600px) and (max-width: 719px) {
  .pagination ul {
    margin-right: 0;
  }
}

@media (max-width: 599px) {
  .pagination ul {
    margin-right: 0;
  }
}

.pagination ul li {
  display: inline;
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}

.pagination ul li a {
  padding: 7px 15px;
  float: right;
  color: #F9F9F9;
  text-decoration: none;
  transition: background-color 0.3s ease;
  transition: color 0.3s ease;
}

.pagination ul li a:hover {
  color: #333;
  transition: background-color 0.2s ease;
  transition: color 0.3s ease;
}

.pagination ul li a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e8af";
  float: left;
  box-sizing: border-box;
  padding-top: 2px;
}

.pagination ul li a.previous:before {
  content: "\e8ae";
}

.pagination ul li a.first:before {
  content: "\e8b2";
}

.pagination ul li a.next:before {
  content: "\e8af";
}

.pagination ul li a.last:before {
  content: "\e8ad";
}

.pagination ul li a span {
  display: none;
}

.pagination ul li.col_first {
  clear: none;
}

.pagination ul li.select {
  padding: 0;
  margin: 0;
}

.pagination ul li.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
}

.pagination ul li.select select {
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif;
  color: #F9F9F9;
  font-size: 0.875em;
  font-weight: 300;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  margin: 0;
  background-color: #F9F9F9;
  background-image: url("../../files/Layout/images/select-arrow-white.png");
  background-size: 25% auto;
  background-position: 75% 50%;
  background-repeat: no-repeat;
}

.pagination ul li.select select.autoWidth {
  width: auto;
}

.pagination ul li.select select.smallSelect {
  padding: 0.3em 2.5em 0.25em 1em;
}

.pagNoMargin .pagination ul {
  margin: 0;
}

.pagLeft .pagination ul {
  float: left;
}

/******************************* topLink *****************************/
.ce_toplink {
  float: left;
  width: calc(100% - 30px);
  margin: 40px calc(30px / 2);
  position: relative;
  border: 0;
  border-top: 1px solid #000;
  text-align: center;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

.ce_toplink a {
  position: relative;
  box-sizing: border-box;
  top: -8px;
  background-color: #000;
  display: block;
  text-decoration: none;
  padding: 0 10px;
  border: 1px solid #000;
  border-radius: 12px;
  border-top: 0;
  border-bottom: 0;
  text-align: center;
  width: 104px;
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 1px;
  color: #F9F9F9;
}

.ce_toplink a:hover {
  color: #990001;
}

@media (min-width: 1680px) {
  .ce_toplink a {
    width: 120px;
  }
}

.ce_toplink.hidden {
  visibility: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ce_toplink.hidden.extraMargin {
  margin: 80px calc(30px / 2);
}

body.uploadknecht .ce_toplink {
  border-top: 1px solid #009FE3;
}

body.uploadknecht .ce_toplink a {
  background-color: #009FE3;
  border: 1px solid #009FE3;
  color: #F9F9F9;
}

body.uploadknecht .ce_toplink a:hover {
  color: #990001;
}

body.uploadknecht .ce_toplink.dotted {
  border-style: dotted;
}

body.uploadknecht .ce_toplink.dotted a {
  display: none;
}

/******************************* Sitemap *****************************/
#siteMap ul.level_1 {
  width: 100%;
  margin: 0;
  float: left;
  display: block;
  font-size: 1.25em;
}

#siteMap ul.level_1 li {
  float: left;
  width: calc(25% - 30px);
  margin: 10px calc(30px / 2) 15px calc(30px / 2);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #siteMap ul.level_1 li {
    width: calc(25% - 30px);
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #siteMap ul.level_1 li {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  #siteMap ul.level_1 li {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

#siteMap ul.level_1 li a {
  width: 100%;
  float: left;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  padding: 2px 2px 2px 10px;
}

#siteMap ul.level_1 li a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 2px;
  left: 0;
  content: "\f105";
}

#siteMap ul.level_1 li ul {
  width: calc(100% - 5px);
  font-size: 0.875em;
  margin-top: 10px;
  margin-left: 5px;
}

#siteMap ul.level_1 li ul li {
  float: left;
  display: block;
  width: 100%;
  margin: 0px 0px 2px 0px;
}

#siteMap ul.level_1 li ul li ul {
  font-size: 0.95em;
}

#siteMap ul.level_1 li ul li.level_3 {
  box-sizing: border-box;
  padding-left: 25px;
  font-size: 0.95em;
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  #siteMap ul.level_1 li {
    width: 50%;
    margin: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 599px) and (orientation: landscape) {
  #siteMap ul.level_1 li {
    width: 50%;
    margin: 0;
    margin-bottom: 15px;
  }
}

/******************************************************************************/
/***************************  Tel + Lang + Trigger ****************************/
/******************************************************************************/
#topRow {
  box-sizing: border-box;
  padding: 0;
  background-color: #F9F9F9;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #topRow {
    background-color: transparent;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #topRow {
    background-color: transparent;
  }
}

@media (max-width: 599px) {
  #topRow {
    background-color: transparent;
  }
}

#topRow .inside {
  float: left;
  width: 100%;
}

#topRow .inside #telNumber {
  background: #000;
  box-sizing: border-box;
  padding: 2px 10px;
  float: right;
  box-sizing: border-box;
  padding: 0.25em calc(30px / 2);
  margin: 0;
  margin-right: calc(30px / 2);
  overflow: hidden;
  border-top: 0;
  border-right: 0;
  position: relative;
  z-index: 4;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #topRow .inside #telNumber {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #topRow .inside #telNumber {
    display: none;
  }
}

@media (max-width: 599px) {
  #topRow .inside #telNumber {
    display: none;
  }
}

#topRow .inside #telNumber .ce_text {
  float: left;
  margin: 0;
  width: auto;
}

#topRow .inside #telNumber .ce_text a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #F9F9F9;
  font-size: 0.875em;
}

#topRow .inside #telNumber .ce_text a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e894";
  font-weight: 300;
  font-size: 0.875em;
  margin-right: 0.4em;
}

#topRow .inside #naviLang {
  float: left;
  display: block;
  position: relative;
  width: auto;
  padding: 0.25em 0 0.25em 8px;
  margin: 0;
  margin-left: 8px;
  border-left: 1px solid #444;
  font-size: 0.875em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #topRow .inside #naviLang {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #topRow .inside #naviLang {
    display: none;
  }
}

@media (max-width: 599px) {
  #topRow .inside #naviLang {
    display: none;
  }
}

#topRow .inside #naviLang ul {
  float: left;
  width: auto;
  margin: 0;
}

#topRow .inside #naviLang ul:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  content: "\e824";
  margin-right: 0.3em;
  color: #333;
  font-size: 0.9em;
  line-height: 1.5;
}

#topRow .inside #naviLang ul li {
  float: left;
  width: auto;
  display: inline;
  padding: 0 5px;
  border-right: 1px solid #333;
}

#topRow .inside #naviLang ul li.last {
  border: 0;
}

#topRow .inside #naviLang ul li a, #topRow .inside #naviLang ul li strong {
  text-decoration: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 1px;
}

#topRow .inside #naviLang ul li strong {
  font-weight: 900;
}

#headRow {
  margin: 1em 0 0.5em 0;
  clear: both;
  position: relative;
  top: 0;
  z-index: 9999;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
}

#headRow .inside {
  float: left;
  width: 100%;
  padding: 0.5em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headRow .inside {
    padding: 0 0 1em 0;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headRow .inside {
    padding: 0 0 1em 0;
  }
}

@media (max-width: 599px) {
  #headRow .inside {
    padding: 0 0 1em 0;
  }
}

#headRow .inside #logo {
  float: left;
  width: auto;
  margin: 0 calc(30px / 2);
}

#headRow .inside #logo .inside {
  float: left;
  margin: 0;
  padding: 0;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headRow .inside #logo .inside {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headRow .inside #logo .inside {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 599px) {
  #headRow .inside #logo .inside {
    display: flex;
    justify-content: center;
  }
}

#headRow .inside #logo .inside .ce_text, #headRow .inside #logo .inside .ce_image {
  margin: 0;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#headRow .inside #logo .inside .ce_text figure.image_container, #headRow .inside #logo .inside .ce_image figure.image_container {
  float: left;
  margin: 0;
  padding: 0;
  height: auto;
}

#headRow .inside #logo .inside .ce_text figure.image_container a, #headRow .inside #logo .inside .ce_image figure.image_container a {
  float: left;
  text-decoration: none;
  margin: 0;
  padding: 0;
  line-height: 0em;
  clear: both;
}

#headRow .inside #logo .inside .ce_text figure.image_container a img, #headRow .inside #logo .inside .ce_image figure.image_container a img {
  padding: 5px 0;
  width: 100%;
  transition: width 0.3s ease;
}

#headRow .inside #logo .inside .ce_text p, #headRow .inside #logo .inside .ce_image p {
  position: relative;
  display: inline-block;
  margin-left: 1em;
}

#headRow .inside #logo .inside .ce_text p a, #headRow .inside #logo .inside .ce_image p a {
  float: left;
  line-height: 1em;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

#headRow .inside #logo .inside .ce_text p a:hover, #headRow .inside #logo .inside .ce_image p a:hover {
  color: #333;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #headRow {
    margin-top: 0;
    position: relative;
    border-bottom: 0;
  }
  #headRow .inside #logo {
    width: 100%;
    margin: 0;
  }
  #headRow .inside #logo .inside .ce_text {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #headRow .inside #logo .inside .ce_text p {
    text-align: center;
    margin: 0.75em 0;
  }
  #headRow .inside #logo .inside .ce_text p a {
    text-decoration: none;
    text-align: center;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #headRow {
    margin-top: 0;
    position: relative;
    border-bottom: 0;
  }
  #headRow .inside #logo {
    width: 100%;
    margin: 0;
  }
  #headRow .inside #logo .inside .ce_text {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #headRow .inside #logo .inside .ce_text p {
    text-align: center;
    margin: 0.75em 0;
  }
  #headRow .inside #logo .inside .ce_text p a {
    text-decoration: none;
    text-align: center;
  }
}

@media (max-width: 599px) {
  #headRow {
    margin-top: 0;
    position: relative;
    border-bottom: 0;
  }
  #headRow .inside #logo {
    width: 100%;
    margin: 0;
  }
  #headRow .inside #logo .inside .ce_text {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #headRow .inside #logo .inside .ce_text p {
    text-align: center;
    margin: 0.75em 0;
  }
  #headRow .inside #logo .inside .ce_text p a {
    text-decoration: none;
    text-align: center;
  }
}

#headRow.scrolling {
  background-color: #F9F9F9;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease;
  transition: border-color 0.3s ease;
  transition-delay: 0.5s;
  z-index: 9999991;
}

#headRow.scrolling .inside #logo .inside .ce_text figure.image_container a img, #headRow.scrolling .inside #logo .inside .ce_image figure.image_container a img {
  width: 50%;
  transition: width 0.3s ease;
}

#pageImage {
  width: 100%;
}

#pageImage figure.image_container {
  margin: 0;
  float: left;
  width: 100%;
}

#pageImage figure.image_container img {
  width: 100%;
  margin: 0;
}

#foot {
  margin-top: 4em;
  padding: 2em 0;
  float: left;
  width: 100%;
  background: #F9F9F9;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-top: 1px solid #000;
}

#foot h1, #foot h2, #foot h3, #foot h4, #foot h5, #foot h6, #foot a, #foot p {
  color: #F9F9F9;
  font-size: 1em;
  font-weight: 600;
  background-color: transparent;
  color: #333;
  padding: 0;
}

#foot h3, #foot h4, #foot h5, #foot h6 {
  display: block;
  border-bottom: 1px solid #BFD565;
  padding-bottom: 0.75em;
  margin-bottom: 0.5em;
}

#foot a {
  text-decoration: none;
}

#foot a:hover {
  color: #990001;
}

#foot .inside {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

#foot .inside .footerAdress {
  position: relative;
  float: left;
  margin: 10px calc(30px / 2);
  box-sizing: border-box;
  padding-left: 4em;
  width: calc((100% / 3) - 30px);
  width: auto;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #foot .inside .footerAdress {
    width: calc(50% - 30px);
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #foot .inside .footerAdress {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  #foot .inside .footerAdress {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

#foot .inside .footerAdress:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  float: left;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1em;
  content: "\e843";
  font-size: 5em;
  color: #BFD565;
}

#foot .inside .footerAdress p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 0.875em;
  line-height: 1.5em;
  float: left;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#foot .inside .footerAdress p:first-child {
  margin-bottom: 0.5em;
}

#foot .inside .footerAdress p:last-child {
  margin-top: 0.5em;
}

#foot .inside .footerAdress p a {
  display: inline-block;
  cursor: pointer;
}

#foot .inside .mod_sharebuttons {
  float: left;
  margin: 10px calc(30px / 2);
  width: calc(20% - 30px);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #foot .inside .mod_sharebuttons {
    width: calc(50% - 30px);
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #foot .inside .mod_sharebuttons {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  #foot .inside .mod_sharebuttons {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

#foot .inside .mod_sharebuttons .sharebuttons {
  position: relative;
  float: left;
  margin-top: 0.5em;
}

#foot .inside .mod_sharebuttons .sharebuttons ul {
  font-size: 1.4em;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li {
  float: left;
  margin: 0 0.5em;
  display: inline;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li:first-child {
  margin-left: 0;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li:last-child {
  margin-right: 0;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a {
  color: #333;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a span {
  display: none;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09a";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a:hover {
  color: #990001;
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.twitter:before {
  content: "\f099";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.xing:before {
  content: "\f168";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.youtube:before {
  content: "\f167";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.instagram:before {
  content: "\f16d";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.linkedin:before {
  content: "\f0e1";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.mail:before {
  content: "\f0e0";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.print:before {
  content: "\e840";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.pdf:before {
  content: "\f1c1";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.instagram:before {
  content: "\f16d";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.youtube:before {
  content: "\f167";
}

#foot .inside .mod_sharebuttons .sharebuttons ul li a.whatsapp:before {
  content: "\e8e9";
}

#foot .inside #partner {
  float: left;
  margin: 10px calc(30px / 2);
  width: calc(40% - 30px);
  display: flex;
  justify-content: space-between;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #foot .inside #partner {
    width: calc(50% - 30px);
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #foot .inside #partner {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  #foot .inside #partner {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

#foot .inside #partner .ce_image {
  float: left;
  width: auto;
}

#foot .inside #partner .ce_image figure.image_container {
  float: left;
}

#foot .inside #partner .ce_image figure.image_container img {
  float: left;
}

#foot .inside .naviFooter {
  float: left;
  display: block;
  margin: 10px calc(30px / 2);
  width: calc((100% / 12) * 2 - 30px);
}

@media (min-width: 720px) and (max-width: 1024px) {
  #foot .inside .naviFooter {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #foot .inside .naviFooter {
    display: none;
  }
}

@media (max-width: 599px) {
  #foot .inside .naviFooter {
    display: none;
  }
}

#foot .inside .naviFooter ul {
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}

#foot .inside .naviFooter ul li {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 0.3em 0;
  font-size: 0.875em;
}

#foot .inside .naviFooter ul li a, #foot .inside .naviFooter ul li strong {
  text-decoration: none;
  font-weight: 300;
}

#foot .inside .naviFooter ul li a:before, #foot .inside .naviFooter ul li strong:before {
  position: relative;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  content: "\e860";
  margin-right: 8px;
  font-size: 0.75em;
  top: 2px;
}

#foot .inside .naviFooter ul li a:last-child, #foot .inside .naviFooter ul li strong:last-child {
  margin-right: 0;
}

#foot .inside .naviFooter ul li a:hover {
  color: #990001;
}

#foot .inside .naviFooter ul li a:hover:before {
  color: #990001;
}

#foot .inside .naviFooter ul li strong {
  cursor: not-allowed;
  color: #990001;
}

@media (min-width: 720px) and (max-width: 1024px) {
  #foot .inside {
    display: block;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  #foot .inside {
    display: block;
  }
  #foot .inside .mod_sharebuttons {
    box-sizing: border-box;
    padding-left: 4em;
  }
}

@media (min-width: 600px) and (max-width: 719px) and (orientation: landscape) {
  #foot .inside {
    justify-content: flex-start;
  }
  #foot .inside .mod_sharebuttons {
    box-sizing: border-box;
    padding-left: 4em;
  }
}

@media (max-width: 599px) {
  #foot .inside {
    display: block;
  }
  #foot .inside .mod_sharebuttons {
    box-sizing: border-box;
    padding-left: 4em;
  }
}

body.uploadknecht #foot {
  border-top: 1px solid #009FE3;
}

body.uploadknecht #foot h3, body.uploadknecht #foot h4, body.uploadknecht #foot h5, body.uploadknecht #foot h6 {
  border-bottom: 1px solid #009FE3;
}

body.uploadknecht #foot .inside .footerAdress:before {
  color: #009FE3;
}

body.uploadknecht #foot .inside .naviFooter ul li a:hover {
  color: #009FE3;
}

body.uploadknecht #foot .inside .naviFooter ul li a:hover:before {
  color: #009FE3;
}

body.uploadknecht #foot .inside .naviFooter ul li strong {
  color: #009FE3;
}

.newsContetElements, #newsReader .layout_full h1, #newsReader .layout_full h2, #newsReader .layout_full h3, #newsReader .layout_full h4, #newsReader .layout_full h5, #newsReader .layout_full h6, #newsReader .layout_full .enclosure, #newsReader .layout_full .dates, #newsReader p.back, #newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6, #newsList .layout_simple, #eventReader .layout_full .recurring, #eventReader .layout_full .info, #eventReader p.back, #eventListReader h2, #eventListReader h3, #eventListReader h4, #eventListReader h5, #eventListReader h6, #eventListReader .layout_upcoming {
  float: left;
  width: calc(100% - 30px);
  margin: 10px calc(30px / 2);
}

@media (min-width: 600px) and (max-width: 719px) {
  .newsContetElements, #newsReader .layout_full h1, #newsReader .layout_full h2, #newsReader .layout_full h3, #newsReader .layout_full h4, #newsReader .layout_full h5, #newsReader .layout_full h6, #newsReader .layout_full .enclosure, #newsReader .layout_full .dates, #newsReader p.back, #newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6, #newsList .layout_simple, #eventReader .layout_full .recurring, #eventReader .layout_full .info, #eventReader p.back, #eventListReader h2, #eventListReader h3, #eventListReader h4, #eventListReader h5, #eventListReader h6, #eventListReader .layout_upcoming {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  .newsContetElements, #newsReader .layout_full h1, #newsReader .layout_full h2, #newsReader .layout_full h3, #newsReader .layout_full h4, #newsReader .layout_full h5, #newsReader .layout_full h6, #newsReader .layout_full .enclosure, #newsReader .layout_full .dates, #newsReader p.back, #newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6, #newsList .layout_simple, #eventReader .layout_full .recurring, #eventReader .layout_full .info, #eventReader p.back, #eventListReader h2, #eventListReader h3, #eventListReader h4, #eventListReader h5, #eventListReader h6, #eventListReader .layout_upcoming {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

/******************************************************************************/
/***************************  News/Events  - Startseite ***********************/
/******************************************************************************/
#newsListHome, #eventListHome {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  align-content: flex-start;
  margin-top: 4em;
}

#newsListHome h1, #newsListHome h2, #newsListHome h3, #newsListHome h4, #newsListHome h5, #newsListHome h6, #eventListHome h1, #eventListHome h2, #eventListHome h3, #eventListHome h4, #eventListHome h5, #eventListHome h6 {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 2em;
  background-color: transparent;
}

#newsListHome .layout_latest, #newsListHome .layout_teaser, #eventListHome .layout_latest, #eventListHome .layout_teaser {
  margin: 2em 0;
  box-sizing: border-box;
  width: 50%;
  padding: 0 calc(30px / 2);
  position: relative;
  padding-bottom: 3.5em;
}

@media (min-width: 600px) and (max-width: 719px) {
  #newsListHome .layout_latest, #newsListHome .layout_teaser, #eventListHome .layout_latest, #eventListHome .layout_teaser {
    width: 100%;
    padding: 10px 2%;
  }
}

@media (max-width: 599px) {
  #newsListHome .layout_latest, #newsListHome .layout_teaser, #eventListHome .layout_latest, #eventListHome .layout_teaser {
    width: 100%;
    padding: 10px 2%;
  }
}

#newsListHome .layout_latest:first-of-type, #newsListHome .layout_teaser:first-of-type, #eventListHome .layout_latest:first-of-type, #eventListHome .layout_teaser:first-of-type {
  border-right: 1px solid #BFD565;
}

@media (min-width: 600px) and (max-width: 719px) {
  #newsListHome .layout_latest:first-of-type, #newsListHome .layout_teaser:first-of-type, #eventListHome .layout_latest:first-of-type, #eventListHome .layout_teaser:first-of-type {
    border-right: none;
  }
}

@media (max-width: 599px) {
  #newsListHome .layout_latest:first-of-type, #newsListHome .layout_teaser:first-of-type, #eventListHome .layout_latest:first-of-type, #eventListHome .layout_teaser:first-of-type {
    border-right: none;
  }
}

#newsListHome .layout_latest .contents, #newsListHome .layout_teaser .contents, #eventListHome .layout_latest .contents, #eventListHome .layout_teaser .contents {
  float: left;
}

#newsListHome .layout_latest .contents .infoDate, #newsListHome .layout_teaser .contents .infoDate, #eventListHome .layout_latest .contents .infoDate, #eventListHome .layout_teaser .contents .infoDate {
  display: block;
  width: 100;
  text-align: left;
}

#newsListHome .layout_latest .contents .infoDate p, #newsListHome .layout_teaser .contents .infoDate p, #eventListHome .layout_latest .contents .infoDate p, #eventListHome .layout_teaser .contents .infoDate p {
  display: inline-block;
  line-height: 1;
  margin: 0;
  font-family: Verdana, Arial, sans-serif;
  color: #000;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: normal;
}

#newsListHome .layout_latest .contents .content, #newsListHome .layout_teaser .contents .content, #eventListHome .layout_latest .contents .content, #eventListHome .layout_teaser .contents .content {
  float: left;
}

#newsListHome .layout_latest .contents .content h1, #newsListHome .layout_latest .contents .content h2, #newsListHome .layout_latest .contents .content h3, #newsListHome .layout_latest .contents .content h4, #newsListHome .layout_latest .contents .content h5, #newsListHome .layout_latest .contents .content h6, #newsListHome .layout_teaser .contents .content h1, #newsListHome .layout_teaser .contents .content h2, #newsListHome .layout_teaser .contents .content h3, #newsListHome .layout_teaser .contents .content h4, #newsListHome .layout_teaser .contents .content h5, #newsListHome .layout_teaser .contents .content h6, #eventListHome .layout_latest .contents .content h1, #eventListHome .layout_latest .contents .content h2, #eventListHome .layout_latest .contents .content h3, #eventListHome .layout_latest .contents .content h4, #eventListHome .layout_latest .contents .content h5, #eventListHome .layout_latest .contents .content h6, #eventListHome .layout_teaser .contents .content h1, #eventListHome .layout_teaser .contents .content h2, #eventListHome .layout_teaser .contents .content h3, #eventListHome .layout_teaser .contents .content h4, #eventListHome .layout_teaser .contents .content h5, #eventListHome .layout_teaser .contents .content h6 {
  text-align: left;
  float: left;
  display: block;
  margin: 1em 0;
  background-color: #000;
}

#newsListHome .layout_latest .contents .content .text, #newsListHome .layout_teaser .contents .content .text, #eventListHome .layout_latest .contents .content .text, #eventListHome .layout_teaser .contents .content .text {
  float: left;
  display: block;
  width: 100%;
}

#newsListHome .layout_latest .contents .content .text figure.image_container, #newsListHome .layout_teaser .contents .content .text figure.image_container, #eventListHome .layout_latest .contents .content .text figure.image_container, #eventListHome .layout_teaser .contents .content .text figure.image_container {
  position: relative;
  float: left;
  width: auto;
  margin: 0 1em 10px 0;
}

#newsListHome .layout_latest .contents .content .text figure.image_container a, #newsListHome .layout_teaser .contents .content .text figure.image_container a, #eventListHome .layout_latest .contents .content .text figure.image_container a, #eventListHome .layout_teaser .contents .content .text figure.image_container a {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#newsListHome .layout_latest .contents .content .text figure.image_container a:before, #newsListHome .layout_teaser .contents .content .text figure.image_container a:before, #eventListHome .layout_latest .contents .content .text figure.image_container a:before, #eventListHome .layout_teaser .contents .content .text figure.image_container a:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: auto;
  height: auto;
  padding: 5px 8px;
  transition: padding 0.4s ease;
  background-color: #000;
  color: #F9F9F9;
  border-radius: calc(12px / 2) 0 calc(12px / 2) 0;
  content: "";
  text-align: center;
  line-height: 1em;
  transition: all 0.3s ease;
}

#newsListHome .layout_latest .contents .content .text figure.image_container a:before, #newsListHome .layout_teaser .contents .content .text figure.image_container a:before, #eventListHome .layout_latest .contents .content .text figure.image_container a:before, #eventListHome .layout_teaser .contents .content .text figure.image_container a:before {
  border-radius: 0px;
  border-radius: calc(12px / 2) 0 0 0;
}

#newsListHome .layout_latest .contents .content .text figure.image_container a:hover, #newsListHome .layout_teaser .contents .content .text figure.image_container a:hover, #eventListHome .layout_latest .contents .content .text figure.image_container a:hover, #eventListHome .layout_teaser .contents .content .text figure.image_container a:hover {
  overflow: visible;
}

#newsListHome .layout_latest .contents .content .text figure.image_container a:hover:before, #newsListHome .layout_teaser .contents .content .text figure.image_container a:hover:before, #eventListHome .layout_latest .contents .content .text figure.image_container a:hover:before, #eventListHome .layout_teaser .contents .content .text figure.image_container a:hover:before {
  right: -4px;
  bottom: -4px;
  transition: all 0.3s ease;
}

#newsListHome .layout_latest .contents .content .text figure.image_container img, #newsListHome .layout_teaser .contents .content .text figure.image_container img, #eventListHome .layout_latest .contents .content .text figure.image_container img, #eventListHome .layout_teaser .contents .content .text figure.image_container img {
  float: left;
  width: auto;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #000;
}

#newsListHome .layout_latest .contents .content p.more, #newsListHome .layout_teaser .contents .content p.more, #eventListHome .layout_latest .contents .content p.more, #eventListHome .layout_teaser .contents .content p.more {
  position: absolute;
  right: calc(30px / 2);
  bottom: 0;
  margin: 0;
}

#newsListHome .layout_latest .contents .content p.more a, #newsListHome .layout_teaser .contents .content p.more a, #eventListHome .layout_latest .contents .content p.more a, #eventListHome .layout_teaser .contents .content p.more a {
  border-radius: 0px;
  margin: 0;
}

/******************************************************************************/
/***********************  News/Events - Reader  *******************************/
/******************************************************************************/
body.newsEvents #main .inside {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
  width: 75%;
  margin: 0;
  order: 2;
}

body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
  width: 25%;
  margin: 10px 0;
  order: 1;
}

@media (min-width: 600px) and (max-width: 719px) {
  body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    order: 1;
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
  body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    order: 2;
    width: calc(100% - 4%);
    margin: 10px 2%;
    padding: 0;
  }
}

@media (max-width: 599px) {
  body.newsEvents #main .inside #newsReader, body.newsEvents #main .inside #eventReader {
    order: 1;
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
  body.newsEvents #main .inside #newsList, body.newsEvents #main .inside #eventListReader {
    order: 2;
    width: calc(100% - 4%);
    margin: 10px 2%;
    padding: 0;
  }
}

/******************************************************************************/
/***************************  News - Reader  **********************************/
/******************************************************************************/
#newsReader .layout_full {
  display: block;
}

#newsReader .layout_full .ce_text figure.image_container {
  margin-bottom: 0.5em;
}

#newsReader .layout_full .enclosure p {
  float: left;
  display: inline-block;
  margin-right: 2em;
}

#newsReader .layout_full .enclosure p:last-of-type {
  margin-right: 0;
}

#newsReader .layout_full .enclosure p img {
  float: left;
  margin-right: 0.25em;
}

#newsReader .layout_full .enclosure p a {
  text-decoration: none;
}

#newsReader .layout_full .enclosure p a span {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.75em;
}

#newsReader .layout_full .dates {
  margin-top: 1em;
  padding: 0;
  border-top: 1px solid #F9F9F9;
  display: flex;
  justify-content: flex-end;
}

#newsReader .layout_full .dates p {
  width: auto;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.7em;
  background-color: #F9F9F9;
  color: #F9F9F9;
  padding: 4px 3px;
}

#newsReader .layout_full .dates p:first-of-type {
  padding-left: 2em;
}

#newsReader .layout_full .dates p:last-of-type {
  padding-right: 2em;
}

#newsReader p.back {
  margin-top: 2em;
  text-align: right;
}

#newsReader p.back a {
  border-radius: 0;
}

#newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6 {
  font-size: 1em;
  font-weight: normal;
  background: transparent;
  padding: 0;
  margin-top: 0.25em;
  margin-bottom: 0;
}

@media (min-width: 600px) and (max-width: 719px) {
  #newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6 {
    display: block;
  }
}

@media (max-width: 599px) {
  #newsList h2, #newsList h3, #newsList h4, #newsList h5, #newsList h6 {
    display: block;
  }
}

#newsList .layout_simple {
  margin-bottom: 0;
}

#newsList .layout_simple a {
  display: block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding-left: 10px;
}

#newsList .layout_simple a:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e860";
  line-height: 1;
}

#newsList .layout_simple a:hover {
  color: #990001;
}

/******************************************************************************/
/**************************  Event - Reader  **********************************/
/******************************************************************************/
#eventReader .layout_full .ce_text figure.image_container {
  margin-bottom: 0.5em;
}

#eventReader .layout_full .recurring {
  color: #F9F9F9;
  padding: 0.5em 0;
  border: 1px dotted #F9F9F9;
  border-left: 0;
  border-right: 0;
}

#eventReader .layout_full .info {
  margin-top: 1em;
  border-top: 1px solid #F9F9F9;
  display: flex;
  justify-content: flex-end;
}

#eventReader .layout_full .info span {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.75em;
  background-color: #F9F9F9;
  padding: 2px 8px;
  margin: 0;
  color: #F9F9F9;
}

#eventReader .layout_full .info span.space {
  padding: 1px 0px;
}

#eventReader p.back {
  text-align: right;
}

#eventReader p.back a {
  border-radius: 0;
}

#eventListReader h2, #eventListReader h3, #eventListReader h4, #eventListReader h5, #eventListReader h6 {
  font-size: 1em;
  font-weight: normal;
}

#eventListReader .layout_upcoming {
  position: relative;
  margin-bottom: 0;
  left: -10px;
}

@media (min-width: 600px) and (max-width: 719px) {
  #eventListReader .layout_upcoming {
    left: 0;
  }
}

@media (max-width: 599px) {
  #eventListReader .layout_upcoming {
    left: 0;
  }
}

#eventListReader .layout_upcoming time {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.75em;
  color: #F9F9F9;
  padding-left: 10px;
}

#eventListReader .layout_upcoming a {
  float: left;
  position: relative;
  padding-left: 10px;
  text-decoration: none;
}

#eventListReader .layout_upcoming a:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e860";
  line-height: 1;
}

/*ErrorHinweis*/
.ce_text.errorHinweis p {
  color: #990001;
}

.ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6 {
  float: left;
  width: calc(100% - 30px);
  margin: 0 calc(30px / 2) 10px calc(30px / 2);
}

@media (min-width: 600px) and (max-width: 719px) {
  .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6 {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6 {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

form {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  /**/
  /*css specials on checkBox & radioButtons*/
}

form .formbody {
  float: left;
  width: 100%;
}

form fieldset {
  float: left;
  width: calc(100% - 30px);
  margin: 10px calc(30px / 2);
  box-sizing: border-box;
  padding: 0 0 15px 0;
  background-color: rgba(191, 213, 101, 0.25);
  border-radius: 12px;
}

@media (min-width: 600px) and (max-width: 719px) {
  form fieldset {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  form fieldset {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

form fieldset legend {
  float: left;
  position: relative;
  box-sizing: border-box;
  background-color: #BFD565;
  margin: 0;
  width: 100%;
  display: block;
  padding: 12px 12px;
  text-align: center;
  color: #F9F9F9;
  border-radius: 12px 12px 0px 0px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
}

form fieldset legend span.invisible {
  width: 1px;
}

form fieldset legend span.mandatory {
  float: none !important;
  margin-left: 3px;
  width: auto;
}

form fieldset fieldset {
  padding: 0;
  background-color: transparent;
  border: 0;
  margin: 0;
}

form fieldset fieldset legend {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  background-color: transparent;
  margin-left: 0px;
  padding: 0;
  color: #333;
  border-radius: 0px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1em;
}

form .widget {
  float: left;
  width: calc(100% - 30px);
  margin: 7px calc(30px / 2);
  display: block;
  box-sizing: border-box;
  padding: 0;
  color: #333;
}

@media (min-width: 600px) and (max-width: 719px) {
  form .widget {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  form .widget {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

form .widget.noMarginTop {
  margin-top: 0;
}

form .widget label {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 4px 0;
  display: none;
}

form .widget label.deaktiviert {
  color: rgba(249, 249, 249, 0.25);
  text-decoration: line-through;
}

form .widget fieldset {
  width: 100%;
  margin: 0;
}

form input[type=text], form input[type=url], form input[type=search], form input[type=submit], form input[type=tel], form input[type=email], form input[type=number], form input[type=password], form textarea {
  float: left;
  outline-style: none;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  margin: 0;
  background-color: #BFD565;
  color: #333;
  font-size: 0.8em;
  border: 0px;
  border-radius: calc(12px - 6px);
}

form input[type=text]::-ms-input-placeholder, form input[type=url]::-ms-input-placeholder, form input[type=search]::-ms-input-placeholder, form input[type=submit]::-ms-input-placeholder, form input[type=tel]::-ms-input-placeholder, form input[type=email]::-ms-input-placeholder, form input[type=number]::-ms-input-placeholder, form input[type=password]::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.75);
}

form input[type=text]::placeholder, form input[type=url]::placeholder, form input[type=search]::placeholder, form input[type=submit]::placeholder, form input[type=tel]::placeholder, form input[type=email]::placeholder, form input[type=number]::placeholder, form input[type=password]::placeholder, form textarea::placeholder {
  color: rgba(51, 51, 51, 0.75);
}

form textarea {
  overflow-y: auto;
}

form input[type=radio], form input[type=checkbox] {
  cursor: pointer;
  float: left;
  margin: 0;
  border: 0px;
}

form input[type=submit] {
  width: auto;
  cursor: pointer;
  float: right;
  margin-top: 0px;
  background-color: #BFD565;
  border-radius: 12px;
  border: 0px;
  padding: 7px 24px;
  cursor: pointer;
}

form input[type=submit]:hover {
  background-color: #BFD565;
  color: #F9F9F9;
}

form input[type=number]::-webkit-inner-spin-button,
form input[type=number]::-webkit-outer-spin-button {
  appearance: none !important;
  margin: 0;
}

form input:focus, form select:focus, form textarea:focus {
  outline: none !important;
  outline-style: none;
}

form input.displayNone {
  display: none;
}

form input.halb {
  width: 100%;
  margin: 0;
}

form input.short {
  width: 75px;
}

form input:focus, form textarea:focus {
  border-color: #F9F9F9;
  transition: border-color 0.6s ease;
}

form select {
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
}

form select {
  cursor: pointer;
  box-sizing: border-box;
  width: auto;
  min-width: 100px;
  padding: .5em 25px .5em 1em;
  padding: 8px 25px 8px 10px;
  margin: 0;
  background-color: transparent;
  font-size: 0.8em;
  color: rgba(51, 51, 51, 0.75);
  border-radius: calc(12px - 6px);
  background-image: url("../../files/Layout/images/select-arrow-white.png");
  background-position: right;
  background-repeat: no-repeat;
}

form select.autoWidth {
  width: auto;
}

form select.smallSelect {
  padding: 0.3em 2.5em 0.25em 1em;
}

form select.halb, form select.viertel {
  margin: 0;
  width: auto;
}

form select option {
  color: #000;
}

@media (min-width: 600px) and (max-width: 719px) {
  form select {
    width: 100%;
    margin-top: inherit;
    margin-bottom: inherit;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 599px) {
  form select {
    width: 100%;
    margin-top: inherit;
    margin-bottom: inherit;
    margin-right: 0;
    margin-left: 0;
  }
}

form .widget.widget-select label {
  margin-bottom: 4px;
}

form .widget.widget-select label.smallSelect {
  margin-top: 0px;
}

form .widget.autoWidth label {
  width: auto;
  margin: 1px 10px 0px 0px;
}

form .widget.widget-radio, form .widget.widget-checkbox {
  margin-top: 20px;
}

form .widget.widget-radio input, form .widget.widget-checkbox input {
  width: auto;
  margin: 2px 5px 0 2px;
}

form .widget.widget-radio label, form .widget.widget-radio legend, form .widget.widget-checkbox label, form .widget.widget-checkbox legend {
  display: block;
  width: 100%;
  margin: 0;
}

form .widget.widget-radio legend, form .widget.widget-checkbox legend {
  margin-bottom: 10px;
}

form .widget.widget-radio span, form .widget.widget-checkbox span {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px 0 10px;
}

form .widget.widget-radio fieldset span {
  margin: 0;
}

form .widget.widget-radio fieldset span.mandatory {
  float: none;
  margin-left: 5px;
}

form .widget.widget-checkbox span {
  width: 50%;
  float: left;
  margin: 0;
}

form .widget.widget-checkbox span span {
  width: 100%;
}

form .widget.widget-checkbox span p {
  display: none;
}

form .widget-upload {
  margin: calc(30px / 2) 0;
}

form .widget-upload input[type=file] {
  display: none;
}

form .widget-upload label {
  cursor: pointer;
  float: left;
  width: auto;
  border-radius: 12px;
  background-color: rgba(191, 213, 101, 0.8);
  border: 1px solid rgba(191, 213, 101, 0.6);
  padding: 10px 12px;
  line-height: 1em;
}

form .widget-upload label:hover {
  background-color: rgba(191, 213, 101, 0.25);
  color: #333;
}

form .widget.strasseOrt {
  width: 74%;
}

form .widget.strasseOrt.strasse {
  margin-right: 2%;
}

form .widget.strasseOrt.ort {
  margin-left: 2%;
}

form .widget.nummerPLZ {
  width: 24%;
}

form .widget.inline {
  width: auto;
  display: inline;
  float: left;
}

form .widget.inline label {
  float: none;
  display: block;
  width: 125px;
}

form .widget.widget-explanation h1, form .widget.widget-explanation h2, form .widget.widget-explanation h3, form .widget.widget-explanation h4, form .widget.widget-explanation h5, form .widget.widget-explanation h6 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

form .widget.widget-explanation p.smaller {
  font-size: 0.875em;
}

form .widget.widget-explanation.contactSlideInputNotice {
  width: auto;
}

form .widget.widget-explanation.contactSlideInputNotice p {
  font-size: 0.75em;
}

form .widget.widget-submit {
  margin-top: 10px;
}

form .widget.widget-submit button {
  font-size: 0.8em;
  cursor: pointer;
  float: right;
  padding: 8px 24px !important;
  border: 0;
  margin-top: 0;
  color: #333;
  font-weight: normal;
  border-radius: calc(12px - 6px);
  background-color: #BFD565;
  transition: background-color 0.3s ease;
}

form .widget.widget-submit button:hover {
  background-color: rgba(191, 213, 101, 0.9);
  color: #F9F9F9;
  transition: background-color 0.3s ease;
}

form .widget.widget-submit button.disable {
  opacity: 0.25;
}

form .widget.widget-submit.widthAuto {
  width: auto;
}

form fieldset.rahmen {
  border-radius: calc(12px - 6px);
}

form .submit_container {
  margin-top: 10px;
  float: left;
  width: 100%;
}

form p.error {
  line-height: 1.2em;
  font: 0.75em Verdana, Arial, sans-serif;
  color: #C41408;
  margin-bottom: 4px;
}

form span.captcha_text {
  float: left;
  margin: 4px 0px;
  font-size: 0.875em;
  line-height: 1em;
}

form .trenner {
  margin: 0px 0px;
}

form .widget.halb {
  float: left;
  width: calc(50% - 30px);
  margin-left: calc(30px / 2);
  margin-right: calc(30px / 2);
}

@media (min-width: 600px) and (max-width: 719px) {
  form .widget.halb {
    width: calc(50% - 4%);
    margin-left: 2%;
    margin-right: 2%;
  }
}

@media (max-width: 599px) {
  form .widget.halb {
    width: calc(100% - 4%);
    margin-left: 2%;
    margin-right: 2%;
  }
}

form .widget.halb fieldset.halb, form .widget.halb label.halb, form .widget.halb input, form .widget.halb textarea {
  width: 100%;
  margin: 0;
}

form .widget.halb label.halb {
  margin: 0 0 4px 0;
}

form .widget.halb.widget-select.select label {
  margin-bottom: 8px;
}

@media (min-width: 600px) and (max-width: 719px) {
  form .widget.halb.widget-select.select {
    width: calc(100% - 4%);
    margin-top: inherit;
    margin-bottom: inherit;
    margin-right: 2%;
    margin-left: 2%;
  }
}

@media (max-width: 599px) {
  form .widget.halb.widget-select.select {
    width: calc(100% - 4%);
    margin-top: inherit;
    margin-bottom: inherit;
    margin-right: 2%;
    margin-left: 2%;
  }
}

form .widget.widget-checkbox fieldset span {
  width: 100%;
}

form .widget.widget-checkbox fieldset span input[type='checkbox'] {
  display: none;
}

form .widget.widget-checkbox fieldset span input[type='checkbox'] + label {
  width: 40px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid rgba(191, 213, 101, 0.75);
  display: inline-block;
  content: "";
  float: left;
  margin-right: 10px;
  transition: background-color 0.5s linear;
  margin-top: 15px;
}

form .widget.widget-checkbox fieldset span input[type='checkbox'] + label:hover {
  cursor: pointer;
}

form .widget.widget-checkbox fieldset span input[type='checkbox'] + label::before {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #BFD565;
  display: block;
  content: "";
  float: left;
  transition: margin 0.1s linear;
}

form .widget.widget-checkbox fieldset span input[type='checkbox']:checked + label {
  background-color: rgba(249, 249, 249, 0.75);
}

form .widget.widget-checkbox fieldset span input[type='checkbox']:checked + label::before {
  margin: 0 0 0 20px;
}

form .widget.widget-checkbox fieldset span label {
  position: relative;
}

form .widget.widget-checkbox fieldset span label span {
  display: none;
}

form .widget.widget-checkbox fieldset span p {
  display: block;
  float: left;
  width: calc(100% - 55px);
  margin: 0;
  line-height: 1.3em;
  margin-top: 16px;
}

form .widget.widget-radio fieldset span {
  float: left;
  margin: 4px 0;
}

form .widget.widget-radio fieldset span input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 1em;
  width: 100%;
}

form .widget.widget-radio fieldset span input[type='radio'] {
  width: auto;
  float: left;
  margin-right: .75em;
  background: transparent;
  border: none;
}

form .widget.widget-radio fieldset span input[type='radio']:checked,
form .widget.widget-radio fieldset span input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

form .widget.widget-radio fieldset span input[type='radio']:checked + label::before,
form .widget.widget-radio fieldset span input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid #BFD565;
  background: transparent;
  margin: 0 0.5em 0 0;
}

form .widget.widget-radio fieldset span input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

form .widget.widget-radio fieldset span input[type='radio']:hover + label::before {
  background: #000;
  box-shadow: inset 0 0 0 2px #BFD565;
}

form .widget.widget-radio fieldset span input[type='radio']:checked + label::before {
  border-radius: 30px;
  background: #F9F9F9;
  box-shadow: inset 0 0 0 1px #BFD565;
}

form .widget.widget-radio fieldset span label {
  display: inline;
  cursor: pointer;
  display: block;
}

form .widget.widget-radio fieldset span label .ce_text {
  display: inline-block;
  float: none;
  margin: 0;
  width: auto;
}

form select {
  background-color: #BFD565;
  color: #333;
  background-image: url("../../files/Layout/images/select-arrow-white.png");
}

.routenPlanung {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.routenPlanung p.headline {
  margin-bottom: 0.3em;
}

.routenPlanung p.small {
  font-size: 0.875em;
}

.routenPlanung form {
  margin-top: 0;
}

.routenPlanung form .formbody .widget {
  width: 100%;
  margin: 10px 0;
}

.routenPlanung form .formbody input[type=submit] {
  margin-top: 20px;
}

.mod_subscribe h1, .mod_subscribe h2, .mod_subscribe h3, .mod_subscribe h4, .mod_subscribe h5, .mod_subscribe h6, .mod_unsubscribe h1, .mod_unsubscribe h2, .mod_unsubscribe h3, .mod_unsubscribe h4, .mod_unsubscribe h5, .mod_unsubscribe h6 {
  float: left;
  width: calc(100% - 30px);
  margin: 10px calc(30px / 2);
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_subscribe h1, .mod_subscribe h2, .mod_subscribe h3, .mod_subscribe h4, .mod_subscribe h5, .mod_subscribe h6, .mod_unsubscribe h1, .mod_unsubscribe h2, .mod_unsubscribe h3, .mod_unsubscribe h4, .mod_unsubscribe h5, .mod_unsubscribe h6 {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

@media (max-width: 599px) {
  .mod_subscribe h1, .mod_subscribe h2, .mod_subscribe h3, .mod_subscribe h4, .mod_subscribe h5, .mod_subscribe h6, .mod_unsubscribe h1, .mod_unsubscribe h2, .mod_unsubscribe h3, .mod_unsubscribe h4, .mod_unsubscribe h5, .mod_unsubscribe h6 {
    width: calc(100% - 4%);
    margin: 10px 2%;
  }
}

.mod_subscribe form .formbody p.error, .mod_unsubscribe form .formbody p.error {
  float: left;
  width: calc(100% - 30px);
  margin: 0 calc(30px / 2);
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_subscribe form .formbody p.error, .mod_unsubscribe form .formbody p.error {
    width: calc(100% - 4%);
    margin: 0 2%;
  }
}

@media (max-width: 599px) {
  .mod_subscribe form .formbody p.error, .mod_unsubscribe form .formbody p.error {
    width: calc(100% - 4%);
    margin: 0 2%;
  }
}

.mod_subscribe form .formbody .widget.widget-text label.invisible, .mod_unsubscribe form .formbody .widget.widget-text label.invisible {
  position: relative;
}

.mod_subscribe form .formbody .widget.widget-checkbox, .mod_unsubscribe form .formbody .widget.widget-checkbox {
  margin-top: 0;
}

.mod_subscribe form .formbody .widget.widget-checkbox fieldset, .mod_unsubscribe form .formbody .widget.widget-checkbox fieldset {
  background: transparent;
  padding: 0;
  border: 0;
}

.mod_subscribe form .formbody .widget.widget-checkbox fieldset legend, .mod_unsubscribe form .formbody .widget.widget-checkbox fieldset legend {
  display: none;
}

.mod_subscribe form .formbody .widget.widget-checkbox fieldset span, .mod_unsubscribe form .formbody .widget.widget-checkbox fieldset span {
  display: block;
  margin: 4px 0;
  padding: 0 2px;
  float: right;
  width: auto;
}

.mod_subscribe form .formbody .widget.widget-checkbox fieldset span label, .mod_unsubscribe form .formbody .widget.widget-checkbox fieldset span label {
  background: none;
  margin-top: 0px;
}

.mod_subscribe form .formbody .widget.widget-checkbox fieldset span i, .mod_unsubscribe form .formbody .widget.widget-checkbox fieldset span i {
  float: left;
  margin: 0 0 0 5px;
  font-style: normal;
}

.mod_login .formbody {
  margin-top: 1em;
}

.mod_login .formbody label {
  width: calc(135px - 4px);
  margin: 0px;
  float: left;
  box-sizing: border-box;
  padding-top: 3px;
}

.mod_login .formbody input[type=text], .mod_login .formbody input[type=password] {
  float: left;
  width: calc(100% - 135px);
  display: block;
  margin: 0 0 7px 4px;
}

.mod_login .formbody br {
  line-height: 0;
  display: none;
}

.mod_login .formbody .checkbox_container {
  margin-left: 135px;
  width: calc(100% - 135px);
  text-align: right;
}

.mod_login .formbody .checkbox_container label {
  float: right;
  font-size: 0.75em;
  font-family: Verdana, Arial, sans-serif;
  width: auto;
  padding-top: 0;
  margin-left: 10px;
}

.mod_login .formbody .checkbox_container input {
  float: right;
  margin-top: 2px;
  margin-left: 4px;
}

.mod_login .formbody .widget {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.mod_login .formbody .widget.widget-text label, .mod_login .formbody .widget-password label {
  display: block;
}

.mod_login .formbody .widget.widget-submit {
  text-align: right;
}

.mod_login .formbody .widget.widget-checkbox {
  margin-top: 0;
}

.mod_login .formbody .widget.widget-checkbox fieldset.checkbox_container {
  background-color: transparent;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.mod_login .formbody .widget.widget-checkbox fieldset.checkbox_container span {
  width: auto;
  float: right;
  padding: 0;
}

.mod_login .formbody .widget.widget-checkbox fieldset.checkbox_container span label {
  margin: 0;
}

.mod_login .formbody .widget.widget-checkbox fieldset.checkbox_container span p, .mod_login .formbody .widget.widget-checkbox fieldset.checkbox_container span i {
  display: inline-block;
  font-style: normal;
  width: 125px;
  float: right;
  font-size: 0.8em;
  margin: 3px 0 0 5px;
  text-align: right;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .mod_login .checkbox_container {
    margin-left: 0;
  }
  .mod_login .submit_container {
    margin-top: 5px;
  }
  .mod_login .submit_container input {
    margin-left: 0;
    float: right;
  }
  .mod_login input[type="text"], .mod_login input[type="password"] {
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .mod_login .checkbox_container {
    margin-left: 0;
  }
  .mod_login .submit_container {
    margin-top: 5px;
  }
  .mod_login .submit_container input {
    margin-left: 0;
    float: right;
  }
  .mod_login input[type="text"], .mod_login input[type="password"] {
    width: 100%;
  }
}

@media (max-width: 599px) {
  .mod_login .checkbox_container {
    margin-left: 0;
  }
  .mod_login .submit_container {
    margin-top: 5px;
  }
  .mod_login .submit_container input {
    margin-left: 0;
    float: right;
  }
  .mod_login input[type="text"], .mod_login input[type="password"] {
    width: 100%;
  }
}

.searchInput {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  align-self: center;
  width: 50px;
  z-index: 999;
  overflow: visible;
  top: -10px;
}

@media (min-width: 720px) and (max-width: 1024px) {
  .searchInput {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 719px) {
  .searchInput {
    display: none;
  }
}

@media (max-width: 599px) {
  .searchInput {
    display: none;
  }
}

.searchInput #searchFormInput {
  position: absolute;
  padding: 0 0 0 1em;
  display: none;
  right: 3em;
  top: 0;
}

.searchInput #searchFormInput form {
  margin: 0 5px;
}

.searchInput #searchFormInput form .formbody {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.searchInput #searchFormInput form .formbody .widget.widget-text, .searchInput #searchFormInput form .formbody .widget.widget-submit {
  display: inline-block;
  width: 300px;
  margin: 0 5px 0 0;
}

.searchInput #searchFormInput form .formbody .widget.widget-text {
  margin-left: 50px;
  display: none;
}

.searchInput #searchFormInput form .formbody .widget.widget-text input {
  background-color: #F9F9F9;
  color: #F9F9F9;
  float: right;
  width: 0;
}

.searchInput #searchFormInput form .formbody .widget.widget-text input::-ms-input-placeholder {
  color: #F9F9F9;
}

.searchInput #searchFormInput form .formbody .widget.widget-text input::placeholder {
  color: #F9F9F9;
}

.searchInput #searchFormInput form .formbody .widget.widget-submit {
  display: none;
  width: auto;
  margin-right: 0;
}

.searchInput #searchFormInput form .formbody .widget.widget-submit button {
  background-color: #F9F9F9;
  transition: background-color 0.3s ease;
  color: #F9F9F9;
}

.searchInput #searchFormInput form .formbody .widget.widget-submit button:hover {
  background-color: #444;
  transition: background-color 0.3s ease;
  box-shadow: none;
}

.searchInput .triggerSearch {
  margin: 0 calc(30px / 2) 0 calc(30px / 2);
  cursor: pointer;
  color: #333;
  transition: color 0.3s ease;
}

.searchInput .triggerSearch:before {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e898";
  position: relative;
  top: 7px;
}

.searchInput .triggerSearch span {
  display: none;
}

.searchInput .triggerSearch:hover {
  transition: color 0.3s ease;
  color: #F9F9F9;
}

.searchInput.active .triggerSearch:before {
  color: #F9F9F9;
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e8cb";
}

#searchOutput input[type=search] {
  width: 200px;
}

#searchOutput .widget {
  width: auto;
}

body.uploadknecht {
  /*css specials on checkBox & radioButtons*/
}

body.uploadknecht form fieldset {
  background-color: rgba(0, 159, 227, 0.25);
  border-color: rgba(191, 213, 101, 0.6);
}

body.uploadknecht form fieldset Uk legend {
  background-color: #009FE3;
  color: #F9F9F9;
}

body.uploadknecht .widget {
  color: #333;
}

body.uploadknecht .widget.noMarginTop {
  margin-top: 0;
}

body.uploadknecht .widget label.deaktiviert {
  color: rgba(249, 249, 249, 0.25);
}

body.uploadknecht input[type=text], body.uploadknecht input[type=url], body.uploadknecht input[type=search], body.uploadknecht input[type=submit], body.uploadknecht input[type=tel], body.uploadknecht input[type=email], body.uploadknecht input[type=number], body.uploadknecht input[type=password], body.uploadknecht textarea {
  background-color: rgba(0, 159, 227, 0.25);
  color: #333;
  border-color: rgba(191, 213, 101, 0.6);
}

body.uploadknecht input[type=submit] {
  background-color: rgba(0, 159, 227, 0.25);
  border-color: rgba(191, 213, 101, 0.6);
}

body.uploadknecht input[type=submit]:hover {
  background-color: #009FE3;
  color: #F9F9F9;
}

body.uploadknecht input:focus, body.uploadknecht textarea:focus {
  border-color: #009FE3;
}

body.uploadknecht select {
  color: rgba(51, 51, 51, 0.75);
  border-color: rgba(191, 213, 101, 0.6);
}

body.uploadknecht .widget-upload label {
  background-color: rgba(0, 159, 227, 0.8);
  border-color: rgba(191, 213, 101, 0.6);
}

body.uploadknecht .widget-upload label:hover {
  background-color: rgba(0, 159, 227, 0.25);
}

body.uploadknecht .widget.widget-submit button {
  color: #333;
  border-color: rgba(191, 213, 101, 0.6);
  background-color: rgba(0, 159, 227, 0.25);
}

body.uploadknecht .widget.widget-submit button:hover {
  background-color: #009FE3;
  color: #F9F9F9;
}

body.uploadknecht .widget.widget-checkbox fieldset legend {
  background-color: #009FE3;
}

body.uploadknecht .widget.widget-checkbox fieldset span input[type='checkbox'] + label {
  border-color: rgba(255, 255, 255, 0.75);
}

body.uploadknecht .widget.widget-checkbox fieldset span input[type='checkbox'] + label::before {
  background-color: #fff;
}

body.uploadknecht .widget.widget-checkbox fieldset span input[type='checkbox']:checked + label {
  background-color: rgba(249, 249, 249, 0.75);
}

body.uploadknecht .widget.widget-radio fieldset legend {
  background-color: #009FE3;
}

body.uploadknecht .widget.widget-radio fieldset span {
  float: left;
  margin: 4px 0;
}

body.uploadknecht .widget.widget-radio fieldset span input[type='radio']:checked + label::before,
body.uploadknecht .widget.widget-radio fieldset span input[type='radio']:not(:checked) + label::before {
  border-color: #fff;
}

body.uploadknecht .widget.widget-radio fieldset span input[type='radio']:hover + label::before {
  background: #009FE3;
  box-shadow: inset 0 0 0 2px rgba(0, 159, 227, 0.25);
}

body.uploadknecht .widget.widget-radio fieldset span input[type='radio']:checked + label::before {
  border-radius: 30px;
  background: #F9F9F9;
  box-shadow: inset 0 0 0 1px #fff;
}

body.uploadknecht select {
  background-color: rgba(0, 159, 227, 0.25);
  color: #333;
}

/********** youtube *********/
.mejs-video {
  margin-top: 20px;
}

.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  max-width: 100%;
  height: auto;
  float: left;
}

/********** video *********/
video {
  width: 100%;
  max-width: 100%;
}

/************** videos mit Rand **************/
.ce_player.videoBorder .mejs-video {
  box-sizing: border-box;
  padding: 10px 0px;
}

#main .mejs__container {
  width: 100% !important;
  height: auto;
  float: left;
  overflow: hidden;
}

#main .mejs__container .mejs__inner {
  width: 100%;
  max-width: 100%;
}

#main .mejs__container .mejs__inner .mejs__mediaelement video {
  width: 100% !important;
  max-width: 100%;
  height: auto;
}

#main .mejs__container .mejs__inner .mejs__layers .mejs__overlay {
  width: 100% !important;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button button {
  width: 20px;
  height: 20px;
  background: url("../../assets/mediaelement/images/mejs-controls.svg");
  margin: 10px 6px;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__playpause-button button {
  background-position: 0px 0;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__volume-button button {
  background-position: -60px 0;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__fullscreen-button button {
  background-position: -80px 0;
}

/********** youtube *********/
.mejs-video {
  margin-top: 20px;
}

.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  max-width: 100%;
  height: auto;
  float: left;
}

/********** video *********/
video {
  width: 100%;
  max-width: 100%;
}

/************** videos mit Rand **************/
.ce_player.videoBorder .mejs-video {
  box-sizing: border-box;
  padding: 10px 0px;
}

#main .mejs__container {
  width: 100% !important;
  height: auto;
  float: left;
  overflow: hidden;
}

#main .mejs__container .mejs__inner {
  width: 100%;
  max-width: 100%;
}

#main .mejs__container .mejs__inner .mejs__mediaelement video {
  width: 100% !important;
  max-width: 100%;
  height: auto;
}

#main .mejs__container .mejs__inner .mejs__layers .mejs__overlay {
  width: 100% !important;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button button {
  width: 20px;
  height: 20px;
  background: url("../../assets/mediaelement/images/mejs-controls.svg");
  margin: 10px 6px;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__playpause-button button {
  background-position: 0px 0;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__volume-button button {
  background-position: -60px 0;
}

#main .mejs__container .mejs__inner .mejs__controls .mejs__button.mejs__fullscreen-button button {
  background-position: -80px 0;
}

body.ie {
  /* hide browser-styling (arrow) in IE10 */
}

body.ie #pageImage {
  width: 100%;
}

body.ie select::-ms-expand {
  display: none;
}

body.ie form input[type=radio], body.ie form input[type=checkbox] {
  background-color: transparent;
}

body.ie .mod_login .checkbox_container {
  float: left;
  width: auto;
  box-sizing: border-box;
}

body.ie .mod_login .submit_container input {
  float: left;
}

body.ie .mod_article .ce_image .image_container, body.ie .mod_article .ce_text .image_container {
  float: left;
}

body.ie .mod_article .ce_image .image_container a, body.ie .mod_article .ce_text .image_container a {
  float: left;
  width: 100%;
}

body.ie .mod_article .ce_image .image_container a img, body.ie .mod_article .ce_text .image_container a img {
  float: left;
  width: 100%;
}

body.ie #main button, body.ie #main span.spanButton, body.ie p.back, body.ie p.more {
  background: transparent url(../../files/Layout/images/buttonCorner.png) bottom right no-repeat;
  padding-top: 3px;
}

body.ie #main .invert p.more, body.ie #main .invert p.back, body.ie #main .invert button, body.ie #main .invert span.spanButton, body.ie #main .bgBox p.more, body.ie #main .bgBox p.back, body.ie #main .bgBox button, body.ie #main .bgBox span.spanButton {
  background: transparent url(../../files/Layout/images/buttonCornerInvert.png) bottom right no-repeat;
}

body.ie .ce_hyperlink a {
  background: transparent url(../../files/Layout/images/buttonCorner.png) bottom right no-repeat;
}

body.ie .ce_hyperlink a span {
  padding-top: 4px;
}

body.ie .mod_article.bgBox .ce_hyperlink a, body.ie .ce_hyperlink.invert a {
  background: transparent url(../../files/Layout/images/buttonCornerInvert.png) bottom right no-repeat;
}

body.ie #newsList .layout_latest .newsContent, body.ie #newsList .layout_latest .content, body.ie #newsList .layout_teaser .newsContent, body.ie #newsList .layout_teaser .content, body.ie #eventList .layout_latest .newsContent, body.ie #eventList .layout_latest .content, body.ie #eventList .layout_teaser .newsContent, body.ie #eventList .layout_teaser .content {
  margin-bottom: 60px;
}

body.ie .flip-boxes .flip-box {
  background: linear-gradient(to bottom, #444, #F9F9F9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#444", endColorstr="#F9F9F9");
  /*For IE7-8-9*/
  border-radius: 12px;
  border: 2px solid #000;
}

body.ie .flip-boxes .flip-box .flip-box-inner {
  transition: transform 0.5s ease;
  transform-style: preserve-3d;
}

body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-front, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back {
  background: none;
  border: none;
  position: relative;
  float: left;
  height: auto;
  backface-visibility: visible;
}

body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-front {
  padding: 10% 10% 2% 10%;
}

body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back {
  top: 0;
  left: 0;
  width: 100%;
  transform: rotateY(0deg);
}

body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h2, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h3, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h4, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h5, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h6 {
  display: none;
}

body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h2, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h3, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h4, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h5, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back h6, body.ie .flip-boxes .flip-box .flip-box-inner .flip-box-back p {
  text-align: center;
}

body.ie .flip-boxes .flip-box:hover .flip-box-inner {
  transform: rotateY(0deg);
}

body.ie #foot .inside .naviFooter {
  padding-left: 0;
  float: right;
}

body.ie #topNav .inside .hide.naviMain {
  opacity: 0;
  display: none;
}

body.ie .searchInput.active {
  width: 450px;
}

body.ie .searchInput.active #searchFormInput {
  right: 0;
  width: auto;
}

body.ie .searchInput.active #searchFormInput form .formbody .widget-text.widget {
  margin-left: 0;
}

body.ie .searchInput.active p {
  font-family: 'fontello';
  font-style: normal;
  font-variant: normal;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.edge .ce_gallery ul, body.ie .ce_gallery ul {
  list-style: none;
}

body.edge .ce_gallery ul.cols_8 li, body.edge .ce_gallery ul.cols_16 li, body.ie .ce_gallery ul.cols_8 li, body.ie .ce_gallery ul.cols_16 li {
  width: calc((100% / 8) - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_6 li, body.edge .ce_gallery ul.cols_18 li, body.ie .ce_gallery ul.cols_6 li, body.ie .ce_gallery ul.cols_18 li {
  width: calc((100% / 6) - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_5 li, body.edge .ce_gallery ul.cols_10 li, body.edge .ce_gallery ul.cols_15 li, body.edge .ce_gallery ul.cols_20 li, body.ie .ce_gallery ul.cols_5 li, body.ie .ce_gallery ul.cols_10 li, body.ie .ce_gallery ul.cols_15 li, body.ie .ce_gallery ul.cols_20 li {
  width: calc(20% - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_4 li, body.edge .ce_gallery ul.cols_12 li, body.ie .ce_gallery ul.cols_4 li, body.ie .ce_gallery ul.cols_12 li {
  width: calc(25% - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_3 li, body.edge .ce_gallery ul.cols_9 li, body.ie .ce_gallery ul.cols_3 li, body.ie .ce_gallery ul.cols_9 li {
  width: calc((100% / 3) - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_2 li, body.ie .ce_gallery ul.cols_2 li {
  width: calc(50% - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul.cols_1 li, body.ie .ce_gallery ul.cols_1 li {
  width: calc(100% - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul li, body.ie .ce_gallery ul li {
  width: calc(25% - 30px - 1px);
  margin: calc(30px / 2) calc(30px / 2);
}

body.edge .ce_gallery ul li:before, body.ie .ce_gallery ul li:before {
  content: "";
  padding: 0;
  display: none;
}

@media print {
  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
  }
  /************************************* Kopf *********************************/
  #topRow {
    display: none;
  }
  #headRow {
    box-shadow: none;
  }
  #headRow #logo {
    margin-top: 25px;
  }
  #headRow #logo a[href]::after {
    content: "";
  }
  #headRow #topNav {
    display: none;
  }
  #contactSlideButton {
    display: none;
  }
  #headImage .inside .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide {
    display: none;
  }
  #headImage .inside .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide:first-child {
    display: block;
  }
  #headImage .inside .mod_pageImage figure.image_container {
    float: left;
    width: 100vw;
  }
  #headImage .inside .mod_pageImage figure.image_container img {
    float: left;
    width: 100vw;
  }
  #asideLeft {
    display: none;
  }
  /************************************* Fuss *********************************/
  #foot a:after {
    content: "";
  }
  /************************************* body *********************************/
  p.more a, p.back a, .mod_article button a, .mod_article span.spanButton a, .catLink a, #stoerer span.spanButton a {
    display: inline-block;
    position: relative;
    margin: 10px 10px 0 0;
    left: 0px;
    box-sizing: border-box;
    padding: 8px 25px 10px 25px;
    border-radius: 12px;
    border: 1px solid #000;
    background-color: transparent;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  p.more a:after, p.back a:after, .mod_article button a:after, .mod_article span.spanButton a:after, .catLink a:after, #stoerer span.spanButton a:after {
    content: "";
  }
  table tbody tr td a {
    font-weight: bold;
    text-decoration: underline;
  }
  .boxPro {
    float: left;
    display: block;
    width: 100vw;
  }
  .boxPro .boxProSingle {
    width: 96vw !important;
  }
  .boxPro .boxProSingle figure.image_container.rounded_false {
    width: 96vw;
  }
  .boxPro .boxProSingle figure.image_container.rounded_false img {
    width: 97vw;
  }
  .ce_download, .ce_downloads, .ce_hyperlink, .ce_toplink {
    display: none;
  }
  .parallaxBgContainer {
    display: none;
  }
  video {
    display: none;
  }
  .ce_gallery ul {
    float: left;
    width: 100vw;
  }
  .ce_gallery ul li {
    float: left;
    display: inline-block;
    max-width: 20vw;
  }
  .ce_gallery ul li figure.image_container {
    max-width: 20vw;
  }
  .ce_gallery ul li figure.image_container img {
    width: 20vw;
  }
  .ce_gallery ul li figure.image_container a {
    width: 20vw;
  }
  .flip-boxes {
    display: none;
  }
  .ce_sliderStart .content-slider .slider-wrapper .ce_text {
    float: left;
    max-width: 100vw !important;
    display: none;
    padding-left: 10px;
    padding-right: 50px;
  }
  .ce_sliderStart .content-slider .slider-wrapper .ce_text:first-child {
    display: block;
  }
  .ce_sliderStart .content-slider .slider-wrapper img {
    width: 25vw;
  }
  .ce_sliderStart .content-slider .slider-control {
    display: none;
  }
  .partnerContainer .partner {
    width: 45vw;
  }
  #newsList {
    float: left;
    width: 100vw;
    display: block;
  }
  #newsList .layout_latest {
    float: left;
    display: block;
    display: inline-block;
    width: 45vw;
  }
  #newsList .layout_latest .image_container {
    width: 45vw;
  }
  #newsList .layout_latest .image_container img {
    width: 45vw;
  }
  #newsList .layout_latest.last {
    display: none;
  }
  #eventList.eventListHome {
    float: left;
    width: 100vw;
    display: block;
  }
  #eventList.eventListHome .layout_teaser {
    float: left;
    width: 45vw;
    display: block;
    display: inline-block;
  }
  #eventList.eventListHome .layout_teaser figure.image_container {
    float: left;
    max-width: 45vw;
  }
  #eventList.eventListHome .layout_teaser figure.image_container a {
    display: block;
    float: left;
    max-width: 45vw;
  }
  #eventList.eventListHome .layout_teaser figure.image_container a img {
    float: left;
    max-width: 45vw;
  }
  #eventList.eventListHome .layout_teaser .eventContent {
    float: left;
    max-width: 45vw;
  }
  #eventList.eventListHome .layout_teaser:last-child {
    display: none !important;
  }
  .ce_accordionSingle .accordion, .ce_accordionStart .accordion {
    display: block !important;
  }
}