/*normalize*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*base*/
/* ::: Basis-Elemente ::: */
/* einkommentieren, wenn Fade-In gewünscht => dann initLazyLoad() erst beim Success ShowAll() ausführen */
form {
  /*opacity: 0;*/
}

.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.doublespacer   { height:32px; }
.spacer     { height:16px; }
.halfspacer   { height:8px; }
.quarterspacer   { height:4px; }
.minispacer   { height:2px; }
.none,
.hide {
  display:none;
}
hr {
  clear: both; 
  height: 1px; 
  margin: 0;
  padding: 0;
  border: none; 
  background-color:#CCC;
  font-size: 0;
  line-height: 0;
}
img {
    vertical-align:bottom;
    /*width:100%;*/
    max-width:100%;
}
.left   { float:left; }
.right   { float:right; }
.even   { background-color:#CCC; }
.odd   { background-color:#EEE; }
figcaption {
 font-style:italic;
 font-size:17px;
 line-height: 1.3em;
}
.error {
  color:#e60003;
}
.errorlabel {
    display:block;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.anker {
    text-decoration:none;
}

/* ::: onpublix-Textausrichtung ::: */
.textleft    { text-align:left; }
.textcenter  { text-align:center; }
.textright   { text-align:right; }
.textjustify { text-align:justify; }

/* ::: Abstände ::: */
figure,
audio,
video,
canvas,
.youtube,
.generate-ui-tab,
div.ui-accordion,
table.tabelle,
.errorlabel {
  margin: 0 0 16px;
}

div.ui-accordion {
  margin: 0 0 25px;
}

audio {
    max-width:100%;
}
video {
    max-width:100%;
    height:auto;
}

figure {
    position:relative;
    z-index:1;
    /*text-align:center;*/
    display: inline-block;
    /*width: 100%;*/
}

/* ::: Imgleft/Imgright/Gallery/Zoomable ::: */
figure.imgleft,
figure.imgright {
    /*display:table;*/
    display: block;
    padding-top:2px;
    /* max-width: 337px;  je nach Layout anzupassen */
    /*width: 100%;*/
    
    max-width: 337px; 
}

figure.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:left;
  margin:0 25px 14px 0;
  text-align:left;
}
figure.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:right;
  margin:0 0 14px 25px;
  text-align:right;
}

/*figure.imgleft img,*/
/*figure.imgright img {*/
/*    width:100%;*/
/*}*/

@media (max-width: 600px) {
    
    figure.imgleft,
    figure.imgleft img,
    figure.imgright,
    figure.imgright img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* gallery fix */
    figure.imgleft.gallery,
    figure.imgright.gallery {
        max-width: 337px;;
    }
    figure.imgleft.gallery,
    figure.imgright.gallery {
        width: 100%;
    }

figure.zoomable > span.figurewrapper,
figure.gallery > span.figurewrapper {
    position:relative;
    z-index:1;
    display:inline-block;
    width:100%;
    cursor:pointer;
}
figure.imgleft span.figurewrapper,
figure.imgright span.figurewrapper {
    display:block;
}
figure.gallery > span.figurewrapper a:first-child {
    position:relative;
    z-index:1;
    display:block;
}

/* own */
/*figure.gallery > span.figurewrapper a:first-child {*/
/*    min-width: 337px;*/
/*    height: auto;*/
/*    min-height: 100px;*/
/*}*/


figure.zoomable > span.figurewrapper:after,
figure.gallery > span.figurewrapper a:first-child:after {
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    bottom:0;
    right:0;
    width:19px;
    height:19px;
    background:url(/img/system/icons/zoombox.gif) 0 0 no-repeat;
}
figure.gallery > span.figurewrapper a:first-child:after {
    background-image:url(/img/system/icons/gallery.gif);
}
div.textnf {
  display:table;
}

/* :::  Quicknav ::: */
a.jumpto {
  display:block; 
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  padding:10px; 
  font-size:16px; 
  line-height:1.5em;
  font-weight:bold; 
  color:#000;
  background-color:#FFFF8D; 
}
a.jumpto:focus, 
a.jumpto:active {
  left:0;
}

/* :::  YouTube-Baustein ::: */
.youtube {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.youtube iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* :::  Korrekturen ::: */
body .ui-widget {
  font-size:1em;
}

.generate-ui-tab .supertab-head {
    display:none;
}

.ui-tabs .ui-tabs-nav li a,
.ui-state-default a 
{ 
  outline:none;  /* Mix aus normalize und jquery-ui */
}
.mejs-container,
.mejs-container .mejs-layer {
    max-width:100%;
}
/*fonts*/
/* cabin-condensed-regular - latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/cabin-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cabin Condensed'), local('CabinCondensed-Regular'),
       url('/fonts/cabin-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/cabin-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/cabin-condensed-v14-latin-regular.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}

/* cabin-condensed-600 - latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/cabin-condensed-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Cabin Condensed SemiBold'), local('CabinCondensed-SemiBold'),
       url('/fonts/cabin-condensed-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/cabin-condensed-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/cabin-condensed-v14-latin-600.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}

/* cabin-condensed-500 - latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/cabin-condensed-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Cabin Condensed Medium'), local('CabinCondensed-Medium'),
       url('/fonts/cabin-condensed-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/cabin-condensed-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/cabin-condensed-v14-latin-500.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}

/* cabin-condensed-700 - latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/cabin-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cabin Condensed Bold'), local('CabinCondensed-Bold'),
       url('/fonts/cabin-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/cabin-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/cabin-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/cabin-condensed-v14-latin-700.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}
/*jquery-1.11.3 + jquery-ui-1.9.1/jquery-ui-smoothless-theme*/
/*! jQuery UI - v1.9.1 - 2012-11-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/img/system/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/img/system/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/img/system/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/img/system/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/img/system/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/img/system/jquery-ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*jquery-1.11.3 + jquery-ui-1.9.1/jquery-ui.slider*/
/*!
 * jQuery UI Slider 1.9.1
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*jquery-fancybox/jquery.fancybox 3-5*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/*tooltip-bootstrap*/
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.tooltip {
  font-weight: 100;
  font-size: 26px;
  line-height: 1.2;
  color:#707070;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0 15px;
}
.tooltip-inner {
  max-width: 470px;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #e8e8e8;
  border-radius: 0px;
    color:#707070;
    font-size:24px;
    line-height:32px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  border-width: 15px 15px 0;
  border-top-color: #e8e8e8;
}
/*Seitenelemente/table*/
/* ::: Tabelle ::: */
.tabelle-wrapper {
    width:100%;
    overflow:auto;
}
.tabelle {
  width:100%;
  border:1px solid #ccc;
  border-collapse:collapse;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tbody tr.headline td {
  padding:5px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  background:#e8e8e8;
  font-weight:bold;
  text-align:left;
  vertical-align:top;
}
.tabelle tbody tr td {
  padding:5px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  vertical-align:top;
}
.tabelle p {
    margin:0;
}
.tabelle p + p {
    margin-top:12px;
}
/*Seitenelemente/forms*/
/* ::: Formulare ::: */
fieldset {
  margin:0;
  padding:0;
  border:0;
  /*width:550px;*/
}
legend {
  display:none;
}
.row {
  /*margin-bottom:5px;*/
}
.row:after {
  content:"";
  display:block;
  clear:both;
}
.lt-ie9 .row:after { zoom:1; }
label {
  float:left;
  max-width:150px;
  padding-top:6px;
}

input.text, 
textarea.text,
select.text,
div.plzort,
div.radioButtonListWrapper,
div.captcha div,
div.captcha input {
  float:right;
}
/*div.radioButtonListWrapper,*/
/*div.plzort,*/
/*div.captcha div {*/
/*  width:300px; */
/*}*/
input.text, 
textarea.text,
select.text {
  width:288px;
  border:1px solid #CCC;
  background:#fff;
}
input.text, 
textarea.text {
  padding:5px;
}
input.zipcode { float:left; width:50px; }
input.zipcodeen { float:left; width:75px; }
input.city { width:216px; }
input.cityen { width:191px; }
textarea.text { height:150px; }
select.text { width:214px; }

div.radioButtonWrapper {
  float:left;
  margin-right: 20px;
}
div.radioButtonWrapper label,
label.labelradio {
  width:auto;
}
input.radio { 
  float:left;
  margin-top:6px;
  margin-right:4px;
}

/*div.captcha {*/
/*    margin:20px 0;*/
/*}*/
/*div.captcha div {*/
/*    clear:both;*/
/*    margin-bottom:5px;*/
/*}*/
/*div.captcha img {*/
/*  float:left;*/
/*  cursor:pointer;*/
/*  border:1px solid #CCC !important;*/
/*  margin-bottom:5px;*/
/*}*/
/*div.captcha input {*/
/*  float:left;*/
/*  width:130px;*/
/*}*/

/*div.absenden {*/
/*    margin:-51px 0 0 0;*/
/*    float:right;*/
/*    position:relative;*/
/*}*/
/*div.absenden a {*/
/*    width:94px;*/
/*	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);*/
/*	background-color:#f9f9f9;*/
/*	border-radius:6px;*/
/*	border:1px solid #dcdcdc;*/
/*	display:inline-block;*/
/*	cursor:pointer;*/
/*	color:#666666;*/
/*	font-family:arial;*/
/*	font-size:15px;*/
/*	font-weight:bold;*/
/*	padding:5px 24px;*/
/*	text-align:center;*/
/*	text-decoration:none;*/
/*	text-shadow:0px 1px 0px #ffffff;*/
/*}*/
/*div.absenden a:hover {*/
/*	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);*/
/*	background-color:#e9e9e9;*/
/*}*/
/*div.absenden a:active {*/
/*	position:relative;*/
/*	top:1px;*/
/*}*/
/*Seitenelemente/ImageGalleryKacheln*/
/* ::: Gallery ::: */
div.gallnavi {
    float:right;
}
div.gallnavi a {
  float:left;
  height:16px;
  width:11px;
  line-height:16px;
  padding: 0 2px 1px 2px;
  margin-left:6px;
  font-weight:bold;
  color:#FFF;
  background-color:#DFC686;
  text-decoration:none;
  text-align:center;
}
div.gallnavi a.selected {
  background-color:#A44E13;
}
.gallerybox {
  margin-top:10px;
}
.galleryrow:after {
    content:"";
    clear:both;
    display:table;
}
.gallerybox a.gallery {
  display:block;
  float:left;
  width: 180px;
  height:140px;
  background-color:#ebebeb;
  background-position:center center;
  background-repeat:no-repeat;
  margin: 0 20px 20px 0;
}
.gallerybox a.last {
  margin-right:0;
}
/*Seitenelemente/pager*/
/* ::: Pager ::: */
.pager {
  margin-bottom:16px;
  padding:4px 5px;
  border-top:1px solid #e6e6e6;
  border-bottom:1px solid #e6e6e6;
}
.pager-backward,
.pager-forward {
  float:left;
  /*width:30px;*/
}
.pager-forward {
  float:right;
}
.pager a {
  float:left;
  width:15px;
  text-align:center;
  text-decoration:none;
    font-size: 26px;
    line-height: 1em;
}
.pager a:hover {
    text-decoration: none!important;
    opacity: 0.9;
}
.pager-info {
  text-align:center;
}

.pager input {
    width: 30px;
    height: 28px;
    text-align: center;
}

.pager input[type=number]::-webkit-inner-spin-button, 
.pager input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.pager input[type=number] {
    -moz-appearance:textfield;
}
/*Seitenelemente/search*/
/* Search */
fieldset.search {
    margin-bottom: 10px;
}
fieldset.search br {
    display: none;
}

fieldset.search label.label {
      /*width:100px;*/
      line-height: 41px;
      padding: 0;
      display: inline-block;
      float: none;
      font-weight: 600;
      width: 120px;
      /*margin-bottom: 10px;*/
}

fieldset.search input.text {
    /*float:left;*/
    display: inline-block;
    float: none;
    margin: 0 25px 0 0;
    width: calc(50% - 185px);
}

fieldset.search select.text {
    float: none;
    height: 41px;
    width: calc(50% - 185px);
}


fieldset.search input.text + a {
    /*float: left;*/
    display: inline-block;
    /*margin: 1px 0 12px 16px;*/
    padding: 0 10px;
    line-height: 41px;
    height: 41px;
    background-color: #68b022;
    color: #FFFFFF;
    /*font-weight: bold;*/
    width: 100px;
}

fieldset.search input.text + a:hover {
    text-decoration: none;
    opacity: 0.85;
}

.searchHighlight {

}

.suche-inner .suche-item h2 {
    margin-top: 30px;
    margin-bottom: 0;
    font-size:24px;
}
.suche-inner .suche-item h2 a {
    color: #68b022 !important;
}

@media only screen and (max-width: 1200px) {
    fieldset.search br {
        display: block;
    }
    fieldset.search label.label {
        margin-bottom: 10px;
    }
    fieldset.search input.text {
        width: calc(100% - 140px);
        margin-right: 0;
    }
    fieldset.search select.text {
        width: calc(100% - 140px);
        margin-right: 0;
    }
}

@media only screen and (max-width: 420px) {
    fieldset.search label.label {
        display: block;
        margin-bottom: 5px;
    }
    
    fieldset.search input.text,
    fieldset.search select.text {
        width: 100%;
    }
    
    fieldset.search a {
        display: inline-block;
        margin-top: 10px
    }
}
/*jquery-Module/OldBrowser*/
/* ::: uaWarning ::: */
#uaWarningWrapper {
    background-color:#ffe9af;
    border-bottom:1px solid #c0c0c0;
}
#uaWarning {
    max-width:1024px;
    margin:0 auto;
    padding:24px 16px;
}
#uaWarningClose {
    text-align:right;
    cursor:pointer;
}
/*mobilenav*/
@font-face {
  font-family: 'mobilenav';
  src: url("/fonts/mobilenav/mobilenav.eot?19440014");
  src: url("/fonts/mobilenav/mobilenav.eot?19440014#iefix") format("embedded-opentype"), url("/fonts/mobilenav/mobilenav.woff?19440014") format("woff"), url("/fonts/mobilenav/mobilenav.ttf?19440014") format("truetype"), url("/fonts/mobilenav/mobilenav.svg?19440014#mobilenav") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="mn-"]:before, [class*=" mn-"]:before {
  font-family: "mobilenav";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mn-angle-left:before {
  content: '\e800'; }

.mn-angle-right:before {
  content: '\e801'; }

.mn-menu:before {
  content: '\e802'; }

.mobile-logo {
  display: none;
  position: absolute;
  top: 10px;
  left: 0;
  text-align: center;
  width: 100%; }
  .mobile-logo img {
    height: 50px; }

html.mobilenav-open {
  overflow: hidden !important; }

.mobilenav-open body {
  position: fixed !important; }

.mobilebutton {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 40px;
  background: #333;
  color: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 28px;
  padding: 5px 0;
  cursor: pointer; }

#mobilenav {
  display: none;
  -moz-transform: translate(-105%);
  -ms-transform: translate(-105%);
  -o-transform: translate(-105%);
  -webkit-transform: translate(-105%);
  transform: translate(-105%);
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
  padding-top: 70px;
  font-size: 18px;
  line-height: 1.3rem;
  color: #FFF;
  width: 320px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #333;
  background: -moz-linear-gradient(top, #333 50px, #333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50px, #333), color-stop(100%, #333));
  background: -webkit-linear-gradient(top, #333 50px, #333 100%);
  background: -o-linear-gradient(top, #333 50px, #333 100%);
  background: -ms-linear-gradient(top, #333 50px, #333 100%);
  background: linear-gradient(to bottom, #333 50px, #333 100%);
  position: fixed;
  z-index: 9990;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  #mobilenav.no-overflow {
    overflow-y: hidden; }
  .mobilenav-open #mobilenav {
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0); }
  #mobilenav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #mobilenav ul.sub {
      display: none;
      background: rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 -3px 3px -2px rgba(0, 0, 0, 0.3); }
  #mobilenav li {
    position: relative;
    z-index: 20; }
    #mobilenav li > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg);
      -ms-transform: rotateZ(90deg);
      -o-transform: rotateZ(90deg);
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
    #mobilenav li.open > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg) rotateY(180deg);
      -ms-transform: rotateZ(90deg) rotateY(180deg);
      -o-transform: rotateZ(90deg) rotateY(180deg);
      -webkit-transform: rotateZ(90deg) rotateY(180deg);
      transform: rotateZ(90deg) rotateY(180deg); }

.mobilenav-header {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  border-bottom: 1px solid #666;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer; }
  .mobilenav-header .mobilenav-header-link {
    float: left;
    display: block;
    padding: 11px 0;
    color: #FFF;
    text-decoration: none;
    width: 67%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .mobilenav-header .mobilenav-back {
    float: right;
    padding: 11px 0;
    max-width: 33%; }

.mobilenav-submenu {
  padding: 11px 10px;
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  cursor: pointer;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.1); }
  .mobilenav-submenu:hover {
    background: rgba(255, 255, 255, 0.2); }

.mobilenav-ul {
  width: 100%;
  z-index: 100; }
  .mobilenav-ul.sub {
    display: none; }

.mobilenav-li {
  margin-bottom: 5px;
  -moz-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out; }
  .mobilenav-li.open,
  .mobilenav-li.open > ul > li:last-child {
    margin-bottom: 0; }
  .mobilenav-li.padding {
    padding-bottom: 5px !important; }

.seperator {
  margin: 10px 0;
  background-color: #666;
  height: 1px; }

.mobilenav-a {
  padding: 11px 45px 11px 20px;
  display: block;
  color: #FFF;
  text-decoration: none;
  background: transparent;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .mobilenav-a:hover,
  .selected > .mobilenav-a {
    text-decoration: none;
    background: #666;
    color: #FFF; }

@media only screen and (max-width: 768px) {
  #mobilenav,
  .mobile-logo,
  .mobilebutton {
    display: block; } }
/*Module/cookieconsent-global*/
.cc_container .cc_logo {
    display:none !important;
}
/*jquery-Module/jquery-owlCarousel-2*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/*jquery-Module/jquery-OwlCarousel-2-theme-deafult.min*/
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*iconfont*/
@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot?69415357');
  src: url('/fonts/fontello.eot?69415357#iefix') format('embedded-opentype'),
       url('/fonts/fontello.woff2?69415357') format('woff2'),
       url('/fonts/fontello.woff?69415357') format('woff'),
       url('/fonts/fontello.ttf?69415357') format('truetype'),
       url('/fonts/fontello.svg?69415357#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/fonts//fontello.svg?83155440#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, 
 [class*=" icon-"]:before,
	.breadcrumb ol li:first-child a:before,
	.link:before,
	.more:before,
	.content aside ul li a:not(.pdf):before,
	.content .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before,
	.send-btn span:after,
    .bhl a.plus:before,
    .bhl a.minus:before,
    .bhl .themen li:before,
    .content ul li:before,
    .overview .hover-box span.hoverclose:before,
    .plus:before,
    .back:before,
    .clap-icon:before,
    .navigation ul > li > a.link-ext:before,
    .sitenavigation > ul > li > ul > li > a.link-ext:before,
    .content .sitemap a.link-ext:before,
    .navigation > ul > li > ul li.hasSub > a:before,
    [class^="text-"] a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-berufsfelderkundung:before { content: '\e800'; } /* '?' */
.icon-doppelpfeil:before { content: '\e801'; } /* '?' */
.icon-dropdown:before { content: '\e802'; } /* '?' */
.icon-e-mail:before { content: '\e803'; } /* '?' */
.icon-entfernen:before { content: '\e804'; } /* '?' */
.icon-facebook:before { content: '\e805'; } /* '?' */
.icon-geoportal:before { content: '\e806'; } /* '?' */
.icon-klapper-oeffnen:before { content: '\e807'; } /* '?' */
.icon-klapper-schliessen:before { content: '\e808'; } /* '?' */
.icon-kontakt:before { content: '\e809'; } /* '?' */
.icon-pfeil-rechts-bold:before { content: '\e80a'; } /* '?' */
.icon-pfeil-rechts-regular:before { content: '\e80b'; } /* '?' */
.icon-pfeil-unten:before { content: '\e80c'; } /* '?' */
.icon-suche:before { content: '\e80d'; } /* '?' */
.icon-rbw-logo:before { content: '\e80e'; } /* '?' */
.icon-teilen:before { content: '\e80f'; } /* '?' */
.icon-youtube:before { content: '\e810'; } /* '?' */
.icon-behoerdenlotse:before { content: '\e811'; } /* '?' */
.icon-listenelement:before { content: '\e813'; } /* '?' */
.icon-flickr:before { content: '\e814'; } /* '?' */
.icon-link-ext:before { content: '\f08e'; } /* '?' */
/*behoerdenlotse*/
/* bhl layer */
.bhl {
    
}

.bhl .bhlinput {
    position: relative;
    margin-bottom: 20px;
}

.bhl .bhlinput input {
    width: 100%;
    height: 46px;
    border: 0;
    outline: none;
    background: #fff;
    padding-right: 40px;
    color: #000;
}

.bhl .bhlinput a {
    color: #68b022;
    font-size: 20px;
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
}

.bhl .bhlsort {
    font-size: 21px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    border: 0;
    text-align: center;
}

.bhl .bhlsort a {
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.bhl .bhlsort a:first-child {
    margin: 0;
}
.bhl .bhlsort a:nth-child(2) {
    margin-left: 0;
}
.bhl .bhlsort a:last-child {
    margin-right: 0;
}

.bhl .bhlsort a:first-child:before {
    content: '|';
    margin: 0 5px 0;
    position: relative;
    top: -1px;
}

.bhl .bhlsort a:last-child:after {
    content: '|';
    margin: 0 0 0 5px;
    position: relative;
    top: -1px;
}

/*.bhl .bhl #themen {*/
/*    text-align: left;*/
/*    font-size: 21px;*/
/*}*/

/*.bhl .bhl a.plus:before,*/
/*.bhl .bhl a.minus:before  {*/
/*    content: '\e80c';*/
/*    font-size: 9px;*/
/*    vertical-align: top;*/
/*    color: #fff;*/
/*}*/

/*.bhl .bhl a.minus:before {*/
/*    transform: rotate(180deg);*/
/*}*/

/*.bhl .bhl #themen li {*/
/*    position: relative;*/
/*    padding: 0 5px 0 0;*/
/*}*/


/*.bhl .bhl #themen li a.plus,*/
/*.bhl #themen li a.minus {*/
/*    padding: 0 10px 0 0;*/
/*} */

/*.bhl .bhl #themen > li  {*/
/*    width: 33%;*/
/*    display: inline-block;*/
/*    padding: 0 0 10px;*/
/*    vertical-align: top;*/
/*}*/

/*.bhl .bhl #themen > li ul {*/
/*    display: none;*/
/*    padding-left: 20px;*/
/*    padding-top: 5px;*/
/*}*/

/*.bhl .bhl #themen > li a.minus ~ ul {*/
/*    display: block;*/
/*}*/

.bhl .themen li {
    float: left;
    width: 50%;
    margin: 20px 0 5px;
    text-align: left;
    font-size: 21px;
    cursor: pointer;
}
.bhl .themen li:nth-child(2n+1) {
    clear:both;
}

.bhl .themen:after {
    content: '';
    display: table;
    clear: both;
}

.bhl .themen li:before  {
    content: '\e80c';
    font-size: 9px;
    vertical-align: top;
    color: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
}


/* Responsive */
@media screen and (max-width: 768px) {

    .bhl.side-hover-inner {
        padding-left: 11px;
        padding-right: 11px;
    }  
    
}

@media screen and (max-width: 560px) {
    .bhl .themen li {
        width: 100%;
    }


}

/* bhl - pages */
.dienstleistungssuche {
    margin: 20px 0;
}

.dienstleistungssuche input {
    width: 100%;
    height: 46px;
    border: 1px solid #68b022;
    outline: none;
    background: #fff;
    padding-right: 40px;
}

.dienstleistungssuche .sucheInput {
    position: relative;
    margin-bottom: 20px;
}

.dienstleistungssuche .send {
    color: #68b022;
    font-size: 30px;
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
}

.dienstleistungssuche .send:hover a {
    color: #000;
}

.searchparameters {
    border-top: 1px dotted #68b022;
    border-bottom: 1px dotted #68b022;
    padding: 5px 0;
    text-align: center;
    color: #333;
}

.content .searchparameters a {
    display: inline-block;
    /*padding: 0 5px;*/
    padding: 0 4px;
    color: #333;
    position: relative;
    top: 1px;
}

.content .searchparameters a:hover {
    color: #68b022;
    text-decoration: none
}

.content .dienstleistungsthemen .treeview ul li.treeitem {
    padding-left: 0;
}

.treeview ul.firstlevel > li {
    margin-bottom: 5px;
    /*margin-bottom: 10px;*/
}

@media only screen and (max-width: 768px) {
    .treeview ul.firstlevel > li {
        margin-bottom: 10px;
    }
    
    .treeview ul.firstlevel > li > ul > li.treeitem {
        margin-bottom: 10px;
    }
}

.treeview ul.firstlevel > li.lifix {
    padding-left: 0;
}

.content .dienstleistungsthemen .treeview ul > li > ul {
    padding-left: 30px;
    margin-top: 5px;
}

.dienstleistungsthemen ul li a.black_link {
    /*padding-left: 20px;*/
}

.ticon {
    display: inline-block;
    background: #68b022;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: -5px 5px 0 0 ;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;

}

.ticon:before {
    margin: 0;
    padding: 0;
}

.plus:before {
    /*content: '\e807';*/
    content: '+';
    font-size: 22px;
    vertical-align: super;
}

.minus:before {
    content: '-';
    font-size: 26px;
    position: relative;
    top: -5px;
}

.back:before {
    content: '\e80a';
    text-decoration: none;
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px 0 0;
    transform: rotate(180deg);
}

/* 
.content .dienstleistungsliste-conatiner ul li {
    padding-left: 0;
}*/

.content .dienstleistungsliste-container ul li {
    border-bottom: 1px dotted #68b022;
    margin-bottom: 16px;
}

/* pager */
.bhl-pager {
    border-top: 1px dotted #68b022;
    border-bottom: 1px dotted #68b022;
    padding: 5px 0;
    text-align: center;
    color: #333;
    margin-bottom: 20px;
    position: relative;
}

.bhl-pager input {
    margin: 0 5px;
    background: #f2f2f2;
    width: 35px;
    border: 0;
    outline: none;
    text-align: center;
}

.bhl-pager .pageafter {
    position: absolute;
    right: 10px;
    font-size: 32px;
    color: #000;
}

.bhl-pager .pageafter:after {
    content: '>';
    display: inline-block;
}

.bhl-pager .pageafter:hover,
.bhl-pager .pagebefore:hover {
    color: #68b022;
}

.bhl-pager .page:before {
    position: absolute;
    left: 10px;
    font-size: 32px;
    color: #000;
}

.bhl-pager .pagebefore {
    position: absolute;
    left: 10px;
    font-size: 32px;
    color: #000;
}

.bhl-pager .pagebefore:after {
    content: '<';
    display: inline-block;
}

/* dienststellen */
.dienststellen ul.firstlevel > li.treeitem:not(.lifix):before {
    content: '';
    display: inline-block;
    background: #fff;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: -9px 0 0 0;
    border: 2px solid #68b022;
}

.dienststellen ul.firstlevel > li.treeitem:not(.lifix) > a {
    margin-left: 5px;
}

.dienststellen ul.firstlevel > li.treeitem ul {
    padding-left: 30px;
    margin-top: 5px;
}

.dienststellen ul.firstlevel > li.treeitem ul li.treeitem.lifix {
    padding-left: 0;
}

.dienststellen ul.firstlevel > li.treeitem ul li.treeitem:not(.lifix):before {
    content: '';
    display: inline-block;
    background: #fff;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: -9px 0 0 0;
    border: 2px solid #68b022;
}

.dienststellen ul.firstlevel > li.treeitem ul li.treeitem:not(.lifix) > a {
    margin-left: 5px; 
}

.ds-view figure.imgleft,
figure.tinyHtmlEditorContentCssClass {
    width: auto;
}

#bewertung,
.kasten {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #68b022;
    clear: both;
}

#bewertung .lastupdate {
    font-size: 18px;
}

#bewertung h2 {
    margin: 25px 0 15px;
}

.content .kasten h2 {
    margin: 0 0 15px;
}

.content .kasten ul.firstlevel ul {
    padding-left: 30px;
}

/* teaser */
.ap-entry {
    margin-bottom: 10px;
    margin-top: 20px;
}

.clap-head {
    display:block;
    /*font-size: 20px;*/
    margin-top:-6px;
    cursor: pointer;
    /*color: #68b022*/
    
    position: relative;
    padding-left: 30px;
}

.clap-head span.clap-icon {

    font-size: 22px;
    vertical-align: super;
    display: inline-block;
    background: #68b022;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: -5px 5px 0 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
}

.clap-head span.clap-icon:before {
    /*content: '\e802';*/
    /*font-size: 10px;*/
    
    /*content: '\e807';*/
    /*color: #68b022;*/
    /*font-size: 16px;*/
    /*position: relative;*/
    /*top: -2px;*/
    
    content: '+';
    margin: 0;
    position: relative;
    top: -3px;
    
}

.touch .clap-head span.clap-icon:before {
    height: 22px;
    top: -5px;
}

.clap-head.act span.clap-icon:before {
    /*content: '\e808';*/
    /*font-size: 2px;*/
    /* position: relative;*/
    /*top: -6px;*/
    /*margin-left: 4px;*/
    content: '-';
    position: relative;
    top: -5px;
}

.clap-head.act span.clap-icon {
    /*transform: rotate(180deg);*/
    /*position: relative;*/
    /*top: 5px;*/
    /*left: 10px;*/
}
.clap-content {
    padding-top:4px;
}

/* forms */
.callback .radioButtonListWrapper input[type=radio],
.suggest .radioButtonListWrapper input[type=radio]{
    margin-top: 7px;
}
/*jquery-Module/jquery-socialstream-modified*/
/*@import 'https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css';*/

/* Reset */
.dcsns ul, .dcsns li {
	padding: 0; 
	margin: 0; 
	list-style: none!important;
	background: none;
}

/* Main styles */
/* Icons */
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 20px; 
  color: #fff;
}
.socicon:empty{
    width: 1em;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dcsns-li .socicon {
	position: absolute; 
	bottom: 6px; 
	left: 8px; 
	z-index: 3; 
	top: auto;
}

.dcsns-toolbar .filter li a {
    /*width: 26px; */
    text-align: center;
}

/* Feeds */
.dcsns {
    color: #444;
    list-style: none outside none;
    margin: 0;
	clear: both;
}
.dcsns h1 {
    width: auto;
	position: relative;
}
.dcsns h1, .dcsns h2, .dcsns h3 {
    line-height: 1.35em;
}
.dcsns-content {
	position: relative;
	padding: 0;
}
.dcsns-loading {
	background: url(/img/system/socialstream/loading_light.gif) no-repeat 0 0;
	height: 24px;
	padding: 6px 0 0 30px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.dcsns-toolbar .dcsns-loading {
	right: 10px;
	left: auto;
}
.stream {
  margin: 0 auto!important;
}
.stream p {
	margin: 0;
	padding: 0;
}
.stream li a {
	/*color: #2DB6E8;*/
	font-size: 16px;
	color: #68b022;
	font-style: normal;
}
.stream li {
	background-color: #FFFFFF;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
	/*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
 /*   box-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
    font-size: 11px;
    padding: 15px 15px 55px 15px!important;
    /*width: 224px;*/
    width: 332px;
	position: relative;
	margin: 0 30px 30px 0;
	/*font-family: Arial, sans-serif;*/
	line-height: 1.35em;
	border: 1px solid #ccc;
}
.stream li .inner {
	overflow: hidden;
	padding: 0 15px;
}
.stream li .icon {
	position: absolute;
	left: 3px;
	bottom: 0;
	z-index: 3;
}
.stream li .section-intro {
    padding: 10px 0;
	width: calc(100% + 2px);
	left: -1px;
	bottom: -1px;
	position: absolute;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	z-index: 2;
}
.stream li .clear {
	clear: both;
}

/* Content blocks */

.stream li .section-intro a {
	text-decoration: underline;
	color: #fff;
	margin-left: 35px;
	float: left;
	line-height: 1.1em;
	margin-right: 4px;
}
.stream li .section-title,
.stream li .section-title a {
	display: block;
	/*font-weight: bold;*/
	margin-bottom: 3px;
	
    color: #3c3c3b;
    font-size: 22px;
    margin: 15px 0;
    line-height: 1.1em;
}
.stream li .section-title a {
	/*color: #555;*/
}
.stream li .section-intro span {
    margin-top: 2px;
    display: inline-block
}
.stream li .section-title a:hover {
	/*color: #2DB6E8;*/
	color: #68b022;
	text-decoration: none;
}
.stream li .section-thumb {
	/*float: left;*/
	/*margin: 0 7px 0 0;*/
}
.stream li .section-thumb img, .stream li .section-text img {
	display: none;
}
.stream li .section-thumb img {
	/*border: 1px solid #ccc;*/
	/*padding: 1px;*/
	background: #fff;
}
.stream li .section-text {
	display: block;
	margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.2em;
    color: #3c3c3b;
}
.stream li .section-text br {
	display: block;
}
.stream li .section-user {
	clear: both;
	display: block;
	font-style: italic;
	margin: 0 8px 5px 0;
	display: block;
	float: left;
	padding: 7px 0 0 15px;
	line-height: 12px;
	background: url(/img/system/socialstream/profile.png) no-repeat 0 7px;
}
.stream li .meta {
	display: block;
	font-size: 90%;
	color: #999;
}
.stream li .meta span {
	margin: 0 8px 5px 0;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	line-height: 12px;
}
.meta span.shares {
	background: url(/img/system/socialstream/shares.png) no-repeat 0 0;
	padding-left: 20px;
}
.meta span.views {
	background: url(/img/system/socialstream/views.png) no-repeat 0 0;
	padding-left: 18px;
}
.meta span.likes {
	background: url(/img/system/socialstream/likes.png) no-repeat 0 0;
	padding-left: 16px;
}
.meta span.comments {
	background: url(/img/system/socialstream/comments.png) no-repeat 0 0;
}
.meta span.users {
	background: url(/img/system/socialstream/users.png) no-repeat 0 0;
}
.meta span.videos {
	background: url(/img/system/socialstream/videos.png) no-repeat 0 0;
	padding-left: 16px;
}
.stream li .section-meta {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.stream li .meta.item-comments {
	padding: 0 0 0 35px;
	margin: 0 0 5px 0;
	min-height: 30px;
	position: relative;
	clear: both;
	line-height: 1.3em;
}
.stream li .meta.item-comments img {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
}
.stream li .meta.item-likes {
	padding: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
	line-height: 1.3em;
}
.stream li .meta.item-likes img {
	float: left;
	margin: 0 5px 5px 0;
	width: 30px;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
}
.stream li.dcsns-error {
	color: #990000;
}
.stream li .section-share {
	display: block;
	margin: 0 0 5px 0;
	padding: 4px 0 0;
	float: right;
}
.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(/img/system/socialstream/share.png) no-repeat 0 0;
}
.stream li .section-share a.share-twitter {
	background-position: 0 -16px;
}
.stream li .section-share a.share-reply {
	background-position: 0 -32px;
}
.stream li .section-share a.share-retweet {
	background-position: 0 -48px;
}
.stream li .section-share a.share-favorite {
	background-position: 0 -64px;
}
.stream li .section-share a.share-google {
	background-position: 0 -80px;
}
.stream li .section-share a.share-linkedin {
	background-position: 0 -96px;
}
.stream li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
.stream li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}
.stream li .section-share a.share-reply:hover {
	background-position: -16px -32px;
}
.stream li .section-share a.share-retweet:hover {
	background-position: -16px -48px;
}
.stream li .section-share a.share-favorite:hover {
	background-position: -16px -64px;
}
.stream li .section-share a.share-google:hover {
	background-position: -16px -80px;
}
.stream li .section-share a.share-linkedin:hover {
	background-position: -16px -96px;
}
.stream li.dcsns-twitter .section-share .share-facebook, .stream li.dcsns-twitter .section-share .share-google, .stream li.dcsns-twitter .section-share .share-linkedin, .stream li.dcsns-twitter .section-share .share-twitter {
	display:none;
}
/* Toolbar */
.dcsns-toolbar {
	padding: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
}
/* Filter */
#wall {
	padding-top: 15px;
}
#wall .dcsns-toolbar {
	margin-bottom: 25px;
}
#dcsns-filter.dc-center {
	float: left; 
	padding-left: 50%; 
	display: none;
	margin: 0;
}
.dcsns-toolbar .filter {
	padding: 0;
	margin: 0 0 15px 0;
}
.dcsns-toolbar .filter li {
	/*display: inline;*/
	background: none;
	padding: 0;
	margin: 0;
	
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    padding-right: 12px;
    height: 28px;
    vertical-align: top;
    padding-left: 0!important;
}
.dcsns-toolbar .filter li:after {
    content: '';
    height: 24px;
    width: 1px;
    background: #68b022;
    display: inline-block;
    /*vertical-align: middle;*/
}

.dcsns-toolbar .filter li:last-child:after {
    display: none;
}

.dcsns-toolbar .filter .link-all {
	/*color: #fff;*/
	/*height: 21px;*/
	/*padding: 7px 7px 4px 7px;*/
	/*text-shadow: 0 0 1px #555;*/
	/*font-weight: bold;*/
	color: #999;
	vertical-align: super;
}

.dcsns-toolbar .filter .link-all:after {
    content: 'e';
}

.dcsns-toolbar .filter li a {
	/*padding: 4px 3px 0 3px;*/
	/*margin: 0 1px 1px 0;*/
	/*display: block;*/
	/*float: left;*/
	/*background: #777;*/
	/*height: 28px;*/
	margin-right: 12px;
    color: #999;
}

.filter .socicon,
.filter .socicon:before {
	color: inherit;
	line-height: inherit;
    vertical-align: text-bottom;
}
.dcsns-toolbar .filter li img {
	margin: 0;
	height: 24px;
	width: 25px;
}
/* Controls */
.dcsns .controls {
	position: absolute;
	right: 0;
	top: 7px;
	height: 22px;
	padding: 0;
	z-index: 12;
}
.dcsns .controls li {
	display: inline;
	background: none;
}
.dcsns .controls a {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 0 0 2px;
	background: url(/img/system/socialstream/controls.png) no-repeat 0 0;
}
.dcsns .controls .prev {
	background-position: -44px 0;
}
.dcsns .controls .next {
	background-position: -66px 0;
}
.dcsns .controls .play {
	background-position: 0 0;
}
.dcsns .controls .pause {
	background-position: -22px 0;
}
.dcsns .controls .prev:hover {
	background-position: -44px -22px;
}
.dcsns .controls .next:hover {
	background-position: -66px -22px;
}
.dcsns .controls .play:hover {
	background-position: 0 -22px;
}
.dcsns .controls .pause:hover {
	background-position: -22px -22px;
}

/* feeds network specific styles */
.filter a:hover,
.filter a:focus,
a.iso-active {
    color: #68b022!important;
    background: none!important;
    text-decoration: none!important;
}

.stream li.dcsns-rss .section-intro, .filter .f-rss a:hover, .filter .f-rss a.iso-active {
	background-color: #FF9800
}
.stream li.dcsns-flickr .section-intro, .filter .f-flickr a:hover, .filter .f-flickr a.iso-active {
	background-color: #f90784;
}
.stream li.dcsns-delicious .section-intro, .filter .f-delicious a:hover, .filter .f-delicious a.iso-active {
	background-color: #3271CB;
}
.stream li.dcsns-twitter .section-intro, .filter .f-twitter a:hover, .filter .f-twitter a.iso-active {
	background-color: #4ec2dc;
}
.stream li.dcsns-facebook .section-intro, .filter .f-facebook a:hover, .filter .f-facebook a.iso-active {
	background-color: #3b5998;
}
.stream li.dcsns-google .section-intro, .filter .f-google a:hover, .filter .f-google a.iso-active {
	background-color: #2d2d2d;
}
.stream li.dcsns-youtube .section-intro, .filter .f-youtube a:hover, .filter .f-youtube a.iso-active {
	background-color: #DF1F1C;
}
.stream li.dcsns-pinterest .section-intro, .filter .f-pinterest a:hover, .filter .f-pinterest a.iso-active {
	background-color: #CB2528;
}
.stream li.dcsns-lastfm .section-intro, .filter .f-lastfm a:hover, .filter .f-lastfm a.iso-active {
	background-color: #C90E12;
}
.stream li.dcsns-dribbble .section-intro, .filter .f-dribbble a:hover, .filter .f-dribbble a.iso-active {
	background-color: #F175A8;
}
.stream li.dcsns-vimeo .section-intro, .filter .f-vimeo a:hover, .filter .f-vimeo a.iso-active {
	background-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon .section-intro, .filter .f-stumbleupon a:hover, .filter .f-stumbleupon a.iso-active {
	background-color: #EB4924;
}
.stream li.dcsns-deviantart .section-intro, .filter .f-deviantart a:hover, .filter .f-deviantart a.iso-active {
	background-color: #EB4924;
}
.stream li.dcsns-tumblr .section-intro, .filter .f-tumblr a:hover, .filter .f-tumblr a.iso-active {
	background-color: #365472;
}
.stream li.dcsns-instagram .section-intro, .filter .f-instagram a:hover, .filter .f-instagram a.iso-active {
	background-color: #413A33;
}
.stream li.dcsns-vine .section-intro, .filter .f-vine a:hover, .filter .f-vine a.iso-active {
	background-color: #00BF8F;
}


.stream li[class^="dcsns"] .section-thumb img {
    width: 100%;
}
/* Facebook */
.stream li.dcsns-facebook .section-thumb img {
	/*max-width: 192px;*/
	/*margin-bottom: 5px;*/
}

.stream li.dcsns-facebook .section-thumb img, .stream li.dcsns-facebook .section-text img {
	display: block;
}

.stream li.dcsns-facebook .section-text img {
	margin: 5px 7px 5px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
.stream li.dcsns-facebook .section-text a {
	margin-right: 4px;
	color: #444;
}
.stream li.dcsns-facebook .section-text-fb a {
	display:none;
}
.stream li.dcsns-facebook .meta {
	display: block;
	clear: both;
}
.stream li.dcsns-facebook .meta.item-comments {
	padding: 0;
	min-height: auto;
}
.stream li.dcsns-facebook .meta.item-comments a {
	display: block;
	margin: 0 0 2px 0;
}
.stream li.dcsns-facebook .share-facebook {
	display: none;
}
/* twitter */
.stream li.dcsns-twitter .section-thumb {
	margin-top: 3px;
}
.stream li.dcsns-twitter .section-thumb img {
	width: 48px; 
	height: 48px;
	display: block;
}
.stream li.dcsns-twitter .section-user {
	padding: 0;
	background: none;
}
.stream li.dcsns-twitter .section-text img {
	margin: 5px 0 0;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
.stream li.dcsns-twitter a {
	color: #38AEAE;
}
.stream li.dcsns-twitter .section-intro a, .stream li.dcsns-twitter .section-intro a:hover {
	color: #fff;
}
.stream li.dcsns-twitter .section-intro span a {
	text-decoration: none;
	margin-left: 0;
}
.stream li.dcsns-twitter .section-intro span a:hover {
	text-decoration: underline;
}
.stream li.dcsns-twitter a:hover {
	color: #38AEAE;
	text-decoration: underline;
}
.stream li.dcsns-twitter .twitter-user {
	margin-bottom: 2px;
	display: block;
}
.stream li.dcsns-twitter .twitter-user a {
	color: #999;
	line-height: 1.35em;
}
.stream li.dcsns-twitter .twitter-user a:hover {
	color: #999;
	text-decoration: none;
}
.stream li.dcsns-twitter .twitter-user a strong{
	color: #444;
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
	color: #38AEAE!important;
	text-decoration: underline;
}
/* google */
.stream li.dcsns-google .section-title {
	margin-bottom: 5px;
}
.dcsns .stream li.dcsns-google .section-thumb img {
	max-width: 192px;
}
.stream li.dcsns-google .meta span.plusones {
	padding-left: 0;
}
/* rss */
.stream li.dcsns-rss .section-thumb img {
	max-width: 192px;
}
.stream li.dcsns-rss .section-text img {
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
/* stumbleupon */
.dcsns .stream li.dcsns-stumbleupon .section-title {
	display: block;
	clear: both;
}
.dcsns .stream li.dcsns-stumbleupon .section-thumb img {
	max-width: 192px;
}
/* youtube */
.stream li.dcsns-youtube .section-thumb img {
	/*max-width: 192px;*/
}
/* vimeo */
.stream li.dcsns-vimeo .section-thumb img {
	max-width: 192px;
}
.dcsns .stream li.dcsns-vimeo .section-title {
	display: block;
	clear: both;
}
.stream li.dcsns-vimeo .section-text {
	margin-bottom: 5px;
}
.stream li.dcsns-vimeo .section-text .meta {
	padding-top: 5px;
}
.stream li.dcsns-vimeo .logo {
	margin-bottom: 3px;
}
/* Flickr */
.stream li.dcsns-flickr .section-thumb {
	margin: 0;
}
.stream li.dcsns-flickr .section-thumb img{
	max-width: 192px;
}
/* Pinterest */
.stream li.dcsns-pinterest .section-thumb {
	display: block;
}
.stream li.dcsns-pinterest .section-text {
	clear: both;
}
.stream li.dcsns-pinterest .section-thumb img {
	width: 190px;
}
/* dribbble */
.stream li.dcsns-dribbble .inner img {
	margin-bottom: 5px;
	max-width: 192px;
}
/* lastfm */
.stream li.dcsns-lastfm .section-title {
	background: url(/img/system/socialstream/tracks.png) no-repeat 0 0;
	padding-left: 17px;
	margin-bottom: 0;
}
/* deviantart */
.stream li.dcsns-deviantart .section-thumb {
	display: block;
	float: none;
}
.stream li.dcsns-deviantart .section-thumb img {
	max-width: 192px;
}
/* tumblr */
.stream li.dcsns-tumblr .section-text img {
	margin: 0 7px 5px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
.stream li.dcsns-tumblr .track {
	display: block;
	background: url(/img/system/socialstream/tracks.png) no-repeat 0 5px;
	padding: 5px 0 0 17px;
	margin-bottom: 0;
}
/* instagram */
.stream li.dcsns-instagram {
	padding-bottom: 40px;
}
.stream li.dcsns-instagram .section-title {
	font-weight: normal;
	clear: both;
}
.stream li.dcsns-instagram .section-thumb img {
	margin: 0 7px 5px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
.stream li.dcsns-instagram .meta {
	clear: both;
}
.stream li.dcsns-instagram .section-meta .meta .comments, .stream li.dcsns-instagram .section-meta .meta .likes {
	margin: 0 0 5px 0;
	padding-top: 5px;
	background-position: 0px 5px;
	float: none;
	font-size: 100%;
	font-weight: bold;
}
/* vine */
.stream li.dcsns-vine {
	padding-bottom: 40px;
}
.stream li.dcsns-vine .section-title {
	font-weight: normal;
	clear: both;
}
.stream li.dcsns-vine .section-thumb img {
	margin: 0 7px 5px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	max-width: 192px;
}
.stream li.dcsns-vine .meta {
	clear: both;
}
.stream li.dcsns-vine .section-meta .meta .comments, .stream li.dcsns-vine .section-meta .meta .likes {
	margin: 0 0 5px 0;
	padding-top: 5px;
	background-position: 0px 5px;
	float: none;
	font-size: 100%;
	font-weight: bold;
}
/* Foursquare */
.stream li.dcsns-foursquare .section-thumb img {
	max-width: 192px;
	margin-bottom: 5px;
	display: block;
}

/* layouts */
/* modern */
.modern .stream li {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
	padding: 0;
	width: 260px;
	margin: 0 20px 20px 0;
	font-size: 14px;
	text-align: center;
	word-wrap: break-word;
}
.modern .stream li .inner {
	padding: 0;
}
.modern .stream li .section-thumb {
    margin: 0 0 20px 0;
	display: block;
	float: none;
}
.modern .stream li .section-thumb img {
    max-width: 100%!important;
	width: 100%!important;
	background: none;
    border: none;
    padding: 0;
	margin: 0;
}
.modern .stream li.dcsns-twitter .section-thumb {
	float: left;
	margin: 20px 10px 10px 20px;
}
.modern .stream li.dcsns-twitter .section-thumb img {
    display: block;
    height: 48px!important;
    width: 48px!important;
}
.modern .twitter-user {
	text-align: left!important;
	margin-top: 20px;
}
.modern .twitter-text {
	clear: both;
	display: block;
}
.modern .stream li.dcsns-tumblr .inner {
	padding-top: 20px;
}
.modern .stream li .section-title {
	font-weight: normal;
}
.modern .stream li .section-text, .modern .stream li .section-user, .modern .stream li .section-title {
	padding: 0 20px;
	margin: 0 0 20px 0;
}
.modern .stream li .section-text img {
    max-width: 100%!important;
	width: 100%!important;
	background: none;
    border: none;
    padding: 0;
	float: none;
	margin: 0;
}
.modern .stream li .meta {
	display: none;
}
.modern .stream li .section-user {
	font-size: 12px;
	background: none;
	float: none;
	text-align: center;
}
.modern .stream li .section-intro {
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	position: relative;
	display: block;
}
.modern .stream li .section-intro a {
    margin: 0;
    text-decoration: none;
	padding: 0 5px;
}
.modern .stream li .section-intro span {
    font-size: 12px;
}
.modern .stream li .section-intro a.link-user {
    display: block;
}
.modern .stream li .section-intro a.link-user:hover {
    color: #38AEAE;
}
.modern .stream li .section-intro a.link-intro {
    display: none;
}
.modern .stream li .section-user {
	display: none;
}

.modern .stream li .section-share {
	margin: 0 20px 20px 0;
	padding: 0;
}

.modern .stream li .socicon {
	position: absolute; 
	bottom: 15px; 
	left: 15px;
    font-size: 24px;
}

.modern .stream li.dcsns-lastfm .section-title {
	background: url(/img/system/socialstream/tracks.png) no-repeat 20px 3px;
	padding-left: 37px;
}
.modern .stream li.dcsns-instagram .section-thumb img {
	margin-bottom: 20px;
}

/* modern - dark*/
.modern.dark .stream li, .modern.dark .stream li .section-user, .modern.dark .stream li .section-intro a, .modern.dark .stream li .section-text a, 
.modern.dark .stream li .section-intro span, .modern.dark .stream li.dcsns-twitter .twitter-user a strong, .modern.dark .stream li .socicon {
	color: #fff;
}
.modern.dark .stream li .section-intro a:hover, .modern.dark .stream li .section-title a:hover, .modern.dark .stream li .section-text a:hover, .stream li.dcsns-twitter .twitter-user a:hover strong {
	color: #4EC2DC;
}
.modern.dark .stream li {
	background-color: #393939;
}
.modern.dark .stream li .section-title a {
    color: #fff;
}
.modern.dark .stream li .section-intro {
	background: #2C2C2C!important;
}
/* modern - light*/
.modern.light .stream li .section-intro a:hover, .modern.light .stream li .section-title a:hover, .modern.light .stream li .section-text a:hover, .stream li.dcsns-twitter .twitter-user a:hover strong {
	/*color: #4EC2DC;*/
	color:#38aeae;
}
.modern.light .stream li {
	background-color: #fff;
}
.modern.light .stream li .section-intro {
	background: #ececec!important;
}
.modern.light .stream li, .modern.light .stream li .section-intro a, .modern.light .stream li .section-intro span {
    color: #494949;
}
.modern.light .stream li .socicon {
	color: #494949;
}

/*isotope */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

@media  (max-width: 900px) {
    .stream .youtubehome-item {
        margin-right: 15px !important;
        width: calc(50% - 15px);
    }
}

@media (max-width: 800px) {
    .stream .youtubehome-item {
        width: calc(50% - 15px);
        margin-right: 15px;
    }  

}
@media  (max-width: 767px) {
    .stream .youtubehome-item {
        /*margin-right: 0;*/
        width: 100%;
    }
}
/*jquery-Module/jquery-socialstream-icons*/
@charset "UTF-8";

/* socicon */
@font-face {
  font-family: "socicon";
  src:url("/fonts/socialstream-icons/1477598082.eot");
  src:url("/fonts/socialstream-icons/1477598082.eot?#iefix") format("embedded-opentype"),
    url("/fonts/socialstream-icons/1477598082.woff") format("woff"),
    url("/fonts/socialstream-icons/1477598082.ttf") format("truetype"),
    url("/fonts/socialstream-icons/1477598082.svg#1477598082") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-modelmayhem:before {
  content: "\e000";
}
.socicon-mixcloud:before {
  content: "\e001";
}
.socicon-drupal:before {
  content: "\e002";
}
.socicon-swarm:before {
  content: "\e003";
}
.socicon-istock:before {
  content: "\e004";
}
.socicon-yammer:before {
  content: "\e005";
}
.socicon-ello:before {
  content: "\e006";
}
.socicon-stackoverflow:before {
  content: "\e007";
}
.socicon-persona:before {
  content: "\e008";
}
.socicon-triplej:before {
  content: "\e009";
}
.socicon-houzz:before {
  content: "\e00a";
}
.socicon-rss:before {
  content: "\e00b";
}
.socicon-paypal:before {
  content: "\e00c";
}
.socicon-odnoklassniki:before {
  content: "\e00d";
}
.socicon-airbnb:before {
  content: "\e00e";
}
.socicon-periscope:before {
  content: "\e00f";
}
.socicon-outlook:before {
  content: "\e010";
}
.socicon-coderwall:before {
  content: "\e011";
}
.socicon-tripadvisor:before {
  content: "\e012";
}
.socicon-appnet:before {
  content: "\e013";
}
.socicon-goodreads:before {
  content: "\e014";
}
.socicon-tripit:before {
  content: "\e015";
}
.socicon-lanyrd:before {
  content: "\e016";
}
.socicon-slideshare:before {
  content: "\e017";
}
.socicon-buffer:before {
  content: "\e018";
}
.socicon-disqus:before {
  content: "\e019";
}
.socicon-vkontakte:before {
  content: "\e01a";
}
.socicon-whatsapp:before {
  content: "\e01b";
}
.socicon-patreon:before {
  content: "\e01c";
}
.socicon-storehouse:before {
  content: "\e01d";
}
.socicon-pocket:before {
  content: "\e01e";
}
.socicon-mail:before {
  content: "\e01f";
}
.socicon-blogger:before {
  content: "\e020";
}
.socicon-technorati:before {
  content: "\e021";
}
.socicon-reddit:before {
  content: "\e022";
}
.socicon-dribbble:before {
  content: "\e023";
}
.socicon-stumbleupon:before {
  content: "\e024";
}
.socicon-digg:before {
  content: "\e025";
}
.socicon-envato:before {
  content: "\e026";
}
.socicon-behance:before {
  content: "\e027";
}
.socicon-delicious:before {
  content: "\e028";
}
.socicon-deviantart:before {
  content: "\e029";
}
.socicon-forrst:before {
  content: "\e02a";
}
.socicon-play:before {
  content: "\e02b";
}
.socicon-zerply:before {
  content: "\e02c";
}
.socicon-wikipedia:before {
  content: "\e02d";
}
.socicon-apple:before {
  content: "\e02e";
}
.socicon-flattr:before {
  content: "\e02f";
}
.socicon-github:before {
  content: "\e030";
}
.socicon-renren:before {
  content: "\e031";
}
.socicon-friendfeed:before {
  content: "\e032";
}
.socicon-newsvine:before {
  content: "\e033";
}
.socicon-identica:before {
  content: "\e034";
}
.socicon-bebo:before {
  content: "\e035";
}
.socicon-zynga:before {
  content: "\e036";
}
.socicon-steam:before {
  content: "\e037";
}
.socicon-xbox:before {
  content: "\e038";
}
.socicon-windows:before {
  content: "\e039";
}
.socicon-qq:before {
  content: "\e03a";
}
.socicon-douban:before {
  content: "\e03b";
}
.socicon-meetup:before {
  content: "\e03c";
}
.socicon-playstation:before {
  content: "\e03d";
}
.socicon-android:before {
  content: "\e03e";
}
.socicon-snapchat:before {
  content: "\e03f";
}
.socicon-twitter:before {
  content: "\e040";
}
.socicon-facebook:before {
  content: "\e041";
}
.socicon-googleplus:before {
  content: "\e042";
}
.socicon-pinterest:before {
  content: "\e043";
}
.socicon-foursquare:before {
  content: "\e044";
}
.socicon-yahoo:before {
  content: "\e045";
}
.socicon-skype:before {
  content: "\e046";
}
.socicon-yelp:before {
  content: "\e047";
}
.socicon-feedburner:before {
  content: "\e048";
}
.socicon-linkedin:before {
  content: "\e049";
}
.socicon-viadeo:before {
  content: "\e04a";
}
.socicon-xing:before {
  content: "\e04b";
}
.socicon-myspace:before {
  content: "\e04c";
}
.socicon-soundcloud:before {
  content: "\e04d";
}
.socicon-spotify:before {
  content: "\e04e";
}
.socicon-grooveshark:before {
  content: "\e04f";
}
.socicon-lastfm:before {
  content: "\e050";
}
.socicon-youtube:before {
  content: "\e051";
}
.socicon-vimeo:before {
  content: "\e052";
}
.socicon-dailymotion:before {
  content: "\e053";
}
.socicon-vine:before {
  content: "\e054";
}
.socicon-flickr:before {
  content: "\e055";
}
.socicon-500px:before {
  content: "\e056";
}
.socicon-wordpress:before {
  content: "\e058";
}
.socicon-tumblr:before {
  content: "\e059";
}
.socicon-twitch:before {
  content: "\e05a";
}
.socicon-8tracks:before {
  content: "\e05b";
}
.socicon-amazon:before {
  content: "\e05c";
}
.socicon-icq:before {
  content: "\e05d";
}
.socicon-smugmug:before {
  content: "\e05e";
}
.socicon-ravelry:before {
  content: "\e05f";
}
.socicon-weibo:before {
  content: "\e060";
}
.socicon-baidu:before {
  content: "\e061";
}
.socicon-angellist:before {
  content: "\e062";
}
.socicon-ebay:before {
  content: "\e063";
}
.socicon-imdb:before {
  content: "\e064";
}
.socicon-stayfriends:before {
  content: "\e065";
}
.socicon-residentadvisor:before {
  content: "\e066";
}
.socicon-google:before {
  content: "\e067";
}
.socicon-yandex:before {
  content: "\e068";
}
.socicon-sharethis:before {
  content: "\e069";
}
.socicon-bandcamp:before {
  content: "\e06a";
}
.socicon-itunes:before {
  content: "\e06b";
}
.socicon-deezer:before {
  content: "\e06c";
}
.socicon-telegram:before {
  content: "\e06e";
}
.socicon-openid:before {
  content: "\e06f";
}
.socicon-amplement:before {
  content: "\e070";
}
.socicon-viber:before {
  content: "\e071";
}
.socicon-zomato:before {
  content: "\e072";
}
.socicon-draugiem:before {
  content: "\e074";
}
.socicon-endomodo:before {
  content: "\e075";
}
.socicon-filmweb:before {
  content: "\e076";
}
.socicon-stackexchange:before {
  content: "\e077";
}
.socicon-wykop:before {
  content: "\e078";
}
.socicon-teamspeak:before {
  content: "\e079";
}
.socicon-teamviewer:before {
  content: "\e07a";
}
.socicon-ventrilo:before {
  content: "\e07b";
}
.socicon-younow:before {
  content: "\e07c";
}
.socicon-raidcall:before {
  content: "\e07d";
}
.socicon-mumble:before {
  content: "\e07e";
}
.socicon-medium:before {
  content: "\e06d";
}
.socicon-bebee:before {
  content: "\e07f";
}
.socicon-hitbox:before {
  content: "\e080";
}
.socicon-reverbnation:before {
  content: "\e081";
}
.socicon-formulr:before {
  content: "\e082";
}
.socicon-instagram:before {
  content: "\e057";
}
.socicon-battlenet:before {
  content: "\e083";
}
.socicon-chrome:before {
  content: "\e084";
}
.socicon-discord:before {
  content: "\e086";
}
.socicon-issuu:before {
  content: "\e087";
}
.socicon-macos:before {
  content: "\e088";
}
.socicon-firefox:before {
  content: "\e089";
}
.socicon-opera:before {
  content: "\e08d";
}
.socicon-keybase:before {
  content: "\e090";
}
.socicon-alliance:before {
  content: "\e091";
}
.socicon-livejournal:before {
  content: "\e092";
}
.socicon-googlephotos:before {
  content: "\e093";
}
.socicon-horde:before {
  content: "\e094";
}
.socicon-etsy:before {
  content: "\e095";
}
.socicon-zapier:before {
  content: "\e096";
}
.socicon-google-scholar:before {
  content: "\e097";
}
.socicon-researchgate:before {
  content: "\e098";
}
.socicon-wechat:before {
  content: "\e099";
}
.socicon-strava:before {
  content: "\e09a";
}
.socicon-line:before {
  content: "\e09b";
}
.socicon-lyft:before {
  content: "\e09c";
}
.socicon-uber:before {
  content: "\e09d";
}
.socicon-songkick:before {
  content: "\e09e";
}
.socicon-viewbug:before {
  content: "\e09f";
}
.socicon-googlegroups:before {
  content: "\e0a0";
}
.socicon-quora:before {
  content: "\e073";
}
.socicon-diablo:before {
  content: "\e085";
}
.socicon-blizzard:before {
  content: "\e0a1";
}
.socicon-hearthstone:before {
  content: "\e08b";
}
.socicon-heroes:before {
  content: "\e08a";
}
.socicon-overwatch:before {
  content: "\e08c";
}
.socicon-warcraft:before {
  content: "\e08e";
}
.socicon-starcraft:before {
  content: "\e08f";
}
/*jquery-Module/jquery-ui.datepicker*/
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/*layout*/
@charset "utf-8";
*, *:before, *:after, ul, li {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
	height: 100%;
	font-family: 'Cabin Condensed', sans-serif;
	font-weight: normal;
	font-size: 16px;
	background: #fff;
	color: #535353;
	line-height: 1.2em;
	word-break: break-word;
    overflow-x: hidden;
}

body .ui-widget {
	font-size: inherit;
	font-family: inherit;
}

ul li,
ol li {
	list-style: none
}

figure {
	margin: 20px 0;
}

figure.widthfix img {
    /*width: 100%;*/
}

figure.gallery.gallery-wide,
figure.gallery.gallery-wide img {
    width: 100%;
}

.img-wr ul {
    /*display: table;*/
}

.img-wr ul {
  padding: 0;
  list-style-position: inside;
}

.img-wr ul li {
  overflow: hidden;
  padding-left: 25px;
}

img {
	max-width: 100%;
	display: block;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:focus {
	text-decoration: none;
	color: #fff;
}

p {
	margin: 0 0 20px 0;
	line-height: 1.2em;
}

h1, h2, h3 {
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {

}

h2 {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 25px;
}

h3 {
	color: #f00;
	background: yellow;
	font-size: 17px;
	margin-bottom: 35px;
}

.content h1 > a,
.content h2:not(.ui-accordion-header) > a {
    color: #575756;
    text-decoration: none!important;
}

input, textarea, select {
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

select {
    background: #fff;
}

.inner {
	padding: 0 90px;
	/*max-width: 1090px;*/
	width: 100%;
	margin: 0 auto;
}

/* CLEARFIX */
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

/* Tabbed */
a.tocontent, 
a.tonavigation {
  display:block; 
  position:absolute; 
  top:50px; 
  left:-1000px; 
  z-index:99999; 
  padding:10px; 
  font-size:16px; 
  font-weight:bold; 
  color:#000;
  background-color:#FFFF8D; 
}
a.tocontent:focus, 
a.tocontent:active, 
a.tonavigation:focus, 
a.tonavigation:active {
  left:20px;
}

.tabbed:not(.tocontent):not(.tonavigation) {
    outline:2.5px solid #000 !important;
    transition:none;
}

/* textversion */
.textversion-navigation {
    display: none;
}

/* HEADER
################################### */
header {
	position: relative;
	margin-bottom: 20px;
}

header > article.kv {
    display: none;
}

.logo {
	position: absolute;
	left: 27px;
	top: 17px;
	z-index: 1;
}

.logo img {
	position: relative;
	z-index: 1;
}

/*.logo:before,*/
.kv:before {
    content: '';
    position: absolute;
    left: -135px;
    top: -115px;
    background: url(/img/system/logo-aufheller.png);
    width: 469px;
    height: 461px;
}

.kv {
    min-height: 550px;
    height: 650px;
	background-size: cover!important;
	background-position: center center!important;
	position: relative;
	overflow: hidden;
	background: none;
}

.kv .image {
	display: none;
}

@media only screen and (min-width: 1281px) {
	.kv img {
		display: none!important;
	}
}

.kv-wrapper.sub:not(.extra) {
    display: none;
}

.sub .kv {
	height: 420px;
	min-height: 0;
	background-color: #f0f0f0;
}

.kv-inner {
	position: absolute;
	bottom: 185px;
	width: 100%;
}

.kv-box {
	color: #fff;
}

.kv-box h1 {
	display: inline-block;
	background: #1c7cbc;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 38px; 
	margin: 0 0 1px 0;
	
}

.kv-box p{
	padding: 0;
	margin: 0;
}

.kv-text {
	max-width: 530px;
	background: #1c7cbc;
	padding: 5px 10px 8px;
	font-size: 24px;
	margin-left: 17px;
}

header .owl-dots {
	counter-reset: slides-num;
    position: absolute;
    bottom: 164px;
    margin-top: 15px;
    right: calc(100% - 637px);
}

header .owl-dot {
    display: inline-block;
	counter-increment: slides-num; 
    margin-left: 3px;
}

header .owl-theme .owl-dots .owl-dot span  {
	background: none;
	border-radius: 0;
	width: 19px;
	height: 19px;
	background: #1c7cbc;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0;
}

header .owl-theme .owl-dots .owl-dot span:hover ,
header .owl-theme .owl-dots .owl-dot.active span  {
	background: #68b022;
}

header .owl-dot span:after {
	content: counter(slides-num); 
	display: inline-block;
	font-size: 14px;
	line-height: 19px;
}
		
.laufband {
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 2;
	text-align: right;
	height: 36px;
}

.laufband marquee,
.laufband .marquee {
	background: #fff;
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
    height: 36px;
    line-height: 36px;
	box-shadow: 2px 2px 10px rgba(0,0,0, 0.2);
	overflow: hidden;
	width: calc(100% - 51px);
	display: inline-block;
}

.laufband span {
    display: inline-block;
}

.laufband span a {
    color:#000;
    text-decoration:underline;
}

.laufband time {
    display: inline-block;
    padding-right: 5px;
}

.laufband .plus {
	color: #68b022;
	font-size: 22px;
	font-style: normal;
}

.laufband .plus:before {
    display: none;
}

.laufband .warning-ticker,
.laufband span.warning-ticker a {
    color:#f00;
}

.laufband .warning-ticker .plus {
    color: #68b022;
}

.searchhead:not(.results) {
	position: absolute;
	/*z-index: 1;*/
	z-index: 2;
	top: 17px;
	right: 93px;
	background: #6eb32d;
	height: 60px;
	color: #fff;
	padding: 7px 5px 0 7px;
}

.ready .searchhead:not(.results) {
    transition: right 0.6s;   
}

.open .searchhead:not(.results) {
    right: 15px;
}

.searchhead label {
	float: left;
	text-transform: uppercase;
	line-height: 46px;
	display: inline-block;
	padding: 0 15px 0 8px;
	font-size: 18px;
	display: none;
}

.searchhead input {
	height: 47px;
	width: 355px;
	background: #fff;
	border: 0;
	outline: none;
	float: left;
	color: #575757;
	padding: 0 50px 0 10px;
	display: none;
}

.open .searchhead input {
    width: 400px;
}

.searchhead .searchbtn {
	display: inline-block;
	background: #6fb42d;
	width: 60px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 30px;
	text-align: center;
}

.searchhead.open label,
.searchhead.open input {
	display: block;
}

.searchhead.open .searchbtn {
    background: transparent;
    color: #6fb42d;
}

/* search layer */
.searchhead .results {
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    width: 100%;
    background: #fff;
    font-size: 18px;
    transition: all 0.6s;
    max-width: calc(100% - 0)
}

.open .searchhead .results {
    /*left: -70px;*/
    left: 0;
    max-width: calc(100% - 75px);
    transition: all 0.6s;
}

.part-result {
    
}

.pr-headline {
    display: block;
    background: #6cb12a;
    color: #fff;
    padding: 0 13px;
    text-transform: uppercase;
    height: 27px;
    line-height: 29px;
}

.part-result-inner {
    max-height: 107px;
    overflow-y: auto;
    padding: 6px 13px 5px 13px;
    background: #fff;
}

.part-result-inner .spacer {
    display: none;
}

.part-result-inner h2 {
    margin-bottom: 1px;
    font-size: 18px;
    text-transform: none;
    line-height: 24px;
}

.part-result-inner h2 a {
    color: #575756;
    /*line-height: 1.05em;*/
    /*display: inline-block;*/
    
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 10px);
}

.part-result-inner h2 a:hover {
    color: #6cb12a;
}
.part-result-inner .plaintext {
    color: #575756;  
}
.part-result-inner .plaintext a {
    color: #6cb12a;  
}
.part-result-inner .plaintext a:hover {
    color: #575756;  
}

.suche-item {
}

.pr-showall {
    display: block;
    background: #6cb12a;
    color: #fff;
    text-align: right;
    padding: 0 13px;
    height: 27px;
    line-height: 29px;
}

@media only screen and (max-width: 600px) {
    .searchhead .results  {
        left: auto;
        right: 0;
        top: calc(100% + 63px);
        min-width: 320px;
    }
}

@media only screen and (max-width: 420px) {
    .searchhead .results {
        min-width: 285px;
    }
}

.sidemenu {
	position: absolute;
	top: 94px;
	right: 15px;
	z-index: 43;
}

.sidemenu span.icon {
	display: inline-block;
	width: 59px;
	height: 59px;
	line-height: 59px;
	background: #68b022;
	color: #fff;
	font-size: 36px;
	text-align: center;
	cursor: pointer;
}
.sidemenu span.icon.icon-dgs {
    margin-bottom: -4px;
}

.sidemenu span.icon.icon-dgs:before {
    content: url(/img/system/dgs-symbol_weiss.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    line-height: 0;
    margin: 0;
    
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

.sidemenu span.icon-teilen {
    font-size: 26px;
}

.side-item:hover span.icon,
.side-item.cur span.icon {
	background: #fff;
	color: #68b022;
}

.side-item:hover span.icon.icon-dgs:before,
.side-item.cur span.icon.icon-dgs:before {
    content: url(/img/system/dgs-symbol_gruen.png); 
}

.side-item {
	display: block;
	border: 1px solid transparent;
	border-top: none;
	position: relative;
	/*padding-left: 10px;*/
}

div.side-item:first-of-type {
	border-top: 1px solid transparent;
}

.sidemenu.hover .side-item {
	border: 1px solid #fff;
	border-top: none;
}

.sidemenu.hover .side-item.side-layer .side-hover:not(.bl) {
    display: none!important;
}

/*.sidemenu:hover div.side-item:first-of-type,*/
.sidemenu.hover div.side-item:first-of-type {
	border-top: 1px solid #fff;
}

.side-layer .side-hover.bl {
	display: none!important;
	position: fixed;
	z-index: -1;  
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(104,176,34,0.9);
}

.side-layer .side-hover-inner.bhl {
	max-width: 905px;
	padding: 100px 90px;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	text-align: center;
	overflow: auto;
	max-height: 100vh;
}

@media only screen and (max-width: 1024px) {
    .side-layer .side-hover-inner.bhl {
	    padding: 100px 30px;
    }
}
@media only screen and (max-width: 600px) {
    .side-layer .side-hover-inner.bhl {
	    padding: 100px 20px;
    }
}

.side-layer .side-hover-inner.bhl h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	line-height: 1.2em;
}

.side-layer .side-hover-inner.bhl p {
	font-size: 18px;
}

.side-item .side-hover:not(.bl) {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    padding-right: 1px;
    cursor: pointer;
}

.hover .side-item .side-hover:not(.bl){
    padding-right: 2px;
    top: -1px;
}

.hover .side-item .side-hover-inner:not(.bhl) {
    line-height: 61px;
    height: 61px;
}

/*.side-item:not(.side-layer) .side-hover:after {*/
/*    content: '';*/
/*    width: 0px;*/
/*    height: 0px;*/
/*    border-top: 10px solid transparent;*/
/*    border-bottom: 10px solid transparent;*/
/*    border-left: 10px solid #68b022;*/
/*    position: absolute;*/
/*    top: calc(50% - 10px);*/
/*    left: calc(100% - 20px);*/
/*}*/

.side-item .side-hover-inner:not(.bhl) {
    min-height: 59px;
    /*border: 1px solid #68b022;*/
    background: rgba(255,255,255,0.9);
    color: #fff;
    /*min-width: 180px;*/
    /*width: 100%;*/
   
    color: #68b022;
    line-height: 59px;
    padding: 0 17px;
    font-size: 19px;
    text-align: center;
    
     width: auto;
     white-space: nowrap;
}

.side-item:hover .side-hover:not(.bl) {
    display: block;
}

.side-item .side-hover:not(.bl) a {
    color: #68b022;
}

.sidemenu .side-item.social a {
    display: inline-block;
    margin-right: 2px;
}

.sidemenu .side-item.social .side-hover-inner {
    line-height: normal;
    padding-right: 10px;
    padding-top: 3px;
}

.sidemenu .side-item.social a:last-child {
    margin-right: 0;
}

.sidemenu .side-item.social a span:before {
    margin: 0;
    width: auto;
}

.sidemenu .side-item.social a.fb {
    background: #898989;
    color: #fff;
    width: 28px;
    height: 27px;
    position: relative;
    top: -6px;
}

.sidemenu .side-item.social a.fb span {
    position: absolute;
    bottom: -2px;
    right: 0px;
    margin: 0;
    font-size: 25px;
}

.sidemenu .side-item.social a.fl {
    background: #898989;
    color: #fff;
    width: 31px;
    height: 27px;
    position: relative;
    top: -6px;
    border-radius: 3px;
}

.sidemenu .side-item.social a.fl span {
    position: absolute;
    top: 7px;
    left: 4px;
    margin: 0;
    font-size: 10px;
}

.sidemenu .side-item.social a.yt {
    color: #898989;
}

.sidemenu .side-item.social a.yt span:before {
    font-size: 56px; 
}

.sidemenu .side-item.social a.fb:hover {
    background: #3664a2;
}

.sidemenu .side-item.social a.yt:hover {
    color: #ce2021;
}

.sidemenu .side-item.social a.fl:hover  {
    background: #0063db;
}

.close {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: none;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	position: absolute;
	top: -83px;
	left: 0;
	display: none;
}

.sidemenu.hover .close {
    display: block;
}

.topicon {
	color: #fff;
	font-size: 30px;
	margin: 0 0 30px 0;
	display: inline-block;
}

/* Navigation */
.menu {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #fff url(/img/system/icon-menu.png) no-repeat center center;
	background: #fff;
	cursor: pointer;
	position: absolute;
	z-index: 44;
	top: 17px;
	right: 15px;
	
	text-align: center;
	line-height: 54px;
}

.menu span {
    display: inline-block;
    /*display: none;*/
    background: #68b022;
    position: relative;
    height: 4px;
    width: 33px;
    border-radius: 3px;
}

.menu span:before,
.menu span:after {
    content: '';
    display: inline-block;
    background: #68b022;
    height: 4px;
    width: 33px;
    border-radius: 3px;
    position: absolute;
    left: 0;
}

.ready .menu span,
.ready .menu span:before,
.ready .menu span:after {
    transition: all 0.6s ease; 
}

.menu span:before {
    top: -9px;
}

.menu span:after {
    bottom: -9px;
}

.open .menu {
	background: #fff url(/img/system/icon-menu-close.png) no-repeat center center;
	background: #fff;
    right: -65px;
}

.open .menu span {
    background: none;
    left: -3px;
    top: -1px;
}

.open .menu span:before {
    transform: rotate(45deg);
    transform-origin: 22% 100%;
    height: 6px;
    width: 42px;
    
}

.open .menu span:after {
    height: 6px;
    width: 42px;
    transform: rotate(-45deg);
    transform-origin: 28% 0;
}

body {
    min-height: 100%;
    height: auto;
    position: relative;
}

.navigation {
	width: 255px;
	height: 100%;
	background: rgba(255,255,255, 0.95);
	position: absolute;
	z-index: 43;
	right: -260px;
	top: 0;
	height: 100%;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	padding-top: 100px;
}

.ready .navigation,
.ready .menu  {
	transition: right 0.6s;
}

.ready .content-wrapper {
	transition: width 0.6s;
}

.content-wrapper {
	width: 100%;
    /*max-width: 1920px;*/
    /*margin: 0 auto;*/
    /*background-color: #f0f0f0;	*/
}

.open .content-wrapper {
	right: 0;
	width: calc(100% - 255px);
}

.open .navigation {
	right: 0;
}

.navigation > ul {
	padding: 0 20px;
}

.navigation ul a {
	font-size: 22px;
	color: #3e8ec1;
	line-height: 30px;
	display: block;
}

.navigation ul a:hover,
.navigation ul li.selected > a {
    color: #68b022;
}

.navigation ul li {
	position: relative;
}

.navigation > ul > li  {
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.navigation ul li ul {
	display: none;
}

.navigation > ul > li:after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #68b022;
	position: absolute;
	left: 0;
	bottom: 0;
}

.navigation ul li {
	display: block;
}

.navigation ul ul a {
	font-size: 20px;
	line-height: 22px;
	margin-top: 7px;
}

.navigation ul ul ul a {
	font-size: 17px;
	/*margin-left: 40px;*/
}

.navigation ul li a {
    /*padding-left: 18px;*/
}

.navigation ul li ul li a {
    position: relative;
    /*padding-left: 28px;*/
    padding-left: 18px;
}

.navigation ul li ul li ul li a {
    padding-left: 14px;
}

.navigation > ul > li > ul li.hasSub > a:before {
	/*content: '>';*/
	content: '\e802';
	display: inline-block;
	color: #68b022;
	/*padding: 0 10px;*/
	
	position: absolute;
	left: 0;
	top: -1px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;


    top: 11px;
    transform: rotate(270deg);
    font-size: 6px;

}

.navigation > ul > li > ul li.hasSub ul li.hasSub > a:before {
    font-size: 5px;
}

.navigation ul > li > a.link-ext:before {
    content: '\f08e';
	display: inline-block;
	color: #68b022;
	
	position: absolute;
	/*left: 0;*/
	left: -9px;
	top: -1px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	margin: 0;
    padding: 0 7px;
	top: 5px;
	font-size: 13px;
}

.navigation > ul > li > a.link-ext:before {
    padding-left: 0; 
}

.navigation > ul > li.hasSub > a:before {
    padding-left: 0;
    font-size: 26px;
}

.navigation > ul > li.hasSub > a:before {
    padding: 0;
}


.navigation ul li.hasSub.selected.act > a:before,
.navigation ul li.hasSub.act > a:before  {
    transform: rotate(90deg);
    left: -2px;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    
    transform: rotate(360deg);
    top: 9px;
}

.navigation ul li.hasSub.selected ul li.hasSub > a:before,
.navigation ul li.hasSub.selected ul li.hasSub.act > a:before {
    /*left: 0;  */
}

.navigation ul li > a.tabbed + ul {
    /*display: block;*/
}

/* 4th 5ft */
.navigation ul li ul li ul {
    padding-left: 15px;
}
.navigation > ul > li > ul > li > ul > li > ul {
	/*margin-left: 40px;*/
}

.navigation ul ul ul ul li {
    /*padding-left: 15px;*/
}

.navigation ul ul ul ul a {
    margin-left: 0;
}


.nav-socialmedia {
    position: absolute;
    top: 52px;
    right: 15px;
}

.nav-socialmedia a {
    display: inline-block;
    margin-left: 14px;
    width: 34px;
    height: 34px;
    text-align:center;
    border:1px solid #68af21;
}

.nav-socialmedia a:hover {
    opacity: 0.8;
}

.nav-socialmedia img {
    width: 22px;
    max-height: 22px;
    margin:auto;
}

.nav-socialmedia .flickr img {
    margin-top: 7px;
}
.nav-socialmedia .fb img {
    margin-top: 5px;
}
.nav-socialmedia .yt img {
    margin-top: 9px;
}

.nav-socialmedia span {
    display: inline-block;
    background: #68b022;
    width: 34px;
    height: 35px;
    line-height: 35px;
    color: rgba(255,255,255,0.75);
    text-align: center;
    font-size: 34px;
}

.nav-socialmedia span:before {
    margin: 0;
}


.nav-socialmedia .fb span:before {
    position: relative;
    top: 1px;
}

.nav-socialmedia .yt span:before {
    position: relative;
    top: 1px; 
}
.navigation .metanav ul {
    margin-top: 5px;
    padding: 0 20px;
}

.navigation .metanav ul li a  {
    font-size: 18px;
    line-height: 26px;
}

/* MAIN
################################### */
main {
	display: block;
	min-height: 100px;
    max-width: 1920px;
    margin: 0 auto;
    line-height: 0;
}

.noimg .main-outer-wr {
   /*padding: 0 90px 0 60px;*/
   padding: 0 60px 0 60px;
   margin-top: -220px;
    /*margin-top: -160px;*/
   position: relative;
}

.noimg .main-inner-wr {
    background: #fff;
    /*padding: 35px 10px 15px 30px;*/
    padding: 35px 30px 15px 30px;  
}

.noimg .main-outer-wr .inner {
    padding: 0;
}

/* Overview */
.overview {

}

.o-wrapper {
	display: table;
	width: 100%;
}

.o-left {
	display: table-cell;
	width: 60%;
	vertical-align:top;
}

.o-left .more:before {
    top: 11px;
}

@media (min-width: 601px) {
    .o-left .more:before {
        top: 0;
    }
}


.o-right {
	display: table-cell;
	width: 40%;
	vertical-align:top;
	/*padding-left: 4px;*/
	background: #eee;
	border-left: 4px solid #fff;
}

.overview img {
	width: 100%;
}

body:not(.open) .overview img {
    height: auto;
}

.o-panel {
	position: relative;
}

.o-panel-more {
    text-align: right;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 0 15px 0 20px;
}

.o-panel-more .link {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

.o-panel-more .link:before {
    top: 8px;
}

@media only screen and (max-width: 1400px) {
    .o-panel-more {
        position: static;
    }
}

.overview .ui-tabs {
	padding: 0;
	margin: 0;
	border: 0;
}

.overview .ui-tabs .ui-tabs-nav {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	border-radius: 0;
}

.overview .ui-tabs .ui-tabs-nav li {
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	float: left;
	width: calc(50% - 2px);
}

.overview .ui-tabs .ui-tabs-nav li:last-child {
	float: right;
}

.overview .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 0!important;
	padding: 0;
}

.overview .ui-tabs .ui-tabs-nav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	padding: 11px 15px 21px 17px;
	position: relative;
	border-bottom: 4px solid #fff;
	float: none;
	display: block;
}

.overview .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border-bottom: 4px solid transparent;
}

.overview .ui-tabs .ui-tabs-nav li a:after {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
}

.overview .ui-tabs .ui-tabs-nav li a.green {
	background: #008854;
}

.overview .ui-tabs .ui-tabs-nav li a.green:after {
	background: url(/img/system/ecke-gruen-b.svg);
	transform: rotate(-180deg)
}

.overview .ui-tabs .ui-tabs-nav li a.lightgreen {
	background: #68b022;
}

.overview .ui-tabs .ui-tabs-nav li a.lightgreen:after {
	background: url(/img/system/ecke-gruen-a.svg);
	transform: rotate(-180deg)
}

.overview .ui-tabs .ui-tabs-nav li a.grey {
	background: #e8e8e8;
	color: #575756;
}

.overview .ui-tabs .ui-tabs-nav li a.grey:after {
	background: url(/img/system/ecke-grau.svg);
	transform: rotate(-180deg)
}

.overview .ui-tabs .ui-tabs-panel {
	padding: 0;
	border-radius: 0;
	background: #eee;
}

.overview .pos-box {
	position: absolute;
	left: 0;
	bottom: 85px;
	background: #eee;
	color: #fff;
	padding: 10px 15px;
	min-width: 50%;
	font-size: 24px;
	line-height: 1.2em;
}

.overview .grey .pos-box {
	bottom: auto;
	top: 0;
	width: 100%;
	height: 100%;
	color: #575756;
	padding: 25px 10px 25px 20px;
	font-size: 18px;
	overflow-y: auto;
}

.overview .grey .pos-box article {
	margin-bottom: 17px;
}

@media only screen and (max-width: 1800px) {
    .overview .grey .pos-box article:nth-child(n+5) {
        display: none;
    }
    
    .overview .grey .pos-box article p:last-child {
        margin-bottom: 0;
    }
    
    .overview .grey .pos-box article {
        margin-bottom: 15px;
    }
    
    .overview .grey .pos-box {
        padding: 20px 10px 20px 10px;
    }
}
@media only screen and (max-width: 1500px) {
    .overview .grey .pos-box #event-list article:nth-child(n+4) {
        display: none;
    }
}
@media only screen and (max-width: 1279px) {
    .overview .grey .pos-box article:nth-child(n+4) {
        display: none;
    } 
}

@media only screen and (max-width: 600px) {
    .overview .grey .pos-box article,
    .overview .grey .pos-box #event-list article {
        display: block!important;
    }  
    
    .overview .o-right img {
        display: none;
    }
    
    .overview .pos-box {
        position: static;
    }
}

.overview .grey .pos-box h2 {
	font-size: 20px;
	margin-bottom: 3px;
	font-weight: 700;
	text-transform: none;
}

.overview .grey .pos-box a {
	color: #575756;
}
.overview .grey .pos-box p a {
	color: #68b022;
}
.overview .grey .pos-box p span.more a {
	color: #575756;
}

.overview .grey .pos-box #event-list .more:before {
    top: 10px;
}

.overview .green .pos-box {
	background: rgba(0, 136, 84, 0.9);
}

.overview .green .pos-box a {
    color: #fff;
}

.overview .lightgreen .pos-box {
	background: rgba(104, 176, 34, 0.9);
}

.overview .hover-box {
	position: absolute;
	left: 0;
	top: 0;
	background: #eee;
	color: #fff;
	padding: 15px 20px;
	width: 100%;
	height: 100%;
	opacity: 0;
	min-width: 50%;
	font-size: 24px;
	transition: opacity 1.3s ease;
}

.overview .hover-box span.hoverclose:before {
    content: '\e804';
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin: 0;
}

.overview .lightgreen .hover-box .more:before {
    color: #008854;
}

.o-panel:hover .hover-box {
	opacity: 1;
}

.overview .green .hover-box {	
	background: rgba(0, 136, 84, 1); 
}

.overview .green .hover-box a {
    color: #fff;
}

.overview .lightgreen .hover-box {	
	background: rgba(104, 176, 34, 1); 
}

.overview .green .hover-box .more:empty {
    display: none;
}

#termine article { 
    font-size: 18px;
    color: #575756;
}

#termine article time { 
    font-weight: normal;
    display: block;
    margin-bottom: 2px;
}

#termine article h2 { 
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0;
}


/* Kacheln */
.kacheln {
	color: #fff;
	font-size: 24px;
	margin: 20px 0;
}

.kacheln h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 28px;
	line-height: 1.2em;
}

.kacheln p {
	margin-bottom: 4px;
	line-height: 1.3em;
}

.kacheln a {
	color: #fff;
}

.kachel-item {
	display: table;
	margin: 18px 0;
	width: 100%;
    page-break-inside: avoid;
}

.kachel-item-new {
	display: table;
	margin: 18px 0;
	width: 100%;
    page-break-inside: avoid;
}

.kachel-img {
	display: table-cell;
	width: 60%;
	position: relative;
    background: #f6f6f6;
    vertical-align: middle;
}

.ip-item figure {
    margin:0;
}

.kachel-img img  {
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	max-height: 500px;
}

.kachel-social-startseite h2 {
    text-align:center;
    color: #575756;
    margin-top: 60px;
    margin-bottom: 0px;
}

.kachel-social-startseite .subtext_bottom,
.kachel-social-startseite .subtext {
    text-align:center;
    color: #575756;
}

.kachel-social-startseite .subtext_bottom a,
.kachel-social-startseite .subtext a {
    color: #575756;
}

.kachel-social-startseite .subtext_bottom {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .kachel-img img  {
        max-height: 370px;
    }
}

body:not(.open) .kachel-img img  {
    height: auto;
}

.kachel-text {
	display: table-cell;
	width: 40%;
	background: #eeeeee;
	vertical-align: top;
	padding: 25px 20px 55px;
	position: relative;
}

.kachel-text:before {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	background: url(/img/system/ecke-blau.svg);
	left: 0;
	bottom: 0;
}

.kachel-text .more:before {
    content: '\e80b';
    color: #fff;
    font-size: 12px;
}

.green .kachel-text:before {
	background: url(/img/system/ecke-gruen-b.svg);
	left: auto;
	right: 0;
	bottom: 0;
	transform: rotate(-90deg);
}

.green .kachel-text {
	background: #008854;
}

.blue .kachel-text {
	background: #1c7cbc;
}

.kachel-item:hover .kachel-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

.kachel-item-new:hover .kachel-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

.kachel-item-new .more {
    text-transform:uppercase;
}

.kachel-item-new .more a{
    letter-spacing: 0.5px;
}

.kachel-item-new .more:before {
    top:15px;
}

.kachel-item-new .kachel-text {
    padding: 25px 85px 55px 20px;
}
@media only screen and (max-width: 1023px){
    .kachel-item-new .kachel-text {
        padding-right:20px;
    }
}

.kachel-item.green:hover .kachel-text {
    background: #00633d;
}

.kachel-item.blue:hover .kachel-text {
    background: #0f5685;
} 

.kachel-item-new.blue:hover .kachel-text {
    background: #0f5685;
} 

/* Impressionen */
.impressionen  {
	color: #575756;
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
}

.impressionen p {
	margin: 25px 0;
}

.big {
	font-size: 36px;
}

.ip-item {
	width: 25%;
	float: left;
	position: relative;
}

.ip-item img {
	width: 100%;
	/*height: auto;*/
}

/*.owl-carousel .owl-item .ip-item img {*/
/*    width: auto;*/
/*}*/

.owl-carousel .owl-item .owl-lazy.imgloaded {
    opacity: 1;
}

.ip-item .box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 136, 84, 0.8);
	text-align: center;
	opacity: 0;
	color: #fff;
	font-size: 24px;
	line-height: 22px;
	transition: opacity 0.6s;
}

