/*! tash, Compiled at 2021-07-23 06:49:36 */
/*
 I am essential for the Grunt workflow to function correctly.

 If the HTML Dummy did not provide its own `portal.less` then you have to build it manually by taking a look at the file `customized/assets.json` of the Dummy
 itself and importing every single LESS file here by hand.

 The Grunt workflow could work without this file, if you are configuring it to use every available file within the directory `portal/assets/styles`, but then it
 could happen that the stylesheets won't get merged in the correct order and therefore destroying the styles. If you want to try this then change the file
 `grunt/less.js` to use `<%= paths.assets.styles %>/**\/*.less` instead of `<%= paths.assets.styles %>/portal.less` (without the backslash).

 Example:

 ```less
 @import "_imports/imports.var.less";
 @import "_imports/imports.color.less";
 @import "_imports/imports.mixins.less";

 @import "_base/base.font.less";
 @import "_base/base.init.less";

 @import "_grid/grid.init.less";
 @import "_grid/grid.hLarge.less";
 @import "_grid/grid.hMedium.less";
 @import "_grid/grid.hSmall.less";
 @import "_grid/grid.hTiny.less";

 @import "_vendor/perfect-scrollbar.min.less";

 @import "pageHeader/pageHeader.init.less";
 ```
*/
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage base
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
Avenir Next Pro - regular
Stone Harbour - regular
========================================================== */
/*  =========================================================
Avenir Next Pro - regular
========================================================= */
@font-face {
  font-family: 'Avenir Next Pro';
  src: url('../fonts/avenir/regular/avenirNextProRegular.d80bdcaa.eot');
  src: url('../fonts/avenir/regular/avenirNextProRegular.d80bdcaa.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/regular/avenirNextProRegular.b6060fae.woff2') format('woff2'), url('../fonts/avenir/regular/avenirNextProRegular.8a6d859e.woff') format('woff'), url('../fonts/avenir/regular/avenirNextProRegular.c1f5084c.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage base
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
general font setup
tools
buttons
mainWrapper
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure setup
========================================================= */
@media screen {
  html {
    height: auto;
    background: #fff;
    overflow-x: hidden;
  }
  html,
  body {
    text-align: center;
    margin: 0px;
    border: 0px;
    padding: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  html.-state-noScroll,
  html.-state-noScroll > body {
    overflow: hidden;
  }
  html:not([data-controller="map"]).-state-blur > body > #mainWrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-filter: url(#blur);
            filter: url(#blur);
  }
  #blurFilterForOffCanvas {
    position: fixed;
  }
  html[data-controller="map"].-state-noScroll,
  html[data-controller="map"].-state-noScroll > body {
    height: 100%;
  }
  a > img {
    border: 0px none;
  }
  hr {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid;
  }
}
/*  =========================================================
general font setup
========================================================= */
@media screen {
  strong {
    font: inherit;
  }
  em {
    font: inherit;
  }
  a {
    cursor: pointer;
    color: inherit;
  }
  button {
    cursor: pointer;
  }
}
/* global font size setting (can be corrected localy in each module) */
@media screen and (min-width: 1401px) {
  html {
    font-size: 0.625em;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1001px) {
  html {
    font-size: 0.5625em;
  }
}
@media screen and (max-width: 1000px) and (min-width: 701px) {
  html {
    font-size: 0.5em;
  }
}
@media screen and (max-width: 700px) {
  html {
    font-size: 0.4375em;
  }
}
/*  =========================================================
tools
========================================================= */
@media screen {
  .closing:after,
  .closer {
    content: '';
    clear: both;
    display: block;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
  }
  .none,
  .hide {
    display: none !important;
  }
  .noMargin {
    margin: 0px !important;
  }
  .noPadding {
    padding: 0px !important;
  }
  .noBorder {
    border: 0px none transparent !important;
  }
  .verticalAlign:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 100%;
    margin: 0px;
  }
  .center {
    text-align: center;
  }
}
/*  =========================================================
buttons
========================================================= */
@media screen {
  .button {
    display: inline-block;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    border: none;
    font: 600 normal 1.8rem/1.38888889em 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.38888889em;
    text-transform: uppercase;
    text-decoration: none;
  }
  .button.button--cta {
    background: #f07787;
    color: #fff;
  }
  .button.button--blue {
    background: #6889a2;
    color: #fff;
  }
  .button.button--inverse {
    background: #fff;
    color: #f07787;
  }
  label.button,
  a.button {
    padding: 10px 15px;
  }
  button.button {
    padding: 9px 15px;
  }
  label.button {
    cursor: pointer;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) {
  .button {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 700px) {
  .button {
    font-size: 2.14285714rem;
  }
}
/* button text combo area */
@media screen {
  .buttonText > p {
    font: 300 normal 3.5rem/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 1em;
    color: #28323b;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
  }
}
/* icons in buttons */
@media screen {
  .button > [class*='icon-'] {
    font-size: 18px;
  }
}
/*  =========================================================
mainWrapper
========================================================= */
@media screen {
  #mainWrapper {
    display: block;
    width: 100%;
    position: relative;
  }
}
/* general styling for section to overlap heroImage */
@media screen {
  #mainWrapper > section {
    position: relative;
  }
}
/*  =========================================================
visualOptions
========================================================= */
@media screen {
  .background--transparent {
    background-color: transparent;
  }
  .background--light {
    background-color: #fff;
  }
  .background--dark {
    background-color: #465c6d;
    color: #fff;
  }
}
/*  =========================================================
image copyright information
========================================================= */
@media screen {
  .heroImage__video__youtube > .copyright,
  image ~ .copyright,
  picture ~ .copyright {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    padding: 1px 3px;
    position: absolute;
    bottom: 5px;
    left: 100%;
    z-index: 1;
    font: 400 normal 12px 'Aleo', Arial, sans-serif;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .threeImagesGallery__image--small .heroImage__video__youtube > .copyright,
  .threeImagesGallery__image--small image ~ .copyright,
  .threeImagesGallery__image--small picture ~ .copyright {
    width: 75%;
  }
  .background--dark .mediaGalleryButton {
    background-color: #6889a2;
    color: #fff;
  }
  .background--light .mediaGalleryButton {
    background-color: #465c6d;
    color: #fff;
  }
}
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-10-26
 * @version    $$Id$$
 **/
/**

Navigation:
A. Background

**/
/*  =========================================================
 =A. Background
========================================================= */
#bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  #bg {
    background-image: url('../images/bg/collage-480.a2c30f0d.jpg');
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  #bg {
    background-image: url('../images/bg/collage-640.8a3f8f67.jpg');
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  #bg {
    background-image: url('../images/bg/collage-768.8eb3c7d2.jpg');
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #bg {
    background-image: url('../images/bg/collage-1024.06dbd7e7.jpg');
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #bg {
    background-image: url('../images/bg/collage-1280.45f9e1b9.jpg');
  }
}
@media screen and (min-width: 1281px) {
  #bg {
    background-image: url('../images/bg/collage-1680.10c8a961.jpg');
  }
}
/**
 * tash
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2020 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2020-10-19
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
#coiOverlay {
  font: 400 normal 18px/30px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-30
 * @version    $$Id$$
 **/