.ip-item .box .main {
	display: block;
	margin: 0;
	margin-bottom: 1px;
}

.ip-item .box .sub {
	display: block;
	font-size: 17px;
}

.ip-item .box .box-inner {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.ip-item:hover .box {
	opacity: 1;
}

.impressionen-gallery .box {
    display:block!important;
    z-index:9999;
    pointer-events:none;
}

/* Breadcrumb */
.breadcrumb {
	padding-bottom: 35px;
	font-size: 17px;
	line-height:25px;
	color: #1c7cbc;
	position: relative;
	padding-right: 45px;
	width: 100%;
    display: inline-block;
}

.breadcrumb a {
	color: #575756;
}

.breadcrumb a:hover {
	color: #1c7cbc;
}
.breadcrumb ol {
	float:left;
	width: calc(100% - 315px);
}
.breadcrumb ol li {
	display: inline-block;
}

.breadcrumb ol li:last-child a {
    	color: #1c7cbc;
}

.breadcrumb ol li:first-child a:before {
	content: '\e80e';
	display: inline-block;
    margin-right: 25px;
}

.breadcrumb ol li:after {
	content: '';
	display: inline-block;
	background: #575756;
	width: 1px;
	height: 15px;
	margin: 0 10px;
	position: relative;
	top: 2px;
}
.breadcrumb ol li:last-child:after {
    content: '';
    display: inline-block;
    background: rgba(0, 0, 0, 0);
}

/* Integration / Language */
#language {
    /*float: right;*/
    /*position: relative;*/
    /*top: -9px;*/
    position: absolute;
    right: 135px;
    top: -8px;
}

#language ul {
    position: relative;
}

#language ul li {
    width: 47px;
    height: 33px;
    float: left;
    text-align: center;
    border: 1px solid #d7d7d7;
    position: relative;
    z-index:1;
    margin-bottom: 0;
}
#language ul li:first-child {
    opacity: 1!important;
}

#language ul:hover li {
    display: block;
}

#language ul li img {
    display: inline-block;
    margin-top: 3px;
}

#language ul li:first-child {
    margin-bottom: 0;
    display: block;
    border-bottom: 1px solid #d7d7d7;
    background: linear-gradient(to bottom, #e7e7e7, white);
}

#language ul li + li {
    margin-left: 4px;
}

#language ul li:last-child {
    border-bottom: 1px solid #d7d7d7;
}

#language ul li:not(.active) {
    opacity: 0.7;
}

#language ul li:not(.active):hover {
    opacity: 1;
}

#language ul li a {
    position: relative;
    display: inline-block;
}

#language ul li a:before {
    content: url('/img/system/flags/icon-before.png');
    position: absolute;
    left: 1px;
    top: 0;
    width: 37px;
    height: 16px;
    display: inline-block;
}

@media only screen and (max-width: 1023px){
    /*#language {*/
        /*float: left;*/
    /*    top: 0;*/
    /*    margin: 15px -42px 0 0;*/
    /*}*/
}