/**

Navigation:
A. loading animation

**/
/*  =========================================================
A. loading animation
========================================================= */
@media screen {
  .loadingAnimation {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(238, 238, 238, 0.75);
  }
  .loadingAnimation > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: none;
  }
  .loadingAnimation--active {
    display: block;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
horizontal grid
vertical grid
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
horizontal grid
========================================================= */
@media screen {
  .h-grid {
    margin: 0 auto;
    clear: both;
    display: block;
  }
  [class*='h-el'] {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 700px) {
  .h-grid {
    max-width: 93.33333333%;
  }
}
/*  =========================================================
vertical grid
========================================================= */
@media screen and (max-width: 1656px) and (min-width: 1401px) {
  .v-el {
    padding-bottom: 4.83091787%;
  }
}
@media screen and (max-width: 1400px) {
  .v-el {
    padding-bottom: 4.83091787%;
  }
}
@media screen and (min-width: 1657px) {
  .v-el {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1656px) and (min-width: 1401px) {
  .v-el-2 {
    padding-bottom: 7.54830918%;
  }
}
@media screen and (max-width: 1400px) {
  .v-el-2 {
    padding-bottom: 6.03864734%;
  }
}
@media screen and (min-width: 1657px) {
  .v-el-2 {
    padding-bottom: 125px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
define grid elements and offsets
large scaling in tiny grid
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
define grid elements and offsets
========================================================= */
@media screen and (min-width: 701px) {
  /* generic widths */
  /* generic offsets */
  /* generic grid elements */
  /* grid part dependend calls */
  .h-grid-lg-4 {
    /*max 1656*/
  }
  .h-grid-lg-4 .h-el-lg-0 {
    display: none!important;
  }
  .h-grid-lg-4 .h-el-lg-1 {
    width: 21.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-2 {
    width: 46.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-3 {
    width: 71.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-4 {
    width: 96.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-5 {
    width: 121.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-6 {
    width: 146.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-7 {
    width: 171.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-8 {
    width: 196.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-9 {
    width: 221.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-10 {
    width: 246.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-11 {
    width: 271.37681159%;
  }
  .h-grid-lg-4 .h-el-lg-12 {
    width: 296.37681159%;
  }
  .h-grid-lg-4 .h-off-lg-0 {
    margin-left: 1.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-1 {
    margin-left: 26.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-2 {
    margin-left: 51.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-3 {
    margin-left: 76.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-4 {
    margin-left: 101.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-5 {
    margin-left: 126.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-6 {
    margin-left: 151.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-7 {
    margin-left: 176.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-8 {
    margin-left: 201.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-9 {
    margin-left: 226.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-10 {
    margin-left: 251.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-11 {
    margin-left: 276.8115942%;
  }
  .h-grid-lg-4 .h-off-lg-12 {
    margin-left: 301.8115942%;
  }
  .h-grid-lg-5 {
    /*max 1656*/
  }
  .h-grid-lg-5 .h-el-lg-0 {
    display: none!important;
  }
  .h-grid-lg-5 .h-el-lg-1 {
    width: 17.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-2 {
    width: 37.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-3 {
    width: 57.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-4 {
    width: 77.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-5 {
    width: 97.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-6 {
    width: 117.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-7 {
    width: 137.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-8 {
    width: 157.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-9 {
    width: 177.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-10 {
    width: 197.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-11 {
    width: 217.10144928%;
  }
  .h-grid-lg-5 .h-el-lg-12 {
    width: 237.10144928%;
  }
  .h-grid-lg-5 .h-off-lg-0 {
    margin-left: 1.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-1 {
    margin-left: 21.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-2 {
    margin-left: 41.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-3 {
    margin-left: 61.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-4 {
    margin-left: 81.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-5 {
    margin-left: 101.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-6 {
    margin-left: 121.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-7 {
    margin-left: 141.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-8 {
    margin-left: 161.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-9 {
    margin-left: 181.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-10 {
    margin-left: 201.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-11 {
    margin-left: 221.44927536%;
  }
  .h-grid-lg-5 .h-off-lg-12 {
    margin-left: 241.44927536%;
  }
  .h-grid-lg-6 {
    /*max 1656*/
  }
  .h-grid-lg-6 .h-el-lg-0 {
    display: none!important;
  }
  .h-grid-lg-6 .h-el-lg-1 {
    width: 14.25120773%;
  }
  .h-grid-lg-6 .h-el-lg-2 {
    width: 30.9178744%;
  }
  .h-grid-lg-6 .h-el-lg-3 {
    width: 47.58454106%;
  }
  .h-grid-lg-6 .h-el-lg-4 {
    width: 64.25120773%;
  }
  .h-grid-lg-6 .h-el-lg-5 {
    width: 80.9178744%;
  }
  .h-grid-lg-6 .h-el-lg-6 {
    width: 97.58454106%;
  }
  .h-grid-lg-6 .h-el-lg-7 {
    width: 114.25120773%;
  }
  .h-grid-lg-6 .h-el-lg-8 {
    width: 130.9178744%;
  }
  .h-grid-lg-6 .h-el-lg-9 {
    width: 147.58454106%;
  }
  .h-grid-lg-6 .h-el-lg-10 {
    width: 164.25120773%;
  }
  .h-grid-lg-6 .h-el-lg-11 {
    width: 180.9178744%;
  }
  .h-grid-lg-6 .h-el-lg-12 {
    width: 197.58454106%;
  }
  .h-grid-lg-6 .h-off-lg-0 {
    margin-left: 1.20772947%;
  }
  .h-grid-lg-6 .h-off-lg-1 {
    margin-left: 17.87439614%;
  }
  .h-grid-lg-6 .h-off-lg-2 {
    margin-left: 34.5410628%;
  }
  .h-grid-lg-6 .h-off-lg-3 {
    margin-left: 51.20772947%;
  }
  .h-grid-lg-6 .h-off-lg-4 {
    margin-left: 67.87439614%;
  }
  .h-grid-lg-6 .h-off-lg-5 {
    margin-left: 84.5410628%;
  }
  .h-grid-lg-6 .h-off-lg-6 {
    margin-left: 101.20772947%;
  }
  .h-grid-lg-6 .h-off-lg-7 {
    margin-left: 117.87439614%;
  }
  .h-grid-lg-6 .h-off-lg-8 {
    margin-left: 134.5410628%;
  }
  .h-grid-lg-6 .h-off-lg-9 {
    margin-left: 151.20772947%;
  }
  .h-grid-lg-6 .h-off-lg-10 {
    margin-left: 167.87439614%;
  }
  .h-grid-lg-6 .h-off-lg-11 {
    margin-left: 184.5410628%;
  }
  .h-grid-lg-6 .h-off-lg-12 {
    margin-left: 201.20772947%;
  }
  .h-grid-lg-7 {
    /*max 1656*/
  }
  .h-grid-lg-7 .h-el-lg-0 {
    display: none!important;
  }
  .h-grid-lg-7 .h-el-lg-1 {
    width: 12.21532091%;
  }
  .h-grid-lg-7 .h-el-lg-2 {
    width: 26.5010352%;
  }
  .h-grid-lg-7 .h-el-lg-3 {
    width: 40.78674948%;
  }
  .h-grid-lg-7 .h-el-lg-4 {
    width: 55.07246377%;
  }
  .h-grid-lg-7 .h-el-lg-5 {
    width: 69.35817805%;
  }
  .h-grid-lg-7 .h-el-lg-6 {
    width: 83.64389234%;
  }
  .h-grid-lg-7 .h-el-lg-7 {
    width: 97.92960663%;
  }
  .h-grid-lg-7 .h-el-lg-8 {
    width: 112.21532091%;
  }
  .h-grid-lg-7 .h-el-lg-9 {
    width: 126.5010352%;
  }
  .h-grid-lg-7 .h-el-lg-10 {
    width: 140.78674948%;
  }
  .h-grid-lg-7 .h-el-lg-11 {
    width: 155.07246377%;
  }
  .h-grid-lg-7 .h-el-lg-12 {
    width: 169.35817805%;
  }
  .h-grid-lg-7 .h-off-lg-0 {
    margin-left: 1.03519669%;
  }
  .h-grid-lg-7 .h-off-lg-1 {
    margin-left: 15.32091097%;
  }
  .h-grid-lg-7 .h-off-lg-2 {
    margin-left: 29.60662526%;
  }
  .h-grid-lg-7 .h-off-lg-3 {
    margin-left: 43.89233954%;
  }
  .h-grid-lg-7 .h-off-lg-4 {
    margin-left: 58.17805383%;
  }
  .h-grid-lg-7 .h-off-lg-5 {
    margin-left: 72.46376812%;
  }
  .h-grid-lg-7 .h-off-lg-6 {
    margin-left: 86.7494824%;
  }
  .h-grid-lg-7 .h-off-lg-7 {
    margin-left: 101.03519669%;
  }
  .h-grid-lg-7 .h-off-lg-8 {
    margin-left: 115.32091097%;
  }
  .h-grid-lg-7 .h-off-lg-9 {
    margin-left: 129.60662526%;
  }
  .h-grid-lg-7 .h-off-lg-10 {
    margin-left: 143.89233954%;
  }
  .h-grid-lg-7 .h-off-lg-11 {
    margin-left: 158.17805383%;
  }
  .h-grid-lg-7 .h-off-lg-12 {
    margin-left: 172.46376812%;
  }
  .h-grid-lg-8 {
    /*max 1656*/
  }
  .h-grid-lg-8 .h-el-lg-0 {
    display: none!important;
  }
  .h-grid-lg-8 .h-el-lg-1 {
    width: 10.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-2 {
    width: 23.1884058%;
  }
  .h-grid-lg-8 .h-el-lg-3 {
    width: 35.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-4 {
    width: 48.1884058%;
  }
  .h-grid-lg-8 .h-el-lg-5 {
    width: 60.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-6 {
    width: 73.1884058%;
  }
  .h-grid-lg-8 .h-el-lg-7 {
    width: 85.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-8 {
    width: 98.1884058%;
  }
  .h-grid-lg-8 .h-el-lg-9 {
    width: 110.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-10 {
    width: 123.1884058%;
  }
  .h-grid-lg-8 .h-el-lg-11 {
    width: 135.6884058%;
  }
  .h-grid-lg-8 .h-el-lg-12 {
    width: 148.1884058%;
  }
  .h-grid-lg-8 .h-off-lg-0 {
    margin-left: 0.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-1 {
    margin-left: 13.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-2 {
    margin-left: 25.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-3 {
    margin-left: 38.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-4 {
    margin-left: 50.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-5 {
    margin-left: 63.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-6 {
    margin-left: 75.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-7 {
    margin-left: 88.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-8 {
    margin-left: 100.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-9 {
    margin-left: 113.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-10 {
    margin-left: 125.9057971%;
  }
  .h-grid-lg-8 .h-off-lg-11 {
    margin-left: 138.4057971%;
  }
  .h-grid-lg-8 .h-off-lg-12 {
    margin-left: 150.9057971%;
  }
  .h-grid:not([class*='h-grid-lg-']) {
    /*max 1656*/
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-0 {
    display: none!important;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-1 {
    width: 7.12560386%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-2 {
    width: 15.4589372%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-3 {
    width: 23.79227053%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-4 {
    width: 32.12560386%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-5 {
    width: 40.4589372%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-6 {
    width: 48.79227053%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-7 {
    width: 57.12560386%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-8 {
    width: 65.4589372%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-9 {
    width: 73.79227053%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-10 {
    width: 82.12560386%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-11 {
    width: 90.4589372%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-el-lg-12 {
    width: 98.79227053%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-0 {
    margin-left: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-1 {
    margin-left: 8.93719807%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-2 {
    margin-left: 17.2705314%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-3 {
    margin-left: 25.60386473%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-4 {
    margin-left: 33.93719807%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-5 {
    margin-left: 42.2705314%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-6 {
    margin-left: 50.60386473%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-7 {
    margin-left: 58.93719807%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-8 {
    margin-left: 67.2705314%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-9 {
    margin-left: 75.60386473%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-10 {
    margin-left: 83.93719807%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-11 {
    margin-left: 92.2705314%;
  }
  .h-grid:not([class*='h-grid-lg-']) .h-off-lg-12 {
    margin-left: 100.60386473%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid-lg-4 {
    width: 552px;
    max-width: 32.85714286%;
  }
  .h-grid-lg-4 [class*='h-el-lg'] {
    margin-right: 1.8115942%;
  }
  .h-grid-lg-4 [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 1.8115942%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid-lg-5 {
    width: 690px;
    max-width: 41.07142857%;
  }
  .h-grid-lg-5 [class*='h-el-lg'] {
    margin-right: 1.44927536%;
  }
  .h-grid-lg-5 [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 1.44927536%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid-lg-6 {
    width: 828px;
    max-width: 49.28571429%;
  }
  .h-grid-lg-6 [class*='h-el-lg'] {
    margin-right: 1.20772947%;
  }
  .h-grid-lg-6 [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 1.20772947%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid-lg-7 {
    width: 966px;
    max-width: 57.5%;
  }
  .h-grid-lg-7 [class*='h-el-lg'] {
    margin-right: 1.03519669%;
  }
  .h-grid-lg-7 [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 1.03519669%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid-lg-8 {
    width: 1104px;
    max-width: 65.71428571%;
  }
  .h-grid-lg-8 [class*='h-el-lg'] {
    margin-right: 0.9057971%;
  }
  .h-grid-lg-8 [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 0.9057971%;
  }
}
@media screen and (min-width: 701px) and (min-width: 1401px) {
  .h-grid:not([class*='h-grid-lg-']) {
    width: 1656px;
    max-width: 98.57142857%;
  }
  .h-grid:not([class*='h-grid-lg-']) [class*='h-el-lg'] {
    margin-right: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-lg-']) [class*='h-el-lg']:not([class*='h-off-lg']) {
    margin-left: 0.60386473%;
  }
}
/*  =========================================================
large scaling in tiny grid
========================================================= */
@media screen and (max-width: 700px) {
  /* grid elements */
  .h-el-lg-0 {
    display: none!important;
  }
  .h-el-lg-1 {
    width: 8.33333333%;
  }
  .h-el-lg-2 {
    width: 16.66666667%;
  }
  .h-el-lg-3 {
    width: 25%;
  }
  .h-el-lg-4 {
    width: 33.33333333%;
  }
  .h-el-lg-5 {
    width: 41.66666667%;
  }
  .h-el-lg-6 {
    width: 50%;
  }
  .h-el-lg-7 {
    width: 58.33333333%;
  }
  .h-el-lg-8 {
    width: 66.66666667%;
  }
  .h-el-lg-9 {
    width: 75%;
  }
  .h-el-lg-10 {
    width: 83.33333333%;
  }
  .h-el-lg-11 {
    width: 91.66666667%;
  }
  .h-el-lg-12 {
    width: 100%;
  }
  /* offsets */
  .h-off-lg-0 {
    margin-left: 0%;
  }
  .h-off-lg-1 {
    margin-left: 8.33333333%;
  }
  .h-off-lg-2 {
    margin-left: 16.66666667%;
  }
  .h-off-lg-3 {
    margin-left: 25%;
  }
  .h-off-lg-4 {
    margin-left: 33.33333333%;
  }
  .h-off-lg-5 {
    margin-left: 41.66666667%;
  }
  .h-off-lg-6 {
    margin-left: 50%;
  }
  .h-off-lg-7 {
    margin-left: 58.33333333%;
  }
  .h-off-lg-8 {
    margin-left: 66.66666667%;
  }
  .h-off-lg-9 {
    margin-left: 75%;
  }
  .h-off-lg-10 {
    margin-left: 83.33333333%;
  }
  .h-off-lg-11 {
    margin-left: 91.66666667%;
  }
  .h-off-lg-12 {
    margin-left: 100%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
define grid elements and offsets
medium scaling in tiny grid
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
define grid elements and offsets
========================================================= */
@media screen and (min-width: 701px) and (max-width: 1400px) {
  /* generic widths */
  /* generic offsets */
  /* generic grid elements */
  /* grid part dependend calls */
  .h-grid-md-4 {
    /*max 1656*/
  }
  .h-grid-md-4 .h-el-md-0 {
    display: none!important;
  }
  .h-grid-md-4 .h-el-md-1 {
    width: 21.37681159%;
  }
  .h-grid-md-4 .h-el-md-2 {
    width: 46.37681159%;
  }
  .h-grid-md-4 .h-el-md-3 {
    width: 71.37681159%;
  }
  .h-grid-md-4 .h-el-md-4 {
    width: 96.37681159%;
  }
  .h-grid-md-4 .h-el-md-5 {
    width: 121.37681159%;
  }
  .h-grid-md-4 .h-el-md-6 {
    width: 146.37681159%;
  }
  .h-grid-md-4 .h-el-md-7 {
    width: 171.37681159%;
  }
  .h-grid-md-4 .h-el-md-8 {
    width: 196.37681159%;
  }
  .h-grid-md-4 .h-el-md-9 {
    width: 221.37681159%;
  }
  .h-grid-md-4 .h-el-md-10 {
    width: 246.37681159%;
  }
  .h-grid-md-4 .h-el-md-11 {
    width: 271.37681159%;
  }
  .h-grid-md-4 .h-el-md-12 {
    width: 296.37681159%;
  }
  .h-grid-md-4 .h-off-md-0 {
    margin-left: 1.8115942%;
  }
  .h-grid-md-4 .h-off-md-1 {
    margin-left: 26.8115942%;
  }
  .h-grid-md-4 .h-off-md-2 {
    margin-left: 51.8115942%;
  }
  .h-grid-md-4 .h-off-md-3 {
    margin-left: 76.8115942%;
  }
  .h-grid-md-4 .h-off-md-4 {
    margin-left: 101.8115942%;
  }
  .h-grid-md-4 .h-off-md-5 {
    margin-left: 126.8115942%;
  }
  .h-grid-md-4 .h-off-md-6 {
    margin-left: 151.8115942%;
  }
  .h-grid-md-4 .h-off-md-7 {
    margin-left: 176.8115942%;
  }
  .h-grid-md-4 .h-off-md-8 {
    margin-left: 201.8115942%;
  }
  .h-grid-md-4 .h-off-md-9 {
    margin-left: 226.8115942%;
  }
  .h-grid-md-4 .h-off-md-10 {
    margin-left: 251.8115942%;
  }
  .h-grid-md-4 .h-off-md-11 {
    margin-left: 276.8115942%;
  }
  .h-grid-md-4 .h-off-md-12 {
    margin-left: 301.8115942%;
  }
  .h-grid-md-5 {
    /*max 1656*/
  }
  .h-grid-md-5 .h-el-md-0 {
    display: none!important;
  }
  .h-grid-md-5 .h-el-md-1 {
    width: 17.10144928%;
  }
  .h-grid-md-5 .h-el-md-2 {
    width: 37.10144928%;
  }
  .h-grid-md-5 .h-el-md-3 {
    width: 57.10144928%;
  }
  .h-grid-md-5 .h-el-md-4 {
    width: 77.10144928%;
  }
  .h-grid-md-5 .h-el-md-5 {
    width: 97.10144928%;
  }
  .h-grid-md-5 .h-el-md-6 {
    width: 117.10144928%;
  }
  .h-grid-md-5 .h-el-md-7 {
    width: 137.10144928%;
  }
  .h-grid-md-5 .h-el-md-8 {
    width: 157.10144928%;
  }
  .h-grid-md-5 .h-el-md-9 {
    width: 177.10144928%;
  }
  .h-grid-md-5 .h-el-md-10 {
    width: 197.10144928%;
  }
  .h-grid-md-5 .h-el-md-11 {
    width: 217.10144928%;
  }
  .h-grid-md-5 .h-el-md-12 {
    width: 237.10144928%;
  }
  .h-grid-md-5 .h-off-md-0 {
    margin-left: 1.44927536%;
  }
  .h-grid-md-5 .h-off-md-1 {
    margin-left: 21.44927536%;
  }
  .h-grid-md-5 .h-off-md-2 {
    margin-left: 41.44927536%;
  }
  .h-grid-md-5 .h-off-md-3 {
    margin-left: 61.44927536%;
  }
  .h-grid-md-5 .h-off-md-4 {
    margin-left: 81.44927536%;
  }
  .h-grid-md-5 .h-off-md-5 {
    margin-left: 101.44927536%;
  }
  .h-grid-md-5 .h-off-md-6 {
    margin-left: 121.44927536%;
  }
  .h-grid-md-5 .h-off-md-7 {
    margin-left: 141.44927536%;
  }
  .h-grid-md-5 .h-off-md-8 {
    margin-left: 161.44927536%;
  }
  .h-grid-md-5 .h-off-md-9 {
    margin-left: 181.44927536%;
  }
  .h-grid-md-5 .h-off-md-10 {
    margin-left: 201.44927536%;
  }
  .h-grid-md-5 .h-off-md-11 {
    margin-left: 221.44927536%;
  }
  .h-grid-md-5 .h-off-md-12 {
    margin-left: 241.44927536%;
  }
  .h-grid-md-6 {
    /*max 1656*/
  }
  .h-grid-md-6 .h-el-md-0 {
    display: none!important;
  }
  .h-grid-md-6 .h-el-md-1 {
    width: 14.25120773%;
  }
  .h-grid-md-6 .h-el-md-2 {
    width: 30.9178744%;
  }
  .h-grid-md-6 .h-el-md-3 {
    width: 47.58454106%;
  }
  .h-grid-md-6 .h-el-md-4 {
    width: 64.25120773%;
  }
  .h-grid-md-6 .h-el-md-5 {
    width: 80.9178744%;
  }
  .h-grid-md-6 .h-el-md-6 {
    width: 97.58454106%;
  }
  .h-grid-md-6 .h-el-md-7 {
    width: 114.25120773%;
  }
  .h-grid-md-6 .h-el-md-8 {
    width: 130.9178744%;
  }
  .h-grid-md-6 .h-el-md-9 {
    width: 147.58454106%;
  }
  .h-grid-md-6 .h-el-md-10 {
    width: 164.25120773%;
  }
  .h-grid-md-6 .h-el-md-11 {
    width: 180.9178744%;
  }
  .h-grid-md-6 .h-el-md-12 {
    width: 197.58454106%;
  }
  .h-grid-md-6 .h-off-md-0 {
    margin-left: 1.20772947%;
  }
  .h-grid-md-6 .h-off-md-1 {
    margin-left: 17.87439614%;
  }
  .h-grid-md-6 .h-off-md-2 {
    margin-left: 34.5410628%;
  }
  .h-grid-md-6 .h-off-md-3 {
    margin-left: 51.20772947%;
  }
  .h-grid-md-6 .h-off-md-4 {
    margin-left: 67.87439614%;
  }
  .h-grid-md-6 .h-off-md-5 {
    margin-left: 84.5410628%;
  }
  .h-grid-md-6 .h-off-md-6 {
    margin-left: 101.20772947%;
  }
  .h-grid-md-6 .h-off-md-7 {
    margin-left: 117.87439614%;
  }
  .h-grid-md-6 .h-off-md-8 {
    margin-left: 134.5410628%;
  }
  .h-grid-md-6 .h-off-md-9 {
    margin-left: 151.20772947%;
  }
  .h-grid-md-6 .h-off-md-10 {
    margin-left: 167.87439614%;
  }
  .h-grid-md-6 .h-off-md-11 {
    margin-left: 184.5410628%;
  }
  .h-grid-md-6 .h-off-md-12 {
    margin-left: 201.20772947%;
  }
  .h-grid-md-7 {
    /*max 1656*/
  }
  .h-grid-md-7 .h-el-md-0 {
    display: none!important;
  }
  .h-grid-md-7 .h-el-md-1 {
    width: 12.21532091%;
  }
  .h-grid-md-7 .h-el-md-2 {
    width: 26.5010352%;
  }
  .h-grid-md-7 .h-el-md-3 {
    width: 40.78674948%;
  }
  .h-grid-md-7 .h-el-md-4 {
    width: 55.07246377%;
  }
  .h-grid-md-7 .h-el-md-5 {
    width: 69.35817805%;
  }
  .h-grid-md-7 .h-el-md-6 {
    width: 83.64389234%;
  }
  .h-grid-md-7 .h-el-md-7 {
    width: 97.92960663%;
  }
  .h-grid-md-7 .h-el-md-8 {
    width: 112.21532091%;
  }
  .h-grid-md-7 .h-el-md-9 {
    width: 126.5010352%;
  }
  .h-grid-md-7 .h-el-md-10 {
    width: 140.78674948%;
  }
  .h-grid-md-7 .h-el-md-11 {
    width: 155.07246377%;
  }
  .h-grid-md-7 .h-el-md-12 {
    width: 169.35817805%;
  }
  .h-grid-md-7 .h-off-md-0 {
    margin-left: 1.03519669%;
  }
  .h-grid-md-7 .h-off-md-1 {
    margin-left: 15.32091097%;
  }
  .h-grid-md-7 .h-off-md-2 {
    margin-left: 29.60662526%;
  }
  .h-grid-md-7 .h-off-md-3 {
    margin-left: 43.89233954%;
  }
  .h-grid-md-7 .h-off-md-4 {
    margin-left: 58.17805383%;
  }
  .h-grid-md-7 .h-off-md-5 {
    margin-left: 72.46376812%;
  }
  .h-grid-md-7 .h-off-md-6 {
    margin-left: 86.7494824%;
  }
  .h-grid-md-7 .h-off-md-7 {
    margin-left: 101.03519669%;
  }
  .h-grid-md-7 .h-off-md-8 {
    margin-left: 115.32091097%;
  }
  .h-grid-md-7 .h-off-md-9 {
    margin-left: 129.60662526%;
  }
  .h-grid-md-7 .h-off-md-10 {
    margin-left: 143.89233954%;
  }
  .h-grid-md-7 .h-off-md-11 {
    margin-left: 158.17805383%;
  }
  .h-grid-md-7 .h-off-md-12 {
    margin-left: 172.46376812%;
  }
  .h-grid-md-8 {
    /*max 1656*/
  }
  .h-grid-md-8 .h-el-md-0 {
    display: none!important;
  }
  .h-grid-md-8 .h-el-md-1 {
    width: 10.6884058%;
  }
  .h-grid-md-8 .h-el-md-2 {
    width: 23.1884058%;
  }
  .h-grid-md-8 .h-el-md-3 {
    width: 35.6884058%;
  }
  .h-grid-md-8 .h-el-md-4 {
    width: 48.1884058%;
  }
  .h-grid-md-8 .h-el-md-5 {
    width: 60.6884058%;
  }
  .h-grid-md-8 .h-el-md-6 {
    width: 73.1884058%;
  }
  .h-grid-md-8 .h-el-md-7 {
    width: 85.6884058%;
  }
  .h-grid-md-8 .h-el-md-8 {
    width: 98.1884058%;
  }
  .h-grid-md-8 .h-el-md-9 {
    width: 110.6884058%;
  }
  .h-grid-md-8 .h-el-md-10 {
    width: 123.1884058%;
  }
  .h-grid-md-8 .h-el-md-11 {
    width: 135.6884058%;
  }
  .h-grid-md-8 .h-el-md-12 {
    width: 148.1884058%;
  }
  .h-grid-md-8 .h-off-md-0 {
    margin-left: 0.9057971%;
  }
  .h-grid-md-8 .h-off-md-1 {
    margin-left: 13.4057971%;
  }
  .h-grid-md-8 .h-off-md-2 {
    margin-left: 25.9057971%;
  }
  .h-grid-md-8 .h-off-md-3 {
    margin-left: 38.4057971%;
  }
  .h-grid-md-8 .h-off-md-4 {
    margin-left: 50.9057971%;
  }
  .h-grid-md-8 .h-off-md-5 {
    margin-left: 63.4057971%;
  }
  .h-grid-md-8 .h-off-md-6 {
    margin-left: 75.9057971%;
  }
  .h-grid-md-8 .h-off-md-7 {
    margin-left: 88.4057971%;
  }
  .h-grid-md-8 .h-off-md-8 {
    margin-left: 100.9057971%;
  }
  .h-grid-md-8 .h-off-md-9 {
    margin-left: 113.4057971%;
  }
  .h-grid-md-8 .h-off-md-10 {
    margin-left: 125.9057971%;
  }
  .h-grid-md-8 .h-off-md-11 {
    margin-left: 138.4057971%;
  }
  .h-grid-md-8 .h-off-md-12 {
    margin-left: 150.9057971%;
  }
  .h-grid:not([class*='h-grid-md-']) {
    /*max 1656*/
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-0 {
    display: none!important;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-1 {
    width: 7.12560386%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-2 {
    width: 15.4589372%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-3 {
    width: 23.79227053%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-4 {
    width: 32.12560386%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-5 {
    width: 40.4589372%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-6 {
    width: 48.79227053%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-7 {
    width: 57.12560386%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-8 {
    width: 65.4589372%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-9 {
    width: 73.79227053%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-10 {
    width: 82.12560386%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-11 {
    width: 90.4589372%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-el-md-12 {
    width: 98.79227053%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-0 {
    margin-left: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-1 {
    margin-left: 8.93719807%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-2 {
    margin-left: 17.2705314%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-3 {
    margin-left: 25.60386473%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-4 {
    margin-left: 33.93719807%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-5 {
    margin-left: 42.2705314%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-6 {
    margin-left: 50.60386473%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-7 {
    margin-left: 58.93719807%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-8 {
    margin-left: 67.2705314%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-9 {
    margin-left: 75.60386473%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-10 {
    margin-left: 83.93719807%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-11 {
    margin-left: 92.2705314%;
  }
  .h-grid:not([class*='h-grid-md-']) .h-off-md-12 {
    margin-left: 100.60386473%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid-md-4 {
    width: 552px;
    max-width: 32.85714286%;
  }
  .h-grid-md-4 [class*='h-el-lg'],
  .h-grid-md-4 [class*='h-el-md'] {
    margin-right: 1.8115942%;
  }
  .h-grid-md-4 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid-md-4 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 1.8115942%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid-md-5 {
    width: 690px;
    max-width: 41.07142857%;
  }
  .h-grid-md-5 [class*='h-el-lg'],
  .h-grid-md-5 [class*='h-el-md'] {
    margin-right: 1.44927536%;
  }
  .h-grid-md-5 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid-md-5 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 1.44927536%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid-md-6 {
    width: 828px;
    max-width: 49.28571429%;
  }
  .h-grid-md-6 [class*='h-el-lg'],
  .h-grid-md-6 [class*='h-el-md'] {
    margin-right: 1.20772947%;
  }
  .h-grid-md-6 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid-md-6 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 1.20772947%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid-md-7 {
    width: 966px;
    max-width: 57.5%;
  }
  .h-grid-md-7 [class*='h-el-lg'],
  .h-grid-md-7 [class*='h-el-md'] {
    margin-right: 1.03519669%;
  }
  .h-grid-md-7 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid-md-7 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 1.03519669%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid-md-8 {
    width: 1104px;
    max-width: 65.71428571%;
  }
  .h-grid-md-8 [class*='h-el-lg'],
  .h-grid-md-8 [class*='h-el-md'] {
    margin-right: 0.9057971%;
  }
  .h-grid-md-8 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid-md-8 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 0.9057971%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) and (min-width: 1001px) {
  .h-grid:not([class*='h-grid-md-']) {
    width: 1656px;
    max-width: 98.57142857%;
  }
  .h-grid:not([class*='h-grid-md-']) [class*='h-el-lg'],
  .h-grid:not([class*='h-grid-md-']) [class*='h-el-md'] {
    margin-right: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-md-']) [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']),
  .h-grid:not([class*='h-grid-md-']) [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']) {
    margin-left: 0.60386473%;
  }
}
/*  =========================================================
medium scaling in tiny grid
========================================================= */
@media screen and (max-width: 700px) {
  /* grid elements */
  .h-el-md-0 {
    display: none!important;
  }
  .h-el-md-1 {
    width: 8.33333333%;
  }
  .h-el-md-2 {
    width: 16.66666667%;
  }
  .h-el-md-3 {
    width: 25%;
  }
  .h-el-md-4 {
    width: 33.33333333%;
  }
  .h-el-md-5 {
    width: 41.66666667%;
  }
  .h-el-md-6 {
    width: 50%;
  }
  .h-el-md-7 {
    width: 58.33333333%;
  }
  .h-el-md-8 {
    width: 66.66666667%;
  }
  .h-el-md-9 {
    width: 75%;
  }
  .h-el-md-10 {
    width: 83.33333333%;
  }
  .h-el-md-11 {
    width: 91.66666667%;
  }
  .h-el-md-12 {
    width: 100%;
  }
  /* offsets */
  .h-off-md-0 {
    margin-left: 0%;
  }
  .h-off-md-1 {
    margin-left: 8.33333333%;
  }
  .h-off-md-2 {
    margin-left: 16.66666667%;
  }
  .h-off-md-3 {
    margin-left: 25%;
  }
  .h-off-md-4 {
    margin-left: 33.33333333%;
  }
  .h-off-md-5 {
    margin-left: 41.66666667%;
  }
  .h-off-md-6 {
    margin-left: 50%;
  }
  .h-off-md-7 {
    margin-left: 58.33333333%;
  }
  .h-off-md-8 {
    margin-left: 66.66666667%;
  }
  .h-off-md-9 {
    margin-left: 75%;
  }
  .h-off-md-10 {
    margin-left: 83.33333333%;
  }
  .h-off-md-11 {
    margin-left: 91.66666667%;
  }
  .h-off-md-12 {
    margin-left: 100%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
define grid elements and offsets
small scaling in tiny grid
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
define grid elements and offsets
========================================================= */
@media screen and (min-width: 701px) and (max-width: 1000px) {
  /* generic widths */
  /* generic offsets */
  /* generic grid elements */
  /* grid part dependend calls */
  .h-grid-sm-4 {
    /*max 1656*/
  }
  .h-grid-sm-4 .h-el-sm-0 {
    display: none!important;
  }
  .h-grid-sm-4 .h-el-sm-1 {
    width: 21.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-2 {
    width: 46.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-3 {
    width: 71.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-4 {
    width: 96.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-5 {
    width: 121.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-6 {
    width: 146.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-7 {
    width: 171.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-8 {
    width: 196.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-9 {
    width: 221.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-10 {
    width: 246.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-11 {
    width: 271.37681159%;
  }
  .h-grid-sm-4 .h-el-sm-12 {
    width: 296.37681159%;
  }
  .h-grid-sm-4 .h-off-sm-0 {
    margin-left: 1.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-1 {
    margin-left: 26.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-2 {
    margin-left: 51.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-3 {
    margin-left: 76.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-4 {
    margin-left: 101.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-5 {
    margin-left: 126.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-6 {
    margin-left: 151.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-7 {
    margin-left: 176.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-8 {
    margin-left: 201.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-9 {
    margin-left: 226.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-10 {
    margin-left: 251.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-11 {
    margin-left: 276.8115942%;
  }
  .h-grid-sm-4 .h-off-sm-12 {
    margin-left: 301.8115942%;
  }
  .h-grid-sm-5 {
    /*max 1656*/
  }
  .h-grid-sm-5 .h-el-sm-0 {
    display: none!important;
  }
  .h-grid-sm-5 .h-el-sm-1 {
    width: 17.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-2 {
    width: 37.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-3 {
    width: 57.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-4 {
    width: 77.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-5 {
    width: 97.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-6 {
    width: 117.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-7 {
    width: 137.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-8 {
    width: 157.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-9 {
    width: 177.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-10 {
    width: 197.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-11 {
    width: 217.10144928%;
  }
  .h-grid-sm-5 .h-el-sm-12 {
    width: 237.10144928%;
  }
  .h-grid-sm-5 .h-off-sm-0 {
    margin-left: 1.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-1 {
    margin-left: 21.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-2 {
    margin-left: 41.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-3 {
    margin-left: 61.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-4 {
    margin-left: 81.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-5 {
    margin-left: 101.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-6 {
    margin-left: 121.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-7 {
    margin-left: 141.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-8 {
    margin-left: 161.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-9 {
    margin-left: 181.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-10 {
    margin-left: 201.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-11 {
    margin-left: 221.44927536%;
  }
  .h-grid-sm-5 .h-off-sm-12 {
    margin-left: 241.44927536%;
  }
  .h-grid-sm-6 {
    /*max 1656*/
  }
  .h-grid-sm-6 .h-el-sm-0 {
    display: none!important;
  }
  .h-grid-sm-6 .h-el-sm-1 {
    width: 14.25120773%;
  }
  .h-grid-sm-6 .h-el-sm-2 {
    width: 30.9178744%;
  }
  .h-grid-sm-6 .h-el-sm-3 {
    width: 47.58454106%;
  }
  .h-grid-sm-6 .h-el-sm-4 {
    width: 64.25120773%;
  }
  .h-grid-sm-6 .h-el-sm-5 {
    width: 80.9178744%;
  }
  .h-grid-sm-6 .h-el-sm-6 {
    width: 97.58454106%;
  }
  .h-grid-sm-6 .h-el-sm-7 {
    width: 114.25120773%;
  }
  .h-grid-sm-6 .h-el-sm-8 {
    width: 130.9178744%;
  }
  .h-grid-sm-6 .h-el-sm-9 {
    width: 147.58454106%;
  }
  .h-grid-sm-6 .h-el-sm-10 {
    width: 164.25120773%;
  }
  .h-grid-sm-6 .h-el-sm-11 {
    width: 180.9178744%;
  }
  .h-grid-sm-6 .h-el-sm-12 {
    width: 197.58454106%;
  }
  .h-grid-sm-6 .h-off-sm-0 {
    margin-left: 1.20772947%;
  }
  .h-grid-sm-6 .h-off-sm-1 {
    margin-left: 17.87439614%;
  }
  .h-grid-sm-6 .h-off-sm-2 {
    margin-left: 34.5410628%;
  }
  .h-grid-sm-6 .h-off-sm-3 {
    margin-left: 51.20772947%;
  }
  .h-grid-sm-6 .h-off-sm-4 {
    margin-left: 67.87439614%;
  }
  .h-grid-sm-6 .h-off-sm-5 {
    margin-left: 84.5410628%;
  }
  .h-grid-sm-6 .h-off-sm-6 {
    margin-left: 101.20772947%;
  }
  .h-grid-sm-6 .h-off-sm-7 {
    margin-left: 117.87439614%;
  }
  .h-grid-sm-6 .h-off-sm-8 {
    margin-left: 134.5410628%;
  }
  .h-grid-sm-6 .h-off-sm-9 {
    margin-left: 151.20772947%;
  }
  .h-grid-sm-6 .h-off-sm-10 {
    margin-left: 167.87439614%;
  }
  .h-grid-sm-6 .h-off-sm-11 {
    margin-left: 184.5410628%;
  }
  .h-grid-sm-6 .h-off-sm-12 {
    margin-left: 201.20772947%;
  }
  .h-grid-sm-7 {
    /*max 1656*/
  }
  .h-grid-sm-7 .h-el-sm-0 {
    display: none!important;
  }
  .h-grid-sm-7 .h-el-sm-1 {
    width: 12.21532091%;
  }
  .h-grid-sm-7 .h-el-sm-2 {
    width: 26.5010352%;
  }
  .h-grid-sm-7 .h-el-sm-3 {
    width: 40.78674948%;
  }
  .h-grid-sm-7 .h-el-sm-4 {
    width: 55.07246377%;
  }
  .h-grid-sm-7 .h-el-sm-5 {
    width: 69.35817805%;
  }
  .h-grid-sm-7 .h-el-sm-6 {
    width: 83.64389234%;
  }
  .h-grid-sm-7 .h-el-sm-7 {
    width: 97.92960663%;
  }
  .h-grid-sm-7 .h-el-sm-8 {
    width: 112.21532091%;
  }
  .h-grid-sm-7 .h-el-sm-9 {
    width: 126.5010352%;
  }
  .h-grid-sm-7 .h-el-sm-10 {
    width: 140.78674948%;
  }
  .h-grid-sm-7 .h-el-sm-11 {
    width: 155.07246377%;
  }
  .h-grid-sm-7 .h-el-sm-12 {
    width: 169.35817805%;
  }
  .h-grid-sm-7 .h-off-sm-0 {
    margin-left: 1.03519669%;
  }
  .h-grid-sm-7 .h-off-sm-1 {
    margin-left: 15.32091097%;
  }
  .h-grid-sm-7 .h-off-sm-2 {
    margin-left: 29.60662526%;
  }
  .h-grid-sm-7 .h-off-sm-3 {
    margin-left: 43.89233954%;
  }
  .h-grid-sm-7 .h-off-sm-4 {
    margin-left: 58.17805383%;
  }
  .h-grid-sm-7 .h-off-sm-5 {
    margin-left: 72.46376812%;
  }
  .h-grid-sm-7 .h-off-sm-6 {
    margin-left: 86.7494824%;
  }
  .h-grid-sm-7 .h-off-sm-7 {
    margin-left: 101.03519669%;
  }
  .h-grid-sm-7 .h-off-sm-8 {
    margin-left: 115.32091097%;
  }
  .h-grid-sm-7 .h-off-sm-9 {
    margin-left: 129.60662526%;
  }
  .h-grid-sm-7 .h-off-sm-10 {
    margin-left: 143.89233954%;
  }
  .h-grid-sm-7 .h-off-sm-11 {
    margin-left: 158.17805383%;
  }
  .h-grid-sm-7 .h-off-sm-12 {
    margin-left: 172.46376812%;
  }
  .h-grid-sm-8 {
    /*max 1656*/
  }
  .h-grid-sm-8 .h-el-sm-0 {
    display: none!important;
  }
  .h-grid-sm-8 .h-el-sm-1 {
    width: 10.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-2 {
    width: 23.1884058%;
  }
  .h-grid-sm-8 .h-el-sm-3 {
    width: 35.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-4 {
    width: 48.1884058%;
  }
  .h-grid-sm-8 .h-el-sm-5 {
    width: 60.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-6 {
    width: 73.1884058%;
  }
  .h-grid-sm-8 .h-el-sm-7 {
    width: 85.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-8 {
    width: 98.1884058%;
  }
  .h-grid-sm-8 .h-el-sm-9 {
    width: 110.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-10 {
    width: 123.1884058%;
  }
  .h-grid-sm-8 .h-el-sm-11 {
    width: 135.6884058%;
  }
  .h-grid-sm-8 .h-el-sm-12 {
    width: 148.1884058%;
  }
  .h-grid-sm-8 .h-off-sm-0 {
    margin-left: 0.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-1 {
    margin-left: 13.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-2 {
    margin-left: 25.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-3 {
    margin-left: 38.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-4 {
    margin-left: 50.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-5 {
    margin-left: 63.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-6 {
    margin-left: 75.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-7 {
    margin-left: 88.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-8 {
    margin-left: 100.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-9 {
    margin-left: 113.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-10 {
    margin-left: 125.9057971%;
  }
  .h-grid-sm-8 .h-off-sm-11 {
    margin-left: 138.4057971%;
  }
  .h-grid-sm-8 .h-off-sm-12 {
    margin-left: 150.9057971%;
  }
  .h-grid:not([class*='h-grid-sm-']) {
    /*max 1656*/
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-0 {
    display: none!important;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-1 {
    width: 7.12560386%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-2 {
    width: 15.4589372%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-3 {
    width: 23.79227053%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-4 {
    width: 32.12560386%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-5 {
    width: 40.4589372%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-6 {
    width: 48.79227053%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-7 {
    width: 57.12560386%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-8 {
    width: 65.4589372%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-9 {
    width: 73.79227053%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-10 {
    width: 82.12560386%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-11 {
    width: 90.4589372%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-el-sm-12 {
    width: 98.79227053%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-0 {
    margin-left: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-1 {
    margin-left: 8.93719807%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-2 {
    margin-left: 17.2705314%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-3 {
    margin-left: 25.60386473%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-4 {
    margin-left: 33.93719807%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-5 {
    margin-left: 42.2705314%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-6 {
    margin-left: 50.60386473%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-7 {
    margin-left: 58.93719807%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-8 {
    margin-left: 67.2705314%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-9 {
    margin-left: 75.60386473%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-10 {
    margin-left: 83.93719807%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-11 {
    margin-left: 92.2705314%;
  }
  .h-grid:not([class*='h-grid-sm-']) .h-off-sm-12 {
    margin-left: 100.60386473%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid-sm-4 {
    width: 552px;
    max-width: 32.85714286%;
  }
  .h-grid-sm-4 [class*='h-el-lg'],
  .h-grid-sm-4 [class*='h-el-md'],
  .h-grid-sm-4 [class*='h-el-sm'] {
    margin-right: 1.8115942%;
  }
  .h-grid-sm-4 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-4 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-4 [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 1.8115942%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid-sm-5 {
    width: 690px;
    max-width: 41.07142857%;
  }
  .h-grid-sm-5 [class*='h-el-lg'],
  .h-grid-sm-5 [class*='h-el-md'],
  .h-grid-sm-5 [class*='h-el-sm'] {
    margin-right: 1.44927536%;
  }
  .h-grid-sm-5 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-5 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-5 [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 1.44927536%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid-sm-6 {
    width: 828px;
    max-width: 49.28571429%;
  }
  .h-grid-sm-6 [class*='h-el-lg'],
  .h-grid-sm-6 [class*='h-el-md'],
  .h-grid-sm-6 [class*='h-el-sm'] {
    margin-right: 1.20772947%;
  }
  .h-grid-sm-6 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-6 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-6 [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 1.20772947%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid-sm-7 {
    width: 966px;
    max-width: 57.5%;
  }
  .h-grid-sm-7 [class*='h-el-lg'],
  .h-grid-sm-7 [class*='h-el-md'],
  .h-grid-sm-7 [class*='h-el-sm'] {
    margin-right: 1.03519669%;
  }
  .h-grid-sm-7 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-7 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-7 [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 1.03519669%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid-sm-8 {
    width: 1104px;
    max-width: 65.71428571%;
  }
  .h-grid-sm-8 [class*='h-el-lg'],
  .h-grid-sm-8 [class*='h-el-md'],
  .h-grid-sm-8 [class*='h-el-sm'] {
    margin-right: 0.9057971%;
  }
  .h-grid-sm-8 [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-8 [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid-sm-8 [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 0.9057971%;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) and (min-width: 701px) {
  .h-grid:not([class*='h-grid-sm-']) {
    width: 1656px;
    max-width: 98.57142857%;
  }
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-lg'],
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-md'],
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-sm'] {
    margin-right: 0.60386473%;
  }
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-lg']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-md']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']),
  .h-grid:not([class*='h-grid-sm-']) [class*='h-el-sm']:not([class*='h-off-lg']):not([class*='h-off-md']):not([class*='h-off-sm']) {
    margin-left: 0.60386473%;
  }
}
/*  =========================================================
small scaling in tiny grid
========================================================= */
@media screen and (max-width: 700px) {
  /* grid elements */
  .h-el-sm-0 {
    display: none!important;
  }
  .h-el-sm-1 {
    width: 8.33333333%;
  }
  .h-el-sm-2 {
    width: 16.66666667%;
  }
  .h-el-sm-3 {
    width: 25%;
  }
  .h-el-sm-4 {
    width: 33.33333333%;
  }
  .h-el-sm-5 {
    width: 41.66666667%;
  }
  .h-el-sm-6 {
    width: 50%;
  }
  .h-el-sm-7 {
    width: 58.33333333%;
  }
  .h-el-sm-8 {
    width: 66.66666667%;
  }
  .h-el-sm-9 {
    width: 75%;
  }
  .h-el-sm-10 {
    width: 83.33333333%;
  }
  .h-el-sm-11 {
    width: 91.66666667%;
  }
  .h-el-sm-12 {
    width: 100%;
  }
  /* offsets */
  .h-off-sm-0 {
    margin-left: 0%;
  }
  .h-off-sm-1 {
    margin-left: 8.33333333%;
  }
  .h-off-sm-2 {
    margin-left: 16.66666667%;
  }
  .h-off-sm-3 {
    margin-left: 25%;
  }
  .h-off-sm-4 {
    margin-left: 33.33333333%;
  }
  .h-off-sm-5 {
    margin-left: 41.66666667%;
  }
  .h-off-sm-6 {
    margin-left: 50%;
  }
  .h-off-sm-7 {
    margin-left: 58.33333333%;
  }
  .h-off-sm-8 {
    margin-left: 66.66666667%;
  }
  .h-off-sm-9 {
    margin-left: 75%;
  }
  .h-off-sm-10 {
    margin-left: 83.33333333%;
  }
  .h-off-sm-11 {
    margin-left: 91.66666667%;
  }
  .h-off-sm-12 {
    margin-left: 100%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
grid elements
grid offsets
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
grid elements
========================================================= */
@media screen and (max-width: 700px) {
  .h-el-ty-0 {
    display: none!important;
  }
  .h-el-ty-1 {
    width: 8.33333333%;
  }
  .h-el-ty-2 {
    width: 16.66666667%;
  }
  .h-el-ty-3 {
    width: 25%;
  }
  .h-el-ty-4 {
    width: 33.33333333%;
  }
  .h-el-ty-5 {
    width: 41.66666667%;
  }
  .h-el-ty-6 {
    width: 50%;
  }
  .h-el-ty-7 {
    width: 58.33333333%;
  }
  .h-el-ty-8 {
    width: 66.66666667%;
  }
  .h-el-ty-9 {
    width: 75%;
  }
  .h-el-ty-10 {
    width: 83.33333333%;
  }
  .h-el-ty-11 {
    width: 91.66666667%;
  }
  .h-el-ty-12 {
    width: 100%;
  }
}
/*  =========================================================
grid offsets margin
========================================================= */
@media screen and (max-width: 700px) {
  .h-off-ty-0 {
    margin-left: 0%;
  }
  .h-off-ty-1 {
    margin-left: 8.33333333%;
  }
  .h-off-ty-2 {
    margin-left: 16.66666667%;
  }
  .h-off-ty-3 {
    margin-left: 25%;
  }
  .h-off-ty-4 {
    margin-left: 33.33333333%;
  }
  .h-off-ty-5 {
    margin-left: 41.66666667%;
  }
  .h-off-ty-6 {
    margin-left: 50%;
  }
  .h-off-ty-7 {
    margin-left: 58.33333333%;
  }
  .h-off-ty-8 {
    margin-left: 66.66666667%;
  }
  .h-off-ty-9 {
    margin-left: 75%;
  }
  .h-off-ty-10 {
    margin-left: 83.33333333%;
  }
  .h-off-ty-11 {
    margin-left: 91.66666667%;
  }
  .h-off-ty-12 {
    margin-left: 100%;
  }
}
/* perfect-scrollbar v0.8.1 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  height: 15px;
}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  bottom: 2px;
  height: 6px;
}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}
.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  width: 15px;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  right: 2px;
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}
.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoon.1e9d6218.eot?gfgx3g');
  src: url('../fonts/icomoon/icomoon.1e9d6218.eot?gfgx3g#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.236d3db4.woff2?gfgx3g') format('woff2'), url('../fonts/icomoon/icomoon.b52f5ad8.ttf?gfgx3g') format('truetype'), url('../fonts/icomoon/icomoon.bde182a4.woff?gfgx3g') format('woff'), url('../fonts/icomoon/icomoon.ad41f769.svg?gfgx3g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-navigation:before {
  content: "\e935";
}
.icon-arrowBack:before {
  content: "\e934";
}
.icon-poiMarker:before {
  content: "\e931";
}
.icon-listIcon:before {
  content: "\e932";
}
.icon-localization:before {
  content: "\e933";
}
.icon-phone:before {
  content: "\e92e";
}
.icon-mail_2:before {
  content: "\e92f";
}
.icon-minus:before {
  content: "\e917";
}
.icon-plus:before {
  content: "\e918";
}
.icon-share:before {
  content: "\e900";
}
.icon-map:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e902";
}
.icon-menu:before {
  content: "\e903";
}
.icon-heart:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-twitter:before {
  content: "\e906";
}
.icon-pinterest:before {
  content: "\e907";
}
.icon-google:before {
  content: "\e908";
}
.icon-whatsapp:before {
  content: "\e930";
}
.icon-youtube:before {
  content: "\e909";
}
.icon-instagram:before {
  content: "\e90a";
}
.icon-language:before {
  content: "\e90b";
}
.icon-arrowLeft:before {
  content: "\e90d";
}
.icon-arrowRight:before {
  content: "\e90e";
}
.icon-close:before {
  content: "\e90f";
}
.icon-checkmark:before {
  content: "\e910";
}
.icon-filter:before {
  content: "\e911";
}
.icon-triangleLeft:before {
  content: "\e912";
}
.icon-triangleRight:before {
  content: "\e913";
}
.icon-triangleDown:before {
  content: "\e914";
}
.icon-externalLink:before {
  content: "\e915";
}
.icon-mail:before {
  content: "\e916";
}
.icon-kleeblatt:before {
  content: "\e92c";
}
.icon-kamera:before {
  content: "\e92d";
}
.icon-freizeitpark-tierpark:before {
  content: "\e90c";
}
.icon-wellnesshotels:before {
  content: "\e919";
}
.icon-strand-baden:before {
  content: "\e91a";
}
.icon-leuchttuerme:before {
  content: "\e91b";
}
.icon-veranstaltungen:before {
  content: "\e91c";
}
.icon-tipps-aktuelles:before {
  content: "\e91d";
}
.icon-radfahren:before {
  content: "\e91e";
}
.icon-kanu:before {
  content: "\e91f";
}
.icon-naturerlebnis:before {
  content: "\e920";
}
.icon-museen-denkmaeler:before {
  content: "\e921";
}
.icon-gaerten-kirchen-herrenhaeuser:before {
  content: "\e922";
}
.icon-regionale_produzenten:before {
  content: "\e923";
}
.icon-gastronomie:before {
  content: "\e924";
}
.icon-jugendherbergen:before {
  content: "\e925";
}
.icon-radlerunterkuenfte:before {
  content: "\e926";
}
.icon-hotels-pensionen:before {
  content: "\e927";
}
.icon-touristinformationen:before {
  content: "\e928";
}
.icon-bahnhoefe:before {
  content: "\e929";
}
.icon-flughaefen:before {
  content: "\e92a";
}
.icon-blog:before {
  content: "\e92b";
}
/*! tash, Compiled at 2021-07-23 07:49:02 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      10.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
radio button for offCanvas area
radio buttons for offCanvas elements
offCanvas elements
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas {
    position: fixed;
    top: 0;
    z-index: 11;
    width: 100%;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
}
/*  =========================================================
radio buttons for offCanvas elements
========================================================= */
@media screen {
  #offCanvas > input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
  }
}
/*  =========================================================
offCanvas elements
========================================================= */
@media screen {
  #offCanvas__share,
  #offCanvas__search,
  #offCanvas__navi,
  #offCanvas__mapList,
  #offCanvas__filter,
  #offCanvas__mapInfoboard {
    display: none;
  }
  #offCanvas > div[id^="offCanvas__"].offCanvas__Active {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    opacity: 1;
    left: 0;
  }
  #offCanvas > div {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease, left 0.1s ease;
    transition: opacity 0.5s ease, left 0.1s ease;
  }
  #offCanvas > div:not(#offCanvas__share) {
    height: 100vh;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      10.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
closer
autocomplete form
language setter
sharing
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .offCanvas__header {
    display: block;
    width: 100%;
    text-align: right;
    background: #eeeeee;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__header {
    height: 115px;
  }
}
@media screen and (max-width: 1000px) {
  .offCanvas__header {
    height: 60px;
  }
}
/* flex variation for navigation and autocomplete */
@media screen {
  #offCanvas__navi .offCanvas__header,
  #offCanvas__share .offCanvas__header,
  #offCanvas__autocomplete .offCanvas__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
/*  =========================================================
closer
========================================================= */
@media screen {
  .offCanvas__header__closer {
    display: inline-block;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__header__closer {
    padding: 20px 16px;
  }
}
@media screen {
  .offCanvas__header__closer > span {
    background: #28323b;
    color: #fff;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  .offCanvas__header__closer > span:active,
  .offCanvas__header__closer > span:focus,
  .offCanvas__header__closer > span:hover {
    background: #f07787;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__header__closer > span {
    width: 75px;
    height: 75px;
    font-size: 25px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .offCanvas__header__closer > span {
    width: 55px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }
}
/* variation with gray background on specific offCanvas layers */
@media screen {
  #offCanvas__navi .offCanvas__header__closer,
  #offCanvas__share .offCanvas__header__closer,
  #offCanvas__autocomplete .offCanvas__header__closer {
    background: #dddfe1;
  }
}
/*  =========================================================
autocomplete form
========================================================= */
/* the form itself */
@media screen {
  #offCanvas__header__autocomplete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
}
@media screen and (min-width: 701px) {
  #offCanvas__header__autocomplete {
    height: 4.5rem;
    padding: 0 16px;
    /* vertical alignment */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 700px) {
  #offCanvas__header__autocomplete {
    height: 100%;
  }
}
/* the label */
@media screen {
  #offCanvas__header__autocomplete > label {
    font: 400 normal 2.5rem/1.8em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.8em;
    color: #28323b;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__header__autocomplete > label {
    display: none;
  }
}
/* the actual input field */
@media screen {
  #offCanvas__header__autocomplete > input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding: 0 15px;
    border: none;
    background: #fff;
    color: #28323b;
    outline: none;
  }
}
@media screen and (min-width: 701px) {
  #offCanvas__header__autocomplete > input {
    margin: 0 10px 0 0;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font: 400 normal 1.8rem/2.5em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.5em;
  }
}
@media screen and (max-width: 700px) {
  #offCanvas__header__autocomplete > input {
    font: 400 normal 18px/60px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 60px;
  }
}
/* the button */
@media screen and (max-width: 700px) {
  #offCanvas__header__autocomplete > .button {
    width: 55px;
    -webkit-border-radius: 0;
            border-radius: 0;
    font-size: 25px;
  }
  #offCanvas__header__autocomplete > .button > .text {
    display: none;
  }
}
/*  =========================================================
language setter
========================================================= */
@media screen {
  #offCanvas__navi__language {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    text-align: left;
    list-style: none;
    color: #28323b;
    margin: 0;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
    /* vertical alignment */
  }
  #offCanvas__navi__language > li {
    display: inline-block;
    padding: 5px 0;
  }
  #offCanvas__navi__language > li > a {
    font: 400 normal 1.8rem/1.38888889em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.38888889em;
    text-decoration: underline;
  }
  #offCanvas__navi__language > li > a:focus {
    opacity: 0.7;
  }
  #offCanvas__navi__language > li:not(:last-of-type):after {
    content: '-';
    display: inline-block;
    margin: 0 10px;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__navi__language {
    padding: 57px 0 0 10px;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__navi__language {
    padding: 30px 0 0 10px;
  }
}
/*  =========================================================
sharing
========================================================= */
@media screen {
  #offCanvas__share__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    margin: 0;
    list-style: none;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__share__list {
    padding: 20px 16px;
  }
}
@media screen {
  #offCanvas__share__list > li {
    display: inline-block;
    background: #f07787;
    color: #fff;
  }
  #offCanvas__share__list > li:not(:first-child) > a:before {
    content: '';
    position: absolute;
    top: 10%;
    left: 0;
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.35);
  }
}
@media screen {
  #offCanvas__share__list > li > a {
    display: block;
    position: relative;
    font: 300 normal 15px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 15%;
  }
  #offCanvas__share__list > li > a > span {
    display: block;
  }
  #offCanvas__share__list > li > a:focus,
  #offCanvas__share__list > li > a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__share__list > li > a {
    width: 75px;
    height: 75px;
  }
  #offCanvas__share__list > li > a > span {
    font-size: 35px;
    line-height: 55px;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__share__list > li > a {
    width: 55px;
    height: 60px;
  }
  #offCanvas__share__list > li > a > span {
    font-size: 25px;
    line-height: 40px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      10.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .offCanvas__content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    width: 100%;
    height: 100vh;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__header + .offCanvas__content {
    height: -webkit-calc(100% - 115px);
    height: calc(100% - 115px);
  }
}
@media screen and (max-width: 1000px) {
  .offCanvas__header + .offCanvas__content {
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
  }
}
/**
 * tash
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Müller <mueller@infomax-it.de>
 * @since      06.04.21
 */
/*  =========================================================
basic config
general structure
headlines
checklist
text fields
date fields
========================================================== */
/*  =========================================================
basic config
========================================================= */
@media screen {
  .offCanvas__closer--text {
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
  }
  .offCanvas__closer--text.offCanvas__closer--invers {
    color: #28323b;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__closer--text {
    background: #28323b;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 100%;
  }
  .offCanvas__closer--text.offCanvas__closer--invers {
    background: transparent;
  }
  .offCanvas__closer--text .closeLink {
    display: none;
  }
  .offCanvas__closer--text:active,
  .offCanvas__closer--text:focus,
  .offCanvas__closer--text:hover {
    background: #f07787;
  }
  .offCanvas__closer--text [class^="icon-"],
  .offCanvas__closer--text [class*=" icon-"] {
    font-size: 25px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .offCanvas__closer--text {
    background: #465c6d;
    width: 100%;
    padding: 20px;
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .offCanvas__closer--text.offCanvas__closer--invers {
    background: transparent;
  }
  .offCanvas__closer--text[class^="icon-"],
  .offCanvas__closer--text[class*=" icon-"] {
    font-size: 14px;
    line-height: 60px;
    text-decoration: none;
  }
  .offCanvas__closer--text .icon-close {
    display: none;
  }
  .offCanvas__closer--text .text {
    font: 600 normal 15px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 5px;
  }
}
@media (max-width: 1000px) {
  #offCanvas__teaserGroupMapV2Infoboard.offCanvas__Active .offCanvas__closer--text {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
  }
  .offCanvas__closer--text .closeLink {
    color: #28323b;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      10.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
navi group
layer 1
layer 2
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas__navi {
    width: 100%;
    background: #fff;
    text-align: left;
  }
}
/*  =========================================================
navi group
========================================================= */
@media screen {
  .offCanvas__navi__group:not(:last-child) {
    border-bottom: 1px #dddfe1 solid;
  }
  .offCanvas__navi__group a:focus {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1001px) {
  .offCanvas__navi__group {
    padding: 60px 0 30px 0;
  }
}
@media screen and (max-width: 1000px) {
  .offCanvas__navi__group {
    padding: 30px 0 15px 0;
  }
}
/*  =========================================================
layer 1
========================================================= */
@media screen {
  .offCanvas__navi__group__layer1 {
    display: inline-block;
    font: 700 normal 72px/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    line-height: 1em;
    color: #465c6d;
    text-decoration: none;
  }
}
@media screen and (max-width: 1000px) and (min-width: 701px) {
  .offCanvas__navi__group__layer1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 700px) {
  .offCanvas__navi__group__layer1 {
    font-size: 36px;
  }
}
/*  =========================================================
layer 2
========================================================= */
@media screen and (min-width: 701px) {
  .offCanvas__navi__group__layer2 > div {
    display: inline-block;
    font: 400 italic 25px/1.8em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 25px;
    line-height: 1.8em;
    color: #28323b;
    text-decoration: underline;
  }
  .offCanvas__navi__group__layer2 > div:not(:last-of-type):after {
    /* IE after element fix*/
    text-decoration: underline;
  }
  .offCanvas__navi__group__layer2 > div:not(:last-of-type):after {
    content: '|';
    float: right;
    margin: 0 0.6em;
    text-decoration: none;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) {
  .offCanvas__navi__group__layer2 > div {
    font-size: 20px;
  }
}
@media screen and (max-width: 700px) {
  .offCanvas__navi__group__layer2 > div {
    display: inline-block;
  }
  .offCanvas__navi__group__layer2 a {
    display: inline-block;
    padding: 0 10px;
    margin: 5px 5px 0 0;
    font: 400 italic 18px/40px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 40px;
    text-decoration: none;
    background: #dddfe1;
    color: #28323b;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      13.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
title
tabs on large and medium screens
tabs on small and tiny screens
tab header and content
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas__search {
    width: 100%;
    background: #eeeeee;
    text-align: left;
  }
}
/*  =========================================================
title
========================================================= */
@media screen {
  #offCanvas__search__title {
    margin-top: 0px;
    margin-bottom: 4rem;
    font: 700 normal 7.2rem/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 7.2rem;
    line-height: 1em;
    color: #465c6d;
  }
}
/*  =========================================================
tab overrides
========================================================= */
@media screen and (max-width: 1000px) {
  #offCanvas__search .tabArea__header {
    -webkit-transition: none;
    transition: none;
  }
  #offCanvas__search .tabArea__target {
    position: absolute;
    top: 0;
    z-index: auto;
    height: auto;
    display: none;
    min-height: 50vh;
  }
  #offCanvas__search .tabArea__target--activeTarget {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__search .tabArea {
    margin: 0px 0px 100px 0px;
  }
}
/*  =========================================================
tab header and content
========================================================= */
/* tabContent should act like a offCanvas element on small and tiny screens */
@media screen and (max-width: 1000px) {
  #offCanvas__search .tabArea__target {
    background: #eeeeee;
  }
}
/* dark background for header */
@media screen {
  #offCanvas__search .tabArea__target > .offCanvas__header {
    background: #dddfe1;
  }
}
/* hide header on large and medium screens */
@media screen and (min-width: 1001px) {
  #offCanvas__search .tabArea__target > .offCanvas__header {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__search .tabArea__target > .offCanvas__content {
    padding-top: 25px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      13.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
headlines
main input
suggestions
checklist
multiselect
========================================================== */
/*  =========================================================
basic config
========================================================= */
.offCanvas__filter__radius input[type="checkbox"]:checked + label:after,
#offCanvas__filter .offCanvas__filter__group--collapsible .offCanvas__filter__groupButton:after,
.offCanvas__filter__checkbox > input:checked + label:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#offCanvas__filter .offCanvas__filter__group--collapsible .offCanvas__filter__groupButton:after {
  content: "\e917";
}
#offCanvas__filter .offCanvas__filter__group--collapsed .offCanvas__filter__groupButton:after {
  content: "\e918";
}
.offCanvas__filter__checkbox > input:checked + label:after {
  content: "\e90f";
}
.offCanvas__filter__radius input[type="checkbox"]:checked + label:after {
  content: "\e910";
}
/*  =========================================================
headlines
========================================================= */
@media screen {
  #offCanvas__search .tabArea__target :not(.offCanvas__filter__group) > h3 {
    margin-top: 0px;
    margin-bottom: 30px;
    font: 700 normal 43px/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 43px;
    line-height: 1em;
    color: #465c6d;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__search .tabArea__target :not(.offCanvas__filter__group) > h3 {
    display: none;
  }
}
@media screen {
  #offCanvas__search .tabArea__target .offCanvas__filter__group > h3,
  #offCanvas__search .tabArea__target :not(.offCanvas__filter__group) > h4 {
    font: 300 normal 3.5rem/4rem 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 4rem;
    color: #28323b;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  #offCanvas__search .tabArea__target .offCanvas__filter__group > h3 > strong,
  #offCanvas__search .tabArea__target :not(.offCanvas__filter__group) > h4 > strong {
    font-weight: 700;
  }
}
@media screen {
  #offCanvas__search .tabArea__target :not(.offCanvas__filter__group) > h5 {
    font: 400 normal 2.5rem/3.5rem 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 3.5rem;
    color: #28323b;
    margin-top: 0px;
    margin-bottom: 4rem;
  }
}
/*  =========================================================
main input
========================================================= */
/* half background */
@media screen {
  .offCanvas__search__mainInput {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), color-stop(50%, #dddfe1));
    background: linear-gradient(to bottom, #eeeeee 50%, #dddfe1 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .offCanvas__search__mainInput + div {
    background: #dddfe1;
    padding: 20px 0px;
  }
}
@media screen {
  .offCanvas__search__mainInput > .h-grid > [class*='h-el'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
/* the fake input */
@media screen {
  .offCanvas__search__mainInput__input {
    display: block;
    height: 45px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding: 0px 15px;
    margin: 0px 10px 0px 0px;
    outline: none;
    font: 400 normal 18px/45px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 45px;
    background: #fff;
    color: #28323b;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* rounded border effect */
@media screen {
  .offCanvas__search__mainInput__input,
  .offCanvas__search__mainInput__border {
    -webkit-border-radius: 10px;
            border-radius: 10px;
    border: 5px #eeeeee solid;
  }
}
@media screen {
  #offCanvas__search .tabArea__target .icon-search + .text,
  #offCanvas__search .offCanvas__search__mainInput .icon-search + .text {
    margin-left: 3px;
  }
}
/* fix the button font size to avoid button that is smaller than the input field */
@media screen and (max-width: 1000px) {
  .offCanvas__search__mainInput__border > .button {
    font-size: 18px;
  }
}
/* hide text in button on tiny screens */
@media screen and (max-width: 700px) {
  .offCanvas__search__mainInput__border > .button > .text {
    display: none;
  }
}
/*  =========================================================
button area
========================================================= */
/* half background */
@media screen {
  .offCanvas__search__buttonArea {
    margin-bottom: 30px;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #eeeeee), color-stop(50%, #dddfe1));
    background: linear-gradient(to top, #eeeeee 50%, #dddfe1 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
@media screen {
  .offCanvas__search__buttonArea > .h-grid > [class*='h-el'] {
    text-align: right;
  }
}
/* rounded border effect */
@media screen {
  .offCanvas__search__buttonArea__border {
    display: inline-block;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    border: 5px #eeeeee solid;
  }
}
/*  =========================================================
suggestions
========================================================= */
@media screen {
  .offCanvas__search__autocomplete a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0px;
    font: 400 normal 18px/25px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #6889a2;
    text-decoration: none;
    border-top: 1px #28323b solid;
  }
  .offCanvas__search__autocomplete a:last-of-type {
    border-bottom: 1px #28323b solid;
  }
  .offCanvas__search__autocomplete a > div:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
  .offCanvas__search__autocomplete a > div:last-child {
    text-align: right;
  }
  .offCanvas__search__autocomplete a > div > strong {
    font-weight: 600;
    color: #28323b;
  }
  .offCanvas__search__autocomplete a > div > em {
    font-size: 14px;
    color: #28323b;
  }
}
/*  =========================================================
checklist
========================================================= */
@media screen {
  .offCanvas__search__checkbox {
    position: relative;
    display: inline-block;
    margin: 0px 10px 10px 0px;
  }
  .touchevents .offCanvas__search__checkbox {
    display: none;
  }
}
@media screen {
  .offCanvas__search__checkbox > input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
}
@media screen {
  .offCanvas__search__checkbox > label {
    display: block;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font: 600 normal 18px/35px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
  }
  .offCanvas__search__checkbox > input:not(:checked) + label {
    background: #aeaeae;
  }
  .offCanvas__search__checkbox > input:checked + label {
    background: #465c6d;
  }
}
/*  =========================================================
multiselect
========================================================= */
@media screen {
  #offCanvas__search select[multiple] {
    width: 100%;
    padding: 10px 15px;
    border: none;
    font: 400 normal 2rem/1.25em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.25em;
    color: #28323b;
    background: #fff;
  }
  .no-touchevents #offCanvas__search select[multiple] {
    display: none;
  }
}
/*  =========================================================
localize
========================================================= */
.offCanvas__filter__localize {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.offCanvas__filter__localize__button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6889a2;
  border: 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
  width: 44px;
}
.offCanvas__filter__radius {
  font: 400 normal 14px/18px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-top: 5px;
}
.offCanvas__filter__radius input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}
.offCanvas__filter__radius input[type="checkbox"] + label {
  background: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid #dddfe1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
  position: relative;
}
.offCanvas__filter__radius input[type="checkbox"]:checked + label:after {
  color: #28323b;
  display: block;
  font-size: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 50;
}
.offCanvas__filter__radius select {
  font: 700 normal 14px/18px 'Open Sans', Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  background: transparent;
  border: 0;
  color: #fff;
  height: 30px;
  margin: 0;
  width: 65px;
}
.offCanvas__filter__radius select option {
  background: #fff;
  color: #28323b;
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      14.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
suggestions
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .offCanvas__autocomplete {
    text-align: left;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: #eeeeee;
  }
}
/*  =========================================================
suggestions
========================================================= */
@media screen {
  .offCanvas__autocomplete a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    font: 400 normal 18px/25px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #6889a2;
    text-decoration: none;
    border-bottom: 1px #28323b solid;
  }
  .offCanvas__autocomplete__suggestions a div:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
  .offCanvas__autocomplete__suggestions a div:last-child {
    text-align: right;
  }
  .offCanvas__autocomplete__suggestions a div > strong {
    font-weight: 600;
    color: #28323b;
  }
  .offCanvas__autocomplete__suggestions a div > em {
    font-size: 14px;
    color: #28323b;
  }
}
@media screen and (max-width: 700px) {
  .offCanvas__autocomplete {
    width: 100% !important;
    margin: 0 !important;
  }
  .offCanvas__autocomplete a {
    padding: 10px 15px;
  }
  .offCanvas__autocomplete a:first-of-type {
    border-top: 1px #28323b solid;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      13.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas__share {
    width: 100%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      30.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
headlines
checklist
text fields
date fields
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas__filter {
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px #000;
            box-shadow: 0 0 10px #000;
  }
}
@media screen and (min-width: 1401px) {
  #offCanvas__filter {
    width: 25%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1400px) {
  #offCanvas__filter {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__filter {
    width: 100%;
  }
}
/* special behavior for closer button outside of offCanvas area */
@media screen {
  #offCanvas__filter .offCanvas__filter__closer {
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
  }
}
@media screen and (min-width: 1001px) {
  #offCanvas__filter .offCanvas__filter__closer {
    background: #28323b;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 100%;
  }
  #offCanvas__filter .offCanvas__filter__closer .closeLink {
    display: none;
  }
  #offCanvas__filter .offCanvas__filter__closer:active,
  #offCanvas__filter .offCanvas__filter__closer:focus,
  #offCanvas__filter .offCanvas__filter__closer:hover {
    background: #f07787;
  }
  #offCanvas__filter .offCanvas__filter__closer [class^="icon-"],
  #offCanvas__filter .offCanvas__filter__closer [class*=" icon-"] {
    font-size: 25px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__filter .offCanvas__filter__closer {
    background: #465c6d;
    width: 100%;
    padding: 20px 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  #offCanvas__filter .offCanvas__filter__closer[class^="icon-"],
  #offCanvas__filter .offCanvas__filter__closer[class*=" icon-"] {
    font-size: 14px;
    line-height: 60px;
    text-decoration: none;
  }
  #offCanvas__filter .offCanvas__filter__closer .icon-close {
    display: none;
  }
  #offCanvas__filter .offCanvas__filter__closer .text {
    font: 600 normal 15px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 5px;
  }
}
@media screen {
  .offCanvas__filter__group {
    padding: 0 min(20px, 5%) 0 min(20px, 5%);
    margin: 40px 0;
    position: relative;
  }
  .offCanvas__filter__group:not(.offCanvas__filter__group--collapsed):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E4E7EA;
  }
  .offCanvas__filter__group--dark {
    background: #465c6d;
    color: #fff;
    margin: 0;
    padding: 50px min(20px, 5%) 50px min(20px, 5%);
  }
}
.offCanvas__filter__groupButton {
  background: transparent;
  border: 0;
}
.offCanvas__filter__groupButton .text {
  visibility: hidden;
}
.offCanvas__filter__groupButton strong {
  letter-spacing: 0;
  font-size: 25px;
}
/*  =========================================================
headlines
========================================================= */
.offCanvas__filter__groupHeadline {
  margin-top: 0;
  margin-bottom: 5px;
  position: relative;
}
.offCanvas__filter__groupButton {
  padding: 0;
  width: 100%;
  text-align: left;
}
.offCanvas__filter__groupButton:focus {
  outline: 0;
}
@media (max-width: 700px) {
  .offCanvas__filter__groupButton {
    width: 85%;
  }
}
.offCanvas__filter__groupHeadline,
.offCanvas__filter__groupButton {
  font: 300 normal 3.5rem/4rem 'Open Sans', Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.5rem;
  line-height: 4rem;
  color: #28323b;
}
.offCanvas__filter__group--dark .offCanvas__filter__groupHeadline,
.offCanvas__filter__group--dark .offCanvas__filter__groupButton {
  color: #fff;
}
.offCanvas__filter__groupHeadline > strong,
.offCanvas__filter__groupButton > strong {
  font-weight: 700;
}
#offCanvas__filter .offCanvas__filter__group--collapsible .offCanvas__filter__groupButton:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  font-size: 17px;
}
/*  =========================================================
checklist
========================================================= */
.offCanvas__filter__group--collapsed .offCanvas__filter__checkboxes {
  display: none;
}
@media screen {
  .offCanvas__filter__checkbox {
    position: relative;
    display: inline-block;
    margin: 0px 10px 10px 0px;
  }
}
@media screen {
  .offCanvas__filter__checkbox > input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
}
.offCanvas__filter__checkbox > label {
  display: block;
  padding: 0px 10px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  font: 600 normal 18px/35px 'Open Sans', Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 35px;
  cursor: pointer;
}
.offCanvas__filter__checkbox > input:not(:checked) + label {
  background: #465c6d;
  color: #fff;
}
.offCanvas__filter__checkbox > input:checked + label {
  background: #E4E7EA;
  color: #28323b;
  position: relative;
}
.offCanvas__filter__checkbox > input:checked + label:after {
  font-size: 13px;
  margin-left: 5px;
}
.offCanvas__filter__checkbox > input:focus + label {
  -webkit-box-shadow: inset 0 0 0 2px #f07787;
          box-shadow: inset 0 0 0 2px #f07787;
}
.offCanvas__filter__checkbox > input:checked:focus + label {
  -webkit-box-shadow: inset 0 0 0 2px #465c6d;
          box-shadow: inset 0 0 0 2px #465c6d;
}
.offCanvas__filter__checkbox > input:disabled + label {
  background: rgba(174, 174, 174, 0.29);
}
@media screen {
  .offCanvas__filter__checked {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .offCanvas__filter__checked li {
    font: 400 normal 18px/1.2 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.2;
    color: #28323b;
    display: inline;
  }
  .offCanvas__filter__checked li:not(:last-of-type):after {
    content: ', ';
  }
}
/*  =========================================================
multiselect
========================================================= */
@media screen {
  #offCanvas__filter button[type="submit"] {
    float: right;
    margin-bottom: 50px;
  }
  .js #offCanvas__filter button[type="submit"] {
    display: none;
  }
}
/*  =========================================================
text fields
========================================================= */
@media screen {
  #offCanvas__search input[type=text]:not(.offCanvas__search__mainInput__input),
  #offCanvas__filter input[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 15px;
    border: 1px #dddfe1 solid;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
    outline: none;
    font: 400 normal 1.8rem/1.38888889em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.38888889em;
    color: #465c6d;
  }
}
/*  =========================================================
date fields
========================================================= */
@media screen {
  .offCanvas__filter__date {
    display: inline-block;
    width: 50%;
    padding: 0 15px 10px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .offCanvas__filter__date:first-of-type {
    padding-left: 0;
  }
  .offCanvas__filter__date:last-of-type {
    padding-right: 0;
  }
  .offCanvas__filter__date label {
    font: 600 normal 18px/35px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    color: #28323b;
    cursor: pointer;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      03.08.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
list elements
info text
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas__mapList {
    background: #eeeeee;
    text-align: left;
    -webkit-box-shadow: 0px 0px 10px #000;
            box-shadow: 0px 0px 10px #000;
  }
}
@media screen and (min-width: 1401px) {
  #offCanvas__mapList {
    width: 25%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1400px) {
  #offCanvas__mapList {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__mapList {
    width: 75%;
  }
}
/* special behavior for closer button outside of offCanvas area */
@media screen {
  #offCanvas__mapList > .offCanvas__header__closer {
    position: absolute;
    top: 0px;
    left: 100%;
  }
}
/*  =========================================================
list elements
========================================================= */
@media screen {
  .offCanvas__mapList__element {
    padding: 15px 22px;
    cursor: pointer;
    font: 300 normal 18px/22px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    /* hover and idle state */
    /* border between list elements */
  }
  .offCanvas__mapList__element:hover,
  .offCanvas__mapList__element:active,
  .offCanvas__mapList__element:focus,
  .offCanvas__mapList__element.offCanvas__mapList__element--active {
    color: #fff;
    background: #f07787;
  }
  .offCanvas__mapList__element:not(:hover):not(:active):not(:focus):not(.offCanvas__mapList__element--active) {
    color: #28323b;
  }
  .offCanvas__mapList__element:not(:first-child) {
    border-top: 1px #dddfe1 solid;
  }
}
/*  =========================================================
info text
========================================================= */
@media screen {
  .offCanvas__mapList__info {
    padding: 15px 22px;
    font: 300 normal 18px/22px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      10.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .offCanvas__filter__group--luck > .offCanvas__filter__checkbox > input:checked + label {
    background: #D562AE;
  }
  .offCanvas__filter__group--freetime > .offCanvas__filter__checkbox > input:checked + label {
    background: #C07474;
  }
  .offCanvas__filter__group--active > .offCanvas__filter__checkbox > input:checked + label {
    background: #B3DEF1;
  }
  .offCanvas__filter__group--culture > .offCanvas__filter__checkbox > input:checked + label {
    background: #EDB060;
  }
  .offCanvas__filter__group--stay > .offCanvas__filter__checkbox > input:checked + label {
    background: #9B86B2;
  }
  .offCanvas__filter__group--service > .offCanvas__filter__checkbox > input:checked + label {
    background: #52BEB1;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage offCanvas
 * @author     gueldner
 * @since      03.08.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
hero
article
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #offCanvas #offCanvas__mapInfoboard {
    z-index: 3;
  }
  #offCanvas__mapInfoboard {
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 10px #000;
            box-shadow: 0 0 10px #000;
  }
}
@media screen and (min-width: 1401px) {
  #offCanvas__mapInfoboard {
    width: 50%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1400px) {
  #offCanvas__mapInfoboard {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  #offCanvas__mapInfoboard {
    width: 75%;
  }
}
/* special behavior for closer button outside of offCanvas area */
@media screen {
  #offCanvas__mapInfoboard > .offCanvas__header__closer {
    position: absolute;
    top: 0;
    left: 100%;
  }
}
/*  =========================================================
hero
========================================================= */
@media screen {
  #offCanvas__mapInfoboard__hero {
    width: 100%;
    position: relative;
    background: #465c6d;
  }
}
@media screen {
  #offCanvas__mapInfoboard__hero > figure {
    display: table;
    width: 100%;
    height: 360px;
    margin: 0px;
    padding: 0px;
  }
}
@media screen {
  #offCanvas__mapInfoboard__hero > figure > picture {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
  }
  #offCanvas__mapInfoboard__hero > figure > picture > img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen {
  #offCanvas__mapInfoboard__hero figcaption {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 70px 0px;
  }
}
@media screen {
  #offCanvas__mapInfoboard__hero figcaption > h2 {
    margin: 0px;
    font: 700 normal 2.88rem/1.15em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.88rem;
    line-height: 1.15em;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  #offCanvas__mapInfoboard__hero figcaption > h2 > span {
    display: inline-block;
    max-width: 100%;
  }
  #offCanvas__mapInfoboard__hero figcaption > h2 > .big {
    font-size: 7.2rem;
    line-height: 0.75em;
  }
  #offCanvas__mapInfoboard__hero figcaption > h2 > .medium {
    font-size: 4.68rem;
  }
  #offCanvas__mapInfoboard__hero figcaption > h2 > .small {
    font-size: 2.16rem;
  }
}
@media screen and (max-width: 700px) {
  #offCanvas__mapInfoboard__hero figcaption > h2 > .big {
    font-size: 11.42857143rem;
  }
}
@media screen and (max-width: 700px) {
  #offCanvas__mapInfoboard__hero figcaption > h2 > .medium {
    font-size: 7.14285714rem;
  }
}
@media screen and (max-width: 700px) {
  #offCanvas__mapInfoboard__hero figcaption > h2 > .small {
    font-size: 2.85714286rem;
  }
}
/*  =========================================================
share
========================================================= */
@media screen {
  #offCanvas__mapInfoboard__share {
    margin-bottom: 50px;
    background: #f07787;
  }
  #offCanvas__mapInfoboard__share > ul {
    padding: 0;
  }
}
/*  =========================================================
article
========================================================= */
@media screen {
  #offCanvas__mapInfoboard .contentArticle {
    padding: 0px 22px;
    margin-bottom: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #offCanvas__mapInfoboard .contentArticle > p:not([class]) {
    text-align: left;
  }
}
/*! tash, Compiled at 2021-07-23 06:49:36 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentArticle
 * @author     gueldner
 * @since      16.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
tabs on large and medium screens
tabs on small and tiny screens
tabTarget behavior
tabTarget header
tabTarget content helper
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
tabs on large and medium screens
========================================================= */
button.tabArea__tab {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  outline: none;
  margin: 0;
}
button.tabArea__tab.tabArea__tab--activeTab {
  border-bottom: 2px #28323b solid;
}
.tabArea__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabArea__list > li {
  display: inline-block;
}
@media screen and (min-width: 1001px) {
  .tabArea {
    background: #dddfe1;
  }
  .tabArea__head {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .tabArea {
    padding: 6.03864734%;
  }
}
@media screen and (min-width: 1001px) {
  .tabArea__tab {
    background: none;
    display: inline-block;
    padding: 0 30px;
    cursor: pointer;
    position: relative;
    font: 400 normal 25px/63px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 63px;
    color: #28323b;
    text-decoration: none;
  }
  .tabArea__tab:active,
  .tabArea__tab:focus,
  .tabArea__tab:hover {
    background: #eeeeee;
  }
  .tabArea__tab__button {
    font: 400 normal 25px/63px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 63px;
    color: #28323b;
    background: none;
    border: none;
    text-decoration: none;
  }
}
/* active state - arrow on the bottom side */
@media screen and (min-width: 1001px) {
  .tabArea--allClosed .tabArea__tab:first-child,
  .tabArea__tab--activeTab {
    border-bottom: 2px #28323b solid;
  }
  .tabArea--allClosed .tabArea__tab:first-child:before,
  .tabArea__tab--activeTab:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -3px 0 0px -5px;
    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-45deg, #28323b 50%, rgba(0, 0, 0, 0) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
/* separator line between tabElements */
@media screen and (min-width: 1001px) {
  .tabArea__tab:not(:last-child):after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 100%;
    background: #6889a2;
  }
}
/*  =========================================================
tabs on small and tiny screens
========================================================= */
@media screen and (max-width: 1000px) {
  .tabArea__tab {
    position: relative;
    cursor: pointer;
    display: block;
    padding: 0 10px;
    margin-right: 10px;
    border-right: 2px #28323b solid;
    background: #dddfe1;
  }
  .tabArea__tab:not(:last-child) {
    margin-bottom: 5px;
  }
  .tabArea__tab:active,
  .tabArea__tab:focus,
  .tabArea__tab:hover {
    border-bottom: 2px #28323b solid;
  }
  .tabArea__tab__button {
    font: 400 italic 18px/40px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 40px;
    color: #28323b;
    background: none;
    border: none;
    text-decoration: none;
  }
  .tabArea__list > li {
    display: block;
  }
}
/*arrow on the right side*/
@media screen and (max-width: 1000px) {
  .tabArea__tab:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0px -3px;
    -webkit-transform: rotateZ(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
    /*FF3.6-15*/
    /*Chrome10-25,Safari5.1-6*/
    background: linear-gradient(-45deg, #28323b 50%, rgba(0, 0, 0, 0) 50%);
    /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
  }
}
/*  =========================================================
tabTarget behavior
========================================================= */
@media screen and (min-width: 701px) {
  .tabArea__target {
    display: none;
    padding-top: 70px;
  }
  .tabArea--allClosed + .tabArea__target,
  .tabArea__target--activeTarget {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .tabArea__target {
    display: block;
    width: 100%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    z-index: 2;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .tabArea__target.background--dark.contentArticle p:not([class]) {
    color: #28323b;
  }
  .tabArea__target:not(.tabArea__target--activeTarget) {
    left: -100%;
  }
  .tabArea__target--activeTarget {
    left: 0;
  }
}
/*  =========================================================
tabTarget header
========================================================= */
/* hide it completely on large and medium screens */
@media screen and (min-width: 701px) {
  .tabArea__header {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .tabArea__header {
    display: block;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 2;
    text-align: right;
    background: #eeeeee;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .tabArea__target--activeTarget ~ .tabArea__header {
    left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .tabArea__header__closer {
    display: inline-block;
    background: #dddfe1;
  }
}
@media screen and (max-width: 1000px) {
  .tabArea__header__closer > div {
    width: 55px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    background: #28323b;
    color: #fff;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  .tabArea__header__closer > div:active,
  .tabArea__header__closer > div:focus,
  .tabArea__header__closer > div:hover {
    background: #f07787;
  }
}
/*  =========================================================
tabTarget content helper
========================================================= */
@media screen and (min-width: 1001px) {
  .tabArea__target.contentArticle [class*='h-el-']:not(:first-child) {
    padding-left: 40px;
  }
}
@media screen {
  .tabArea__target__listIntro.contentArticle {
    padding-bottom: 70px;
    padding-top: 0;
  }
}
/*  =========================================================
tabTarget image
========================================================= */
@media screen {
  .tabArea__target .image {
    position: relative;
    overflow: hidden;
  }
  .tabArea__target .image img {
    margin-bottom: 0;
  }
}
/*! tash, Compiled at 2021-07-23 06:49:36 */
@charset "UTF-8";
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-09-02
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
          box-shadow: inset 0 1px 3px #178fe5;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.has-event .pika-button {
  background: #005da9;
  -webkit-box-shadow: inset 0 1px 3px #0076c9;
          box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.is-outside-current-month .pika-button {
  color: #999;
  opacity: .3;
}
.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-09-02
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
 =A.
========================================================= */
.pika-single {
  z-index: 10;
  border: 1px #dddfe1 solid;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  color: #465c6d;
  font: 400 normal 1.8rem/1.38888889em 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.38888889em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pika-label {
  color: #465c6d;
  font-weight: 400;
}
.pika-table th {
  color: #aeaeae;
  font-weight: 400;
}
.pika-button {
  background: #eeeeee;
}
.pika-button:hover {
  -webkit-border-radius: 0;
          border-radius: 0;
  background: #465c6d;
  color: #fff;
}
.is-disabled .pika-button {
  background: #eeeeee;
  color: #465c6d;
}
.is-today .pika-button {
  color: #465c6d;
}
.is-today.is-selected .pika-button {
  color: #fff;
}
.is-selected .pika-button,
.is-startrange .pika-button,
.is-endrange .pika-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  background: #f07787;
  font-weight: 400;
}
.is-inrange .pika-button {
  background: rgba(240, 119, 135, 0.25);
}
/*! tash, Compiled at 2021-02-24 12:50:39 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  #pageHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     gueldner
 * @since      02.08.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the logo on the left side */
@media screen {
  #pageHeader__logo {
    position: absolute;
    display: block;
    text-indent: -999px;
  }
  #pageHeader__logo > img {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 701px) {
  #pageHeader__logo {
    width: 185px;
    height: 77px;
    top: 23px;
    left: 38px;
  }
}
@media screen and (max-width: 700px) {
  #pageHeader__logo {
    width: 89px;
    height: 37px;
    top: 12px;
    left: 17px;
  }
}
@media screen and (min-width: 701px) {
  #pageHeader__logo:not(.pageHeader__logo--foreignLanguages) {
    width: 230px;
    height: 122px;
    left: -11px;
    top: 2px;
  }
}
@media screen and (max-width: 700px) {
  #pageHeader__logo:not(.pageHeader__logo--foreignLanguages) {
    width: 134px;
    height: 82px;
    top: 2px;
    left: -10px;
  }
}
/* heroImage dependend coloring */
@media screen {
  #pageHeader__logo {
    background: url('../images/pageHeader/logo.2b32e994.svg') 0px 0px no-repeat;
    background-size: contain;
  }
  #pageHeader__logo.pageHeader__logo--foreignLanguages {
    background: url('../images/pageHeader/SH_True_North_white.d68cf5ad.svg') 0px 0px no-repeat;
    background-size: contain;
  }
  #pageHeader__logo.pageHeader__logo--foreignLanguages.da {
    background: url('../images/pageHeader/sh_dk_norden_4c_logo_klein_white.baa7564a.png') 0px 0px no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 701px) {
  #pageHeader__logo.pageHeader__logo--foreignLanguages {
    width: 318px;
    height: 120px;
    top: 2px;
    left: -11px;
  }
}
@media screen and (max-width: 700px) {
  #pageHeader__logo.pageHeader__logo--foreignLanguages {
    width: 150px;
    height: 130px;
    top: 2px;
    left: -10px;
    -webkit-background-clip: no-clip;
    -moz-background-clip: no-clip;
  }
}
@media screen and (min-width: 701px) {
  #pageHeader__logo.pageHeader__logo--foreignLanguages.da {
    width: 264px;
    height: 122px;
    top: 2px;
    left: -20px;
  }
}
@media screen and (max-width: 700px) {
  #pageHeader__logo.pageHeader__logo--foreignLanguages.da {
    width: 147px;
    height: 69px;
    top: 2px;
    left: -13px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     gueldner
 * @since      02.08.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
single function element
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the functionsList on the top right side */
@media screen {
  .pageHeader__functions {
    position: fixed;
    -webkit-transition: top 0.25s ease;
    transition: top 0.25s ease;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions {
    top: 20px;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions {
    top: 0;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions--left {
    left: 16px;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions--left {
    left: 0;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions--right {
    right: 16px;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions--right {
    right: 0;
  }
}
/* scrolldepended hidden state */
@media screen and (min-width: 701px) {
  html.-state-hideHeader .pageHeader__functions,
  .pageHeader__functions.pageHeader__functions--hidden {
    top: -75px;
  }
}
@media screen and (max-width: 700px) {
  html.-state-hideHeader .pageHeader__functions,
  .pageHeader__functions.pageHeader__functions--hidden {
    top: -60px;
  }
}
/*  =========================================================
single function element
========================================================= */
@media screen {
  .pageHeader__functions__element {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font: 300 normal 15px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 0.25s ease, color 0.25s ease;
    transition: background 0.25s ease, color 0.25s ease;
    /* active state */
    /* add this thin border on the left side of the functions element */
  }
  .pageHeader__functions__element:hover,
  .pageHeader__functions__element:active,
  .pageHeader__functions__element:focus {
    background: #f07787;
  }
  .pageHeader__functions__element [class*='icon-'] {
    width: 100%;
  }
  .pageHeader__functions__element span [class*='icon-'] {
    width: 100%;
  }
  .pageHeader__functions__element:not(:first-child):before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, 0.35);
  }
  .pageHeader__functions__element span {
    width: 100%;
    height: 100%;
  }
  button.offCanvas__header__closer {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: unset;
            box-sizing: unset;
    padding: 0;
    outline: none;
    margin: 0;
    top: -18px;
  }
  button.pageHeader__functions__Mapelement {
    top: 0;
  }
  button.offCanvas__header__closer:focus label,
  button.pageHeader__functions__element:active,
  button.pageHeader__functions__element:focus,
  button.pageHeader__functions__element:focus-within,
  button.pageHeader__functions__element:hover {
    background: #f07787;
  }
  button.pageHeader__functions__element--onlyIcon > [class*='icon-'],
  a.pageHeader__functions__element--onlyIcon > [class*='icon-'] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
  }
  button.pageHeader__functions__element--onlyImage,
  a.pageHeader__functions__element--onlyImage {
    background: transparent !important;
  }
  button.pageHeader__functions__element--onlyImage > img,
  a.pageHeader__functions__element--onlyImage > img {
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #28323b;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions__element {
    width: 75px;
    height: 75px;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions__element {
    width: 55px;
    height: 60px;
    font-size: 12px;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions__element [class*='icon-'] {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions__element [class*='icon-'] {
    font-size: 25px;
    line-height: 40px;
  }
}
@media screen and (min-width: 701px) {
  .pageHeader__functions__element span [class*='icon-'] {
    font-size: 40px;
    line-height: 45px;
  }
}
@media screen and (max-width: 700px) {
  .pageHeader__functions__element span [class*='icon-'] {
    font-size: 25px;
    line-height: 32px;
  }
}
@media screen and (min-width: 701px) {
  button.pageHeader__functions__element--onlyIcon > [class*='icon-'],
  a.pageHeader__functions__element--onlyIcon > [class*='icon-'] {
    line-height: 75px;
  }
}
@media screen and (max-width: 700px) {
  button.pageHeader__functions__element--onlyIcon > [class*='icon-'],
  a.pageHeader__functions__element--onlyIcon > [class*='icon-'] {
    line-height: 60px;
  }
}
/* variation for collage and simple white header */
@media screen {
  .heroImage--simple ~ #pageHeader > :not(.pageHeader__functions--background) .pageHeader__functions__element:not(:hover):not(:active):not(:focus),
  .heroImage--collage ~ #pageHeader > :not(.pageHeader__functions--background) .pageHeader__functions__element:not(:hover):not(:active):not(:focus) {
    color: #28323b;
  }
  .heroImage--simple ~ #pageHeader > :not(.pageHeader__functions--background) .pageHeader__functions__element:not(:first-child):before,
  .heroImage--collage ~ #pageHeader > :not(.pageHeader__functions--background) .pageHeader__functions__element:not(:first-child):before {
    background: rgba(40, 50, 59, 0.35);
  }
}
/* background for scrolled state */
@media screen {
  .pageHeader__functions--background .pageHeader__functions__element:not(:hover):not(:active):not(:focus) {
    background: #28323b;
  }
}
/* background for header on map */
@media screen {
  #pageHeader > :not(.pageHeader__functions--background) .pageHeader__functions__element:not(:hover):not(:active):not(:focus) {
    background: #28323b;
  }
}
/*! tash, Compiled at 2021-07-23 06:49:36 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
figure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .heroImage {
    width: 100%;
    position: relative;
  }
  .heroImage--simple {
    background: #fff;
  }
  .heroImage--colored {
    background: #465c6d;
  }
  .heroImage--collage {
    background: url('../images/collageBg.jpg') 0px 0px no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .heroImage--slider {
    overflow: hidden;
  }
}
/*  =========================================================
figure
========================================================= */
@-webkit-keyframes slideinFromRight {
  from {
    margin-left: 100%;
    width: 100%;
    left: 0%;
  }
  to {
    margin-left: 100%;
    width: 100%;
    left: -100%;
  }
}
@keyframes slideinFromRight {
  from {
    margin-left: 100%;
    width: 100%;
    left: 0%;
  }
  to {
    margin-left: 100%;
    width: 100%;
    left: -100%;
  }
}
@-webkit-keyframes slideinFromLeft {
  from {
    margin-right: 100%;
    width: 100%;
    right: 0%;
  }
  to {
    margin-right: 100%;
    width: 100%;
    right: -100%;
  }
}
@keyframes slideinFromLeft {
  from {
    margin-right: 100%;
    width: 100%;
    right: 0%;
  }
  to {
    margin-right: 100%;
    width: 100%;
    right: -100%;
  }
}
/* the figure container itself */
@media screen {
  .heroImage > figure {
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .heroImage:not(.heroImage--small) > figure {
    height: 100vh;
  }
  .heroImage--small > figure {
    height: 65vh;
  }
}
/* active and inactive figures */
@media screen {
  .heroImage > figure:not(.heroImage__activeImage) {
    position: absolute;
    top: 0%;
  }
  .heroImage > figure:not(.heroImage__activeImage):not(.heroImage__nextActiveImage--left):not(.heroImage__nextActiveImage--right):not(.heroImage__prevActiveImage) {
    visibility: hidden;
  }
}
@media screen {
  .heroImage__prevActiveImage {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0.75;
  }
  .heroImage__nextActiveImage--right {
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    z-index: 1;
    -webkit-animation-name: slideinFromRight;
            animation-name: slideinFromRight;
  }
  .heroImage__nextActiveImage--left {
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    z-index: 1;
    -webkit-animation-name: slideinFromLeft;
            animation-name: slideinFromLeft;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      20.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
showing/hidding/sliding
cropping
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the actual image inside the picture element */
@media screen {
  .heroImage__video,
  .heroImage > figure > picture {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    /* gradient to slightly darken the heroImage on top for better visible pageHeader */
  }
  .heroImage__video:after,
  .heroImage > figure > picture:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&0.25+0,0+50 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
  }
  .heroImage__video > video,
  .heroImage > figure > picture > video {
    display: inline-block;
  }
  .heroImage__video > img,
  .heroImage > figure > picture > img {
    display: block;
    height: auto;
    width: 100%;
  }
  .objectfit .heroImage__video > img,
  .objectfit .heroImage > figure > picture > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .heroImage > figure > picture {
    background-position: center center;
    background-size: cover;
  }
}
/*  =========================================================
showing/hidding/sliding
========================================================= */
@media screen {
  .heroImage__nextActiveImage > .heroImage__video,
  .heroImage__activeImage:not(.heroImage__activeImage--scroll) > .heroImage__video,
  .heroImage__nextActiveImage > picture,
  .heroImage__activeImage:not(.heroImage__activeImage--scroll) > picture {
    position: absolute;
    overflow: hidden;
  }
  .heroImage__activeImage--scroll > .heroImage__video,
  .heroImage__activeImage--scroll > picture {
    position: absolute;
  }
  .heroImage__video__youtube {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    text-align: left;
  }
  .heroImage__video__youtube__image img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .heroImage__video__youtube > iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 600%;
    height: 125%;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    -webkit-transition: visibility 0.5s, opacity 0.5s linear;
    transition: visibility 0.5s, opacity 0.5s linear;
  }
  .heroImage__video__youtube > iframe.notPlaying {
    opacity: 0;
  }
  .heroImage--small .heroImage__video__youtube > iframe {
    height: 100%;
    width: 300%;
  }
}
@media screen and (min-width: 1001px) {
  .heroImage--small .heroImage__video__youtube > iframe {
    height: 240%;
    width: 120%;
  }
}
/*  =========================================================
cropping
========================================================= */
/* different behavior on different aspect ratios of the screen compared to the image */
@media screen {
  .heroImage:not(.heroImage--verticalyCropped) > .heroImage__nextActiveImage .heroImage:not(.heroImage--verticalyCropped) > .heroImage__activeImage video,
  .heroImage:not(.heroImage--verticalyCropped) > .heroImage__nextActiveImage .heroImage:not(.heroImage--verticalyCropped) > .heroImage__activeImage img {
    width: auto;
    height: 100%;
    margin: 0px -100%;
  }
  .heroImage.heroImage--verticalyCropped > .heroImage__activeImage video {
    width: 100%;
    height: auto;
  }
}
/*  =========================================================
cropping
========================================================= */
@media screen {
  .heroImage .heroImage__video__youtube img.animatedGif {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    -webkit-transition: visibility 0.5s, opacity 0.5s linear;
    transition: visibility 0.5s, opacity 0.5s linear;
  }
  .heroImage .heroImage__video__youtube img.animatedGif.notPlaying {
    opacity: 0;
  }
}
/*  =========================================================
preview image copyright
========================================================= */
@media screen {
  .heroImage__video__youtube > iframe:not(.notPlaying) + .copyright {
    display: none;
  }
  .heroImage__video__youtube > iframe {
    pointer-events: none;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      23.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
luck spot
simple text
page title
small luckspot
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .heroImage__luckSpot,
  .button.button--cta {
    pointer-events: all;
  }
  .heroImage__figcaption {
    pointer-events: none;
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
  }
  .heroImage__figcaption__links {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .heroImage__figcaption__links li {
    display: inline-block;
  }
}
@media screen and (min-width: 701px) {
  .heroImage__figcaption.h-grid {
    width: auto;
  }
}
@media screen and (max-width: 700px) {
  .heroImage__figcaption.h-grid {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__figcaption {
    padding: 24.15458937vw 0;
  }
}
@media screen and (max-width: 1656px) and (min-width: 1001px) {
  .heroImage__figcaption {
    padding: 9.05797101vw 0px;
  }
}
@media screen and (min-width: 1657px) {
  .heroImage__figcaption {
    padding: 150px 0px;
  }
}
@media screen {
  .heroImage__figcaption hr {
    margin-bottom: 25px;
    border-color: #fff;
  }
}
/*  =========================================================
simple text
========================================================= */
@media screen {
  .heroImage__figcaption > p {
    margin-top: 50px;
    margin-bottom: 30px;
    font: 400 italic 2.5rem/1.6em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 2.5rem;
    line-height: 1.6em;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .heroImage__figcaption > p.date {
    margin-bottom: 0px;
  }
}
@media screen {
  .heroImage figcaption .heroImage__figcaption__links li > .button,
  .heroImage figcaption > .button {
    margin: 5px;
  }
}
/*  =========================================================
page title
========================================================= */
@media screen {
  .heroImage figcaption > h1 {
    margin: 0px;
    font: 700 normal 7.5rem/1.15em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 7.5rem;
    line-height: 1.15em;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    word-wrap: break-word;
  }
  .heroImage figcaption > h1 > span {
    display: inline-block;
    max-width: 100%;
  }
  .heroImage figcaption > h1 > .big {
    font-size: 20rem;
    line-height: 0.75em;
  }
  .heroImage figcaption > h1 > .medium {
    font-size: 10rem;
  }
  .heroImage figcaption > h1 > .small {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage figcaption > h1 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage figcaption > h1 > .big {
    font-size: 14.28571429rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage figcaption > h1 > .medium {
    font-size: 8.57142857rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage figcaption > h1 > .small {
    font-size: 5.71428571rem;
  }
}
/*  =========================================================
small luck spot
========================================================= */
@media screen {
  .heroImage__figcaption__luckSpot {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 80px;
    width: 220px;
    height: 220px;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: rgba(240, 119, 135, 0.7);
    font: 600 normal 40px/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }
  .heroImage__figcaption__luckSpot > div {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    word-wrap: break-word;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      23.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
inner elements
slider arrows
apple dots
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .heroImage__luckSpot {
    display: inline-table;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: rgba(240, 119, 135, 0.7);
    font: 300 normal 25px/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 25px;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .heroImage__luckSpot.deactivateLuckyspot {
    background: none;
    height: auto;
    padding: 0;
    width: 100%;
  }
  .heroImage__luckSpot.deactivateLuckyspot > div {
    margin: 0 0 0 5%;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 90%;
  }
  .heroImage__luckSpot.deactivateLuckyspot strong {
    text-transform: initial;
    font: 600 normal 7rem/1.1 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 7rem;
    line-height: 1.1;
  }
}
@media screen and (max-width: 525px) {
  .heroImage__luckSpot {
    height: 0px;
    padding-bottom: 83.33333333%;
    position: relative;
    width: 83.33333333%;
  }
}
@media screen and (min-width: 526px) {
  .heroImage__luckSpot {
    width: 450px;
    height: 450px;
  }
}
@media screen and (max-width: 525px) {
  .heroImage__luckSpot {
    font-size: 4.16666667vw;
  }
}
@media screen and (min-width: 880px) {
  .heroImage__luckSpot.deactivateLuckyspot {
    height: auto;
    width: 800px;
  }
}
/*  =========================================================
inner elements
========================================================= */
@media screen {
  .heroImage__luckSpot strong {
    font: 600 normal 2em/1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2em;
    line-height: 1em;
  }
  .heroImage__luckSpot .icon-heart {
    color: #fff;
    margin-bottom: 20px;
  }
  .heroImage__luckSpot > div {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 91%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    word-wrap: break-word;
  }
}
@media screen and (min-width: 526px) {
  .heroImage__luckSpot .icon-heart {
    font-size: 65px;
  }
}
@media screen and (max-width: 525px) {
  .heroImage__luckSpot .icon-heart {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 526px) {
  .heroImage__luckSpot .button {
    margin-top: 20px;
  }
}
@media screen and (max-width: 525px) {
  .heroImage__luckSpot .button {
    margin-top: 10px;
  }
}
/*  =========================================================
slider arrows
========================================================= */
@media screen {
  .heroImage__luckSpot__arrowLeft,
  .heroImage__luckSpot__arrowRight {
    position: absolute;
    top: 50%;
    font-size: 130px;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 700px) {
  .heroImage__luckSpot__arrowLeft,
  .heroImage__luckSpot__arrowRight {
    display: none;
  }
}
@media screen {
  .heroImage__luckSpot__arrowLeft {
    right: 100%;
    margin-right: 30px;
  }
}
@media screen {
  .heroImage__luckSpot__arrowRight {
    left: 100%;
    margin-left: 30px;
  }
}
/*  =========================================================
apple dots
========================================================= */
@media screen {
  .heroImage__luckSpot__dots {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    pointer-events: none;
  }
  /* mixin to arrange the dots in a circle */
  .heroImage__luckSpot__dots > li {
    display: block;
    height: 20px;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  .heroImage__luckSpot__dots > li:nth-of-type(48) {
    -webkit-transform: rotate(-446.25deg);
        -ms-transform: rotate(-446.25deg);
            transform: rotate(-446.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(47) {
    -webkit-transform: rotate(-93.75deg);
        -ms-transform: rotate(-93.75deg);
            transform: rotate(-93.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(46) {
    -webkit-transform: rotate(-438.75deg);
        -ms-transform: rotate(-438.75deg);
            transform: rotate(-438.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(45) {
    -webkit-transform: rotate(-101.25deg);
        -ms-transform: rotate(-101.25deg);
            transform: rotate(-101.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(44) {
    -webkit-transform: rotate(-431.25deg);
        -ms-transform: rotate(-431.25deg);
            transform: rotate(-431.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(43) {
    -webkit-transform: rotate(-108.75deg);
        -ms-transform: rotate(-108.75deg);
            transform: rotate(-108.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(42) {
    -webkit-transform: rotate(-423.75deg);
        -ms-transform: rotate(-423.75deg);
            transform: rotate(-423.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(41) {
    -webkit-transform: rotate(-116.25deg);
        -ms-transform: rotate(-116.25deg);
            transform: rotate(-116.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(40) {
    -webkit-transform: rotate(-416.25deg);
        -ms-transform: rotate(-416.25deg);
            transform: rotate(-416.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(39) {
    -webkit-transform: rotate(-123.75deg);
        -ms-transform: rotate(-123.75deg);
            transform: rotate(-123.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(38) {
    -webkit-transform: rotate(-408.75deg);
        -ms-transform: rotate(-408.75deg);
            transform: rotate(-408.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(37) {
    -webkit-transform: rotate(-131.25deg);
        -ms-transform: rotate(-131.25deg);
            transform: rotate(-131.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(36) {
    -webkit-transform: rotate(-401.25deg);
        -ms-transform: rotate(-401.25deg);
            transform: rotate(-401.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(35) {
    -webkit-transform: rotate(-138.75deg);
        -ms-transform: rotate(-138.75deg);
            transform: rotate(-138.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(34) {
    -webkit-transform: rotate(-393.75deg);
        -ms-transform: rotate(-393.75deg);
            transform: rotate(-393.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(33) {
    -webkit-transform: rotate(-146.25deg);
        -ms-transform: rotate(-146.25deg);
            transform: rotate(-146.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(32) {
    -webkit-transform: rotate(-386.25deg);
        -ms-transform: rotate(-386.25deg);
            transform: rotate(-386.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(31) {
    -webkit-transform: rotate(-153.75deg);
        -ms-transform: rotate(-153.75deg);
            transform: rotate(-153.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(30) {
    -webkit-transform: rotate(-378.75deg);
        -ms-transform: rotate(-378.75deg);
            transform: rotate(-378.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(29) {
    -webkit-transform: rotate(-161.25deg);
        -ms-transform: rotate(-161.25deg);
            transform: rotate(-161.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(28) {
    -webkit-transform: rotate(-371.25deg);
        -ms-transform: rotate(-371.25deg);
            transform: rotate(-371.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(27) {
    -webkit-transform: rotate(-168.75deg);
        -ms-transform: rotate(-168.75deg);
            transform: rotate(-168.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(26) {
    -webkit-transform: rotate(-363.75deg);
        -ms-transform: rotate(-363.75deg);
            transform: rotate(-363.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(25) {
    -webkit-transform: rotate(-176.25deg);
        -ms-transform: rotate(-176.25deg);
            transform: rotate(-176.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(24) {
    -webkit-transform: rotate(-356.25deg);
        -ms-transform: rotate(-356.25deg);
            transform: rotate(-356.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(23) {
    -webkit-transform: rotate(-183.75deg);
        -ms-transform: rotate(-183.75deg);
            transform: rotate(-183.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(22) {
    -webkit-transform: rotate(-348.75deg);
        -ms-transform: rotate(-348.75deg);
            transform: rotate(-348.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(21) {
    -webkit-transform: rotate(-191.25deg);
        -ms-transform: rotate(-191.25deg);
            transform: rotate(-191.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(20) {
    -webkit-transform: rotate(-341.25deg);
        -ms-transform: rotate(-341.25deg);
            transform: rotate(-341.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(19) {
    -webkit-transform: rotate(-198.75deg);
        -ms-transform: rotate(-198.75deg);
            transform: rotate(-198.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(18) {
    -webkit-transform: rotate(-333.75deg);
        -ms-transform: rotate(-333.75deg);
            transform: rotate(-333.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(17) {
    -webkit-transform: rotate(-206.25deg);
        -ms-transform: rotate(-206.25deg);
            transform: rotate(-206.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(16) {
    -webkit-transform: rotate(-326.25deg);
        -ms-transform: rotate(-326.25deg);
            transform: rotate(-326.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(15) {
    -webkit-transform: rotate(-213.75deg);
        -ms-transform: rotate(-213.75deg);
            transform: rotate(-213.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(14) {
    -webkit-transform: rotate(-318.75deg);
        -ms-transform: rotate(-318.75deg);
            transform: rotate(-318.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(13) {
    -webkit-transform: rotate(-221.25deg);
        -ms-transform: rotate(-221.25deg);
            transform: rotate(-221.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(12) {
    -webkit-transform: rotate(-311.25deg);
        -ms-transform: rotate(-311.25deg);
            transform: rotate(-311.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(11) {
    -webkit-transform: rotate(-228.75deg);
        -ms-transform: rotate(-228.75deg);
            transform: rotate(-228.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(10) {
    -webkit-transform: rotate(-303.75deg);
        -ms-transform: rotate(-303.75deg);
            transform: rotate(-303.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(9) {
    -webkit-transform: rotate(-236.25deg);
        -ms-transform: rotate(-236.25deg);
            transform: rotate(-236.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(8) {
    -webkit-transform: rotate(-296.25deg);
        -ms-transform: rotate(-296.25deg);
            transform: rotate(-296.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(7) {
    -webkit-transform: rotate(-243.75deg);
        -ms-transform: rotate(-243.75deg);
            transform: rotate(-243.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(6) {
    -webkit-transform: rotate(-288.75deg);
        -ms-transform: rotate(-288.75deg);
            transform: rotate(-288.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(5) {
    -webkit-transform: rotate(-251.25deg);
        -ms-transform: rotate(-251.25deg);
            transform: rotate(-251.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(4) {
    -webkit-transform: rotate(-281.25deg);
        -ms-transform: rotate(-281.25deg);
            transform: rotate(-281.25deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(3) {
    -webkit-transform: rotate(-258.75deg);
        -ms-transform: rotate(-258.75deg);
            transform: rotate(-258.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(2) {
    -webkit-transform: rotate(-273.75deg);
        -ms-transform: rotate(-273.75deg);
            transform: rotate(-273.75deg);
  }
  .heroImage__luckSpot__dots > li:nth-of-type(1) {
    -webkit-transform: rotate(-266.25deg);
        -ms-transform: rotate(-266.25deg);
            transform: rotate(-266.25deg);
  }
}
/* the actual dots */
@media screen {
  .heroImage__luckSpot__dots > li > div {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 10px;
    cursor: pointer;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    pointer-events: all;
  }
  .heroImage__luckSpot__dots > li > div.heroImage__luckSpot__dots__active {
    background: #f07787;
  }
  .heroImage__luckSpot__dots > li > div:not(.heroImage__luckSpot__dots__active) {
    background: rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 526px) {
  .heroImage__luckSpot__dots > li > div {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 525px) {
  .heroImage__luckSpot__dots > li > div {
    width: 3.80952381vw;
    height: 3.80952381vw;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      28.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
simple text
page title
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .heroImage__simpleText {
    position: relative;
    width: auto;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__simpleText {
    padding: 12.07729469vw 0px;
  }
}
@media screen and (max-width: 1656px) and (min-width: 1001px) {
  .heroImage__simpleText {
    padding: 6.03864734vw 0px;
  }
}
@media screen and (min-width: 1657px) {
  .heroImage__simpleText {
    padding: 150px 0px;
  }
}
/* set color for different versions */
@media screen {
  .heroImage--simple > .heroImage__simpleText {
    color: #465c6d;
  }
  .heroImage--colored > .heroImage__simpleText {
    color: #fff;
  }
  .heroImage--collage > .heroImage__simpleText {
    color: #465c6d;
  }
}
@media screen {
  .heroImage__simpleText hr {
    margin-bottom: 25px;
    border-color: #fff;
  }
}
/*  =========================================================
simple text
========================================================= */
@media screen {
  .heroImage__simpleText > p {
    margin-top: 20px;
    margin-bottom: 0px;
    font: 300 italic 2.5rem/1.6em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.5rem;
    line-height: 1.6em;
  }
  .heroImage__simpleText > p > strong {
    font-weight: 700;
  }
}
@media screen {
  .heroImage__simpleText > .button {
    margin: 5px;
  }
}
/*  =========================================================
page title
========================================================= */
@media screen {
  .heroImage__simpleText > h1 {
    margin: 0;
    padding-top: 45px;
    font: 700 italic 6.84rem/1.15em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 6.84rem;
    line-height: 1.15em;
  }
  .heroImage__simpleText > h1 > span {
    display: inline-block;
    max-width: 100%;
  }
  .heroImage__simpleText > h1 > .big {
    font-size: 14.4rem;
    line-height: 0.75em;
  }
  .heroImage__simpleText > h1 > .medium {
    font-size: 7.2rem;
  }
  .heroImage__simpleText > h1 > .small {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage__simpleText > h1 > .big {
    font-size: 14.28571429rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage__simpleText > h1 > .medium {
    font-size: 8.57142857rem;
  }
}
@media screen and (max-width: 700px) {
  .heroImage__simpleText > h1 > .small {
    font-size: 5.71428571rem;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     gueldner
 * @since      16.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
list elements
links on large and medium displays
links on small and tiny displays
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .heroImage__breadcrumb {
    bottom: 0;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb {
    left: 9.05797101%;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__breadcrumb {
    left: 0;
  }
}
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb {
    position: absolute;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__breadcrumb {
    position: relative;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__breadcrumb {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 3.75%;
    width: 100%;
    background: rgba(40, 50, 59, 0.75);
  }
}
@media screen and (min-width: 1001px) {
  .heroImage--simple > .heroImage__breadcrumb:before,
  .heroImage--collage > .heroImage__breadcrumb:before,
  .heroImage--simple > .heroImage__breadcrumb:after,
  .heroImage--collage > .heroImage__breadcrumb:after {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 100vw;
    background: #465c6d;
    opacity: 0.15;
  }
  .heroImage--simple > .heroImage__breadcrumb:before,
  .heroImage--collage > .heroImage__breadcrumb:before {
    right: 100%;
  }
  .heroImage--simple > .heroImage__breadcrumb:after,
  .heroImage--collage > .heroImage__breadcrumb:after {
    left: 100%;
  }
}
/*  =========================================================
list elements
========================================================= */
@media screen {
  .heroImage__breadcrumb > li {
    display: inline-block;
  }
}
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb > li {
    background: #465c6d;
  }
}
/* arrows between elements on small and tiny screens */
@media screen and (max-width: 1000px) {
  .heroImage__breadcrumb > li:not(:last-child):after {
    content: '>';
    font: 400 normal 15px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin: 0 5px;
  }
}
/*  =========================================================
links on large and medium displays
========================================================= */
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb > li > .lastBreadCrumbElement,
  .heroImage__breadcrumb > li > a {
    display: block;
    position: relative;
    padding: 15px 10px;
    font: 600 normal 20px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
  }
}
/* lighten up those link backgrounds */
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb > li:nth-child(1) > a {
    background: rgba(255, 255, 255, 0.05);
  }
  .heroImage__breadcrumb > li:nth-child(2) > a {
    background: rgba(255, 255, 255, 0.1);
  }
  .heroImage__breadcrumb > li:nth-child(3) > a {
    background: rgba(255, 255, 255, 0.2);
  }
  .heroImage__breadcrumb > li:nth-child(4) > a {
    background: rgba(255, 255, 255, 0.3);
  }
  .heroImage__breadcrumb > li:nth-child(5) > a {
    background: rgba(255, 255, 255, 0.4);
  }
  .heroImage__breadcrumb > li:nth-child(5) > .lastBreadCrumbElement {
    background: rgba(255, 255, 255, 0.4);
  }
}
/* triangle element for connection to previous list element */
@media screen and (min-width: 1001px) {
  .heroImage__breadcrumb > li:not(:first-child) > a:before,
  .heroImage__breadcrumb > li:not(:first-child) > a:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: -8px;
    -webkit-transform: rotateZ(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
            transform: rotateZ(45deg) translateY(-50%);
  }
  .heroImage__breadcrumb > li:not(:first-child) > a:before {
    background: #465c6d;
  }
  .heroImage__breadcrumb > li:nth-child(2) > a:after {
    background: rgba(255, 255, 255, 0.05);
  }
  .heroImage__breadcrumb > li:nth-child(3) > a:after {
    background: rgba(255, 255, 255, 0.1);
  }
  .heroImage__breadcrumb > li:nth-child(4) > a:after {
    background: rgba(255, 255, 255, 0.2);
  }
  .heroImage__breadcrumb > li:nth-child(5) > a:after {
    background: rgba(255, 255, 255, 0.3);
  }
}
/*  =========================================================
links on small and tiny displays
========================================================= */
@media screen and (max-width: 1000px) {
  .heroImage__breadcrumb > li > .lastBreadCrumbElement,
  .heroImage__breadcrumb > li > a {
    font: 400 normal 15px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-decoration: underline;
  }
}
/**
 * tash
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Müller <mueller@infomax-it.de>
 * @since      2018-05-16
 */
/**

Navigation:
A.

**/
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
 =A.
========================================================= */
@media screen {
  .heroImage__blogCategories {
    position: absolute;
    bottom: 0;
    list-style: none;
    text-align: left;
    margin: 0;
    z-index: 1;
    display: inline-block;
    background: #465c6d;
    font: 400 normal 20px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1em;
    color: #fff;
    padding: 15px 15px 15px 25px;
  }
  .heroImage__blogCategories strong {
    font-weight: bold;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1001px) {
  .heroImage__blogCategories {
    right: 9.05797101%;
  }
}
@media screen and (max-width: 1000px) {
  .heroImage__blogCategories {
    right: 20px;
  }
}
/*! tash, Compiled at 2021-02-24 12:50:39 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentArticle
 * @author     gueldner
 * @since      16.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
headlines
text
images
newsletter form
info blocks
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .contentArticle {
    text-align: left;
  }
}
@media screen and (max-width: 1656px) {
  .contentArticle {
    padding-top: 4.83091787%;
  }
}
@media screen and (min-width: 1657px) {
  .contentArticle {
    padding-top: 80px;
  }
}
/*  =========================================================
headlines
========================================================= */
@media screen {
  .contentArticle h2 {
    font: 700 normal 5.62rem/1.1em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.62rem;
    line-height: 1.1em;
    color: #465c6d;
    margin: 0 0 30px 0;
  }
  .contentArticle h2 > .big {
    font-size: 10rem;
    line-height: 0.75em;
  }
  .contentArticle h2 > .medium {
    font-size: 6rem;
  }
  .contentArticle h2 > .small {
    font-size: 4rem;
  }
  .background--dark.contentArticle h2 {
    color: #fff;
  }
  .contentArticle h3 {
    font: 400 normal 25px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 30px;
    color: #28323b;
    margin: 0 0 5px 0;
  }
  .background--dark.contentArticle h3 {
    color: #fff;
  }
  .contentArticle ul {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle h2 {
    font-size: 6rem;
  }
}
/*  =========================================================
text
========================================================= */
@media screen {
  .contentArticle p.description {
    font: 300 italic 2.5rem/1.6em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.5rem;
    line-height: 1.6em;
    color: #28323b;
    text-align: center;
    margin: 0 0 20px 0;
  }
  .background--dark.contentArticle p.description {
    color: #fff;
  }
  .contentArticle p:not([class]) {
    font: 400 normal 18px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #28323b;
    margin: 0 0 30px 0;
    word-wrap: break-word;
  }
  .background--dark.contentArticle p:not([class]) {
    color: #fff;
  }
  .contentArticle p:not([class]):last-child {
    margin-bottom: 0;
  }
  .contentArticle p > a {
    position: relative;
    padding: 3px 5px;
    background: #28323b;
    color: #fff;
    text-decoration: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease;
    transition: -webkit-box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  }
  .contentArticle p > a[target='_blank'] {
    padding: 3px 5px 3px 0;
  }
  .contentArticle p > a[target='_blank']:before {
    display: inline-block;
    width: 35px;
    margin-right: 5px;
    background: #28323b;
    font-family: 'icomoon';
    content: '\e915';
    text-align: center;
    vertical-align: bottom;
  }
  .contentArticle p > a:active,
  .contentArticle p > a:focus,
  .contentArticle p > a:hover {
    -webkit-box-shadow: inset 0 -32px 0 0 #f07787;
            box-shadow: inset 0 -32px 0 0 #f07787;
  }
  .contentArticle p:not([class]) b,
  .contentArticle p:not([class]) strong {
    font-weight: 600;
  }
  .contentArticle p:not([class]) em,
  .contentArticle p:not([class]) i {
    font-style: italic;
  }
  .contentArticle ul,
  .contentArticle ol,
  .contentArticle dl {
    padding: 0;
    margin: 0 0 30px 0;
    color: #28323b;
    font: 400 normal 18px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    list-style: none;
    counter-reset: section;
  }
  .background--dark.contentArticle ul,
  .background--dark.contentArticle ol,
  .background--dark.contentArticle dl {
    color: #fff;
  }
  .contentArticle li {
    position: relative;
    padding: 0 0 0 40px;
    margin: 10px 0;
    text-indent: -10px;
  }
  .contentArticle li strong {
    font-weight: 600;
  }
  .contentArticle li em {
    font-style: italic;
  }
  .contentArticle li u {
    text-decoration: underline;
  }
  .contentArticle dt {
    color: #465c6d;
    font-weight: 700;
  }
  .background--dark.contentArticle dt {
    color: #fff;
  }
  .contentArticle dd {
    padding: 0 0 0 40px;
    margin: 0 0 10px 0;
  }
  .contentArticle ul li:before {
    position: relative;
    left: -14px;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #465c6d;
    vertical-align: baseline;
    content: '';
  }
  .background--dark.contentArticle ul li:before {
    background: #fff;
  }
  .contentArticle ol li:before {
    position: absolute;
    left: 10px;
    top: 0;
    color: #465c6d;
    font-weight: 700;
    counter-increment: section;
    content: counters(section, '.') '.';
  }
  .background--dark.contentArticle ol li:before {
    color: #fff;
  }
  .contentArticle .video {
    width: 560px;
    max-width: 100%;
  }
  .contentArticle .video.video--left {
    float: left;
  }
  .contentArticle .video.video--right {
    float: right;
  }
  .contentArticle .video.video--center {
    margin: 0 auto;
  }
}
/*  =========================================================
images
========================================================= */
@media screen {
  .contentArticle img {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .contentArticle img {
    margin-bottom: 1.20772947%;
  }
}
@media screen and (max-width: 700px) {
  .contentArticle img {
    margin-bottom: 3.33333333%;
  }
}
/*  =========================================================
newsletter form
========================================================= */
@media screen and (min-width: 1657px) {
  .contentArticle + #contentForm--newsletter {
    margin-top: -80px;
  }
}
@media screen and (max-width: 1656px) {
  .contentArticle + #contentForm--newsletter {
    margin-top: -4.8%;
  }
}
@media screen and (max-width: 1440px) {
  .contentArticle + #contentForm--newsletter {
    margin-top: -4.9%;
  }
}
/*  =========================================================
info blocks
========================================================= */
@media screen and (min-width: 1001px) {
  .contentArticle__infoline {
    display: table;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: 1px #6889a2 solid;
  }
}
@media screen {
  .contentArticle__infoline__element {
    text-align: center;
    font: 400 normal 18px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: #28323b;
  }
  .contentArticle__infoline__element > strong {
    font-size: 25px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1001px) {
  .contentArticle__infoline__element {
    display: table-cell;
    padding: 35px 15px;
  }
  .contentArticle__infoline__element:not(:last-child) {
    border-right: 1px #6889a2 solid;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__infoline__element {
    padding: 15px;
    border-bottom: 1px #6889a2 solid;
  }
}
/**
 * tash
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Müller <mueller@infomax-it.de>
 * @since      2018-05-16
 */
/**

Navigation:
A.

**/
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
 =A.
========================================================= */
.contentArticle__contextProfile {
  position: relative;
}
@media (max-width: 700px) {
  .contentArticle__contextProfile {
    width: 100%;
  }
}
.contentArticle__contextProfile img {
  margin-bottom: 0;
}
.contentArticle__contextProfile .copyright {
  padding-left: 8px;
}
.contentArticle__contextProfile--center {
  margin-bottom: 15px;
  margin-top: 5px;
}
.contentArticle__contextProfile--center .copyright {
  padding-left: 0;
  bottom: 24px;
  position: relative;
  width: 40%;
}
.contentArticle__contextProfile--left {
  float: left;
  margin: 5px 30px 15px 0;
}
.contentArticle__contextProfile--right {
  float: right;
  margin: 5px 0 15px 30px;
}
/*! tash, Compiled at 2021-07-23 06:49:36 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage introArticle
 * @author     gueldner
 * @since      23.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
headline
static map
text
cover flow dots
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .section--colored > .introArticle {
    background: #465c6d;
  }
  .introArticle.introArticle--left {
    text-align: left;
  }
}
@media screen and (max-width: 1656px) {
  .introArticle:first-child {
    padding-top: 4.83091787%;
  }
}
@media screen and (min-width: 1657px) {
  .introArticle:first-child {
    padding-top: 80px;
  }
}
/*  =========================================================
headline
========================================================= */
@media screen {
  .introArticle h1 {
    margin: 0px;
    color: #28323b;
    font: 700 normal 6.48rem/1.15em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 6.48rem;
    line-height: 1.15em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    word-wrap: break-word;
  }
  .background--dark.introArticle h1 {
    color: #fff;
  }
  .introArticle h1 > .big {
    font-size: 20rem;
    line-height: 0.75em;
  }
  .introArticle h1 > .medium {
    font-size: 10rem;
  }
  .introArticle h1 > .small {
    font-size: 5rem;
  }
  .introArticle h2 {
    font: 700 normal 5.6rem/1.1 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.6rem;
    line-height: 1.1;
    margin: 0px 0px 30px 0px;
    color: #28323b;
  }
  .background--dark.introArticle h2 {
    color: #fff;
  }
  .introArticle h2 > .big {
    font-size: 10rem;
    line-height: 0.75em;
  }
  .introArticle h2 > .medium {
    font-size: 6rem;
  }
  .introArticle h2 > .small {
    font-size: 4rem;
  }
  .introArticle h3 {
    font: 400 normal 25px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 30px;
    color: #28323b;
    margin: 0px 0px 5px 0px;
  }
  .background--dark.introArticle h3 {
    color: #fff;
  }
  .introArticle h3 > .big {
    font-size: 10rem;
    line-height: 0.75em;
  }
  .introArticle h3 > .medium {
    font-size: 6rem;
  }
  .introArticle h3 > .small {
    font-size: 4rem;
  }
  section:not(.section--colored) > .introArticle h2 {
    color: #465c6d;
  }
  section:not(.section--colored) > .introArticle.background--dark h2 {
    color: #fff;
  }
  .section--colored > .introArticle h2 {
    color: #fff;
  }
}
@media screen and (max-width: 700px) {
  .introArticle h1 > .big {
    font-size: 14.28571429rem;
  }
}
@media screen and (max-width: 700px) {
  .introArticle h1 > .medium {
    font-size: 8.57142857rem;
  }
}
@media screen and (max-width: 700px) {
  .introArticle h1 > .small {
    font-size: 5.71428571rem;
  }
}
@media screen and (max-width: 1000px) {
  .introArticle h2 {
    font-size: 6rem;
  }
}
/*  =========================================================
static map
========================================================= */
@media screen {
  .introArticle__staticMap {
    display: inline-block;
    font: 300 normal 18px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 1em;
    color: #28323b;
    text-align: center;
    text-decoration: unterline;
  }
  .introArticle__staticMap__image {
    position: relative;
    display: block;
    width: 256px;
    height: 256px;
    overflow: hidden;
  }
  .introArticle__staticMap__image > img {
    display: block;
    width: 100%;
  }
  .introArticle__staticMap__image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 57px;
    height: 58px;
    margin: -57px 0 0 -10px;
    background: url('../images/fullMap/defaultMarker.3082c1b8.png') no-repeat;
    content: '';
  }
}
@media screen and (min-width: 1001px) {
  .introArticle__staticMap {
    vertical-align: top;
    margin: 0px 30px 30px 0px;
  }
}
@media screen and (max-width: 1000px) {
  .introArticle__staticMap {
    margin-bottom: 30px;
  }
}
/*  =========================================================
text
========================================================= */
@media screen {
  .introArticle p {
    font: 300 italic 2.5rem/1.6em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.5rem;
    line-height: 1.6em;
    margin: 0px 0px 20px 0px;
  }
  section:not(.section--colored) > .introArticle p {
    color: #28323b;
  }
  section:not(.section--colored) > .introArticle.background--dark p {
    color: #fff;
  }
  .section--colored > .introArticle p {
    color: #fff;
  }
  section:not(.section--colored) > .introArticle.background--dark p {
    color: #fff;
  }
  .introArticle:not(.introArticle--contact) p > a {
    background: #28323b;
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .introArticle:not(.introArticle--contact) p > a[target='_blank'] {
    padding: 0 5px 0 45px;
  }
  .introArticle:not(.introArticle--contact) p > a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    background: #f07787;
    padding: 0 5px;
    -webkit-transition: top .25s ease;
    transition: top .25s ease;
    width: 100%;
    z-index: -1;
  }
  .introArticle:not(.introArticle--contact) p > a[target='_blank']:after {
    left: 40px;
    width: auto;
  }
  .introArticle:not(.introArticle--contact) p > a:active:after,
  .introArticle:not(.introArticle--contact) p > a:focus:after,
  .introArticle:not(.introArticle--contact) p > a:hover:after {
    top: 0%;
  }
  .introArticle:not(.introArticle--contact) p > a[target='_blank']:before {
    content: '\e915';
    font-family: 'icomoon';
    line-height: 1em;
    font-style: normal;
    padding: 0px 10px 0px 5px;
    margin-left: -40px;
  }
  .introArticle p:not([class]) b,
  .introArticle p:not([class]) strong {
    font-weight: 600;
  }
  .introArticle p:not([class]) em,
  .introArticle p:not([class]) i {
    font-style: italic;
  }
  .introArticle ul,
  .introArticle ol,
  .introArticle dl {
    padding: 0;
    margin: 0 0 30px 0;
    color: #28323b;
    font: 400 normal 18px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    list-style: none;
    counter-reset: section;
  }
  .background--dark.introArticle ul,
  .background--dark.introArticle ol,
  .background--dark.introArticle dl {
    color: #fff;
  }
  .introArticle li {
    position: relative;
    padding: 0 0 0 40px;
    margin: 10px 0;
  }
  .introArticle dt {
    color: #465c6d;
    font-weight: 700;
  }
  .background--dark.introArticle dt {
    color: #fff;
  }
  .introArticle dd {
    padding: 0 0 0 40px;
    margin: 0 0 10px 0;
  }
  .introArticle ul li:before {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #465c6d;
    vertical-align: baseline;
    content: '';
  }
  .background--dark.introArticle ul li:before {
    background: #fff;
  }
  .introArticle ol li:before {
    position: absolute;
    left: 10px;
    top: 0;
    color: #465c6d;
    font-weight: 700;
    counter-increment: section;
    content: counters(section, '.') '.';
  }
  .background--dark.introArticle ol li:before {
    color: #fff;
  }
  .introArticle .video {
    width: 560px;
    max-width: 100%;
  }
  .introArticle .video.video--left {
    float: left;
  }
  .introArticle .video.video--right {
    float: right;
  }
  .introArticle .video.video--center {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1001px) {
  .introArticle__staticMap ~ p {
    text-align: left;
    display: inline-block;
    vertical-align: top;
  }
  .introArticle__staticMap ~ p:not(:last-of-type) {
    margin-right: 20px;
  }
}
/*  =========================================================
cover flow dots
========================================================= */
@media screen {
  .introArticle .introArticle__sliderDotContainer {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .introArticle .introArticle__sliderDotContainer li {
    display: inline-block;
    margin: 5px;
    padding: 0;
  }
  .introArticle .introArticle__sliderDotContainer li:before {
    content: initial;
  }
  .introArticle .introArticle__sliderDotContainer button {
    background: transparent;
    border: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -7px;
    width: 20px;
    left: 1px;
  }
  html:not(.highcontrast) .introArticle__sliderDot button {
    color: transparent;
  }
  .introArticle .introArticle__sliderDot {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
    background: #fff;
  }
  html.highcontrast .introArticle .introArticle__sliderDot {
    border: 1px solid #fff;
  }
  .background--light.introArticle .introArticle__sliderDot {
    background-color: #465c6d;
  }
  .introArticle .introArticle__sliderDot:not(.introArticle__sliderDot--active) {
    opacity: 0.2;
  }
  html.highcontrast .introArticle .introArticle__sliderDot:not(.introArticle__sliderDot--active) {
    opacity: 1;
    border: none;
  }
}
@media screen and (max-width: 700px) {
  section[data-module*="SimpleContactBlock"] {
    background-color: #465c6d;
    color: #fff;
  }
  section[data-module*="SimpleContactBlock"] .introArticle {
    padding-top: 0;
  }
  section[data-module*="SimpleContactBlock"] .introArticle p,
  section[data-module*="SimpleContactBlock"] .introArticle h2 {
    color: #fff;
    text-align: center;
  }
  section[data-module*="SimpleContactBlock"] .introArticle p {
    font: 300 normal 18px/30px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
  }
  section[data-module*="SimpleContactBlock"] .introArticle h2 {
    width: 100%;
    margin: 0 0 10px 0;
  }
  section[data-module*="SimpleContactBlock"] .introArticle h2 span {
    font: 300 italic 18px/28px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
  }
}
/*! tash, Compiled at 2021-02-24 12:50:39 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentList
 * @author     gueldner
 * @since      30.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .contentList {
    position: relative;
  }
}
@media screen and (max-width: 1656px) {
  .contentList {
    padding-top: 4.83091787%;
  }
}
@media screen and (min-width: 1657px) {
  .contentList {
    padding-top: 80px;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentList
 * @author     gueldner
 * @since      30.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
image
text
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
/* the main container */
@media screen {
  .contentList__element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    text-align: left;
  }
  .contentList__element:not(:last-child) {
    margin-bottom: 50px;
  }
  /* fix space if more than one page visible available */
  .infinite__list__page + .infinite__list__page > .contentList__element {
    margin-top: 50px;
  }
}
@media screen and (max-width: 700px) {
  .contentList__element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*  =========================================================
image
========================================================= */
@media screen {
  .contentList__element__image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    float: left;
    position: relative;
    overflow: hidden;
  }
  .contentList__element__image img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 1401px) {
  .contentList__element__image {
    height: 0px;
    padding-bottom: 17.21014493%;
    position: relative;
  }
}
@media screen and (min-width: 701px) and (max-width: 1400px) {
  .contentList__element__image {
    height: 0px;
    padding-bottom: 22.9468599%;
    position: relative;
  }
}
@media screen and (max-width: 700px) {
  .contentList__element__image {
    height: 0px;
    padding-bottom: 68.84057971%;
    position: relative;
  }
}
@media screen and (max-width: 700px) {
  .contentList__element__image {
    margin-bottom: 20px;
  }
}
/*  =========================================================
text
========================================================= */
/* headline */
@media screen {
  .contentList__element__text {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .contentList__element__text > h3 {
    font: 700 normal 2.88rem/1.25em 'Avenir Next Pro', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.88rem;
    line-height: 1.25em;
    color: #28323b;
    margin: 0px;
  }
  .background--dark .contentList__element__text > h3 {
    color: #fff;
  }
}
@media screen and (max-width: 700px) {
  .contentList__element__text > h3 {
    font-size: 5rem;
  }
}
@media screen {
  .contentList__element__text__info {
    font: 400 italic 16px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 1em;
    color: #28323b;
  }
}
/* line between headline and text */
@media screen {
  .contentList__element__text > hr {
    width: 100px;
    border-width: 2px;
    border-color: #28323b;
    margin: 10px 0px;
  }
  .background--dark .contentList__element__text > hr {
    border-color: #fff;
  }
}
/* text */
@media screen {
  .contentList__element__text > p {
    font: 400 normal 18px/25px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #28323b;
    margin: 0px 0px 25px 0px;
  }
  .background--dark .contentList__element__text > p {
    color: #fff;
  }
  .contentList__element__text > p strong {
    font-weight: bold;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentList
 * @author     gueldner
 * @since      30.06.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
single button
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .contentList__buttons {
    position: absolute;
    text-align: left;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .contentList__buttons.contentList__buttons--hidden {
    left: -100px;
  }
  .contentList__buttons.contentList__buttons--fixed {
    position: fixed;
  }
}
@media screen and (min-width: 701px) {
  .contentList__buttons {
    top: 20px;
    left: 16px;
  }
}
@media screen and (max-width: 700px) {
  .contentList__buttons {
    top: 0px;
    left: 0px;
  }
}
/*  =========================================================
single button
========================================================= */
@media screen {
  .contentList__buttons__element {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    font: 300 normal 15px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 1em;
    color: #fff;
    background: #f07787;
    -webkit-transition: background 0.25s ease;
    transition: background 0.25s ease;
    /* add margin on the left side of the functions element */
  }
  .contentList__buttons__element > [class*='icon-'] {
    width: 100%;
  }
  .contentList__buttons__element:not(:first-child) {
    margin-left: 1px;
  }
}
@media screen and (min-width: 701px) {
  .contentList__buttons__element {
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 700px) {
  .contentList__buttons__element {
    width: 55px;
    height: 60px;
    font-size: 12px;
  }
}
@media screen and (min-width: 701px) {
  .contentList__buttons__element > [class*='icon-'] {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 700px) {
  .contentList__buttons__element > [class*='icon-'] {
    font-size: 25px;
    line-height: 40px;
  }
}
/*  =========================================================
list - show more elements
========================================================= */
@media screen {
  .list__loadMore--next {
    margin-top: 50px;
  }
}
/*! tash, Compiled at 2021-02-24 12:50:39 */
/**
 * Schleswig-Holstein
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-08-08
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageFooter
 * @author     gueldner
 * @since      25.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
intro
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*dimensions*/
/*corporate design*/
/*other colors*/
/*percentage dimensions*/
/*percentage margins*/
/*percentage paddings*/
/*default font settings*/
/*vertical aligns*/
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure
========================================================= */
@media screen {
  #pageFooter {
    position: relative;
    width: 100%;
    background: #f6f7f8;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageFooter
 * @author     gueldner
 * @since      25.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
intro text
inputs
labels
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #pageFooter__newsletter {
    width: 100%;
    background: #e4e7ea;
    padding: 50px 0px 60px 0px;
  }
}
/*  =========================================================
intro text
========================================================= */
@media screen {
  #pageFooter__newsletter > p {
    margin: 0px 20px 20px 20px;
    font: 300 normal 25px/1em 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 25px;
    line-height: 1em;
    color: #28323b;
  }
}
@media screen and (max-width: 700px) {
  #pageFooter__newsletter > p {
    font-size: 2.85714286rem;
  }
}
/*  =========================================================
inputs
========================================================= */
@media screen {
  #pageFooter__newsletter > .inputField {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0px 3px 10px 3px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
  }
}
@media screen and (min-width: 701px) {
  #pageFooter__newsletter > .inputField:not(:last-of-type) {
    width: 20%;
  }
  #pageFooter__newsletter > .inputField:last-of-type {
    width: 35%;
  }
}
@media screen and (max-width: 700px) {
  #pageFooter__newsletter > .inputField {
    width: 71.42857143%;
  }
}
@media screen {
  #pageFooter__newsletter > .inputField > input {
    width: 100%;
    padding: 10px 15px;
    border: none;
    font: 400 normal 2rem/1.25em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.25em;
    color: #28323b;
    background: #fff;
    outline: none;
  }
}
@media screen and (max-width: 700px) {
  #pageFooter__newsletter > .inputField > input {
    font-size: 2.57142857rem;
  }
}
/*  =========================================================
labels
========================================================= */
@media screen {
  #pageFooter__newsletter > .inputField > label {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    height: 100%;
    padding: 0px 10px;
    font: 400 normal 14px/3.21428571em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 3.21428571em;
    color: #fff;
    background: #465c6d;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  }
  #pageFooter__newsletter > .inputField > input + label {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageFooter
 * @author     gueldner
 * @since      25.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
link list
social media
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .pageFooter__meta {
    padding: 40px 0px;
  }
  .pageFooter__meta .image {
    padding: 0 20px 20px 0;
  }
  .pageFooter__meta .image picture > img {
    max-width: 100%;
  }
  .pageFooter__meta > div.logos.noSpaceForTitle {
    margin-top: -80px;
  }
}
@media screen and (min-width: 1001px) {
  .pageFooter__meta {
    text-align: left;
  }
}
@media screen and (min-width: 1001px) {
  .pageFooter__meta > div.region,
  .pageFooter__meta > div.logos {
    text-align: left;
  }
  .pageFooter__meta > div:social {
    text-align: right;
  }
}
@media screen and (max-width: 1000px) {
  .pageFooter__meta > div {
    text-align: center;
  }
  .pageFooter__meta > div:region,
  .pageFooter__meta > div:logos {
    margin-bottom: 6.03864734%;
  }
  .pageFooter__meta > div.region {
    margin-bottom: 30px;
  }
}
@media screen {
  .pageFooter__meta h3 {
    font: 400 normal 3rem/1em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
    line-height: 1em;
    color: #28323b;
    margin: 0px 0px 30px 0px;
  }
}
@media screen and (max-width: 700px) {
  .pageFooter__meta h3 {
    font-size: 3.57142857rem;
  }
}
/*  =========================================================
list
========================================================= */
@media screen {
  .pageFooter__meta ul {
    list-style: none;
    color: #28323b;
    margin: 0px;
    padding: 0px;
  }
  .pageFooter__meta ul > li {
    display: inline-block;
  }
  .pageFooter__meta ul > li > a {
    font: 400 italic 18px/1.38888889em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 1.38888889em;
    color: #28323b;
  }
}
/* simple list on large displays */
@media screen and (min-width: 1001px) {
  .pageFooter__meta ul > li {
    margin: 0px 0px 15px 0px;
  }
  .pageFooter__meta ul > li:not(:last-of-type):not(.image):after {
    content: '-';
    display: inline-block;
    margin: 0px 10px;
  }
}
/* buttonlike links on smaller displays */
@media screen and (max-width: 1000px) {
  .pageFooter__meta ul > li:not(.image) {
    margin: 0px 1px 5px 1px;
  }
  .pageFooter__meta ul > li:not(.image) > a {
    display: block;
    padding: 5px;
    text-decoration: none;
    background: rgba(70, 92, 109, 0.1);
  }
}
/*  =========================================================
social media
========================================================= */
@media screen {
  .pageFooter__meta__social {
    position: relative;
    margin: 0px 8px 15px 8px;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #6889a2;
    color: #f6f7f8;
    border: 5px #6889a2 solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
  }
  .pageFooter__meta__social > span {
    font-size: 30px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
  }
}
/* animation */
@media screen {
  .pageFooter__meta__social:before,
  .pageFooter__meta__social:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: height 0.5s ease, width 0.5s ease;
    transition: height 0.5s ease, width 0.5s ease;
    background: #f6f7f8;
  }
  .pageFooter__meta__social:before {
    bottom: -25%;
    left: -100%;
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .pageFooter__meta__social:after {
    bottom: -100%;
    right: -75%;
  }
  .pageFooter__meta__social:active > span,
  .pageFooter__meta__social:focus > span,
  .pageFooter__meta__social:hover > span {
    color: #6889a2;
  }
  .pageFooter__meta__social:active:before,
  .pageFooter__meta__social:focus:before,
  .pageFooter__meta__social:hover:before {
    height: 200%;
    width: 200%;
  }
  .pageFooter__meta__social:active:after,
  .pageFooter__meta__social:focus:after,
  .pageFooter__meta__social:hover:after {
    height: 175%;
    width: 175%;
  }
}
/**
 * TASH - Hauptportal 2016
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageFooter
 * @author     gueldner
 * @since      25.05.2016
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure
logo
links / language setter
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #pageFooter__bottomLine {
    width: 100%;
    background: #465c6d;
  }
}
/* table layout to display all elements in one row */
@media screen and (min-width: 1001px) {
  #pageFooter__bottomLine {
    display: table;
  }
}
/*  =========================================================
logo
========================================================= */
@media screen {
  #pageFooter__bottomLine__logo {
    height: 100%;
    padding: 20px;
    vertical-align: middle;
  }
  #pageFooter__bottomLine__logo > img {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 1401px) {
  #pageFooter__bottomLine__logo {
    width: 185px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__bottomLine__logo {
    width: 125px;
  }
}
@media screen and (min-width: 1001px) {
  #pageFooter__bottomLine__logo {
    display: table-cell;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__bottomLine__logo {
    display: none;
  }
}
/*  =========================================================
links / language setter
========================================================= */
@media screen {
  #pageFooter__bottomLine__links,
  #pageFooter__bottomLine__language {
    list-style: none;
    color: #fff;
    margin: 0px;
    padding: 20px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1001px) {
  #pageFooter__bottomLine__links,
  #pageFooter__bottomLine__language {
    display: table-cell;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__bottomLine__links,
  #pageFooter__bottomLine__language {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  #pageFooter__bottomLine__links {
    text-align: left;
  }
  #pageFooter__bottomLine__language {
    text-align: right;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__bottomLine__language {
    background: rgba(255, 255, 255, 0.05);
  }
}
@media screen {
  #pageFooter__bottomLine__links > li,
  #pageFooter__bottomLine__language > li {
    display: inline-block;
    padding: 5px 0px;
  }
  #pageFooter__bottomLine__links > li > a,
  #pageFooter__bottomLine__language > li > a {
    font: 400 normal 1.8rem/1.38888889em 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.38888889em;
    text-decoration: underline;
  }
}
@media screen and (max-width: 700px) {
  #pageFooter__bottomLine__links > li > a,
  #pageFooter__bottomLine__language > li > a {
    font-size: 2.28571429rem;
  }
}
@media screen {
  #pageFooter__bottomLine__links > li:not(:last-of-type):after,
  #pageFooter__bottomLine__language > li:not(:first-of-type):before {
    content: '-';
    display: inline-block;
    margin: 0px 10px;
  }
}