/* Subhomepage */
.general-wrapper {
	margin-bottom: 60px;
	font-size: 0;
}

.general-item {
	width: calc(50% - 2px);
	/*float: left;*/
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
}

.general-item:nth-child(2n) {
	/*float: right;*/
	margin-right: 0;
	margin-left: 2px;
}

.general-item img {
	width: 100%;
	object-fit: cover;
}

.gi-bottom {
	background: #e6e6e6;
	color: #fff;
	text-align: center;
	padding: 15px 7px 0 7px;
	width: 100%;
	min-height: 85px;
	position:  relative;
}

.gi-bottom:before {
	content: '';
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.gi-bottom h2 {
	text-transform: uppercase!important;
	font-size: 24px;
	margin: 0;
	line-height: 1.1em;
}
.gi-hover {
	opacity: 0;
	background: #e6e6e6;
	color: #fff;
	font-size: 24px;
	padding: 45px 45px 0;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: opacity 1s;
}

.gi-hover h3 {
	text-transform: uppercase;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	background: 0;
	color: #fff;
}

.gi-hover p {
	margin: 0;
	padding: 15px;
	border: 1px solid #fff;
}

.gi-hover a:hover {
    text-decoration: underline;
}

.general-item:hover .gi-hover {
	opacity: 1;
}

.general-item.green .gi-bottom,
.general-item.green .gi-hover  {
	background: #68b022;
}

.general-item.green .gi-bottom:before {
	background: url(/img/system/ecke-gruen-a.svg) no-repeat;
}

.general-item.blue .gi-bottom,
.general-item.blue .gi-hover  {
	background: #1c7cbc;
}

.general-item.blue .gi-bottom:before {
	background: url(/img/system/ecke-blau.svg) no-repeat;
}

/* Sozialportal */
.sozialportal > h1 {
font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.sozialportal > p {
    color: #575756;
    font-size: 24px;
    margin-bottom: 80px;
    line-height: 1.2em;
}

.article-wr {
    position: relative;
}

.article-wr .general-item {
    position: static;
    margin-bottom: 0;
}

.article-wr .general-item .gi-hover {
    visibility: hidden;
    z-index: 2;
}

.article-wr .general-item:hover .gi-hover {
    visibility: visible;
}

.gi-hover-wr {
    margin: 0;
    padding: 0 15px 55px ;
    border: 1px solid #fff;
    position: relative;
}

.btn-close {
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.sp-category-list {
    max-width: 715px;
    width: 100%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 21px;
    font-weight: 400;
    background: #0a4972;
    color: #fff;
    margin-top: 55px;
}

.sp-category-list ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #0a4972;
    padding: 0 20px;
    border-top: 20px solid #1c7cbc;
}

.sp-category-list ul:before {
    content: '';
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: #0a4972;
    position: absolute;
    top: -10px;
    left: calc(50% - 1px);
}

.sp-category-list ul li {
    position: relative;
    z-index: 1;
    transition: all 0.5s ease;
}

.sp-category-list ul li:hover {
    background: #fff;
    color: #0a4972;
}

.sp-category-list:hover ul {
    opacity: 1;
    visibility: visible;
}

.btn-select {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-left: 1px solid #fff;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}

.btn-select:before {
    margin: 0;
    transition: all 0.3s ease;
    position: relative;
    left: -4px;
}

.btn-select:hover:before,
.sp-category-list:hover .btn-select:before {
    transform: rotate(180deg);
    transform-origin: 85% 40%;
}

.btn-next {
    height: 37px;
    line-height: 37px;
    color: #575756;
    font-size: 21px;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    cursor: pointer;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}

.btn-next [class^="icon"] {
    color: #68b022;
    font-size: 16px;
}

.btn-next:hover {
    opacity: 0.8;
}

.slider-head {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    
    max-width: 730px;
    margin: 0 auto;
    width: 100%;
    color: rgba(255,255,255,0.5);
}

.slider-head.slide-footer span.selected {
    color: #fff;
}

.slider-head.slide-footer span:first-child {
    position: relative;
    left: -30px;
    display: inline-block;
}

#slider-range {
    max-width: 730px;
    width: 100%; 
    height: 9px;
    border: 0;
    margin: 20px auto;
    background: rgba(255,255,255,0.5);
}

#slider-range .ui-widget-header {
    background: rgba(0,0,0,0.3);
    border-radius:  5px;
}

.ui-slider-horizontal .ui-slider-handle {
    width: 10px;
    height: 35px;
    margin: 0;
    top: -12px;
}

.old1:before {
    content: url(/img/system/auswahlnachalter/embryo_icon.png);
}

.old1.selected:before {
    content: url(/img/system/auswahlnachalter/embryo_icon-selected.png);
}

.old2:before {
    content: url(/img/system/auswahlnachalter/saeugling_icon.png);
}

.old3:before {
    content: url(/img/system/auswahlnachalter/child15_icon.png);
}

.old4:before {
    content: url(/img/system/auswahlnachalter/child618_icon.png);
}

.old5:before {
    content: url(/img/system/auswahlnachalter/1923_icon.png);
}

.old6:before {
    content: url(/img/system/auswahlnachalter/2465_icon.png);
}

.old7:before {
    content: url(/img/system/auswahlnachalter/65_icon.png);
}

.content .sozialportal {
    max-width: 535px;
    width: 100%;
    margin: 0 auto;
}

.content .sp-category-list {
    text-align: center;
    background: none;
    border: 1px solid #68b022;
    color: #68b022;
}

.content .sp-category-list.some-selected {
    background: #68b022;
    color: #fff;
}

.content .sp-category-list.some-selected ul {
    background: #fff;
    color: #68b022;
}

.content .sp-category-list ul {
    border-color: #fff;
    z-index: 1;
    background: #fff;
    /*padding: 0;*/
    border: 1px solid #68b022;
    left: -1px;
    width: calc(100% + 2px);
}

.content .sp-category-list ul li {
    /*border: 1px solid #68b022;*/
}

.content .sp-category-list ul li + li {
    border-top: 0;
}

.content .sp-category-list ul:before {
    background: #68b022;
    display: none;
}

.content .sp-category-list ul li:before {
    display: none!important;
}

.content .sp-category-list ul li:hover {
    color: #fff;
    background: #68b022!important;
}

.content .sp-category-list ul li:first-child {
    position: relative;
    z-index: 1;
    background: #fff;
}

.content .btn-select {
    border-color: #68b022;
}

.content .sp-category-list.some-selected .btn-select {
    border-color: #fff;
}

.sp-detail-wr {
    padding: 30px;
    border: 1px solid #68b022;
    font-size: 21px;
    margin: 60px 0;
}

.sp-detail + .sp-detail {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #68b022;
}

.sp-detail p:last-of-type {
    margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
    .article-wr .general-item:first-child {
        margin-bottom: 20px;
    }
}

/* Content */
.content {
	color: #575756;
	font-size: 24px;
	margin-bottom: 80px;
	line-height: 1.2em;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

.content h1 {
	font-size: 36px;
	margin-bottom: 20px;
	line-height: 1.2em;
}

.content-left {
	float: left;
	width: 66.66%;
	padding-right: 20px;
	min-height: 1px;
}

.content-left.full {
    float: none;
    width: 100%;
    min-height: 350px;
}

.cleft-inner {
    /*max-width: 702px;*/
}

.content-left h2 {
	text-transform: none;
	font-size: 30px;
	margin: 35px 0 25px;
	line-height: 1.2em;
}

.content-left h2:first-child {
    margin-top: 0;
}

.content-left h3 {
	text-transform: none;
	font-size: 26px;
	margin: 0 0 15px;
	line-height: 1.2em; 
	color: inherit;
	background: none;
}

.content-left * + h1 {
    margin-top: 35px;
}

.content-left h1 + h2 {
    /*margin-top: 10px;*/
    margin-top: -15px;
}

.content h1 + .ui-accordion {
    margin-top: 40px;
}

.content a {
	color: #68b022;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

/*.content a.info,*/
/*.content a.edit {*/
/*    position: relative;*/
/*    padding-left: 24px;*/
/*    display: inline-block;*/
/*}*/

/*.content a.info:before {*/
/*    content: '';*/
/*    background: transparent url(/img/system/sprite.gif) no-repeat -201px -509px;*/
/*    display: inline-block;*/
    /*margin-right: 8px;*/
/*    width: 16px;*/
/*    height: 16px;*/
    
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 7px;*/
/*}*/

/*.content a.edit:before {*/
/*    content: '';*/
/*    background: transparent url(/img/system/sprite.gif) no-repeat -402px -505px;*/
/*    display: inline-block;*/
    /*margin-right: 8px;*/
/*    width: 16px;*/
/*    height: 16px;*/
    
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 7px;*/
/*}*/

.content .sitemap a.link-ext:before {
    content: '\f08e';
    font-size: 0.8em;
}

.content ul  {
    margin-bottom: 15px;
}

.content ul li > ul {
    margin-top: 3px;
}

.content ul li:not(.treeitem) {
    position: relative;
    padding-left: 20px;
    /*padding-bottom: 5px;*/
    /*background: yellow;*/
}

.content ul li:not(.ui-state-default):not(.dcsns-li):not(.treeitem):not(.ng-scope):before {
    content: '\e813';
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 0;
    font-size: 2px;
    color: #61ab31;
}

.content ul#dcsns-filter li:before {
   display: none; 
}

.content ul li.lifix:before {
    display: none;
}

.content .formularlist ul li:before {
    display: none!important;
}

.content .formularlist ul li:not(.treeitem)  {
    padding-left: 0;
}

.content .formularlist ul li ul li.treeitem {
    /*padding-left: 24px!important;*/
}

aside {
	float: left;
	width: 33.34%;
	font-size: 21px;
}

aside h2 {
	font-size: 32px;
	text-transform: none;
	margin-bottom: 20px;
	position: relative;
	top: 3px;
	line-height: 1.2em;
}

aside .box > h2:first-child {
    top: -5px;
    margin-bottom: 15px;
}

aside .box {
	margin-bottom: 50px;
	padding-left: 20px;
	border-left: 3px solid #f7f7f7;
	min-height: 25px;
}

aside .box.blue {
	border-left: 3px solid #1c7cbc;	
}

aside .box.green {
	border-left: 3px solid #68b022;
}

.neutral {
    margin: 0;
    padding: 0;
    line-height: inherit;
}

.neutral:after {
    content: '';
    display: table:
    clear: both;
}

.neutral + p:not(.neutral) {
    margin-top: 25px;
}

aside p:not(.neutral) + p.neutral {
    margin-top: -15px;
}

script + .pager {
    margin-top: 25px;
    text-align: center;
}

.link,
.more {
	display: block;
	color: #575756;
	position: relative;
	padding: 5px 0;
}

.more {
    color: #fff;
}

.link a,
.more a {
	color: #575756;	
	display: inline-block;
	position: relative;
}

.more a {
    color: #fff;
}

.link a:hover,
.more a:hover {
	text-decoration: none;
	opacity: 0.9;
}

.link:before,
.more:before{
	content: '\e801';
	position: absolute;
	display: inline-block;
	color: #68b022;
	font-size: 14px;
	top: 12px;
	left: 0;
    transition: color 0.8s ease;
    -webkit-transition: color 0.8s ease;
    -moz-transition: color 0.8s ease;
    -ms-transition: color 0.8s ease;
}

aside .box.blue .link:before {
    color: #1c7cbc;
}

aside .box.green .link:hover:before {
    color: #1c7cbc;
}

aside .box.blue .link:hover:before {
    color: #68b022;
}

aside [id*="-merkzettel"] .link:before {
    color: #68b022!important;
}

aside [id*="-merkzettel"] .link a {
    color: #1c7cbc;
}

aside [id*="-merkzettel"] .link a:not(.delete) {
    padding-right: 15px;
}

aside [id*="-merkzettel"] .link a.delete {
    padding-left: 0;
    font-size: 12px;
    color: #68b022;
    position: absolute;
    right: 0;
    top: 5px;
}

.more:before {
    font-size: 12px;
    content: '\e80a';
    top: 9px;
}

.link > * {
	padding-left: 30px;
}

.link > a.zip,
.link > a.xls,
.link > a.doc,
.link > a.pdf, 
.link > a.ppt,
.link > a.exe,
.link > a.info,
.link > a.edit {
	margin-left: 30px!important;
	padding-left: 25px!important;
}

.more > * {
    padding-left: 20px;
}

aside ul {
	margin: 15px 0;
}

.showMobile {
    display: none;
}

@media only screen and (max-width: 960px) {
    .showMobile {
        display: block;
    }
}

/*.content aside ul li a {*/
/*	color: #575756;	*/
/*	display: inline-block;*/
/*	position: relative;*/
/*	position: relative;*/
/*	padding-left: 30px;*/
/*}*/
/*.content aside ul li {*/
/*	padding: 5px 0;*/
/*}*/

/*.content aside ul li a:before {*/
/*	content: '\e801';*/
/*	position: absolute;*/
/*	display: inline-block;*/
/*	color: #68b022;*/
/*	font-size: 16px;*/
/*	top: 7px;*/
/*	left: 0;*/
/*}*/

/*.content aside ul li a:hover {*/
/*	text-decoration: none;*/
/*	opacity: 0.9;*/
/*}*/

.content-left .news article {
    margin: 30px 0;
    page-break-inside: avoid;
}

.content-left .news article time {
    font-weight: 600;
    font-size: 22px;
}

.content-left .news article h2,
.content-left .news article h1 {
    margin-top: 0;
    margin-bottom: 10px;
}

.content-left .news article h2 a:hover {
    text-decoration: none;
}

.lt-ie12 .content-left .news figure.imgleft,
.lt-ie12 .content-left .news figure.imgright {
    display: block;
}

/* Vereine und Listen */
.content-left .news.vereineContainer article,
.content-left .news.resultlist article {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted #68b022;
}

.content-left .news.vereineContainer article:after,
.content-left .news.resultlist article:after {
    content: '';
    display: table;
    clear: both;
}

.content-left .news.vereineContainer article h2, 
.content-left .news.resultlist article h2 {
    margin-bottom: 10px;
}

.content-left .news.vereineContainer article img , 
.content-left .news.resultlist article .imgleft {
    float: left;
    margin: 0 15px 20px 0;
}

.content-left .news.vereineContainer .notice {
    font-size: 22px;
    color: #68b022;
}

.content-left .news.vereineContainer article:last-child,
.content-left .news.resultlist article:last-child {
    border-bottom: 0;
}

/* Integrationsportal */
.content-left .news.resultlist article .kommune span + span:before,
.content-left .news.resultlist article .aufgabengebiet span + span:before {
    content: ',\00a0';
    display: inline-block;
}

.kommuneaufgaben {
    border-bottom: 1px dotted #68b022;
}

.ka-left, 
.ka-right {
    width: 50%;
    float: left;
}

.ka-left {
    padding: 0 0 5px;
}

.ka-right {
    padding: 0 0 0 5px;
}

@media (max-width: 1400px) {
    .ka-left, 
    .ka-right {
        width: 100%;
        float: none;
        padding: 0;
    }
}


.kommuneaufgaben select {
    border: 1px solid #61ab31;
    height: 35px;
    margin: 0 10px 10px 0;
    text-align: left;
    padding-left: 5px;
}

.eai-article strong {
    display: inline-block;
    width: 185px;
}

.content-left .news.resultlist article.hiding,
.content-left .news.resultlist article.hiding-aufgabe {
    display: none;
}

.detailzeile label {
    float: none;
}


.threerows .row {
    width: 33.33%;
    float: left;
}

.threerows .row label {
    width: 100%;
    max-width: none;
}

.threerows .row select {
    max-width: none;
    width: calc(100% - 15px);
    float: left;
}

.threerows .row:last-child select {
    width: 100%;
}

@media only screen and (max-width: 700px) {
    .threerows .row {
        width: 100%;
    }
    
    .threerows .row select {
        width: 100%;
    }
}

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

.text-left {
    text-align: left;
}

[class^="text-"] a {
    position: relative;
    padding-left: 25px; 
}

[class^="text-"] a:before {
    /*content: '>';*/
    content: '\e802';
    display: inline-block;
    color: #68b022;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 8px;
    transform: rotate(270deg);
    line-height: 1em;
    
}

.cleft-inner .box {
    padding: 15px;
    background: #fbfbfb;
    margin-bottom: 20px;
    border: 1px dotted #61ab31;
    border-left: 0;
    border-right: 0;
}

.cleft-inner .box.sort select:last-of-type {
   float: right;
}

.cleft-inner .box label {
    max-width: 165px;
}

.chkbx .DropDownCheckboxListWrapper input,
.chkbx .DropDownCheckboxListWrapper input + label {
    float: left;
    padding: 0;
}

.chkbx .DropDownCheckboxListWrapper input {
    margin: 7px 10px 0 0;
}

.chkbx .DropDownCheckboxListWrapper {
    margin-bottom: 20px;
}

.twoinputs label {
    float: none!important;
    display: inline-block;
}

.twoinputs label:first-of-type,
.oneinput label {
    max-width: 180px!important;
}

.twoinputs label ~ label {
    max-width: 50px!important;
    margin: 0 10px;
    text-align: center;
}

.twoinputs input {
    float: none!important;
    max-width: calc(50% - 145px);
    width: 100%!important;
}

.oneinput input {
    max-width: calc(100% - 220px); 
    float: left!important;
}

@media only screen and (max-width: 700px) {
    .content-left .news.vereineContainer article img, 
    .content-left .news.resultlist article .imgleft {
        float: none;
        margin-right: 0;
    }
    
    
    .twoinputs label:first-of-type,
    .oneinput label {
        max-width: none!important;
    }
    
    .oneinput input {
       max-width: calc(100% - 30px)!important;
       width: 100%!important;
    }
    
    .twoinputs input {
        max-width: calc(50% - 42px)!important;
    }
    
    .twoinputs label ~ label {
        margin: 0;
    }
}

.liste-twocolumned {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    min-height: 250px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

@media only screen and (max-width: 600px) {
    .liste-twocolumned {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
}

.liste-twocolumned > * {
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -mx-column-break-inside: avoid;
  column-break-inside: avoid;
}

.liste-twocolumned li.lifix {
    padding-left: 5px;
}

.liste-twocolumned li.lifix:before {
    display: none!important;
}


.liste-twocolumned li.lifix a:before {
    content: '>';
    font-size: 36px;
    color: #61ab31;
    vertical-align: bottom;
    margin: 0;
    position: absolute;
    line-height: 29px;
    top: -2px;

}

.liste-twocolumned li.lifix a span {
    display: inline-block;
    padding-left: 20px;
}

.liste-twocolumned li.lifix a:hover {
    text-decoration: none;
    opacity: 0.9;
}

.box .liste-twocolumned {
    min-height: 0;
}

.thumb-images {
    
}
.thumb-images a {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.thumb-images a img {
    display: block;
    margin-bottom: 4px;
    max-width: 200px;
    max-height: 100px;
}

/* event datepicker */
.datepickerTeaserWrap .ui-datepicker {
    border: 0;
    border-radius: 0;
    background: #fbfbfb;
    padding: 0;
    width: 100%;
    /*padding-bottom: 20px;*/
}

.datepickerTeaserWrap .ui-datepicker-header {
    background: #68b022;
    color: #fff;
    border: 0;
    border-radius: 0;
    text-align: center;
    position: relative;
    font-size: 20px;
}

.datepickerTeaserWrap .ui-widget-header .ui-icon {
    background: none;
    text-indent: 0;
    overflow: inherit;
    color: #fff;
    line-height: 1em;
    width: 8px;
    overflow: hidden;
}

.datepickerTeaserWrap .ui-datepicker-prev {
    position: absolute;
    top: 1px;
    left: 5px;
}
.datepickerTeaserWrap .ui-datepicker-prev:hover,
.datepickerTeaserWrap .ui-datepicker-next:hover{
    text-decoration: none;
    background: none;
    border: 0;
    outline: none;
    font-weight: normal;
}

.datepickerTeaserWrap .ui-datepicker-prev span:before {
    content: '<';
}

.datepickerTeaserWrap .ui-datepicker-next {
    position: absolute;
    top: 1px;
    /*right: 10px;*/
    right: 0;
}

.datepickerTeaserWrap .ui-datepicker-next span:before {
    content: '>';
}

/*.datepickerTeaserWrap table {*/
/*    max-width: 200px;*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/

/*.datepickerTeaserWrap table thead tr th {*/
/*    font-weight: normal!important;*/
/*    font-size: 18px;*/
/*    padding: 0;*/
/*}*/

/*.datepickerTeaserWrap .ui-widget-content .ui-state-default {*/
/*    display: block;*/
/*    background: #fff;*/
/*    text-align: right;*/
/*    font-size: 18px;*/
/*    padding-right: 5px;*/
/*    border-color: #ddd;*/
/*    height: 28px;*/
/*}*/
.datepickerTeaserWrap .ui-widget-content .ui-state-default {
    color: #bbb;
}
.datepickerTeaserWrap .ui-widget-content .ui-state-default:hover {
    /*color: #fff;*/
    background: #fff;
    text-decoration: none;
}

.datepickerTeaserWrap .ui-widget-content .ui-state-highlight {
    background: #68b022;
    color: #fff;
    border-color: #666;
}

.datepickerTeaserWrap .ui-widget-content .ui-state-highlight:hover {
    background: #68b022;
    color: #fff;
    border-color: #666; 
    opacity: 0.95;
}

.datepickerTeaserWrap .ui-widget-content .highlighted a:not(.ui-state-highlight) {
    color: #000;
    border-color: #999;
}

/* event suche */
#event-search label {
    width: 100%;
}

#event-search input,
#event-search select {
    width: calc(100% - 150px)!important;
    float: left;
}

#event-search .ui-datepicker-trigger{
    float: right;
    margin-top: 12px;
    cursor: pointer;
}

/* veranstaltungs suche */
.zielgruppe > label {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.zielgruppe .DropDownCheckboxListWrapper {
    clear: both;
    max-width:310px;
}

.zielgruppe .DropDownCheckboxListWrapper .checkbox:after {
    content: '';
    display: table;
    clear: both;
}

#event-search input[type="checkbox"] {
    width: 13px!important;
    margin-top: 8px;
    margin-right: 10px;
    height: 13px;
}

#event-search input[type="checkbox"] + label {
    padding-top: 0;
    max-width: none;
    width: calc(100% - 25px);
    position: relative;
    padding-right: 25px;
}

.colorbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #ddd;
    float: right;
    position: absolute;
    right: 0;
    top: 7px;
}

.content-left .colorbox {
    position: static;
    float: none;
    margin: 0 10px 0 0;
}

.colorbox.clzg1 {
    background: #E33634;
}

.colorbox.clzg2 {
    background: #e96f31;
}

.colorbox.clzg3 {
    background: #fac91f;
}

.colorbox.clzg4 {
    background: #f2e515;
}

.colorbox.clzg5 {
    background: #95bf38;
}

.colorbox.clzg6 {
    background: #169667;
}

.colorbox.clzg7 {
    background: #1c9ebe;
}

.colorbox.clzg8 {
    background: #3c7cb4;
}

.colorbox.clzg9 {
    background: #00405c;
}

/* event liste */
#event-list .even-list-left,
.td-beschImage {
    max-width: 337px;
    float: left;
    margin: 0 15px 20px 0;
}

.row-upload {
    margin-bottom: 10px!important;
}

.selecteddate h2 {
    color: #68b022;
    font-size: 22px;
}

@media only screen and (max-width: 667px) {
    #event-list .even-list-left, 
    .td-beschImage {
        float: none;
    }
}

/* events externe einb. */
.events-ext {
    color: #575756;
	font-size: 16px;
	margin-bottom: 80px;
	line-height: 1.2em;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    font-family: Arial, sans-serif;
}

.events-ext p {
    margin-bottom: 15px;
}

.events-ext .box h2 {
    font-size: 19px;
    margin-bottom: 15px;
}

.events-ext .datepickerTeaserWrap .ui-datepicker-header {
    font-size: 17px; 
    background: #999;
}

.events-ext .datepickerTeaserWrap .ui-widget-content .ui-state-highlight {
    background: #999;
}

.events-ext .box-form input[type="text"], 
.events-ext .box-form input[type="number"], 
.events-ext .box-form input[type="date"], 
.events-ext .box-form input[type="password"], 
.events-ext .box-form select {
    border-color: #999;
}

.events-ext .link:before, 
.events-ext .more:before {
    color: #999;
    top: 7px;
}

.events-ext .pager a {
    color: #999;
}

.events-ext .content-left {
    float: none;
    width: 100%;
    padding-right: 0;
}

.events-ext .content-left h2 {
    font-size: 21px; 
}

.events-ext .content-left a {
    color: #68b022;
}

.events-ext .content-left .news article time {
    font-size: 14px;
}

.events-ext #sucheingabeTermine {
    margin-top: 30px;
}

.events-ext h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.events-ext h1 + p + p {
    margin-bottom: 30px;
}

.events-ext .content-left .news.resultlist article p {
    margin-bottom: 0;
}

.events-ext #event-search input,
.events-ext #event-search select {
    float: right;
}


/* Login */
.div-item-wr {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.div-item {
    width: calc(50% - 10px);
}

@media only screen and (max-width: 1200px) {
    .div-item-wr {
        display: block;
    }
    
    .div-item {
        width: 100%;
    }
}

/* Darksite */
.darksite {
    display: none;
    
    padding: 20px 30px;
    background: #fff;
    max-width: 700px;
    width: 100%;    
}

.darksite h1 {
    font-size: 36px;
    line-height: 1.2em;
    color: #68b022;
    margin-bottom: 40px;
    text-align: center;
}

.darksite-item a {
    color: #68b022;
}

.dark-fancy + .fancybox-overlay {
    background: rgba(0,0,0,0.85)!important;
}

.darksite.owl-theme .owl-controls {
    margin: 0;
}

.darksite.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: none;
    font-size: 40px;
    margin: 0;
    padding: 0;
    line-height: 1em;
    border-radius: 0;
    color: #6fb42d;
}

.darksite.owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 7px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.darksite.owl-carousel .owl-controls .owl-nav .owl-prev:before {
    content: '<';
}

.darksite.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.darksite.owl-carousel .owl-controls .owl-nav .owl-next:before {
    content: '>';
}

/* Tabelle */
.tabelle-quelle {
    font-size: 17px;
    display: block;
    margin: 10px 0 20px;
}

.tabelle {
    border: 0;
    font-size: 20px;
    margin-bottom: 20px;
}

.tabelle thead {
    white-space: nowrap;
}
    
.tabelle thead tr th, 
.tabelle tbody tr.headline td {
    background: none;
    border: 0;
    font-weight: normal;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabelle thead {
    border-bottom: 1px dotted #000;
}

.tabelle tbody tr td {
    border: 0;
    padding-left: 0;
    padding-right: 10px; 
}
.tabelle tbody tr:first-child td {
    padding-top: 10px;
}
.tabelle tbody tr:nth-child(even) {
    background: #f0f2ed;
}


/* Klapper */
.content .ui-accordion {
    /*background: #fbfcfa;*/
    /*border: 1px solid #68b022;*/
    /*padding: 0 25px;*/
}

.content p + .ui-accordion {
    margin-top: 20px;
}

.content .ui-accordion .ui-accordion-header {
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    padding: 20px 0;
    margin: 0;
    position: relative;
    
    background: #fbfcfa;
    border: 1px solid #68b022;
    padding: 16px 55px 16px 25px;
    color: #575756;
}

.content .ui-accordion .ui-accordion-header ~  .ui-accordion-header {
    /*border-top: 0;*/
    margin-top: 5px;
}

.content .ui-accordion .ui-accordion-header a {
    text-decoration: none;
}

.content .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    background: none;
    position: absolute;
    right: 20px;
    top: 13px;
    left: auto;
    margin: 0;
    width: auto;
    height: auto;
    text-indent: 0;
}
.content .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
    content: '\e807';
    color: #68b022;
    display: inline-block;
    font-size: 23px;
    width: 25px;
    vertical-align: middle;
    margin: 0;
}

.content .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
    content: '\e808';
    font-size: 4px;
}

.content .ui-accordion .ui-accordion-content {
    border: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    padding-top: 20px;
    color: #575756;
}

.content .ui-accordion  .ui-accordion-content.ui-accordion-content-active {
    padding: 20px;
    border: 1px solid #68b022;
    border-top: 0;
}

.content .ui-accordion .ui-accordion-header.ui-state-active a:link {
    color: #555;
}

.content .onImageAccordion h2 {
    color: #999;
    font-style: italic;
}
.content .onImageAccordion h2 img {
    height: 35px;
    width: auto;
}
/*.content .onImageAccordion h2 a+img {*/
/*    display:inline-block;*/
/*}*/


.content .ui-accordion .text-spezial {
    font-size: 24px;
    color: #535353;
}

@media only screen and (max-width: 640px) {
    .content .ui-accordion .ui-accordion-header {
        font-size: 30px;
        padding: 15px 40px 15px 15px;
    }
    
    .content .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        right: 10px;
    }
    
    .content .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
        font-size: 24px;
    }
    
    .content .ui-accordion .text-spezial {
        font-size:20px;
    }
}

@media only screen and (max-width: 640px) {
    .content .ui-accordion .ui-accordion-header {
        font-size: 24px;
        padding: 10px 30px 10px 10px;
    }
    
    .content .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        right: 5px;
        top: 10px;
    }
    
    .content .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
        font-size: 20px;
    }
}

/* Parteimitglieder */
.pm-item {
    display: inline-block;
    /*max-width: 116px;*/
    /*width: 100%;*/
    margin: 30px 30px 0 0;
    vertical-align: top;
    width: calc(32.8% - 30px);
    vertical-align: top;
    padding-bottom: 30px;
    border-bottom: 1px dotted #575756;
}

.pm-item .pm-img {
    margin-bottom: 15px;
    /*padding: 2px;*/
    /*border: 1px solid #ccc;*/
    display: inline-block;
    max-width: 153px;
    width: 100%;
}

.pm-item .pm-img img {
    width: 100%;
    /*max-height: 200px;*/
    
    /*width: auto;*/
    height: auto;
}

.pm-item figcaption {
    /*font-size: 13px;*/
    line-height: 1.2em;
    /*padding: 0 5px;*/
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.01em;
}

.pm-item + *:not(.pm-item) {
   clear: both;
}

.pm-head {
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
}

.pm-name {
    color: #1c7cbc;
    display: block;
    margin-bottom: 3px;
}

.pm-funktion {
    /*display: block;*/
}

@media only screen and (max-width: 1280px){
    .pm-item {
        width: calc(49% - 30px);
    }
}

@media only screen and (max-width: 560px){
    .pm-item {
        margin-right: 0;
        width: 100%;
    }
}

/* Kontaktformular */
.contactform {
	margin: 20px 0;
	padding: 0;
	max-width: 775px;
	width: 100%;
}

.contactform .row {	
	margin: 0;
	padding: 0;
	width: initial;
	max-width: none;
}

.contactform .buchungstool label {
	float: left;
	max-width: 240px;
	width: 100%;
	
}
.contactform .buchungstool input[type="text"],
.contactform .buchungstool input[type="email"],
.contactform .buchungstool input[type="date"],
.contactform .buchungstool input[type="radio"],
.contactform .buchungstool input[type="number"],
.contactform .buchungstool select {
	float: left;
	width: calc(100% - 285px);
	border: 1px solid #61ab31;
	height: 35px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
}

.contactform .buchungstool .captcha-wr {
	width: calc(100% - 285px);
    float: left;
}

.contactform label {
	float: left;
	max-width: 180px;
	width: 100%;
	
}
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="date"],
.contactform input[type="radio"],
.contactform input[type="number"],
.contactform select {
	float: left;
	width: calc(100% - 185px);
	border: 1px solid #61ab31;
	height: 35px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
}

.contactform input[type="date"],
.contactform .wrapper-datepicker input[type="text"] {
	width: calc(100% - 200px); 
}

input + .ui-datepicker-trigger {
    float: right;
    margin-top: 8px;
}

.contactform select{
    padding: 0;
}

.contactform textarea {
	display: block;
	width: calc(100% - 185px);
	background: rgba(255,255,255,0.5);
	border: 1px solid #61ab31;
	height: 225px;
	margin-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	float: left;
}

 .contactform .radioButtonListWrapper{
    float: left;
	width: calc(100% - 185px);
    height: 36px;
}

 .contactform .buchungstool .radioButtonListWrapper{
    float: left;
	width: calc(100% - 285px);
    height: 36px;
}

.contactform input[type=radio] {
    width: 15px;
    height: 15px;
}

.contactform .buchungstool input[type='radio'] {
    width: 15px;
    height: 15px;
    margin:10px 0 0 0;
}

.contactform .radioButtonWrapper label {
    font-size: 20px;
    padding-left: 10px;
    line-height: 20px;
    width: auto;
}

.contactform .plzort {
	width: calc(100% - 185px);
	float: left;
}

.contactform .plzort .zipcode,
.contactform .plzort input.text:first-of-type {
    float: left;
    width: 100px;
}

.contactform .plzort .city,
.contactform .plzort input.text:last-of-type {
    float: right;
    width: calc(100% - 120px);
}

.contactform .captcha-wr {
	width: calc(100% - 185px);
    float: left;
}
.contactform #inputmain_content_getKontakt_Captcha,
#inputmain_content_mysendmail_Captcha,
#inputmain_content_detail_immoKontakt_Captcha,
#inputmain_content_newsMelden_Captcha,
#inputmain_content_KleinanzeigeDetail_getKontakt_Captcha,
#inputmain_content_User2Article_Captcha,
#inputmain_content_Webvorschlag_Captcha {
    float: left;
    width: calc(100% - 128px);
}
.contactform #inputmain_content_getKontakt_Captcha input,
#inputmain_content_mysendmail_Captcha input,
#inputmain_content_detail_immoKontakt_Captcha input,
#inputmain_content_newsMelden_Captcha input,
#inputmain_content_KleinanzeigeDetail_getKontakt_Captcha input,
#inputmain_content_User2Article_Captcha input,
#inputmain_content_Webvorschlag_Captcha input {
    width: 100%;
}

.contactform #imagemain_content_getKontakt_Captcha,
#imagemain_content_mysendmail_Captcha,
#imagemain_content_detail_immoKontakt_Captcha,
#imagemain_content_newsMelden_Captcha,
#imagemain_content_KleinanzeigeDetail_getKontakt_Captcha,
#imagemain_content_User2Article_Captcha,
#imagemain_content_Webvorschlag_Captcha {
    float: right;
    width: 108px;
}

.contactform #imagemain_content_getKontakt_Captcha img,
#imagemain_content_mysendmail_Captcha img,
#imagemain_content_detail_immoKontakt_Captcha img,
#imagemain_content_newsMelden_Captcha img,
#imagemain_content_KleinanzeigeDetail_getKontakt_Captcha img,
#imagemain_content_User2Article_Captcha img,
#imagemain_content_Webvorschlag_Captcha img {
    height: 35px;
    border: 1px solid #61ab31!important;
}

.contactform .notice {
    font-size: 19px;
}

.contactform .absenden {
	text-align: right;
}

.contactform .absenden span {
	display: inline-block;
}

/* box-form */
.box-form label {
	float: left;
	max-width: 120px;
	width: 100%;
}

.box-form input[type="text"],
.box-form input[type="number"],
.box-form input[type="date"],
.box-form input[type="password"],
.box-form select {
    float: right;
	width: calc(100% - 165px);
	border: 1px solid #61ab31;
	height: 35px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
}

.box-form .TeaserSuchbegriff input {
    width: 100%;
}

.box-form .absenden span {
    float: right;
}

/* rowMap */
.rowMap .leftpart {
    width: 245px;
    float: left;
}

.rowMap .auswahlkarte {
    float: right;
    width: calc(100% - 250px);
    margin-bottom: 20px;
    text-align: right;
}

.rowMap .auswahlkarte > *  {
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .rowMap .auswahlkarte {
        width: 100%;
        float: none;
        text-align: left;
    }
}

/* Login-Form */
.login-form {
    max-width: 500px;
}
.login-form label {
    max-width: 150px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
    max-width: 300px;
    width: 100%;
}

/* full */
.contactform.full label {
    max-width: 240px;
}

.contactform.full input[type="text"],
.contactform.full input[type="number"],
.contactform.full input[type="date"],
.contactform.full input[type="password"],
.contactform.full input[type="email"],
.contactform.full select {
	width: calc(100% - 245px);
}

.contactform.full textarea {
	display: block;
	width: calc(100% - 240px);
}

.contactform.full .wrapper-datepicker input[type="text"] {
	width: calc(100% - 260px);
}

/* hl */
.contactform .row.highlight {
    background: #fbfbfb;
    border: 1px dotted #61ab31;
    border-left: 0;
    border-right: 0;
    margin: 10px 0;
    line-height: 40px;
}

.contactform .row.highlight label {
    padding: 0;
    max-width: 170px;
}

/* img - select */
.img-select-wr input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    vertical-align: top;
}

.img-select-wr .img-select-wr-inner {
    float: left;
}

.img-select-wr .img-select-wr-inner {
    margin-bottom: 15px;
    max-width: calc(100% - 25px);
}

.img-select-wr .img-select-wr-inner img {
    margin-bottom: 10px;
}

/* empfehlungen / */
.advice-item {
    float: left;
    width: 33.33%;
    padding-right: 20px;
    margin-bottom: 20px;
}

.advice-item figure {
    float: none;
    margin: 0;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .advice-item {
        width: 50%;
    }
    
    .advice .advice-item:nth-child(3n) {
        clear: both;
    }
}

@media only screen and (max-width: 640px) { 
    .advice-item {
        width: 100%;
    } 
}

/* kurse */
.kurs {
    padding-left: 15px;
    margin-bottom: 15px;
}

.kurs [class^="text-"] {
    text-align: left;
    margin: 10px 0;
}

.verein + h3 {
    margin-top: 20px;
    padding-left: 15px; 
}

/* FOOTER
################################### */
.switch ul li {
	color: #fff;
	text-transform: uppercase;
}

.switchcontent {
	overflow: hidden;
}

.switch.ui-widget {
	font-size: inherit; 
    line-height: inherit; 
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	font-family: 'Cabin Condensed', sans-serif;
}
.switch.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0 90px;
	background: #68b022;
	border-radius: 0;
	border: 0;
	height: 50px;
	overflow: hidden;
}

.switch.ui-tabs .ui-tabs-nav li {
	background: none;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;	
	margin-right: 40px;
	line-height: 48px;
	position: relative;
	font-size: 21px;
}

.switch.ui-tabs .ui-tabs-nav li.ui-state-active:after {
	content: '';
	width: 16px;
	height: 16px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	left: calc(50% - 8px);	
	top: calc(100% - 8px);
}

.switch.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0;
	float: none;
	color: rgba(255,255,255,0.35);
}
.switch.ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
	color: #fff;
}

.switch.ui-tabs .ui-tabs-panel {
	padding: 0;
	margin-bottom: -3px;
	width: 100%;
	/*height: 700px;*/
	min-height: 700px;
}

.switch.ui-tabs #standort.ui-tabs-panel {
    min-height: 0;
}

.switch.ui-tabs #sitemap.ui-tabs-panel {
    height: auto;
}

.iframe-wrapper {
    position:relative;
    z-index:0;
}

.iframe-layer {
    position:absolute;
    top:0; 
    left:0;
    z-index:1; 
    width:100%;
    height:100%; 
}

#sitemap {
	padding: 80px 0 0;
	background: #e6e6e6;
}

.sitenavigation ul  {
	list-style: none;
	font-size: 0;
}

.sitenavigation ul li {
	font-size: 16px;
	padding: 3px 0;
}

.sitenavigation a {
	color: #58585a;
}

.sitenavigation a:hover {
    opacity: 0.8;
}

.sitenavigation > ul > li {
	display: inline-block;
	width: 20%;
	padding: 0 20px 0 0;
	vertical-align: top;
	margin-bottom: 30px;
}

.sitenavigation > ul > li > a {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
}

.sitenavigation > ul > li > a:hover {
    text-decoration: none;
}

.sitenavigation > ul > li > ul > li {
    position: relative;
    padding-left: 15px;
}

.sitenavigation > ul > li > ul > li > a:before {
	content: '>';
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.sitenavigation > ul > li > ul > li > a.link-ext:before {
    content: '\f08e';
    margin: 0;
    font-size: 10px;
    top: 10px;
}

.sitenavigation > ul > li > ul > li > ul {
    padding-left: 15px;
}

#kontakt {
	padding: 80px 0 0;
	background: #e6e6e6 url(/img/system/background-kontakt.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}

#kontakt:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.35);
}

#kontakt img {
	display: inline-block;
}

#kontakt h2 {
	font-size: 36px;
	color: #575756;
	margin: 20px 0 25px;
	text-transform: uppercase;
}

#kontakt fieldset {
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	border: 0;
	position: relative;
	z-index: 1;
	text-align: center;
}

#kontakt .row {
    margin-bottom: 0;
}

#kontakt input,
#kontakt textarea {
	width: 100%;
	height: 46px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	background: rgba(255,255,255,0.5);
	padding: 0 10px;
	border-radius: 0;
}

#kontakt input.error,
#kontakt textarea.error {
	color: #575756;
}

#kontakt textarea {
	height: 226px;
	padding-top: 15px;
}

#kontakt #imagegetFooterKontakt_Captcha {
    float: left;
    width: 150px;
}

#kontakt #inputgetFooterKontakt_Captcha {
    float: left;
    width: calc(100% - 150px);
}

#kontakt #inputgetFooterKontakt_Captcha input {
    padding-right: 50px;
}

#kontakt .send-btn span:after {
    content: '\e801';
    color: #68b022;
    font-size: 24px;
    float: right;
    position: relative;
    top: -44px;
    right: 10px;
}

::-webkit-input-placeholder { 
	font-size: 20px;
	color: #575756;
	text-align: center;
	text-transform: uppercase;
}

::-moz-placeholder { 
	font-size: 20px;
	color: #575756;
	text-align: center;
	text-transform: uppercase;
}
:-ms-input-placeholder { 
	font-size: 20px;
	color: #575756;
	text-align: center;
	text-transform: uppercase;
}
:-moz-placeholder { 
	font-size: 20px;
	color: #575756;
	text-align: center;
	text-transform: uppercase;
}

.footerline {
	background: #68b022;
	color: #fff;
	font-size: 21px;
	min-height: 45px;
	padding-top: 13px;
}

.footerline a:hover {
    opacity: 0.8;
}

.copyright {
	float: left;
}

footer .meta {
	float: right;
}

footer .meta li {
	display: inline-block;
	margin-left: 20px;	
}

.geoportal .footerline {
    padding: 15px 0;
    text-align: center;
}
.geoportal .meta,
.geoportal .copyright {
    float: none;
    width: 100%;
    padding: 0 0 10px 0;
    line-height: 1.2em;
}


/* RESPONSIVE
################################### */
@media screen and (max-width: 1500px) {
	.open .content-wrapper {
		width: 100%;
	}
	
	.open .menu {
		right: 190px;
	}
	
	.open .sidemenu {
	    z-index: 2;
	}
}

@media screen and (max-width: 1280px) {
   .sitenavigation > ul > li {
       width: 25%;
   }
   
   /* Kacheln */
   html:not(.lt-ie12) body:not(.open) .kachel-img img {
       height: 100%;
       /*object-fit: cover;*/
   }
   
    /*body:not(.open) .kachel-img img {*/
    /*    height: 100%;*/
    /*}*/
}

@media screen and (max-width: 1220px) {
    .inner {
        padding: 0 70px;
    }
    
    header .owl-dots {
        right: calc(100% - 617px);
    }
    
}

 @media screen and (max-width: 1024px) {  
    /* Header */

    .kv {
        height: 560px;
    }
    .kv-box h1 {
        font-size: 30px;
    }
    
    .kv-text {
        font-size: 19px;
    }
    
    .kv-inner {
        bottom: 90px;
    }
    
    header .owl-dots {
        bottom: 70px;
    }    
    
    /*.searchhead label {*/
    /*    font-size: 14px;*/
    /*}*/
    
    /*.sidemenu span.icon {*/
    /*    width: 48px;*/
    /*    height: 48px;*/
    /*    line-height: 48px;*/
    /*    font-size: 30px;*/
    /*}*/
    
    /* Navigation */
    .navigation ul li ul li {
        margin-top: 8px;
    }
    
    /* Overview Tabs */
    .overview .ui-tabs .ui-tabs-nav li a {
        font-size: 19px;  
        padding: 10px 15px 15px 15px;
    }
    .overview .pos-box,
    .overview .hover-box {
        font-size: 19px;
    }
    
    /*.overview .grey .pos-box article {*/
    /*    margin-bottom: 15px;*/
    /*}*/
    
    /*.overview .grey .pos-box h2 {*/
    /*    font-size: 16px;*/
    /*    margin-bottom: -5px;*/
    /*}*/
    
    /*.overview .grey .pos-box .more a {*/
    /*    font-size: 14px;*/
    /*}*/
    
    /*.more:before {*/
    /*    font-size: 10px;*/
    /*    top: 12px;*/
    /*}*/
    
    /* Kacheln */
    .kacheln {
        font-size: 19px;
    }
    .kacheln h2 {
        font-size: 22px;
    }
    
    /* Impressionen */
    .impressionen {
        font-size: 19px;
    }
    
    .big {
        font-size: 28px;
    }
    
    /* Abbinder */
    .switch.ui-tabs .ui-tabs-nav li {
        font-size: 17px;
    }
    
    .switch.ui-tabs .ui-tabs-panel {
	    height: 550px;
    }
    
    #sitemap .inner {
        padding: 0 30px;
    }
    
   .sitenavigation > ul > li {
       width: 33.33%;
   }
    
    #standort iframe {
        height: 550px!important;
    }
    
    #kontakt {
        padding-top: 60px ;
    }
    
    #kontakt h2 {
        font-size: 28px;
    }
    
    #kontakt input {
        height: 35px;
    }
    
     #kontakt textarea {
        height: 155px;
    }
    
    #kontakt .send-btn span:after {
        font-size: 18px;
        top: -37px;
    }
    #kontakt #imagegetFooterKontakt_Captcha img {
        height: 35px;
        width: 140px;
    }
        
    ::-webkit-input-placeholder { 
    	font-size: 16px;
    }
    ::-moz-placeholder { 
    	font-size: 16px;
    }
    :-ms-input-placeholder { 
    	font-size: 16px;
    }
    :-moz-placeholder { 
    	font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    /* overview */
    .o-right, 
    .o-left {
        display: block;
        margin: 0 0 20px;
        width: 100%;
    }
    
    .overview .ui-tabs {
        font-size: 0;
    }
    
    .o-right {
        border-left: 0;
    }
    
    .o-right .o-panel {
        min-height: 405px;
        height: auto;
        display:inline-block!important;
        width: calc(50% - 2px);
    }
    
    .o-right .o-panel + .o-panel {
        margin-left: 4px;
    }
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a.green {*/
    /*    background: #e8e8e8;*/
    /*    color: #575756;*/
    /*}*/
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a.green:after {*/
    /*    background: url(/img/system/ecke-grau.svg);*/
    /*    transform: rotate(-180deg);*/
    /*}*/
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a {*/
    /*    border-bottom: 4px solid #fff;*/
    /*}*/
}

@media screen and (max-width: 960px) {
    /* Subhome */
    .general-item,
    .general-item:nth-child(2n) {
        width: 100%;
        max-width: 532px;
        margin: 0 auto 20px;
        display: block;
    }
    
    /* Content */
    .content-left {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    aside {
        float: none;
        /*max-width: 425px;*/
        width: 100%;
        margin-top: 20px;
    }
    
    aside > * {
        display: inline-block;
        width: calc(50% - 5px);
        vertical-align: top;
    }
    
    aside > *:nth-child(2n) {
        width: calc(50% - 10px);
        margin-left: 10px;
    }
    
    aside:after {
        content: '';
        display: table;
        clear: both;
    }
    
    
    /* Footer */
    .footerline {
        padding: 15px 0;
        text-align: center;
    }
    
    .meta,
    .copyright {
        float: none;
        width: 100%;
        padding: 0 0 10px 0;
        line-height: 1.2em;
    }
}

@media screen and (max-width: 768px) {
    .inner {
        padding: 0 11px;
    }
    
    
    /* Header */
    .kv-box h1 {
        font-size: 26px;
    }
    
    .kv-text {
        font-size: 16px;
    }
        
    header .owl-dots { 
        right: calc(100% - 558px);
    }
    
}

@media screen and (max-width: 767px) {
    /* Header */
    .kv-text {
        max-width: none;
    }
        
     header .owl-dots {
        right: 10px;
    }  
    
    /* overview */
    /*.o-right, */
    /*.o-left {*/
    /*    display: block;*/
    /*    margin: 0 0 20px;*/
    /*    width: 100%;*/
    /*}*/
    
    /*.overview .ui-tabs {*/
    /*    font-size: 0;*/
    /*}*/
    
    /*.o-right {*/
    /*    border-left: 0;*/
    /*}*/
    
    /*.o-right .o-panel {*/
    /*    min-height: 405px;*/
    /*    height: auto;*/
    /*    display:inline-block!important;*/
    /*    width: calc(50% - 2px);*/
    /*}*/
    
    /*.o-right .o-panel + .o-panel {*/
    /*    margin-left: 4px;*/
    /*}*/
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a.green {*/
    /*    background: #e8e8e8;*/
    /*    color: #575756;*/
    /*}*/
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a.green:after {*/
    /*    background: url(/img/system/ecke-grau.svg);*/
    /*    transform: rotate(-180deg);*/
    /*}*/
    
    /*.overview .o-right .ui-tabs .ui-tabs-nav li a {*/
    /*    border-bottom: 4px solid #fff;*/
    /*}*/
    
    /* Impressionen */
    
    
    /* Content */
    .breadcrumb ol {
        display: none;
    }
    
    /*#language {*/
    /*    top: 0;*/
    /*    margin: -7px 0 0 0;*/
    /*} */
    
    /* FONT SIZES */
    .content {
      font-size: 20px;
    }
    .content h1 {
        font-size: 28px;
    }
    
    .content h2 {
        font-size: 24px;
    }
    
    /* kacheln */
    .kachel-img,
    .kachel-text {
        display: block;
        width: 100%;
    }
    
    .green .kachel-text:before {
        right: auto;
        left: 0;
        transform: rotate(0);
    }
    
    .ip-item {
        width: 100%;
        float: none;
    }
    
    .impressionen {
        padding: 0 10px 15px;
    }
    
    .impressionen .owl-carousel .owl-controls .owl-nav .owl-prev {
        position: absolute;
        top: calc(50% - 15px);
        left: -5px;
        transform: rotate(90deg);
    }
    .impressionen .owl-carousel .owl-controls .owl-nav .owl-next {
        position: absolute;
        top: calc(50% - 15px);
        right: -5px;
        transform: rotate(-90deg);
    }
    
    .impressionen .owl-theme .owl-controls .owl-nav [class*=owl-] {
        border-radius: 0;
        width: 30px;
        height: 30px;
        line-height: 32px;
        background: #d7d7d7;
        color: #706f6f;
        font-size: 10px;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    
    .impressionen .icon-dropdown:before {
        width: auto;
        margin: 0;
    }
    
    .impressionen .owl-theme .owl-controls {
        margin: 0;
    }
    
    .ip-item .box .box-inner {
        padding: 0 28px;
    }
    
    /* impressionen */
    .big {
    	display: block;
	    padding: 7px 0 10px;
    }
    
    /* Subhomepage */
    .gi-hover {
        font-size: 20px;
    }
    
    .gi-hover h3 {
        font-size: 22px;
    }
    
    /* Content */
    aside {
        max-width: 450px;
    }
    
    aside > * {
        width: 100%;
    }
    
    aside > *:nth-child(2n) {
        width: 100%;
        margin-left: 0;
    }
    
    /* Footer */
    .abbinder {
        display: none;
    }
}


@media screen and (max-width: 665px) {
    /* Kacheln */
    .kacheln {
        font-size: 21px;
    }
    .kacheln h2 {
        font-size: 24px;
    }
    
    /* Impressionen */
    .impressionen {
        font-size: 21px;
    }
    
    .big {
        font-size: 32px;
        line-height: 1.1em;
    }
    
    /* Content */
    .content {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    /* Header */
    .logo {
        width: 90px;
        left: 10px;
        top: 65px;
    }
    
    .sidemenu {
        top: 0;
        left: 10px;
        right: auto;
        width: auto;
    }
    .sidemenu:after {
        content: '';
        display: table;
        clear: both;
    }
    
    .side-item {
        display: inline-block;
        float: left;
    }
    
    div.side-item:first-of-type {
        border-top: 0!important;
    }
    
    .sidemenu span.icon {
        width: 53px;
        height: 55px;
        line-height: 55px;
    }
    
    .close {
        top: 0;
        left: calc(100% + 60px);
        right: 10px;
        right: auto;
        width: 53px;
        height: 53px;
    }
    
    .side-hover-inner h2 {
        font-size: 26px;
    }
    
    .side-item .side-hover:not(.bl) {
        right: auto;
        left: -1px;
        top: 100%;
        padding: 1px 0 0 0;
    }
    
    /*.side-item .side-hover:not(.bl):after {*/
    /*    left: 20px;*/
    /*    top: auto;*/
    /*    bottom: calc(100% - 25px);*/
    /*    transform: rotate(-90deg);*/
    /*}*/
    
    .side-item:not(.social) .side-hover:not(.bl) .side-hover-inner {
        font-size: 16px;
        min-height: 45px;
        line-height: 45px;
        min-width: 0;
        width: auto;
        white-space: nowrap; 
    }
    
    
    /* Suche */
    .searchhead:not(.results) {
        height: 55px;
        top: 0;
        right: auto;
        left: 327px;
    }
    
    .open .searchhead:not(.results) {
        right: auto;
    }
    
    .searchhead:not(.results) .searchbtn {
        width: 53px;
        height: 55px;
    }
    
    .searchhead.open:not(.results) label {
        display: none;
    }
    
    .searchhead.open:not(.results) {
        background: none;
    }
    
    .searchhead.open:not(.results) input {
        border: 10px solid #6eb32d;
        position: absolute;
        left: auto;
        top: 60px;
        min-height: 57px;
        width: 168px;
        right: 0;
    }
    
    .searchhead.open:not(.results) .searchbtn {
        background: #6eb32d;
        color: #fff;
    }
    
    /* Nav */
    .menu {
        width: 53px;
        height: 55px;
        top: 0;
        right: 10px;
        line-height: 48px;
    }
    
    .nav-socialmedia {
        top: 33px;
    }
    
    
    /* Overview */
    .o-right, 
    .o-left {
        margin: 0 0 0;
    }
    
    .overview .ui-tabs .ui-tabs-nav li {
        float: none;
        width: 100%;
    }
    
    .overview .o-left .pos-box {
        position: static;
    }
    
    .overview .o-left .ui-tabs .ui-tabs-nav li a {
        /*border-bottom: 4px solid #fff;*/
        border-bottom: 0;
    }
    
    .o-left .o-panel,
    .o-right .o-panel {
        display:inline-block!important;
        margin-bottom: 15px;
        width: 100%;
    }
    
    /* Kacheln */
    .kacheln {
        margin-top: -10px;
    }
    
    /* Kontakt */
    .contactform label {
        max-width: none;
    }
    .contactform input[type="text"], 
    .contactform input[type="email"], 
    .contactform input[type="number"],
    .contactform select,
    .contactform textarea,
    .contactform .radioButtonListWrapper,
    .contactform .plzort,
    .contactform .captcha-wr {
        width: 100%!important;
    }
    
    .contactform input[type="date"],
    .contactform .wrapper-datepicker input[type="text"] {
        width: 90%!important;
    }
    
    /* Subpage */
    .noimg .main-outer-wr {
        padding: 0 11px;
    }
    
    .noimg .main-inner-wr {
        background: #fff;
        padding-right: 5px;
        padding-left: 5px;
    }
    
}

@media only screen and (max-width: 549px) {
    #language {
        right: inherit;
        left: 11px;
    }
}


@media only screen and (max-width: 449px) {
    /* Impressionen */
    .impressionen .owl-carousel .owl-controls .owl-nav .owl-prev, 
    .impressionen .owl-carousel .owl-controls .owl-nav .owl-next {
        top: auto;
        bottom: 50px;
    }
}

@media screen and (max-width: 420px) {
    /* Nav */
    .menu {
        width: 46px;
        height: 46px;
        line-height: 42px;
    }
    /* Header */
     .sidemenu span.icon {
         width: 46px;
         height: 46px;
         line-height: 47px;
         font-size: 25px;
     }
     
     .searchhead:not(.results) {
        height: 46px;
        right: auto;
        left: 285px;
     }
     
     .searchhead:not(.results) .searchbtn {
         width: 46px;
         height: 46px;
         line-height: 47px; 
         font-size: 25px;
     }
     
    .searchhead.open:not(.results) input {
        top: 48px;
        /*width: 145px;*/
        
        width: 190px;
        /*right: 48px;*/
    }
     
}
@media screen and (max-width: 375px) {
    /* overview */
    .overview #news img,
    .overview #termine img {
        display: none;
    }
    
    .overview #news .pos-box,
    .overview #termine .pos-box{
        position: static;
    }
    
    /* */
    #event-search.box-form label {
        max-width: 100px;
    }
    
    #event-search input, #event-search select {
        width: calc(100% - 130px)!important;
    }
    
    #event-search input[type="checkbox"] {
        margin-right: 6px;
    }
}

@media screen and (max-width: 374px) {
    /* Header */
    .menu {
        top: 54px;
    } 
    
    .searchhead.open:not(.results) input {
        width: 145px;
        right: 48px;
    }
    
    /* Nav */
    .navigation {
        padding-top: 125px;
    }
    
    /* bhl */
    .close {
        top: 0;
        left: calc(100% + 5px);
    }
}
@media screen and (max-width: 350px) {
    .sub ~ .vr {
        top: calc(100% + -45px)!important;
        background: #fff!important;
        padding: 8px 5px 8px 4px;
        width: auto;
    }
}
@media screen and (max-width: 320px) {
    .menu {
        right: 5px;
    }
}

/* fix owl detailseite */
article.eintrag:not(.ng-scope) .slider .owl-stage {
    width: auto!important;
}

article.eintrag:not(.ng-scope) .slider .owl-stage * {
    float: none!important;
}

article.eintrag:not(.ng-scope) .slider .owl-stage .owl-item {
    width: auto!important;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
}

article.eintrag:not(.ng-scope) .slider .owl-stage .owl-item img {
    display: block;
    margin-bottom: 0;
    max-width: 200px;
    max-height: 100px;
    /*width: auto;*/
    object-fit: cover;
}

/* youtubehome */
.stream .youtubehome-item {
    float:left;
    margin:30px 30px 0 0;
}

.logo-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.logo-container .logoBox {
    align-self: center;
    text-align: center;
}


.logo-container .logoBox img,
.logo-container .logoBox a {
    height: auto;
    display:inline-block;
    max-width: 100%;
    padding: 10px;
    max-height: 250px;
}

.spalte3 .logoBox {
    flex: 0 0 33%;
    width: 33%;
}

.spalte4 .logoBox {
    flex: 0 0 25%;
    width: 25%;
}

.spalte5 .logoBox {
    flex: 0 0 20%;
    width: 20%;
}

@media screen and (max-width: 700px) {
    .spalte3 .logoBox,
    .spalte4 .logoBox,
    .spalte5 .logoBox {
        flex: 0 0 33%;
    }
}

@media screen and (max-width: 500px) {
    .spalte3 .logoBox,
    .spalte4 .logoBox,
    .spalte5 .logoBox {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 380px) {
    .spalte3 .logoBox,
    .spalte4 .logoBox,
    .spalte5 .logoBox {
        flex: 0 0 100%;
    }
}

.privacy input[type=checkbox] {
    width: 45px !important;
    display: inline-block;
    height: 20px !important;
}

.privacy label {
    float: right !important;
    max-width: calc(100% - 50px)  !important;
    padding-top: 0px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2em;
}

.privacy a {
    text-decoration: underline;
}
.privacy a:hover, .privacy a:focus, .privacy a:active{
    color: #000;
}
#main_content_getKontakt .privacy {
    font-size: 18px;
}



.video-slider {
    margin: 20px -10px;
}
.video-slider-item {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

body:not(.open) .video-slider-item img{
       max-height: 300px; 
}

.video-slider-item img {
    max-height: 245px;
    margin: 0 auto;
    max-width: none;
    width: 100%;
    object-fit: cover;
}

.video-slider-item p {
    margin-top: 10px;
        text-align: left;
}

.video-slider .playbutton {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #68b022;
}

.video-slider .playbutton:before {
    content: '\25BA';
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}


.slick-slider .vs-arrow {
    position: absolute;
    top: calc(50% - 28px);
    color: green;
    transform: translateY(-50%) rotate(90deg);
    color: #68b022;
    font-size: 20px;
    left: -30px;
    cursor: pointer;
    z-index:20;
}

@media (max-width: 768px) {
    .slick-slider .vs-arrow {
        left:0;
    }
}


.slick-slider .vs-arrow:before {
    content: '\e802'; 
    font-family: "fontello";
    line-height: 0;
    width: auto;
    height: auto;
    margin: 0;
}

.slick-slider .vs-arrow.icon-pfeil-rechts {
    left: auto;
    right: -30px;
    transform: translateY(-50%) rotate(-90deg);
}

@media (max-width: 768px) {
    .slick-slider .vs-arrow.icon-pfeil-rechts {
        right:0;
    }
}


@media (max-width: 600px) {
    .video-slider .vs-arrow {
        display: none;
    }
}

.tabelle p {
    hyphens: none;
    -moz-hyphens: none;
    word-break: initial;
}

.cmplazypreviewiframe {
    background-color: #efefef !important;
}

.youtubehome-item .cmplazypreviewmsg {
    padding: 0;
}

.cmplazypreviewmsg label {
    max-width: 100%;
}

.youtubehome-item .cmplazypreviewmsg * {
    font-size: 10px;
    
}

.fancybox-caption__body {
    font-size: 18px;
    line-height: 1.2;
}
/*voicereader*/
.vr {
    position: absolute;
    left: 90px;
    bottom:20px;
    width: 36px;
    height: 36px;
    background: #fff;
    z-index: 2;
    padding-top: 8px;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0,0,0, 0.2);
}

.noimg .vr {
    z-index: 1;
}

.sub ~ .vr {
    background: none;
    box-shadow: none;
    left: auto;
    bottom: auto;
    top: calc(100% + 15px);
    right: 90px;
}

body.noimg .vr {
    top: calc(100% + -175px);
    /*top: calc(100% + -115px);*/
    right: 100px;
}

button.vrweb_icon {
    max-width: 30px;
}

.vr a.vrweb_icon {
    display: inline-block;
    cursor: pointer;
}

.vr a.vrweb_icon img {
    width: 25px;
}

.vrweb_player {
    position: fixed!important;
    z-index: 2;
    top: 50px!important;
    left: 27px!important;
}

span.VR15S_highlight {
    color: #000;
}

@media only screen and (max-width: 1220px) {
    .vr {
        left: 70px;
    }
    
    .sub ~ .vr {
        right: 70px;
    }
}

@media screen and (max-width: 768px) {
    .vr {
        left: 11px;
    }
    
    .sub ~ .vr {
        right: 11px;
    }
}
@media screen and (max-width: 600px) {
    .sub ~ .vr {
        right: 11px;
    } 
    
    body.noimg .vr {
        right: 21px;
    }
}
/*print*/
/* ::: Druckversion ::: */
@media print {
    
    .navigation,
    .sidemenu, 
    .laufband,
    .searchhead,
    .vr, 
    .menu,
    .impressionen,
    .abbinder,
    .meta,
    .search,
    .pager,
    .breadcrumb  {
        display: none!important;
    }
    
    /* header */
    header {
        margin-bottom: 30px;
    }
    
    .logo img {
        max-width: 100px;
    }
    
    /* Keyvisual */
    .kv,
    .sub .kv {
        height: auto!important;
        min-height: 110px;
    }
    
    .kv-wrapper.sub:not(.extra) {
        /*display: block;*/
        display: none;
    }
    
    .kv:before {
        display: none;
    }
    
    .kv-inner {
        position: static;
        margin-top: 200px;
    }
    
    .owl-theme .owl-controls {
        display: none;
    }
    
    /* Overview */
    .overview .ui-tabs .ui-tabs-panel {
        display: block!important;
        width: 50%;
    }
    
    .overview img {
        display: none!important;
    }
    
    .overview .pos-box {
        position: static;
    }
    
    .o-left,
    .o-right {
        width: 100%;
        display: block;
    }
    
    .o-right {
        display: none;
    }
    
    .overview #service {
        float: left;
    }
    
    .overview #berufsfeld {
        float: right;
    }
    
    /* Kacheln */
    .kachel-img {
        display: none;
    }
    
    .kachel-item {
        page-break-inside: avoid;
    }
    
    .kachel-text {
        width: 100%;
        page-break-inside: avoid;
        display: block;
    }
    
    /* Page */
    .content-wrapper,
    .open .content-wrapper{
        width: 100%!important;
        display: inline;
    }
    
    .inner {
        padding: 0 10px;
    }
    
    /* Content */
    /*aside {*/
    /*    display: none;*/
    /*}*/
    
    .content {
        margin-bottom: 0;
    }
    
    .content-left {
        width: 100%;
    }
    
    aside {
        width: 100%;
        margin-top: 15px;
    }
    
    aside > * {
        width: auto;
        max-width: 400px;
    }
    
    aside .box:last-child {
        margin-bottom: 15px;
    }
    
    /* subpage without img */
    .noimg .main-outer-wr {
        margin-top: 0;
        padding: 0;
    }
    
    /* subhome */
    .gi-bottom,
    .gi-hover {
        text-align: left;
    }
    
    .general-item.blue .gi-bottom:before {
        display: none;
    }
    
    /* sportal */
    #main_content_sucheVereine {
        display: none;
    }
    
    /* formulare */
    .contactform,
    .box-form,
    .datepickerTeaserWrap{
        display: none;
    }
    
    /* footer */
    footer {
        page-break-inside: avoid;
    }
    
    .family_header {
        display: none;
    }
}
/*iconfont-dateitypen*/
@font-face {
  font-family: 'iconfont';
  src: url('/fonts/dateitypen/iconfont.eot?98917199');
  src: url('/fonts/dateitypen/iconfont.eot?98917199#iefix') format('embedded-opentype'),
       url('/fonts/dateitypen/iconfont.woff2?98917199') format('woff2'),
       url('/fonts/dateitypen/iconfont.woff?98917199') format('woff'),
       url('/fonts/dateitypen/iconfont.ttf?98917199') format('truetype'),
       url('/fonts/dateitypen/iconfont.svg?98917199#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'iconfont';
    src: url('/fonts/dateitypen/iconfont.svg?98917199#iconfont') format('svg');
  }
}
*/
 
 [class^="icon_dt"]:before, 
 [class*=" icon_dt"]:before {
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon_zip:before,
a.zip:before { content: '\e800'; font-family: 'iconfont'; } 

.icon_excel:before,
a.xls:before { content: '\e801'; font-family: 'iconfont'; } 

.icon_word:before,
a.doc:before { content: '\e802'; font-family: 'iconfont'; } 

.icon_pencil:before,
a.edit:before{ content: '\e803'; font-family: 'iconfont'; } 

.icon_pdf:before,
a.pdf:before { content: '\e804'; font-family: 'iconfont'; } 

.icon_powerpoint:before,
a.ppt:before { content: '\e805'; font-family: 'iconfont'; } 

.icon_info:before,
a.info:before { content: '\e806'; font-family: 'iconfont'; } 

/* changes */
.content a.zip,
.content a.xls,
.content a.doc,
.content a.pdf,
.content a.ppt,
.content a.exe,
.content a.info,
.content a.edit {
    position: relative;
    padding-left: 25px;
    display: inline-block;
}

.content a.zip:before,
.content a.xls:before,
.content a.doc:before,
.content a.pdf:before,
.content a.ppt:before,
.content a.exe:before,
.content a.info:before,
.content a.edit:before {
    color: #333;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 0.7em;
}

.content .link a.zip,
.content .link a.xls,
.content .link a.doc,
.content .link a.pdf,
.content .link a.ppt,
.content .link a.exe,
.content .link a.info,
.content .link a.edit {
    padding-left: 0!important; 
    padding-right: 20px;
}

.content .link a:before {
    left: auto;
    right: 0;
}

/*.content a.info:before {*/
/*    content: '\e813';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 13px;*/
/*    left: 0;*/
/*    font-size: 2px;*/
/*    color: #61ab31;*/
/*}*/
/*iconfont-sozialportal*/
@font-face {
  font-family: 'fontello-sozial';
  src: url('/fonts/sozialportal_altersgruppen/fontello.eot?57300529');
  src: url('/fonts/sozialportal_altersgruppen/fontello.eot?57300529#iefix') format('embedded-opentype'),
       url('/fonts/sozialportal_altersgruppen/fontello.woff2?57300529') format('woff2'),
       url('/fonts/sozialportal_altersgruppen/fontello.woff?57300529') format('woff'),
       url('/fonts/sozialportal_altersgruppen/fontello.ttf?57300529') format('truetype'),
       url('/fonts/sozialportal_altersgruppen/fontello.svg?57300529#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?57300529#fontello') format('svg');
  }
}
*/
 
 [class^="sozialicon-"]:before, [class*=" sozialicon-"]:before {
  font-family: "fontello-sozial";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.sozialicon-01-embryo:before { content: '\e800'; } /* '?' */
.sozialicon-02-saeugling:before { content: '\e801'; } /* '?' */
.sozialicon-03-1-5:before { content: '\e802'; } /* '?' */
.sozialicon-04-6-18-icon:before { content: '\e803'; } /* '?' */
.sozialicon-05-19-23:before { content: '\e804'; } /* '?' */
.sozialicon-06-24-65:before { content: '\e805'; } /* '?' */
.sozialicon-07-ueber-65:before { content: '\e806'; } /* '?' */
/*Layout2018*/
.fancybox-caption-wrap {
  pointer-events: visible !important;
}
/*Layout-Karriere*/
.kv-karriere ~ .vr {
  left: 43px; }

.kv-karriere-content ~ .vr {
  left: auto;
  top: calc(100% + 10px);
  right: 90px;
  bottom: auto; }

.kv-karriere .kv {
  min-height: 420px;
  height: 420px; }

.content-karriere h2 {
  text-transform: none; }

.video-slider {
  margin-bottom: 80px; }

.top-headline {
  margin-bottom: 50px; }
  .top-headline h1 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    font-size: 36px;
    line-height: 36px; }
  .top-headline h2 {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    font-size: 30px;
    line-height: 37px;
    text-transform: none; }

h2.center {
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  text-transform: none;
  color: #707070;
  margin-top: 35px;
  margin-bottom: 35px; }

.general-wrapper-intro {
  margin-top: -185px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 960px) {
    .general-wrapper-intro {
      margin-top: 0; } }
  .general-wrapper-intro .general-item {
    width: calc(50% - 11px);
    margin-right: 10px;
    float: left; }
    @media only screen and (max-width: 768px) {
      .general-wrapper-intro .general-item {
        width: 100%;
        margin-right: 0;
        margin: 0 auto;
        margin-bottom: 50px;
        float: none; } }
    .general-wrapper-intro .general-item.green .gi-bottom {
      background: transparent;
      position: relative; }
      .general-wrapper-intro .general-item.green .gi-bottom h2 {
        position: relative;
        z-index: 11; }
      .general-wrapper-intro .general-item.green .gi-bottom .gi-bg {
        position: absolute;
        right: 0;
        bottom: 0;
        height: calc(100% - 35px);
        background: #68b022;
        width: 35px;
        z-index: 10; }
      .general-wrapper-intro .general-item.green .gi-bottom:after {
        content: "";
        position: absolute;
        width: calc(100% - 35px);
        height: 100%;
        background: #68b022;
        z-index: 10;
        top: 0;
        left: 0; }
      .general-wrapper-intro .general-item.green .gi-bottom:before {
        background: url(/img/system/icons/karriere/icon-ecke-gruen.svg) no-repeat; }
    @media only screen and (max-width: 768px) {
      .general-wrapper-intro .general-item.blue {
        margin-bottom: 0; } }
    .general-wrapper-intro .general-item.blue .gi-bottom {
      background: transparent;
      position: relative; }
      .general-wrapper-intro .general-item.blue .gi-bottom h2 {
        position: relative;
        z-index: 11; }
      .general-wrapper-intro .general-item.blue .gi-bottom .gi-bg {
        position: absolute;
        right: 0;
        bottom: 0;
        height: calc(100% - 35px);
        background: #1c7cbc;
        width: 35px; }
      .general-wrapper-intro .general-item.blue .gi-bottom:after {
        content: "";
        position: absolute;
        width: calc(100% - 35px);
        height: 100%;
        background: #1c7cbc;
        z-index: 10;
        top: 0;
        left: 0; }
      .general-wrapper-intro .general-item.blue .gi-bottom:before {
        background: url(/img/system/icons/karriere/icon-ecke-blau.svg) no-repeat; }
  .general-wrapper-intro .gi-bottom {
    padding: 30px 0 0 7px; }
  .general-wrapper-intro .gi-bottom:before {
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    transform: rotate(180deg); }
  .general-wrapper-intro .gi-text {
    margin-top: 15px;
    font-size: 24px;
    line-height: 32px;
    color: #707070; }

.grey-container {
  margin-bottom: 30px;
  margin-top: 50px; }
  .grey-container .grey-headline {
    background: #e8e8e8;
    min-height: 85px;
    text-align: center;
    padding: 30px 0 0 7px;
    position: relative; }
    .grey-container .grey-headline:before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      height: 30px;
      background: #fff;
      background-image: url("/img/system/icons/karriere/icon-ecke-grau.svg");
      transform: rotate(180deg); }
    .grey-container .grey-headline h2 {
      color: #707070;
      font-size: 24px;
      margin: 0;
      line-height: 1.1em;
      text-transform: uppercase; }
  .grey-container .grey-content {
    background: #F3F3F3;
    padding: 25px;
    padding-bottom: 50px; }
    .grey-container .grey-content h2:first-of-type {
      margin-top: 0; }
    .grey-container .grey-content h2 {
      font-size: 30px;
      line-height: 32px;
      margin: 0;
      padding: 0;
      text-transform: none;
      margin-bottom: 10px;
      margin-top: 45px; }

/* ##### Benefits ##### */
.benefits {
  padding: 50px 0; }
  .benefits h2 {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    text-transform: none; }
  .benefits a:hover {
    text-decoration: none; }
  .benefits .benefit-wr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    text-align: center; }
    .benefits .benefit-wr .benefit {
      min-width: 275px;
      margin: 20px 0; }
      .benefits .benefit-wr .benefit .wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .benefits .benefit-wr .benefit .icon {
        display: inline-block;
        height: 128px;
        width: 128px;
        position: relative;
        color: #fff;
        border-radius: 50%;
        margin: 0 0 15px;
        transition: 0.4s ease-in-out;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important; }
        .benefits .benefit-wr .benefit .icon.icon-benefit-abwechslungsreiche-taetigkeiten {
          background: url("/img/system/icons/karriere/icon-benefit-abwechslungsreiche-taetigkeiten.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-fliexible-arbeitsmodelle {
          background: url("/img/system/icons/karriere/icon-benefit-fliexible-arbeitsmodelle.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-gesundheitsmanagement {
          background: url("/img/system/icons/karriere/icon-benefit-gesundheitsmanagement.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-hauseigene-kantine {
          background: url("/img/system/icons/karriere/icon-benefit-hauseigene-kantine.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-kollegiale-atmosphaere {
          background: url("/img/system/icons/karriere/icon-benefit-kollegiale-atmosphaere.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-verguenstigtes-jobticket {
          background: url("/img/system/icons/karriere/icon-benefit-verguenstigtes-jobticket.svg"); }
        .benefits .benefit-wr .benefit .icon.icon-benefit-conference {
          background: url("/img/system/icons/karriere/icon-benefit-aus-und-weiterbildung.svg"); }
        .benefits .benefit-wr .benefit .icon:before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 50px; }
        .benefits .benefit-wr .benefit .icon.default:before {
          content: '&'; }
      .benefits .benefit-wr .benefit h3 {
        color: #707070;
        font-size: 24px;
        line-height: 32px;
        background: transparent;
        font-weight: normal;
        padding: 0;
        margin: 0; }
  .benefits .sl-prev,
  .benefits .sl-next {
    top: 40%;
    transform: translateY(-50%); }

/* ##### Top Number ##### */
.top-number {
  text-align: center;
  font-size: 30px;
  margin: 0 0 90px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: 'Cabin Condensed', sans-serif;
  color: #707070;
  background: #F3F3F3; }
  .top-number .top-number-image {
    text-align: center; }
    .top-number .top-number-image img {
      max-width: 118px;
      width: auto;
      display: inline-block !important; }
  .top-number .top-number-headline {
    margin-bottom: 50px; }
    .top-number .top-number-headline p {
      font-size: 32px; }
  .top-number .centered {
    text-align: center; }
  .top-number p {
    line-height: 70px; }
    .top-number p span {
      display: inline-block;
      padding: 0 5px; }
  .top-number .bigger {
    font-size: 60px; }
  .top-number .biggest {
    font-size: 75px;
    font-weight: bold; }
  .top-number .green {
    color: #68B022; }
  .top-number .blue {
    color: #1C7CBC; }
  .top-number .darkgreen {
    color: #008855; }
  .top-number .grey {
    color: #707070; }

/* ##### Zitat ##### */
.zitat-headline {
  margin-bottom: 30px;
  text-align: center; }
  .zitat-headline h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-transform: none; }

.zitat-slider {
  text-align: center; }
  .zitat-slider .zitat-item {
    margin-bottom: 30px; }
    .zitat-slider .zitat-item .zitat-image {
      margin-bottom: 30px; }
      .zitat-slider .zitat-item .zitat-image img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
        display: inline-block;
        margin: 0;
        padding: 0; }
    .zitat-slider .zitat-item .zitat-text {
      position: relative;
      max-width: 900px;
      padding-left: 50px;
      padding-right: 50px;
      margin: 0 auto;
      margin-bottom: 15px; }
      .zitat-slider .zitat-item .zitat-text p {
        font-size: 24px;
        line-height: 36px;
        margin: 0;
        padding: 0; }
      .zitat-slider .zitat-item .zitat-text:before,
      .zitat-slider .zitat-item .zitat-text:after {
        content: "";
        width: 45px;
        height: 30px;
        position: absolute;
        top: 0;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center center !important; }
      .zitat-slider .zitat-item .zitat-text:before {
        left: 0;
        background: url("/img/system/icons/karriere/icon-zitat-anfuehrungszeichen-unten.svg"); }
      .zitat-slider .zitat-item .zitat-text:after {
        right: 0;
        background: url("/img/system/icons/karriere/icon-zitat-anfuehrungszeichen-oben.svg"); }
    .zitat-slider .zitat-item .zitat-author p {
      font-size: 20px;
      line-height: 32px;
      margin: 0;
      padding: 0; }

/* ##### gallery ##### */
.gallerybox {
  margin-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .gallerybox {
      margin-bottom: 35px; } }
  .gallerybox .galleryrow {
    margin-right: -4.2%; }
    @media only screen and (max-width: 375px) {
      .gallerybox .galleryrow {
        margin-right: 0; } }
    .gallerybox .galleryrow:after {
      content: "";
      display: block;
      clear: both;
      width: 0;
      height: 0; }
    .gallerybox .galleryrow a.gallery {
      display: block;
      float: left;
      width: calc(100% / 4 - ( 4*5px));
      height: auto;
      margin: 0;
      margin-right: 5px;
      margin-bottom: 5px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .gallerybox .galleryrow a.gallery {
          width: calc(100% / 2 - ( 4*5px)); } }
      @media only screen and (max-width: 375px) {
        .gallerybox .galleryrow a.gallery {
          width: 100%; } }
      .gallerybox .galleryrow a.gallery:before {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 44px;
        height: 36px;
        background: url("/img/system/icons/karriere/icon-bildergalerie.svg");
        background-repeat: no-repeat;
        background-size: contains; }

/* ##### fragen ##### */
.fragen {
  background: #e8e8e8;
  min-height: 85px;
  padding: 30px 20px 50px 20px;
  margin-bottom: 80px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .fragen {
      margin-bottom: 40px; } }
  .fragen:after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 60px);
    left: calc(50% - 1px);
    top: 30px;
    background: #fff; }
    @media only screen and (max-width: 499px) {
      .fragen:after {
        display: none; } }
  .fragen .fragen-header h2 {
    font-size: 30px;
    line-height: 40px; }
  .fragen .fragen-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-items: flex-start; }
    @media only screen and (max-width: 499px) {
      .fragen .fragen-container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .fragen .fragen-container .fragen-name p {
      font-size: 24px;
      line-height: 1.1em;
      margin-bottom: 30px;
      font-weight: bold; }
      @media only screen and (max-width: 1500px) {
        .fragen .fragen-container .fragen-name p {
          font-size: 20px;
          line-height: 1.2em; } }
      @media only screen and (max-width: 1024px) {
        .fragen .fragen-container .fragen-name p {
          font-size: 20px;
          line-height: 1.2em; } }
    .fragen .fragen-container .fragen-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      justify-items: flex-start;
      flex-wrap: wrap; }
      @media only screen and (max-width: 1024px) {
        .fragen .fragen-container .fragen-inner {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .fragen .fragen-container .fragen-inner .fragen-box {
        flex: 0 0 33.33%;
        max-width: 33.33%; }
        @media only screen and (max-width: 1280px) {
          .fragen .fragen-container .fragen-inner .fragen-box {
            flex: 0 0 50%;
            max-width: 50%; } }
        @media only screen and (max-width: 1024px) {
          .fragen .fragen-container .fragen-inner .fragen-box {
            flex: 0 0 100%;
            max-width: 100%; } }
        .fragen .fragen-container .fragen-inner .fragen-box p {
          font-size: 24px;
          line-height: 32px; }
          @media only screen and (max-width: 1500px) {
            .fragen .fragen-container .fragen-inner .fragen-box p {
              font-size: 20px;
              line-height: 1.2em; } }
          @media only screen and (max-width: 1024px) {
            .fragen .fragen-container .fragen-inner .fragen-box p {
              font-size: 20px;
              line-height: 1.2em; } }
        .fragen .fragen-container .fragen-inner .fragen-box.fragen-box-image {
          text-align: center; }
          @media only screen and (max-width: 1280px) {
            .fragen .fragen-container .fragen-inner .fragen-box.fragen-box-image {
              text-align: left; } }
          .fragen .fragen-container .fragen-inner .fragen-box.fragen-box-image img {
            width: auto;
            max-width: 100%;
            display: inline-block; }
    .fragen .fragen-container .fragen-left {
      flex: 0 0 50%;
      max-width: 50%;
      position: relative;
      padding-right: 50px; }
      @media only screen and (max-width: 499px) {
        .fragen .fragen-container .fragen-left {
          padding-right: 0;
          flex: 0 0 100%;
          max-width: 100%;
          padding-bottom: 30px; }
          .fragen .fragen-container .fragen-left:after {
            content: "";
            width: 100%;
            height: 1px;
            background: #fff;
            display: block;
            margin-top: 30px; } }
    .fragen .fragen-container .fragen-right {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 50px; }
      @media only screen and (max-width: 499px) {
        .fragen .fragen-container .fragen-right {
          padding-left: 0; } }

/* ##### double ##### */
.double-container .double-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .double-container .double-inner {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .double-container .double-inner h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-transform: none;
    margin-bottom: 15px; }
  .double-container .double-inner .double-left, .double-container .double-inner .double-right {
    flex: 0 0 50%;
    max-width: 50%; }
    @media only screen and (max-width: 767px) {
      .double-container .double-inner .double-left, .double-container .double-inner .double-right {
        flex: 0 0 100%;
        max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .double-container .double-inner .double-left {
      margin-bottom: 30px; } }

/* ##### tipple ##### */
.box-row3 {
  margin-top: 60px;
  background: #e8e8e8;
  min-height: 85px;
  padding: 50px 20px 50px 20px;
  margin-bottom: 80px;
  position: relative; }
  .box-row3 .box-row3-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
    @media only screen and (max-width: 960px) {
      .box-row3 .box-row3-inner {
        height: auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .box-row3 .box-row3-inner .box-row3-item {
      flex: 0 0 33.33%;
      height: 100%;
      position: relative;
      padding-right: 30px;
      padding-left: 30px; }
      @media only screen and (max-width: 960px) {
        .box-row3 .box-row3-inner .box-row3-item {
          padding: 0;
          padding-bottom: 30px; } }
      .box-row3 .box-row3-inner .box-row3-item h2 {
        font-size: 36px;
        line-height: 40px;
        text-transform: none; }
        @media only screen and (max-width: 1280px) {
          .box-row3 .box-row3-inner .box-row3-item h2 {
            font-size: 30px;
            line-height: 32px; } }
      .box-row3 .box-row3-inner .box-row3-item p {
        font-size: 24px;
        line-height: 32px; }
      .box-row3 .box-row3-inner .box-row3-item:first-child {
        padding-left: 0; }
      .box-row3 .box-row3-inner .box-row3-item:last-child {
        padding-right: 0; }
        .box-row3 .box-row3-inner .box-row3-item:last-child:after {
          display: none; }
      .box-row3 .box-row3-inner .box-row3-item:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        z-index: 10;
        background: #fff; }
        @media only screen and (max-width: 960px) {
          .box-row3 .box-row3-inner .box-row3-item:after {
            height: 1px;
            width: 100%;
            position: static;
            display: block;
            margin-top: 30px; } }
      .box-row3 .box-row3-inner .box-row3-item .box-row3-item-inner {
        max-width: 470px;
        margin: 0 auto; }
        @media only screen and (max-width: 960px) {
          .box-row3 .box-row3-inner .box-row3-item .box-row3-item-inner {
            max-width: 100%;
            margin: 0; } }
/*jquery-Module/slick-theme*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('/img/system/slick/ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /*src: url('/img/system/slick/slick.eot');*/
    /*src: url('/img/system/slick/slick.eot?#iefix') format('embedded-opentype'), url('/img/system/slick/slick.woff') format('woff'), url('/img/system/slick/slick.ttf') format('truetype'), url('/img/system/slick/slick.svg#slick') format('svg');*/
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '?';
}
[dir='rtl'] .slick-prev:before
{
    content: '?';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '?';
}
[dir='rtl'] .slick-next:before
{
    content: '?';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*jquery-Module/Slick*/
/* Slider */

.slick-slider *{
    outline:none;
}
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*helferportal*/
.one2nListTableWrapper {
  overflow-x: hidden;
  overflow-y: auto; }

.one2nListGrid .input_text,
.one2nListGrid .input_file,
.one2nListGrid .select,
.one2nListGrid .textarea,
.one2nListGrid .linkmanager,
.one2nListGrid .graphicmanager {
  width: 99%; }

#helferportal-jobs .one2nListTableWrapper {
  margin: 0;
  max-height: none; }

#helferportal-jobs .one2nListTableWrapper .deleteItem img {
  padding-left: 7px; }

#helferportal-jobs .one2nListTableWrapper tbody td > label {
  display: none; }

#helferportal-jobs .one2nListTableWrapper tbody td > select,
#helferportal-jobs .one2nListTableWrapper tbody td > input {
  width: auto;
  margin: 5px; }

/*#helferportal-jobs .one2nListTableWrapper tbody td.date > input {*/
/*    width:80%;*/
/*}*/
#helferportal-jobs .one2nListTableWrapper tbody td.date img {
  float: left;
  margin-top: 14px; }

.contactform #inputmain_content_anmeldung_Captcha {
  float: left;
  width: calc(100% - 148px); }

.contactform #imagemain_content_anmeldung_Captcha img {
  height: 35px;
  border: 1px solid #61ab31 !important; }

#helferportal-tree {
  clear: both; }

#helferportal-tree .row {
  display: block; }

.helferportal input::-webkit-outer-spin-button,
.helferportal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
.helferportal input[type=number] {
  -moz-appearance: textfield; }

.unstyled {
  -webkit-appearance: none; }

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none; }

table.printTable {
  width: 100%;
  border: 1px solid #000000;
  text-align: left;
  border-collapse: collapse; }

table.printTable td, table.printTable th {
  border: 1px solid #000000;
  padding: 3px 4px;
  vertical-align: top; }

table.printTable tfoot td {
  font-size: 14px; }

.portal__flex {
  display: flex; }
  @media only screen and (max-width: 600px) {
    .portal__flex {
      display: block; } }
  .portal__flex .portal__label {
    float: none; }
    @media only screen and (max-width: 600px) {
      .portal__flex .portal__label {
        display: block;
        margin-bottom: 15px; } }
  .portal__flex #helferportal-tree {
    max-width: calc(100% - 180px);
    width: 100%; }
    @media only screen and (max-width: 600px) {
      .portal__flex #helferportal-tree {
        width: 100%; } }
    @media only screen and (max-width: 600px) {
      .portal__flex #helferportal-tree label {
        max-width: 180px; } }
/*ResponsiveTable*/
/*
 * jQuery Basic Table
 * Author: Jerry Low
 */
table.bt {
  width: 100%;
  max-width: 100%; }

table.bt thead,
table.bt tbody th {
  display: none; }

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  /* IE 9 */
  float: left\9;
  width: 100%\9; }
  @media only screen and (max-width: 600px) {
    table.bt tfoot th,
    table.bt tfoot td,
    table.bt tbody td {
      display: block; } }

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  width: 35%; }
  @media only screen and (max-width: 600px) {
    table.bt tfoot th::before,
    table.bt tfoot td::before,
    table.bt tbody td::before {
      width: 100%; } }

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none; }

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top; }

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none; }

.bt-content {
  width: 100%; }
  .bt-content label {
    display: none; }
  .bt-content select, .bt-content input {
    width: 99% !important; }
    @media only screen and (max-width: 600px) {
      .bt-content select, .bt-content input {
        width: 100% !important; } }

.bt-content span {
  display: block;
  width: 100%; }

table.bt td.deleteItem {
  margin-top: 20px;
  margin-bottom: 10px; }

@media only screen and (max-width: 600px) {
  .helferportal .contactform input[type="date"], .helferportal .contactform .wrapper-datepicker input[type="text"] {
    width: 100% !important; } }
/*cmp_fixes*/
.hide-vr-cmp {
  display: none;
}
.hide-vr-cmp .cmplazypreviewiframe {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 300px;
  max-width: 100%;
  transform: translate(-50%, -50%);
  z-index: 999999999;
  overflow: visible;
}
.hide-vr-cmp .cmplazypreviewiframe:before {
  content: '';
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: -100vw;
  top: -100vh;
  width: 200vw;
  height: 200vh;
}
.vr {
  padding-top: 3px;
}
.vr .vrweb_player_main a.init {
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBtbSIgaGVpZ2h0PSIyMG1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uMzI1MjIpIiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS4wMDc3Ij4KICA8cGF0aCBkPSJtMTAuNTkxIDUuMDY0LTMuNDU3MyAyLjk5MDNoLTMuMjcyMXYzLjg0ODFoMy4yMjI1bDMuNTA2OSAzLjAzMzV6IiBmaWxsPSIjMTExIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0ibTEyLjMyNiA3Ljg0MzVhMy45MzAxIDMuOTMwMSAwIDAgMSAwIDQuMzEzMW0xLjQzMS01Ljc0NDFhNi4wNDY0IDYuMDQ2NCAwIDAgMSAwIDcuMTc1bTEuMzEtOC40ODUxYTcuODIgNy44MiAwIDAgMSAwIDkuNzk1MSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiA8L2c+Cjwvc3ZnPgo=");
  background-position: center;
  background-size: contain;
  display: block;
  left: 3px;
}
.font-voice-reader {
  display: block;
}
.font-voice-reader:before {
  content: '';
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBtbSIgaGVpZ2h0PSIyMG1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uMzI1MjIpIiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS4wMDc3Ij4KICA8cGF0aCBkPSJtMTAuNTkxIDUuMDY0LTMuNDU3MyAyLjk5MDNoLTMuMjcyMXYzLjg0ODFoMy4yMjI1bDMuNTA2OSAzLjAzMzV6IiBmaWxsPSIjMTExIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0ibTEyLjMyNiA3Ljg0MzVhMy45MzAxIDMuOTMwMSAwIDAgMSAwIDQuMzEzMW0xLjQzMS01Ljc0NDFhNi4wNDY0IDYuMDQ2NCAwIDAgMSAwIDcuMTc1bTEuMzEtOC40ODUxYTcuODIgNy44MiAwIDAgMSAwIDkuNzk1MSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiA8L2c+Cjwvc3ZnPgo=");
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: contain;
  display: block;
}
img.VR15S_h_linguatec_logo {
  display: none;
}
/*
.iframe_box .cmplazypreviewiframe {
    max-width: 100%;
    @media (max-width: 850px) {
        width: 100%!important;    
    }
}*/
.content .cmplazybtnlink {
  color: #fff!important;
  text-decoration: none;
}
.cmplazypreviewmsginner label {
  float: none;
}
.protect_info {
  position: relative;
}
.protect_info .pi_text {
  position: absolute;
  background: #e2e2e2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  overflow: auto;
}
.protect_info .pi_text p {
  max-width: 100% !important;
  margin: 0 auto;
  text-align: center;
  width: auto !important;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.protect_info .pi_text .loaddata,
.protect_info .pi_text .loaddataa,
.protect_info .pi_text .loaddataa-no {
  display: block;
  width: 260px;
  border: none;
  border-radius: 0;
  background: #008854;
  color: #fff;
  font-weight: 100;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 25px;
  text-shadow: none;
  margin: 0 auto;
  margin-top: 10px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.1em;
}
.protect-info-wr {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}
.protect-info-wr .protect_info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.protect-info-wr .protect_info .pi_text {
  position: static;
  padding: 20px;
  max-width: 600px;
}
.protect-info-wr .protect_info .pi_text .loaddataa-no {
  background: #B8B8B8;
}
.protect-info-wr .protect_info .pi_text .loaddataa,
.protect-info-wr .protect_info .pi_text .loaddataa-no {
  display: inline-block;
}
.cmplazypreviewiframe {
  max-width: 100%;
}
.cmplogo2 img {
  display: inline-block !important;
}
.cmpbox .cmplogo2 img {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
}
.youtube .cmplazypreviewiframe {
  position: absolute;
}
/*ie-fix-2020*/
.lt-ie12 {
  /*
    img{
        max-width: 100%;
        height: auto;
        width:auto;
        // min-height: 100%;
        // min-width: 100%;
    }
   
     */
}
.lt-ie12 main figure {
  width: 100%;
}
.lt-ie12 .nav-socialmedia .flickr img {
  margin-top: 5px;
}
.lt-ie12 .nav-socialmedia img {
  width: auto;
  min-width: auto;
  min-height: auto;
  max-width: 100%;
}
.lt-ie12 .nav-socialmedia .yt img {
  margin-top: 5px;
}
.lt-ie12 .overview img {
  max-width: 100%;
  height: auto;
  width: 100%;
  min-height: auto;
  min-width: auto;
}