@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700);@charset "UTF-8";
/*!

Theme Name: Heimkehr Page
Theme URI: http://bundb.de
Description: neworbit Framework - technology by secondnetwork.de und entwickelt bei B&B. Markenagentur GmbH.
Version: 1.0.7
Author: Andreas Farah
Author URI: http://bundb.de

License: MIT
License URI: http://opensource.org/licenses/mit-license.php

*/
/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* CARD */
/* Card dimensions */
/* Cover image */
*,
*:before,
.navgroup .ac::after,
.accordionlink a::after,
section.ansprechpartner .email a::after,
section.ansprechpartner .mobil::after,
section.ansprechpartner .tel::after,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  background: white;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  color: #333;
  line-height: 1.8;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-rendering: optimizeLegibility;
  font-size: 20px;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 61.99em) {
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
  }
}

html, body {
  height: 100%;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
  overflow-x: hidden;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}

::selection {
  background: rgba(0, 0, 0, 0.1);
}

.wrapper {
  background-color: #FFF;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.hide.active, .show {
  display: block;
}

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

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

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

img, object, embed {
  max-width: 100%;
  height: auto;
  line-height: 0;
}

/* ------------------------------------------------------------------
Preloader
------------------------------------------------------------------- */
@media (max-width: 61.99em) {
  .test {
    background: #486;
  }
}
@media (max-width: 47.99em) {
  .test {
    background: #456;
  }
}
@media (max-width: 74.99em) {
  .test {
    background: #456;
  }
}
@media (min-width: 48em) {
  .test {
    background: #486;
  }
}
@media (min-width: 34em) {
  .test {
    background: #456;
  }
}
@media (min-width: 62em) {
  .test {
    background: #456;
  }
}
.page-loader {
  position: fixed;
  background: #0078be;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8999;
}

.loader {
  position: absolute;
  border-left: 2px solid #FFF;
  border-top: 2px solid rgba(5, 5, 50, 0.2);
  border-right: 2px solid rgba(5, 5, 50, 0.2);
  border-bottom: 2px solid rgba(5, 5, 50, 0.2);
  height: 46px;
  width: 46px;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -23px;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 8999;
  -webkit-animation: load 0.8s infinite linear;
          animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0.05rem;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 130%;
  margin: 0;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #fff;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
}

.preline {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
}

.subline {
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  font-weight: 300;
  line-height: 30px;
}

@media (max-width: 74.99em) {
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
  }
}
h1 {
  font-size: 52px;
  font-size: 5.2rem;
}

h2 {
  font-size: 35px;
  font-size: 3.5rem;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  line-height: 2.8rem;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

h5 {
  font-size: 10px;
  font-size: 1rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

@media (max-width: 74.99em) {
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }

  h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: -12.2rem;
  }
}
address {
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}

.subhead {
  color: #777;
  font-weight: normal;
  margin-bottom: 20px;
}

/*=====================================================

  Links & Paragraph styles

  ======================================================*/
p {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.625;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-top: 0;
}
@media (max-width: 61.99em) {
  p {
    font-size: 20px;
    font-size: 2rem;
  }
}

p.lead {
  margin-bottom: 0;
}

a {
  color: #0078be;
  text-decoration: none;
  outline: 0;
  line-height: inherit;
}
a:hover {
  color: #0078be;
}

/*=====================================================

  Lists

 ======================================================*/
ul, ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
  margin-left: 30px;
}

ul.square, ul.circle, ul.disc {
  margin-left: 25px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul {
  margin: 4px 0 5px 10px;
}

.enumeration ul {
  list-style: disc outside;
  margin-left: 25px;
}

ol ol {
  margin: 4px 0 5px 30px;
}

ul.large li {
  line-height: 21px;
}

dl dt {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

/* Mobile */
em {
  font-style: italic;
  line-height: inherit;
}

strong, .text-strong {
  font-weight: 900;
  line-height: inherit;
}

small {
  font-size: 56.4%;
  line-height: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small {
  color: #777;
}

/*  Blockquotes  */
blockquote {
  line-height: 20px;
  color: #777;
  margin: 0 0 18px;
  padding: 9px 20px 0 19px;
  border-left: 5px solid #ccc;
}
blockquote p {
  line-height: 20px;
  color: #777;
}
blockquote cite {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
}
blockquote cite:before, blockquote .navgroup cite.ac::after, .navgroup blockquote cite.ac::after, blockquote section.ansprechpartner cite.mobil::after, section.ansprechpartner blockquote cite.mobil::after,
blockquote section.ansprechpartner cite.tel::after,
section.ansprechpartner blockquote cite.tel::after {
  content: "\2014   ";
}
blockquote cite a {
  color: #333;
}
blockquote cite a:visited {
  color: #333;
}

hr {
  border: 1px solid rgba(255, 255, 255, 0.2);
  clear: both;
  margin: 4rem 0;
  height: 0;
  width: 100%;
}

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #ccc;
  cursor: help;
}

abbr {
  text-transform: none;
}

/**
   * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: sanbeiji.com/archives/953 */
  p a {
    color: #333 !important;
    text-decoration: underline;
  }
  p a:visited {
    color: #333 !important;
    text-decoration: underline;
  }
  p a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 34em) {
  .container {
    max-width: 48rem;
  }
}
@media (min-width: 48em) {
  .container {
    max-width: 72rem;
  }
}
@media (min-width: 62em) {
  .container {
    max-width: 96rem;
  }
}
@media (min-width: 75em) {
  .container {
    max-width: 164rem;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* ==========================================================================

// Shame File
// Styles to be fixed or re-factured at a later date.

/* ========================================================================== */
.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.wrapper {
  padding-top: 2rem;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 61.99em) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.page {
  padding-top: 10rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 0rem;
}
@media (min-width: 48em) {
  .page {
    padding-top: 15rem;
    padding-left: 5rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
  }
}

.backlink {
  display: none;
}
.backlink a {
  color: #fff;
}

@media (min-width: 48em) {
  .page-schadensmeldung .backlink,
.page-konfliktmeldung .backlink,
.page-adressanderung .backlink,
.page-vorteilskarte .backlink,
.page-wohnberatung .backlink,
.page-spareinlagen .backlink {
    display: block;
  }
}

.help-block.has-error {
  color: #ff3300;
}

@media (min-width: 62em) {
  .notification-on {
    top: 6rem !important;
    -webkit-transition: all ease-in-out 250ms;
    -o-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
  }
}
.notification {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.3rem 0 1.25rem 0;
  width: 100%;
  position: fixed;
  top: 0rem;
  height: 6rem;
  z-index: 10000;
  -webkit-box-shadow: -4px 1px 6px -1px rgba(0, 0, 0, 0.33);
          box-shadow: -4px 1px 6px -1px rgba(0, 0, 0, 0.33);
  display: table;
}
.notification.is-primary {
  background-color: #0078be;
  color: #f5f5f5;
}
.notification.is-primary a {
  color: #f5f5f5;
}
.notification.is-primary-warning {
  background-color: #f6b83f;
  color: #333;
}
.notification.is-primary-warning a {
  color: #333;
}
.notification .notiicon {
  height: 32px;
  position: relative;
  margin-right: 2rem;
  left: 1rem;
  display: block;
  float: left;
}
.notification .close {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  cursor: pointer;
}
.notification a {
  border-bottom: 1px solid;
}
@media (max-width: 61.99em) {
  .notification {
    display: none;
    padding: 1.25rem 4rem 1.25rem 4rem;
    width: 100%;
    min-height: 6rem;
    font-size: 1.4rem;
  }
  .notification .notiicon {
    left: 0.5rem;
    top: 8px;
    position: absolute;
  }
  .notification .close {
    right: 1rem;
    top: 1.2rem;
  }
}

.archive main,
.home main {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .archive main,
.home main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}
.archive article,
.home article {
  position: relative;
  padding-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .archive article,
.home article {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.archive aside,
.home aside {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .archive aside,
.home aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.teaser-background {
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
}
.teaser-background.text-white {
  margin-bottom: 0rem !important;
}
.teaser-background video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

section.teaser-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  z-index: 100;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
  background-size: cover;
  color: #FFF;
  height: 100%;
  overflow: hidden;
}
section.teaser-header .page-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.teaser-header .page-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    margin-left: 8.3333333333%;
    text-align: left;
  }
}
@media (min-width: 75em) {
  section.teaser-header .page-block {
    text-align: left;
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 48em) {
  section.teaser-header .page-block.block-right {
    text-align: left;
    margin-left: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 48em) {
  section.teaser-header .page-block.block-center {
    text-align: center;
    margin-left: 0%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.teaser-header h1,
section.teaser-header h2,
section.teaser-header h3 {
  color: #FFF;
  text-transform: uppercase;
}
section.teaser-header .preline {
  display: none;
}
section.teaser-header.subpage .page-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: 0%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.teaser-header.subpage .page-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 8.3333333333%;
  }
}
section.teaser-header.subpage .page-block h1,
section.teaser-header.subpage .page-block h2,
section.teaser-header.subpage .page-block h3 {
  color: #FFF;
  text-transform: none;
}
section.teaser-header.small {
  padding-top: 2rem;
  padding-bottom: 2rem;
  min-height: 15rem;
}
@media (min-width: 48em) {
  section.teaser-header.small {
    height: 40rem;
  }
}
section.teaser-header.medium {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  section.teaser-header.medium {
    height: 80rem;
  }
}
section.teaser-header.medium .preline {
  font-size: 2.5rem;
  display: block;
  text-transform: none;
}
@media (min-width: 48em) {
  section.teaser-header.medium .preline::after {
    content: "";
    height: 0.3rem;
    width: 8rem;
    display: block;
    background: #FFF;
    margin: 1rem 0 1.5rem;
  }
}
section.teaser-header.big {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  section.teaser-header.big {
    height: 80vh;
  }
}
section.teaser-header.big .page-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (min-width: 48em) {
  section.teaser-header.big .page-block {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 48em) {
  section.teaser-header.big .page-block.block-right {
    margin-left: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 48em) {
  section.teaser-header.big .page-block.block-center {
    text-align: center;
    margin-left: 0%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.teaser-header.hiro {
  height: calc(100vh - 8rem);
}
section.teaser-header.hiro .container-placer {
  /* position on the page */
  z-index: -1;
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
}
section.teaser-header.hiro .embed-container {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
section.teaser-header.hiro .embed-container > * {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.ansprechpartner-page-block {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

section.text_modul,
section.stellenangebotes,
section.post-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  section.text_modul,
section.stellenangebotes,
section.post-single {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
section.text_modul .page-block,
section.stellenangebotes .page-block,
section.post-single .page-block {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.text_modul .page-block,
section.stellenangebotes .page-block,
section.post-single .page-block {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 75em) {
  section.text_modul .page-block,
section.stellenangebotes .page-block,
section.post-single .page-block {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 48em) {
  section.text_modul .page-block.block-right,
section.stellenangebotes .page-block.block-right,
section.post-single .page-block.block-right {
    text-align: right;
  }
}
section.text_modul .page-block.block-center,
section.stellenangebotes .page-block.block-center,
section.post-single .page-block.block-center {
  text-align: center;
}

section.dienstleisters {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
section.dienstleisters .item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.dienstleisters .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 48em) {
  section.dienstleisters .conbox {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
section.dienstleisters .mg-target {
  background: #fff;
}
section.dienstleisters .item .pmd-card-title {
  border: 2px solid #FFF;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
section.dienstleisters .item .pmd-card-title:hover {
  border: 2px solid #0078be;
}
section.dienstleisters .item::after {
  background: transparent;
}

.serviceicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.serviceicon .itemicon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 48em) {
  .serviceicon .itemicon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
.serviceicon .itemicon .item-cart {
  margin: 1.5rem;
  background-color: #FFF;
  border: 2px solid #FFF;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.serviceicon .itemicon .item-cart:hover {
  border: 2px solid #0078be;
}
.serviceicon .itemicon p {
  color: #333;
  font-weight: 900;
  font-size: 1.6rem;
}
.serviceicon .itemicon img {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.serviceicon .itemicon a {
  font-size: 0;
}

section.download_modul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-top: 4rem;
  padding-bottom: 8rem;
}
section.download_modul .page-block {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.download_modul .page-block {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 48em) {
  section.download_modul .page-block {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
section.download_modul .page-block h3 {
  margin-top: 5rem;
}
section.download_modul .download-button a {
  position: relative;
  width: 100%;
  padding: 1.5rem 5.5rem 1.5rem 1.5rem;
  display: block;
  margin: 2rem 0;
  background: #FFF;
  font-weight: 900;
}
section.download_modul .download-button a .pmd-card-subtitle-text {
  opacity: 1;
}

section.gallery {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.gallery .owl-nav {
  display: none;
}
@media (min-width: 75em) {
  section.gallery {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  section.gallery .owl-nav {
    display: block;
  }
}
section.gallery .card-section {
  background-position: center;
  background-size: cover;
  height: 50rem;
  color: #fff;
}
section.gallery .card-section h2 {
  color: #fff;
  z-index: 100;
  position: relative;
}
section.gallery .card-section a {
  color: #fff;
  text-decoration: underline;
}
section.gallery .card-section .overlay_text_box {
  bottom: 0;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 1rem 3rem;
}

section.video_gallery {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.video_gallery .owl-nav {
  display: none;
}
@media (min-width: 75em) {
  section.video_gallery {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  section.video_gallery .owl-nav {
    display: block;
  }
}
section.video_gallery .card-section {
  background-position: center;
  background-size: cover;
  color: #fff;
}
section.video_gallery .card-section h2 {
  color: #fff;
  z-index: 100;
  position: relative;
}
section.video_gallery .card-section a {
  color: #fff;
  text-decoration: underline;
}
section.video_gallery .card-section .overlay_text_box {
  bottom: 0;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 1rem 3rem;
}

#map {
  height: 75rem;
  position: relative;
  z-index: 100;
  right: 0;
}
@media (max-width: 47.99em) {
  #map {
    height: 40rem;
  }
}

section.video_modul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
section.video_modul .page-block {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.video_modul .page-block {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

section.call_to_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: #FFF;
}
section.call_to_action h1,
section.call_to_action h2,
section.call_to_action h3 {
  color: #FFF;
  text-transform: uppercase;
}
section.call_to_action p {
  font-size: 1.6rem;
}
section.call_to_action .page-block {
  text-align: center;
}
@media (min-width: 48em) {
  section.call_to_action .page-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    position: relative;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  section.call_to_action .page-block div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 48em) and (min-width: 48em) {
  section.call_to_action .page-block div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 48em) {
  section.call_to_action .page-block div:last-of-type {
    text-align: center;
  }
}

section.nextsubject,
section.teaser_four_boxs,
section.teaser_three_boxs,
section.teaser_two_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
section.nextsubject .morecard,
section.teaser_four_boxs .morecard,
section.teaser_three_boxs .morecard,
section.teaser_two_boxs .morecard {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 3rem;
}
section.nextsubject .card-section,
section.teaser_four_boxs .card-section,
section.teaser_three_boxs .card-section,
section.teaser_two_boxs .card-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-size: cover;
  background-color: #cfcfcf;
  min-height: 30rem;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 5rem;
  text-align: center;
  color: #FFF;
  position: relative;
}
@media (min-width: 48em) {
  section.nextsubject .card-section,
section.teaser_four_boxs .card-section,
section.teaser_three_boxs .card-section,
section.teaser_two_boxs .card-section {
    min-height: 45rem;
  }
}
section.nextsubject h2,
section.nextsubject h3,
section.teaser_four_boxs h2,
section.teaser_four_boxs h3,
section.teaser_three_boxs h2,
section.teaser_three_boxs h3,
section.teaser_two_boxs h2,
section.teaser_two_boxs h3 {
  color: #FFF;
}
section.nextsubject .overlay_text_box,
section.teaser_four_boxs .overlay_text_box,
section.teaser_three_boxs .overlay_text_box,
section.teaser_two_boxs .overlay_text_box {
  margin: 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
}

section.nextsubject {
  padding-bottom: 6rem;
}
section.nextsubject .card-section {
  min-height: 40rem;
}
section.nextsubject .title {
  padding: 4rem 0;
  color: #333;
}
section.nextsubject .morecard {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.nextsubject .morecard:first-of-type {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.nextsubject .morecard:first-of-type {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 62em) {
  section.nextsubject .morecard {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

section.teaser_two_boxs .morecard {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.teaser_two_boxs .morecard {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

section.teaser_three_boxs .morecard {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.teaser_three_boxs .morecard {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

section.teaser_four_boxs .morecard {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.teaser_four_boxs .morecard {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

section.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
section.link div {
  padding-bottom: 10rem;
  padding-top: 10rem;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 74.99em) {
  section.link div {
    padding-bottom: 4rem;
    padding-top: 4rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

section.multicol_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
  padding-bottom: 10rem;
}
section.multicol_content h1 {
  text-transform: uppercase;
}
section.multicol_content h3 {
  color: #a9a9a9;
}
section.multicol_content.right .content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
section.multicol_content ul {
  list-style-image: url("../assets/images/punkt.png") !important;
  margin: 2rem 0 2rem 2rem;
}
section.multicol_content .headline {
  position: absolute;
  top: 10rem;
  font-size: 1.6rem;
  padding-bottom: 5rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: 700;
}
section.multicol_content .content {
  padding: 3rem;
}
@media (min-width: 48em) {
  section.multicol_content .content {
    padding: 0rem 1.5rem;
  }
}
section.multicol_content .gallery-one::after {
  width: 0rem;
  height: 0rem;
}
@media (min-width: 75em) {
  section.multicol_content .gallery-one {
    position: relative;
  }
  section.multicol_content .gallery-one::after {
    content: "";
    background: url("../images/bild/superzeichen.svg") !important;
    position: absolute;
    width: 11rem;
    height: 11rem;
    z-index: 100;
    left: -5rem;
    top: -5rem;
  }
}
section.multicol_content div.content,
section.multicol_content div.gallery,
section.multicol_content div.gallery-one {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (min-width: 48em) {
  section.multicol_content div.content,
section.multicol_content div.gallery,
section.multicol_content div.gallery-one {
    padding: 1.5rem 10rem 0 1.5rem;
  }
}
section.multicol_content div.content .video-one,
section.multicol_content div.gallery .video-one,
section.multicol_content div.gallery-one .video-one {
  height: 100vh;
}
section.multicol_content div.content .video-one .overlay_text_box,
section.multicol_content div.gallery .video-one .overlay_text_box,
section.multicol_content div.gallery-one .video-one .overlay_text_box {
  top: -50%;
}
section.multicol_content div.content .video-one video,
section.multicol_content div.gallery .video-one video,
section.multicol_content div.gallery-one .video-one video {
  max-width: none !important;
  height: 100%;
}
@media (max-width: 74.99em) {
  section.multicol_content div.content,
section.multicol_content div.gallery,
section.multicol_content div.gallery-one {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.multicol_content div.gallery-one {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
@media (min-width: 48em) {
  section.multicol_content div.gallery-one {
    padding: 1.5rem;
  }
}
@media (max-width: 74.99em) {
  section.multicol_content div.gallery-one {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: none;
  }
}
section.multicol_content .gallery {
  background-size: cover;
  background-position: center;
  text-align: center;
}
@media (max-width: 61.99em) {
  section.multicol_content .headline {
    font-size: 1.4rem;
    position: relative;
    top: 4rem;
  }
  section.multicol_content .content .text_link_box_text {
    position: relative;
    bottom: 1.5rem;
  }
}
@media (max-width: 47.99em) {
  section.multicol_content .content {
    bottom: 1.5rem;
  }
}

.bluetext {
  position: absolute;
  bottom: 1rem;
  padding: 1rem 2rem;
  background-color: #0078be;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.6rem;
}

.blueimg {
  position: relative;
}

section.multicol_content_three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
  padding-bottom: 10rem;
}
section.multicol_content_three h1 {
  text-transform: uppercase;
}
section.multicol_content_three h2 {
  text-transform: uppercase;
}
section.multicol_content_three.right .content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
section.multicol_content_three ul {
  list-style-image: url("../assets/images/punkt.png") !important;
  margin: 2rem 0 2rem 2rem;
}
section.multicol_content_three .headline {
  position: absolute;
  top: 10rem;
  font-size: 1.6rem;
  padding-bottom: 5rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: 700;
}
@media (min-width: 48em) {
  section.multicol_content_three .content {
    padding: 0rem 1.5rem 3rem;
  }
}
section.multicol_content_three .text {
  padding: 3rem;
}
@media (min-width: 48em) {
  section.multicol_content_three .text {
    padding: 6rem;
  }
}
section.multicol_content_three div.content,
section.multicol_content_three div.gallery,
section.multicol_content_three div.gallery-one {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 48em) {
  section.multicol_content_three div.content,
section.multicol_content_three div.gallery,
section.multicol_content_three div.gallery-one {
    padding: 1.5rem;
  }
}
section.multicol_content_three div.content .video-one,
section.multicol_content_three div.gallery .video-one,
section.multicol_content_three div.gallery-one .video-one {
  height: 100vh;
}
section.multicol_content_three div.content .video-one .overlay_text_box,
section.multicol_content_three div.gallery .video-one .overlay_text_box,
section.multicol_content_three div.gallery-one .video-one .overlay_text_box {
  top: -50%;
}
section.multicol_content_three div.content .video-one video,
section.multicol_content_three div.gallery .video-one video,
section.multicol_content_three div.gallery-one .video-one video {
  max-width: none !important;
  height: 100%;
}
@media (max-width: 74.99em) {
  section.multicol_content_three div.content,
section.multicol_content_three div.gallery,
section.multicol_content_three div.gallery-one {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.multicol_content_three .gallery {
  background-size: cover;
  background-position: center;
  text-align: center;
}
@media (max-width: 61.99em) {
  section.multicol_content_three .headline {
    font-size: 1.4rem;
    position: relative;
    top: 4rem;
  }
  section.multicol_content_three .content .text_link_box_text {
    position: relative;
    bottom: 1.5rem;
  }
}
@media (max-width: 47.99em) {
  section.multicol_content_three .content {
    bottom: 1.5rem;
  }
}

section.model-threeboxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
section.model-threeboxs .boxcover {
  border: 1.5rem solid #f9f9f9;
  position: relative;
  background: #FFF;
}
@media (min-width: 48em) {
  section.model-threeboxs .boxcover {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (max-width: 74.99em) {
  section.model-threeboxs .boxcover {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 47.99em) {
  section.model-threeboxs .boxcover {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.model-threeboxs .boxcover div {
  padding: 4rem;
  padding-bottom: 10rem;
}
section.model-threeboxs .boxcover.querybox img {
  height: 2rem;
  margin-bottom: -4px;
}
section.model-threeboxs .boxcover.querybox div {
  padding: 4rem;
}
section.model-threeboxs .boxcover.querybox .text-white {
  background: #0078be;
  position: relative;
}
section.model-threeboxs .boxcover.querybox .text-white:after {
  content: "";
  display: block;
  position: absolute;
  right: 10%;
  bottom: -4rem;
  width: 0;
  height: 0;
  border-top: 50px solid #0078be;
  border-right: 50px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
}
section.model-threeboxs .boxcover .btn {
  position: absolute;
  bottom: 4rem;
}

.line {
  width: 100%;
  height: 0.1rem;
  background: #dddddd;
  margin-bottom: 2rem;
}

.lineblue {
  width: 6rem;
  height: 1.2rem;
  background: #0078be;
  margin-bottom: 2rem;
}

.toptitle {
  text-align: center;
  padding-bottom: 5rem;
}
.toptitle h3 {
  font-weight: 300;
}

.cardinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin: 1.2rem;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  .cardinfo {
    margin-left: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 48em) {
  .cardinfo {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
.cardinfo .btn {
  width: 100%;
}
.cardinfo div {
  padding-right: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .cardinfo div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.page-login,
.page-password-reset {
  background-image: url("../assets/images/loginback.png");
  background-size: cover;
}
.page-login .panel-login,
.page-password-reset .panel-login {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: 35rem;
}
.page-login .logo,
.page-password-reset .logo {
  background-image: url("../assets/images/logo.svg");
  height: 6rem;
  background-size: 25rem;
  background-repeat: no-repeat;
  background-position: center;
}
.page-login p,
.page-password-reset p {
  text-align: center;
}
.page-login a,
.page-password-reset a {
  color: #fff;
}
.page-login .btn,
.page-password-reset .btn {
  width: 100%;
  border: 0.2rem solid #FFF;
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  border-radius: 4px;
  font-size: 1.8rem;
  color: #ffffff;
  margin-bottom: 4rem;
  padding: 1rem;
}
.page-login input[type=email],
.page-login input[type=password],
.page-password-reset input[type=email],
.page-password-reset input[type=password] {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  padding: 2.2rem 1.5rem 1.5rem 4.5rem;
}
.page-login .form-group span,
.page-password-reset .form-group span {
  position: absolute;
  opacity: 0.5;
  margin: 20px 0 0;
}
.page-login input[type=email]:focus,
.page-login input[type=email]:hover,
.page-login input[type=password]:focus,
.page-login input[type=password]:hover,
.page-password-reset input[type=email]:focus,
.page-password-reset input[type=email]:hover,
.page-password-reset input[type=password]:focus,
.page-password-reset input[type=password]:hover {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
}

.search {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.search form {
  float: left;
}
.search h4 a {
  color: #0078be;
}

.search span {
  margin-bottom: 1rem;
  display: block;
  opacity: 0.74;
  font-size: 14px;
}

@media (max-width: 61.99em) {
  section.hauspost .cardinfo {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding-top: 3rem;
  }
}
section.hauspost .item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 34em) {
  section.hauspost .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 75em) {
  section.hauspost .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
section.hauspost .item::after {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
  z-index: -1;
}
section.hauspost .pmd-card-body {
  padding-left: 0;
}
section.hauspost .infobox {
  padding: 4rem;
  min-height: 55rem;
}
section.hauspost .infobox::after {
  background: #0078be;
  z-index: -1;
}

.infocase {
  padding: 2.5rem;
  background-color: #f2f8ec;
  position: relative;
  margin-bottom: 1.5rem;
}

.infocase::after {
  content: "";
  background-color: #76bb2e;
  width: 200px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}

section.aktuelles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: 5rem;
}
section.aktuelles .medium,
section.aktuelles .small {
  height: 55rem;
  background-size: cover;
  background-position: center;
}
@media (max-width: 61.99em) {
  section.aktuelles .medium,
section.aktuelles .small {
    height: 30rem;
  }
}
section.aktuelles .item_news {
  position: relative;
  padding: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.aktuelles .item_news {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.aktuelles .item_news .medium {
  display: none;
}
section.aktuelles .item_news .small {
  display: block;
}
section.aktuelles .item_news .media-body {
  overflow: hidden;
}
section.aktuelles .item_news .small,
section.aktuelles .item_news .medium {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
section.aktuelles .item_news .small:hover,
section.aktuelles .item_news .medium:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
section.aktuelles .item_news:nth-of-type(2n) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.aktuelles .item_news:nth-of-type(2n) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
section.aktuelles .item_news:nth-of-type(2n) .medium {
  display: block;
}
section.aktuelles .item_news:nth-of-type(2n) .small {
  display: none;
}
section.aktuelles .item_news:nth-of-type(4n + 2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.aktuelles .item_news:nth-of-type(4n + 2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.aktuelles .item_news:nth-of-type(4n + 2) .medium {
  display: none;
}
section.aktuelles .item_news:nth-of-type(4n + 2) .small {
  display: block;
}
section.aktuelles .item_news:nth-of-type(4n + 1) {
  position: relative;
  padding: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.aktuelles .item_news:nth-of-type(4n + 1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
section.aktuelles .item_news:nth-of-type(4n + 1) .medium {
  display: block;
}
section.aktuelles .item_news:nth-of-type(4n + 1) .small {
  display: none;
}
section.aktuelles .pmd-card-subtitle-text,
section.aktuelles .pmd-card-title-text {
  color: #FFF !important;
  opacity: 1 !important;
  margin-top: 0;
}
section.aktuelles .pmd-card-subtitle-text {
  font-weight: 300;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
section.aktuelles .pmd-card-body {
  position: absolute;
  z-index: 100;
  min-height: 13rem;
  width: calc(100% - 3rem);
  padding: 2rem;
  bottom: 1.5rem;
  background: rgba(13, 40, 75, 0.6);
}

.page-dokumente h2,
.page-team h2 {
  padding: 2rem 0 0;
}

section.ansprechpartner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.ansprechpartner {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
section.ansprechpartner .title-top {
  position: absolute;
  top: -5rem;
  text-align: left;
  color: #fff;
  font-size: 2rem;
  display: block;
  font-weight: 900;
}
section.ansprechpartner .rowcard {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}
section.ansprechpartner .media-body img {
  border-radius: 4px 4px 0 0;
}
section.ansprechpartner .item {
  position: relative;
  padding-bottom: 12rem;
  border-radius: 4px 4px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.ansprechpartner .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 75em) {
  section.ansprechpartner .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
section.ansprechpartner .item::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  z-index: 1;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
section.ansprechpartner .pmd-card-info {
  z-index: 100;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 2.5rem;
}
section.ansprechpartner .mobil,
section.ansprechpartner .tel {
  position: relative;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 2rem;
  padding: 0.6rem 2rem 0.6rem 4rem;
  width: 100%;
  color: #000;
}
section.ansprechpartner .mobil::after,
section.ansprechpartner .tel::after {
  font-family: "icomoon" !important;
  position: absolute;
  top: 0.6rem;
  bottom: 1rem;
  right: 0;
  left: 0.4rem;
  z-index: -1;
  color: #0078be;
  font-size: 3rem;
}
section.ansprechpartner .email {
  position: relative;
  background: #0078be;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  margin-top: 1rem;
  padding: 0.6rem 2rem 0.6rem 4rem;
  width: 100%;
}
section.ansprechpartner .email a {
  color: #ffffff;
}
section.ansprechpartner .email a::after {
  font-family: "icomoon" !important;
  position: absolute;
  top: -0.7rem;
  bottom: 1rem;
  right: 0;
  left: 0.6rem;
  z-index: 1;
  color: #fff;
  font-size: 3rem;
  z-index: 100;
}

.page-block ul {
  list-style-image: url("../assets/images/punkt.png") !important;
  margin: 2rem 0 2rem 2rem;
}

.page-beschwerdemeldung .nice-select {
  margin: 0 !important;
  margin-bottom: 1rem !important;
  width: calc(100% - 1.7rem);
  border-radius: 0px;
  border: 0.2rem solid #dbdbdb;
  color: #333;
  background: #f6f6f6;
}
.page-beschwerdemeldung .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
      -ms-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  width: 100%;
  border-radius: 0;
}

section.text_modul_sitebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
}
section.text_modul_sitebar .page-block {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.text_modul_sitebar .page-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 8.3333333333%;
  }
}
section.text_modul_sitebar .grau {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.text_modul_sitebar .grau {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.text_modul_sitebar section.ansprechpartner {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.text_modul_sitebar section.ansprechpartner {
    top: -15rem;
  }
}
section.text_modul_sitebar section.ansprechpartner .item {
  position: relative;
  padding-bottom: 12rem;
  border-radius: 4px 4px 0 0;
  height: 55rem;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.text_modul_sitebar section.ansprechpartner .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
section.text_modul_sitebar section.ansprechpartner .mobil,
section.text_modul_sitebar section.ansprechpartner .tel {
  background: #fff;
}
section.text_modul_sitebar section.ansprechpartner .media-body img {
  border-radius: 4px;
}
section.text_modul_sitebar section.ansprechpartner .pmd-card-title-text {
  text-transform: uppercase;
  font-size: 2.4rem;
}
section.text_modul_sitebar section.ansprechpartner .pmd-card-subtitle-text {
  text-transform: initial;
}
section.text_modul_sitebar section.ansprechpartner .item::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  z-index: 1;
  background: transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 0px 0px 0 rgba(0, 0, 0, 0.24);
}

section.keyfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
section.keyfact div {
  margin-bottom: 4rem;
  margin-top: 4rem;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.keyfact div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
section.keyfact div h1 {
  color: #0078be;
  font-size: 8rem;
  line-height: 0.8;
  letter-spacing: -0.5rem;
}
section.keyfact div:nth-of-type(2n) h1 {
  color: #0D284B;
}

section.ansp-one {
  padding-bottom: 4rem;
  padding-top: 4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 75em) {
  section.ansp-one {
    margin-left: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
section.ansp-one .item,
section.ansp-one .item-start {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.ansp-one .item,
section.ansp-one .item-start {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

section.events .grid-4 {
  text-align: center;
  padding-bottom: 6rem;
  background: #f9f9f9;
  border: 0.5rem solid #fff;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.events .grid-4 .btn.full {
  position: absolute;
  width: calc(100% - 4rem);
  left: 2rem;
  bottom: 2rem;
  margin: 0;
}
@media (min-width: 48em) {
  section.events .grid-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
section.events .grid-3 {
  text-align: center;
  padding-bottom: 6rem;
  background: #f9f9f9;
  border: 0.5rem solid #fff;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.events .grid-3 .btn.full {
  position: absolute;
  width: calc(100% - 4rem);
  left: 2rem;
  bottom: 2rem;
  margin: 0;
}
@media (min-width: 48em) {
  section.events .grid-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.events .grid-6 {
  text-align: center;
  background: #f9f9f9;
  border: 0.5rem solid #fff;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 48em) {
  section.events .grid-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.events p {
  font-size: 1.6rem;
}
section.events .numblau {
  color: #0078be;
  font-size: 4rem;
  font-weight: 900;
  margin: 0;
  margin-bottom: 2rem;
}
section.events .numjahr {
  font-weight: 900;
  font-size: 2.6rem;
  margin: 2rem 0 0rem;
}
section.events section.ansprechpartner .item,
section.events section.ansprechpartner .item-start {
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  section.events section.ansprechpartner .item,
section.events section.ansprechpartner .item-start {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
section.events .date {
  text-align: center;
  color: #0078be;
  font-weight: 900;
  font-size: 6rem;
  line-height: 5.5rem;
}
@media (min-width: 48em) {
  section.events .date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
section.events .date span {
  font-size: 2.8rem;
  display: block;
}
section.events .infotext {
  border-left: 2px solid #d4d4d4;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 2rem;
}
section.events .infotext img {
  height: 2rem;
  margin-bottom: -4px;
}
@media (min-width: 48em) {
  section.events .infotext {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
section.events .events_regular {
  margin-bottom: 3rem;
  width: 100%;
}
section.events .events_regular img {
  height: 2rem;
  margin-bottom: -4px;
}
section.events .itembox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2rem 0;
}
@media (min-width: 48em) {
  section.events .itembox:nth-of-type(2n) {
    background: #f9f9f9;
  }
}
section.events .tabs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 75em) {
  section.events .tabs {
    margin-left: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
section.events .tabs::after {
  content: "";
  background: #f9f9f9;
  width: 100%;
  position: absolute;
  height: 7.2rem;
  left: 0;
  z-index: -1;
}
section.events .input {
  position: absolute;
  opacity: 0;
}
section.events .label {
  width: 100%;
  padding: 20px 30px;
  background: #f9f9f9;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  -webkit-transition: background 0.1s, color 0.1s;
  -o-transition: background 0.1s, color 0.1s;
  transition: background 0.1s, color 0.1s;
}
section.events .label:hover {
  background: #d8d8d8;
}
section.events .label:active {
  background: #ccc;
}
section.events .input:focus + .label {
  z-index: 1;
}
section.events .input:checked + .label {
  background: #fff;
  color: #0078be;
}
@media (min-width: 34em) {
  section.events .label {
    width: auto;
  }
}
section.events .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-left: 0rem;
  margin-right: 0rem;
  display: none;
  padding: 20px 0px 0px;
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  padding-bottom: 4rem;
}
section.events .panel {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
}
section.events .input:checked + .label + .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-sparangebote .preline {
  text-transform: capitalize;
}
.page-sparangebote .preline::after {
  content: "";
  height: 0.3rem;
  width: 8rem;
  display: block;
  background: #333;
  margin: 0rem 0 1.5rem;
}

.category {
  color: #878787;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  width: 100%;
}
.category .textout {
  color: #333333;
  text-transform: none;
  font-weight: 300;
  margin-top: 1rem;
}

.thumbnails {
  height: 400px;
  background-size: cover;
  background-position: center center;
  margin: 2rem 0;
  -webkit-box-shadow: inset 0 2px 3px rgba(73, 54, 73, 0.3);
          box-shadow: inset 0 2px 3px rgba(73, 54, 73, 0.3);
}

.nextposts {
  margin-top: 4rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.item::after {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
  z-index: 1;
  background: #FFF;
  border-radius: 4px;
}

.pmd-card-body {
  color: #333;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.pmd-card-title {
  text-align: center;
}
.pmd-card-title img {
  text-align: center;
  padding: 0;
}

.cardyoutube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin: 1rem;
}
.cardyoutube .date {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.cardyoutube .con:first-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .cardyoutube .con:first-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
.cardyoutube .con:last-of-type {
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .cardyoutube .con:last-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

/********* jquery mg-space ********/
.mg-rows {
  position: relative;
}

.mg-trigger {
  cursor: pointer;
}

.mg-space {
  display: none;
  position: relative;
  width: 100%;
  float: left;
}

.mg-target {
  display: none;
  background: #f9f9f9;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-box-shadow: 0 2px 3px rgba(73, 54, 73, 0.3) inset;
          box-shadow: 0 2px 3px rgba(73, 54, 73, 0.3) inset;
}
@media (min-width: 48em) {
  .mg-target {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

.mg-target-open {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mg-indicator {
  border-bottom: 15px solid rgba(73, 54, 73, 0.3);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.mg-close:before, .navgroup .mg-close.ac::after, .accordionlink a.mg-close::after, section.ansprechpartner .mg-close.mobil::after,
section.ansprechpartner .mg-close.tel::after, section.ansprechpartner .email a.mg-close::after {
  content: "";
  background-image: url("../images/blue/close.svg");
  line-height: 2rem;
  width: 3rem;
  height: 3rem;
  position: absolute;
  z-index: 1;
  right: 0.5rem;
}

.mg-close {
  cursor: pointer;
  height: 30px;
  padding: 7px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  z-index: 2;
  color: white;
}

.card {
  background-color: #FFF;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.card a {
  color: #333;
}
.card a,
.card a:hover {
  color: #333;
}
.card .autordate {
  padding: 1rem;
}
.card .autordate span {
  display: inline-block;
  padding: 1.2rem;
  position: absolute;
}
.card .autordate .autor {
  float: left;
  width: 30%;
}
.card .autordate .autor img {
  border-radius: 100%;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.card .autordate .date {
  float: right;
  padding-top: 1.2rem;
}

.accordionlink {
  position: relative;
}
.accordionlink a {
  margin-bottom: 1.5rem;
  padding: 1.5rem 2.5rem;
  background: #0078be;
  color: #FFF;
  font-weight: bold;
  width: 100% !important;
  display: block;
}
@media (max-width: 61.99em) {
  .accordionlink a {
    font-size: 1.4rem;
  }
}

.download-button a::after {
  content: "";
  background: url("../images/blue/download.svg");
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  z-index: 1;
  width: 32px;
  height: 32px;
}

.downloadlink {
  position: relative;
}
.downloadlink a {
  margin-bottom: 1.5rem;
  padding: 1.5rem 2.5rem;
  background: #0078be;
  border: 1px solid #0078be;
  color: #FFF;
  font-weight: bold;
  width: 100% !important;
  display: block;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
@media (max-width: 61.99em) {
  .downloadlink a {
    font-size: 1.4rem;
  }
}
.downloadlink a:hover {
  background: #FFF;
  border: 1px solid #0078be;
  color: #0078be;
}

.downloadlink a::after {
  content: "";
  background: url("../images/download.svg");
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  z-index: 1;
  width: 32px;
  height: 32px;
}

.downloadlink a:hover:after {
  content: "";
  background: url("../images/blue/download.svg");
}

.accordionlink a::after {
  font-family: "icomoon" !important;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 1.6rem;
  z-index: 1;
  color: #FFF;
  font-size: 3.8rem;
}

/*----- Accordion -----*/
.accordion {
  position: relative;
  background: #FFF;
  width: 100%;
  text-align: left;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 1.5rem;
}

.accordion {
  border: 1px solid #f1f1f1;
  border-bottom: 1px solid #e2e2e2;
}

.accordion.active {
  border: 1px solid #e2e2e2;
}

.accordion.active {
  background: #f9f9f9;
}
.accordion.active .accordion-section-title {
  color: #0078be;
}

.accordion-section-title::after {
  content: "";
  background-image: url("../images/down.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  z-index: 1;
  color: #0078be;
  font-size: 2.8rem;
}

.stellenangebotes .accordion-section-title::after {
  top: 2.5rem;
}

/*----- Section Titles -----*/
.accordion-section-title {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  width: 100%;
  padding: 1.5rem 3.5rem 1.5rem 1.5rem;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
  font-weight: bold;
  color: #333;
}
.accordion-section-title .span {
  font-size: 1.4rem;
  color: #878787;
  font-weight: 100;
  display: block;
}
.accordion-section-title svg {
  display: none;
}

.active .accordion-section-title::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.accordion-section-content {
  padding: 1.5rem;
  background-color: white;
  display: none;
  color: #333;
}
div.accordion-section-content ul {
  list-style-image: url("../assets/images/punkt.png") !important;
  margin-left: 5rem;
  margin-bottom: 4rem;
  font-size: 1.8rem;
}
div.accordion-section-content p {
  margin-bottom: 2rem;
}

section.stellenangebotes .accordion-section-content {
  padding: 0;
}
section.stellenangebotes h1,
section.stellenangebotes h2,
section.stellenangebotes h3,
section.stellenangebotes h4,
section.stellenangebotes h5 {
  color: #333;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
section.stellenangebotes .content {
  padding: 1.5rem 2.5rem;
}
section.stellenangebotes .last {
  background: #f4f4f4;
  padding: 2.5rem;
  margin: 0;
}

.text-white {
  color: #fff !important;
  background-color: #0078be;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
  color: #fff !important;
}

.grau {
  background-color: #f9f9f9;
}

.flags {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  padding: 3rem;
  background: #fff;
  border-radius: 4px 0 0 4px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 1.6rem;
}
@media (min-width: 48em) {
  .flags {
    display: block;
  }
}
.flags p {
  font-size: 1.6rem;
}
.flags strong {
  color: #0078be;
}
.flags.is-visible {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, 0.33);
          box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, 0.33);
}
.flags.is-visible .flags-button:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.flags img {
  height: 2rem;
  margin-bottom: -4px;
}

.page-startseite .hiro h1 span {
  display: block;
  font-family: "Times New Roman", Times, serif;
  font-size: 3.2rem;
}
.page-startseite .hiro h1 {
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 48em) {
  .page-startseite .hiro h1 span {
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 8rem;
  }
  .page-startseite .hiro h1 {
    font-size: 8.2rem;
    line-height: 8rem;
    margin-bottom: 3rem;
  }
}

.flags-button {
  background: url("../images/contact.svg");
  background-color: #fff;
  -webkit-box-shadow: -4px 1px 6px -1px rgba(0, 0, 0, 0.33);
          box-shadow: -4px 1px 6px -1px rgba(0, 0, 0, 0.33);
  border-radius: 4px 0 0 4px;
  letter-spacing: 1px;
  height: 22rem;
  position: absolute;
  top: 50%;
  width: 5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -4.5rem;
  background-size: 4.5rem;
}
.flags-button:after {
  position: absolute;
  content: "";
  height: 2.5rem;
  right: 1.5rem;
  width: 2.5rem;
  bottom: 4.5rem;
  background-size: 2.5rem;
  background-image: url("../images/blue/arrow/back.svg");
}

header {
  height: 13rem;
}
@media (max-width: 74.99em) {
  header {
    height: 8rem;
  }
}
header .logo {
  padding: 1.5rem 0 0 0;
  position: absolute;
  -webkit-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
  opacity: 1;
}
header .logo a {
  padding: 0 !important;
}
@media (max-width: 61.99em) {
  header .logo {
    width: 18rem;
  }
}
header .suche {
  background: white none repeat scroll 0% 0%;
  top: 8rem;
  position: absolute;
  width: 100%;
  left: 0px;
  padding: 3rem;
  -webkit-transition: all 550ms ease-in-out 0s;
  -o-transition: all 550ms ease-in-out 0s;
  transition: all 550ms ease-in-out 0s;
  display: none;
}

.arrowjump {
  -webkit-animation: arrowjump 3s infinite;
          animation: arrowjump 3s infinite;
  bottom: 4rem;
  left: 50%;
  position: absolute;
  right: auto;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: -15px;
  z-index: 1002;
}
@media (max-width: 61.99em) {
  .arrowjump {
    bottom: 10rem;
  }
}

.trailer-arrow {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  height: 20px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  cursor: pointer;
}

@-webkit-keyframes arrowjump {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes arrowjump {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.logosmall {
  position: absolute;
  top: 7.2rem;
  z-index: 10000;
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  opacity: 0;
  display: none;
}
.logosmall a {
  padding: 0 !important;
}
@media (min-width: 75em) {
  .logosmall {
    display: block;
  }
}

.desk-suche {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20rem;
  display: none;
}
.desk-suche input[type=text] {
  border: 1px solid #ddd;
  width: 100%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  background: #FFF;
}
.desk-suche input::-webkit-input-placeholder {
  color: #333333;
  font-size: 1.4rem;
}
.desk-suche input::-moz-placeholder {
  color: #333333;
  font-size: 1.4rem;
}
.desk-suche input:-ms-input-placeholder {
  color: #333333;
  font-size: 1.4rem;
}
.desk-suche input::-ms-input-placeholder {
  color: #333333;
  font-size: 1.4rem;
}
.desk-suche input::placeholder {
  color: #333333;
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .desk-suche {
    display: block;
  }
}

.page-startseite header {
  height: 8rem;
}
.page-startseite .logosmall {
  display: none !important;
}
.page-startseite .teaser-background:first-of-type::after {
  content: "";
  background-image: url("../images/logoclaim.svg");
  height: 42px;
  width: 375px;
  bottom: 0;
  position: absolute;
  right: -135px;
  z-index: 1000;
  background-size: 24rem;
}
@media (max-width: 61.99em) {
  .page-startseite .teaser-background:first-of-type::after {
    height: 32px;
    width: 193px;
    right: -5px;
    background-size: 19rem;
  }
}

#cd-intro {
  position: relative;
  height: 400px;
  z-index: 1;
  background: #0078be;
  margin-bottom: 3rem;
  margin-top: 1rem;
}

#cd-intro #cd-intro-background {
  height: 100%;
  width: 100%;
  background-size: cover;
}

#cd-intro #cd-intro-tagline {
  position: absolute;
  width: 90%;
  max-width: 1170px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.layout-heimkehr .menuid-65,
.layout-service .menuid-66,
.layout-aktuelles .menuid-67,
.layout-events .menuid-67,
.layout-wohnen .menuid-68,
.layout-sparen .menuid-69,
.layout-kontakt .menuid-70 {
  color: #0078be;
}

/* --------------------------------

1. Auto-Hiding Navigation - Simple

-------------------------------- */
.cd-auto-hide-header {
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}

.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}

.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.cd-black {
  background-color: #FFF;
}
@media (min-width: 62em) {
  .cd-black {
    height: 80px;
  }
}

/* --------------------------------

2. Auto-Hiding Navigation - with Sub Nav

-------------------------------- */
.cd-secondary-nav {
  display: block;
  position: relative;
  z-index: 1000;
  clear: both;
  width: 100%;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  text-transform: uppercase;
}
.cd-secondary-nav .titel {
  cursor: pointer;
}

.cd-secondary-nav a,
.cd-secondary-nav li,
.cd-secondary-nav ul {
  height: 100%;
}

.cd-secondary-nav ul::after {
  clear: both;
  content: "";
  display: block;
}

.cd-secondary-nav li, .cd-black li {
  display: inline-block;
}

.cd-secondary-nav li:last-of-type {
  padding-right: 20px;
}

.cd-secondary-nav a, .cd-black a {
  display: block;
  color: #333;
  font-weight: 900;
  letter-spacing: 0.05rem;
  padding: 0 1em;
  font-size: 1.6rem;
}

.cd-black a {
  line-height: 80px;
}

.cd-secondary-nav a {
  line-height: 50px;
}

.cd-black a.active,
.cd-black a:hover,
.cd-secondary-nav a.active,
.cd-secondary-nav a:hover {
  color: #0078be;
}

.cd-secondary-nav a.active {
  -webkit-box-shadow: inset 0 -3px #0078be;
          box-shadow: inset 0 -3px #0078be;
}

.cd-secondary-nav .titel {
  float: left;
  display: block;
  color: #333;
  font-weight: 900;
  line-height: 50px;
  padding: 0 1em;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

@media (max-width: 74.99em) {
  .cd-secondary-nav, .cd-black nav {
    display: none;
  }
}
footer {
  background-color: #0D284B;
  color: #FFF;
  font-size: 1.6rem;
  bottom: 0;
  padding-top: 4rem;
  padding-bottom: 14rem;
  width: 100%;
  font-weight: bold;
}
footer .logo {
  background-image: url("../images/logowhite.svg");
  background-repeat: no-repeat;
  height: 4.6rem;
  width: 22rem;
  float: left;
}
@media (max-width: 74.99em) {
  footer .logo {
    margin: 0 auto;
    float: none;
  }
}
footer .copyright {
  margin-bottom: 0;
  font-weight: 300;
  line-height: 5.5rem;
}
@media (max-width: 74.99em) {
  footer .copyright {
    margin-bottom: 0;
    font-weight: 300;
    line-height: 3.5rem;
    margin-left: 0;
    clear: both;
    padding-top: 3rem;
  }
}
footer .copyright a,
footer .copyright a:hover {
  color: #FFF;
}
@media (max-width: 74.99em) {
  footer .subfooter {
    text-align: center;
  }
}
footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  position: relative;
  margin-top: 0rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 5rem;
  right: 0;
}
@media (max-width: 74.99em) {
  footer .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1rem;
    position: unset;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1rem auto;
    width: 100%;
  }
}
footer .social a {
  margin-left: 1rem;
}
footer .navfooter {
  padding-bottom: 2rem;
  position: relative;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  footer .navfooter {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 62em) {
  footer .navfooter {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
footer .navfooter a,
footer .navfooter a:hover {
  color: #FFF;
  font-weight: 900;
}
footer .navfooter li a,
footer .navfooter li a:hover {
  color: #FFF;
  font-weight: 300;
}
@media (min-width: 48em) {
  footer {
    padding-bottom: 18rem;
  }
}
@media (min-width: 62em) {
  footer {
    padding-bottom: 8rem;
  }
}

.endfooter {
  background: #F4F4F4;
}

.pagination {
  padding: 1.1rem 2rem 2rem 0;
  text-align: center;
}
.pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 0.2em;
}
.pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.pagination a,
.pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: 0.6em 1.2em;
  font-size: 1.4rem;
  font-weight: bold;
}
.pagination a {
  border-radius: 4px;
  background-color: #0078be;
  color: #FFF;
  margin-right: 5px;
  margin-bottom: 5px;
}
.pagination a:hover {
  background-color: #0078be;
}
.pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.pagination a.disabled {
  /* button disabled */
  color: rgba(0, 120, 190, 0.4);
  pointer-events: none;
}
.pagination a.disabled::after, .pagination a.disabled::before, .pagination section.ansprechpartner .email a.disabled::after, section.ansprechpartner .email .pagination a.disabled::after {
  opacity: 0.4;
}
.pagination .button:first-of-type a::before, .pagination .button:first-of-type .navgroup a.ac::after, .navgroup .pagination .button:first-of-type a.ac::after, .pagination .button:first-of-type section.ansprechpartner a.mobil::after, section.ansprechpartner .pagination .button:first-of-type a.mobil::after,
.pagination .button:first-of-type section.ansprechpartner a.tel::after,
section.ansprechpartner .pagination .button:first-of-type a.tel::after, .pagination .button:first-of-type section.ansprechpartner .email a::after, section.ansprechpartner .email .pagination .button:first-of-type a::after, .pagination .button:first-of-type .accordionlink a::after, .accordionlink .pagination .button:first-of-type a::after {
  content: "\AB";
}
.pagination .button:last-of-type a::after {
  content: " \BB";
}
.pagination .current {
  border-radius: 4px;
  /* selected number */
  background-color: #00588b;
  pointer-events: none;
}

/*--------------------------------------------------------------
Go to top button
--------------------------------------------------------------*/
.go-top {
  position: absolute;
  bottom: 2rem;
  left: -60px;
  color: #fff;
  display: block;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  width: 60px;
  height: 60px;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 9999;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: -3px 1px 5px -1px rgba(0, 0, 0, 0.33);
          box-shadow: -3px 1px 5px -1px rgba(0, 0, 0, 0.33);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding: 1rem;
}

.go-top:hover {
  background-color: #fff;
}

.go-top.show {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  background: #fff;
}

/* ==========================================================================

// Nav File
// Theme styles for the website nav.

/* ========================================================================== */
.cd-nav-trigger {
  display: none;
}

.mobil-nav li {
  border: 0 !important;
}
.mobil-nav ul {
  border: 0 !important;
}
.mobil-nav a {
  font-size: 1.6rem !important;
  font-family: "ff-meta-web-pro", Arial, sans-serif !important;
}
@media (min-width: 62em) {
  .mobil-nav {
    display: none;
  }
}

.navgroup li {
  background: #0078be;
  min-width: 30rem;
  cursor: pointer;
  padding: 1.5rem;
}
.navgroup .ac {
  background-color: white;
  position: relative;
}
.navgroup .ac::after {
  font-family: "icomoon" !important;
  position: absolute;
  top: 0.5rem;
  z-index: 1;
  color: #FFF;
  font-size: 2.8rem;
  right: 0;
}

.usermenu {
  display: none;
  position: absolute;
  top: 48px;
  background: white none repeat scroll 0 0;
  color: #333333;
  right: -10px;
  padding: 2rem !important;
  text-align: center;
}

.main-menu:hover,
nav.main-menu.expanded {
  width: 250px;
  overflow: visible;
}
.main-menu:hover .nav-text,
nav.main-menu.expanded .nav-text {
  -webkit-transition: opacity 350ms ease-out;
  -o-transition: opacity 350ms ease-out;
  transition: opacity 350ms ease-out;
  opacity: 1;
}

.main-menu {
  background: #0078be;
  position: fixed;
  padding: 6rem 0 0;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 52px;
  overflow: hidden;
  -webkit-transition: width 0.1s ease-out;
  -o-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  z-index: 1000;
}
.main-menu .nav-text {
  position: absolute;
  margin-left: 10px;
  opacity: 0;
  top: 9px;
}
.main-menu .active {
  background: white;
  padding: 1rem;
}
.main-menu li {
  position: relative;
  display: block;
  width: 250px;
  padding: 0.8rem 1rem !important;
}
.main-menu li > a {
  position: relative;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
  text-decoration: none;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  line-height: 1;
}
.main-menu .nav-icon {
  position: relative;
  display: table-cell;
  width: 60px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}

.main-navigation {
  display: block;
}

.navbar {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 0 none;
  letter-spacing: 1px;
  z-index: 104;
  position: relative;
  display: block;
}

.navbar-right {
  float: right;
}

/*----------------------------------------------------------------
      Header menu
  ----------------------------------------------------------------*/
/*
    header.transparent.light #brand a,
    header.transparent.light nav > ul > li > a {
        color: $navbar-color;
    }

    header.fixed-header.transparent.light #brand a,
    header.fixed-header.transparent.light nav > ul > li > a {
        color: #333;
        text-shadow: none;
    }

    header.fixed-header.transparent.light nav > ul > li:hover > a {
        border-bottom: 2px solid #333;
    }
*/
nav > ul,
nav > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

nav > ul > li {
  padding: 0 0.778em;
  cursor: pointer;
}

nav > ul > li:last-child {
  padding: 0 0 0 0.778em;
}

nav > ul > li > a {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: color 0.2s ease-out, background 1s ease-in;
  -o-transition: color 0.2s ease-out, background 1s ease-in;
  transition: color 0.2s ease-out, background 1s ease-in;
  color: #333;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  text-transform: uppercase;
}

nav > ul > li:hover > a {
  color: #0078be !important;
}

footer.bottom nav > ul,
footer.bottom nav > ul > li {
  padding: 0 3rem 0 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
footer.bottom nav > ul,
footer.bottom nav > ul > li:last-child {
  padding: 0 1rem 0 0;
}
footer.bottom nav > ul > li > a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-transition: color 0.2s ease-out, background 1s ease-in;
  -o-transition: color 0.2s ease-out, background 1s ease-in;
  transition: color 0.2s ease-out, background 1s ease-in;
  color: #d2d2d3 !important;
  font-family: "ff-meta-web-pro", Arial, sans-serif;
}
footer.bottom nav > ul > li:hover > a {
  color: #0078be !important;
}

/*
    header.transparent.light nav > ul > li:hover > a {
        border-bottom: 2px solid $primary-color;
    }
*/
nav li {
  position: relative;
  white-space: nowrap;
}

nav > ul li:hover > ul.sub-menu {
  display: block;
  /* show the submenu */
}

nav .sub-arrow {
  padding-left: 0.5em;
  vertical-align: middle;
  font-size: 0.714em;
}

nav ul.sub-menu {
  position: absolute;
  left: 0;
  z-index: 9999;
  /* level 2 */
  display: none;
  margin: 0 0 0 10px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

#menu-toggle {
  display: none;
  color: #CCC;
  text-decoration: none;
}

#menu-toggle i {
  line-height: 2;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#menu-toggle i.active {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

#menu-toggle:hover {
  color: #FD685B;
}

.info {
  background: transparent;
  color: #fff;
  font-size: 1.8rem;
  padding: 1rem 2.4rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.startimg {
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #da402d;
  /* Image Credit: Unsplash.me */
  background-size: cover;
}

.startimg .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 103;
}

.startimg h1,
.startimg h2 {
  margin: 0;
}

.startimg h2 {
  text-transform: uppercase;
  margin-top: -0.5em;
}

.startimg hgroup {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  border: 5px solid #fff;
  padding: 0.5em 3em;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.startimg .overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #da402d;
  background-size: cover;
  z-index: 102;
  opacity: 1;
}

.overlay {
  background: url("../back.jpg") center no-repeat;
}

.icon-sidebar {
  display: none;
}

@media (max-width: 47.99em) {
  .avatar, .dropdown {
    display: none;
  }

  header .main-navigation, .nav .navbar-nav .navbar-right, .navbar-header.suchen {
    text-indent: -99999999999999px;
  }

  .main-menu li {
    width: 250px;
    padding: 0.2rem 1rem !important;
  }

  .main-menu .nav-text {
    opacity: 1;
  }

  .main-menu {
    width: 250px;
    overflow: visible;
    display: none;
  }

  .icon-sidebar {
    position: fixed;
    top: 1.4rem;
    right: 1.5rem;
    display: block;
  }

  .usermenu {
    position: fixed;
    top: 48.1px;
    background: white none repeat scroll 0 0;
    color: #333333;
    right: 0;
    top: 6rem;
    padding: 2rem !important;
    text-align: center;
    width: 100%;
    text-indent: 0;
  }
}
.mobilnav,
.cd-header-buttons,
.mobilebar {
  display: none;
}

.bk-01-on,
.bk-02-on,
.bk-03-on,
.bk-04-on {
  display: none;
}

.page-aktuelles .bk-01-off, .page-service .bk-02-off, .page-wohnen .bk-03-off, .page-servicepunkte .bk-04-off {
  display: none;
}

.page-aktuelles .bk-01-on, .page-service .bk-02-on, .page-wohnen .bk-03-on, .page-servicepunkte .bk-04-on {
  display: block;
}

.cd-search-trigger-desk::before, section.ansprechpartner .cd-search-trigger-desk.mobil::after,
section.ansprechpartner .cd-search-trigger-desk.tel::after, section.ansprechpartner .email a.cd-search-trigger-desk::after, .accordionlink a.cd-search-trigger-desk::after, .navgroup .cd-search-trigger-desk.ac::after, .cd-search-trigger-desk::after {
  /* search icon */
  content: "";
  position: absolute;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger-desk::before, section.ansprechpartner .cd-search-trigger-desk.mobil::after,
section.ansprechpartner .cd-search-trigger-desk.tel::after, section.ansprechpartner .email a.cd-search-trigger-desk::after, .accordionlink a.cd-search-trigger-desk::after, .navgroup .cd-search-trigger-desk.ac::after {
  /* lens */
  top: 11px;
  left: 11px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #000;
}
.cd-search-trigger-desk::after {
  /* handle */
  height: 2px;
  width: 8px;
  background: #000;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger-desk span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger-desk span::before, .cd-search-trigger-desk section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger-desk span.mobil::after,
.cd-search-trigger-desk section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger-desk span.tel::after, .cd-search-trigger-desk .navgroup span.ac::after, .navgroup .cd-search-trigger-desk span.ac::after,
.cd-search-trigger-desk span::after {
  /* close icon */
  content: "";
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #000;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger-desk span::before, .cd-search-trigger-desk section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger-desk span.mobil::after,
.cd-search-trigger-desk section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger-desk span.tel::after, .cd-search-trigger-desk .navgroup span.ac::after, .navgroup .cd-search-trigger-desk span.ac::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger-desk span::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger-desk.search-is-visible::before, section.ansprechpartner .cd-search-trigger-desk.search-is-visible.mobil::after,
section.ansprechpartner .cd-search-trigger-desk.search-is-visible.tel::after, section.ansprechpartner .email a.cd-search-trigger-desk.search-is-visible::after, .cd-search-trigger-desk.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger-desk.search-is-visible span::before,
.cd-search-trigger-desk.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger-desk.search-is-visible span::before, .cd-search-trigger-desk.search-is-visible section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger-desk.search-is-visible span.mobil::after,
.cd-search-trigger-desk.search-is-visible section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger-desk.search-is-visible span.tel::after, .cd-search-trigger-desk.search-is-visible .navgroup span.ac::after, .navgroup .cd-search-trigger-desk.search-is-visible span.ac::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger-desk.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger-desk {
  position: absolute;
  top: -13px;
  right: 0px;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 1000;
}
.cd-search-trigger-desk:hover {
  color: transparent;
}

@media (max-width: 61.99em) {
  .mobilebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    z-index: 2000;
    background: #fff;
    border-top: 1px #f2f2f2 solid;
  }
}
@media (max-width: 74.99em) {
  .cd-header-buttons {
    display: block;
  }

  .mobilnav {
    position: fixed;
    top: 8rem;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
            transform: translateX(150%);
    background-color: #FFF;
    z-index: 10000;
    padding: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top: 1px solid #0078be;
  }
  .mobilnav .navfooter {
    background-color: #FFF;
    padding: 0;
  }
  .mobilnav .navfooter a,
.mobilnav .navfooter a:hover {
    display: block;
    color: #0078be;
    font-size: 2rem;
    font-weight: 900;
    padding: 1rem 3rem;
    border-bottom: 1px solid #ddd;
  }
  .mobilnav .navfooter li a,
.mobilnav .navfooter li a:hover {
    display: block;
    color: #0078be;
    padding: 1rem 4rem;
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    font-weight: 900;
  }
  .mobilnav .subnav {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    background: #fff;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
  }
  .mobilnav .subnav ul {
    border-top: 3px solid #0078be;
  }
  .mobilnav .is-hidden,
.mobilnav ul.is-hidden {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    height: 0;
  }
  .mobilnav.is-visible {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
  .mobilnav.is-nav {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
  .mobilnav ul ul .go-back {
    display: block;
  }
  .mobilnav .active {
    background-color: #0078be;
    color: #fff !important;
  }

  .cd-header-buttons {
    position: fixed;
    display: inline-block;
    top: 2rem;
    right: 5%;
    z-index: 100000;
  }

  .cd-header-buttons li {
    display: inline-block;
  }

  .cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger section.ansprechpartner span.mobil::after,
section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after,
.cd-nav-trigger .navgroup span.ac::after,
.navgroup .cd-nav-trigger span.ac::after,
.cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #333;
  }

  .cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -o-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
  }

  .cd-nav-trigger span::before, .cd-nav-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after, .cd-nav-trigger .navgroup span.ac::after, .navgroup .cd-nav-trigger span.ac::after,
.cd-nav-trigger span::after {
    /* other 2 lines */
    content: "";
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    -o-transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  }

  .cd-nav-trigger span::before, .cd-nav-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after, .cd-nav-trigger .navgroup span.ac::after, .navgroup .cd-nav-trigger span.ac::after {
    /* menu icon top line */
    top: -6px;
  }

  .cd-nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
  }

  .cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(0, 120, 190, 0);
  }

  .cd-nav-trigger.nav-is-visible span::before,
.cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #0078be;
  }

  .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger.nav-is-visible span.mobil::after,
.cd-nav-trigger.nav-is-visible section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger.nav-is-visible span.tel::after, .cd-nav-trigger.nav-is-visible .navgroup span.ac::after, .navgroup .cd-nav-trigger.nav-is-visible span.ac::after {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
        -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
            transform: translateX(4px) translateY(-3px) rotate(45deg);
  }

  .cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
        -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
            transform: translateX(4px) translateY(2px) rotate(-45deg);
  }

  .cd-search-trigger::before, section.ansprechpartner .cd-search-trigger.mobil::after,
section.ansprechpartner .cd-search-trigger.tel::after, section.ansprechpartner .email a.cd-search-trigger::after, .accordionlink a.cd-search-trigger::after, .navgroup .cd-search-trigger.ac::after, .cd-search-trigger::after {
    /* search icon */
    content: "";
    position: absolute;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-search-trigger::before, section.ansprechpartner .cd-search-trigger.mobil::after,
section.ansprechpartner .cd-search-trigger.tel::after, section.ansprechpartner .email a.cd-search-trigger::after, .accordionlink a.cd-search-trigger::after, .navgroup .cd-search-trigger.ac::after {
    /* lens */
    top: 11px;
    left: 11px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #333;
  }
  .cd-search-trigger::after {
    /* handle */
    height: 3px;
    width: 8px;
    background: #333;
    bottom: 14px;
    right: 11px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-search-trigger span {
    /* container for the X icon */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .cd-search-trigger span::before, .cd-search-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger span.mobil::after,
.cd-search-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger span.tel::after, .cd-search-trigger .navgroup span.ac::after, .navgroup .cd-search-trigger span.ac::after,
.cd-search-trigger span::after {
    /* close icon */
    content: "";
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #333;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-search-trigger span::before, .cd-search-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger span.mobil::after,
.cd-search-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger span.tel::after, .cd-search-trigger .navgroup span.ac::after, .navgroup .cd-search-trigger span.ac::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .cd-search-trigger.search-is-visible::before, section.ansprechpartner .cd-search-trigger.search-is-visible.mobil::after,
section.ansprechpartner .cd-search-trigger.search-is-visible.tel::after, section.ansprechpartner .email a.cd-search-trigger.search-is-visible::after, .cd-search-trigger.search-is-visible::after {
    /* hide search icon */
    opacity: 0;
  }
  .cd-search-trigger.search-is-visible span::before,
.cd-search-trigger.search-is-visible span::after {
    /* show close icon */
    opacity: 1;
  }
  .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-search-trigger.search-is-visible span.mobil::after,
.cd-search-trigger.search-is-visible section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-search-trigger.search-is-visible span.tel::after, .cd-search-trigger.search-is-visible .navgroup span.ac::after, .navgroup .cd-search-trigger.search-is-visible span.ac::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger section.ansprechpartner span.mobil::after,
section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after,
.cd-nav-trigger .navgroup span.ac::after,
.navgroup .cd-nav-trigger span.ac::after,
.cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #333;
  }
  .cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
  }
  .cd-nav-trigger span::before, .cd-nav-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after, .cd-nav-trigger .navgroup span.ac::after, .navgroup .cd-nav-trigger span.ac::after,
.cd-nav-trigger span::after {
    /* other 2 lines */
    content: "";
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
  .cd-nav-trigger span::before, .cd-nav-trigger section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger span.mobil::after,
.cd-nav-trigger section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger span.tel::after, .cd-nav-trigger .navgroup span.ac::after, .navgroup .cd-nav-trigger span.ac::after {
    /* menu icon top line */
    top: -6px;
  }
  .cd-nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
  }
  .cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(51, 51, 51, 0);
  }
  .cd-nav-trigger.nav-is-visible span::before,
.cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #333333;
  }
  .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible section.ansprechpartner span.mobil::after, section.ansprechpartner .cd-nav-trigger.nav-is-visible span.mobil::after,
.cd-nav-trigger.nav-is-visible section.ansprechpartner span.tel::after,
section.ansprechpartner .cd-nav-trigger.nav-is-visible span.tel::after, .cd-nav-trigger.nav-is-visible .navgroup span.ac::after, .navgroup .cd-nav-trigger.nav-is-visible span.ac::after {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
  }
  .cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
  }

  .cd-search-trigger,
.cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    /* hide text */
    color: transparent;
    z-index: 1000;
  }
  .cd-search-trigger:hover,
.cd-nav-trigger:hover {
    color: transparent;
  }
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
  border: 0px solid #979797;
  width: 100%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  background: #F4F4F4;
}

textarea {
  border: 0px solid #979797;
  width: 100%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  background: #F4F4F4;
}

select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  outline: 0;
  color: #000;
  color: transparent;
  text-shadow: 0 0 0 #000;
  border: 0px solid #bbb;
  padding: 1rem 1.2rem;
  background-color: #fff;
  background-position: right;
  background-repeat: no-repeat;
  margin: 0.5rem 0;
}
select option {
  color: #6666;
  padding: 2px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
select option {
  border-bottom: 1px solid #bbb;
  padding: 1rem 1.5rem;
  background-color: #fff;
  background-position: right;
  background-repeat: no-repeat;
}
select option:disabled {
  color: #999;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0 ) {
  select {
    background: #fff;
  }
}
p.sternchen {
  font-size: 1.4rem;
}

.loader-icon {
  height: 20rem;
}

.fromloader {
  margin: 0 auto;
}

.darf,
.darfnicht,
.success {
  background-position: 4rem center;
  background-repeat: no-repeat;
  border: 1px solid #207f23;
  margin: 0.5rem 0 1.5rem 0;
  padding: 2rem;
  color: #0078be;
}
.darf p,
.darfnicht p,
.success p {
  margin: 0;
}
@media (min-width: 48em) {
  .darf,
.darfnicht,
.success {
    background-image: url("img/ok.svg");
    padding: 2rem 2rem 2rem 15rem;
  }
}

.darfnicht {
  border: 1px solid #ca3838;
  color: #ca3838;
}
@media (min-width: 48em) {
  .darfnicht {
    background-image: url("img/nook.svg");
  }
}

input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=time]:hover, input[type=week]:hover {
  background: #FFF;
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus {
  background: #F4F4F4;
}

input[type=button], input[type=reset], input[type=submit] {
  background: #F4F4F4;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
  background: #F4F4F4;
}

input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
  background: #F4F4F4;
}

input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
  background: #F4F4F4;
}

.has-error {
  color: #f14f4f;
  background: rgba(241, 79, 79, 0.1) !important;
}

section.from .manandwomen {
  width: 100%;
  margin-bottom: 1rem;
}
@media (max-width: 47.99em) {
  section.from .manandwomen {
    margin-left: 2rem;
  }
}
section.from .form-group {
  border-top: 1rem solid #fff;
  background: #f4f4f4;
  margin: 0 1.5rem;
  padding: 0 1rem;
}
@media (min-width: 48em) {
  section.from .form-group {
    border-right: 2rem solid #fff;
    border-bottom: 2rem solid #fff;
    background: #F4F4F4;
    margin: 0;
    padding: 0rem 1rem;
  }
}
section.from form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
section.from .col-md-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  section.from .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
section.from .col-md-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
section.from label {
  font-size: 1.4rem;
  font-weight: 900;
}
section.from .submit {
  text-align: right;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: block;
  border-right: 2rem solid #fff;
}
section.from .submit button {
  padding: 1rem 2rem;
}

/*
*
*
************** select *****************
*
*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #FFF;
  color: #0078be;
  background-position: 100%;
  background-repeat: no-repeat;
  border: solid 0.2rem #0078be;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 30rem;
  line-height: 40px;
  outline: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 4px;
}

.nice-select::after {
  content: "";
  background: url("../images/down.svg");
  position: absolute;
  right: 0.5rem;
  z-index: 1;
  color: #fff;
  font-size: 2.8rem;
  width: 40px;
  height: 40px;
  background-position: center;
}

.form-control-ansp {
  margin: 2rem auto 2rem;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #ddd;
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #FFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
          box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: -2px;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
      -ms-transform: scale(0.75) translateY(-21px);
          transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9000;
  width: 30rem;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 15px;
  padding-right: 47px;
  text-align: left;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 1px solid #ddd;
}

.nice-select .option:last-child {
  border-bottom: 0 solid #ddd;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  color: #FFF;
  background-color: #0078be;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.btn,
.button,
.read_more,
a.button,
button,
input[type=button],
input[type=submit] {
  cursor: pointer;
  padding: 0.6rem 2rem;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  outline: none;
  overflow: hidden;
  position: relative;
  border: none;
  border-radius: 0rem;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  color: #0078be;
  background-color: transparent;
  margin-top: 1.5rem;
}

.btn.full {
  background-color: #0078be;
  color: #FFF;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.btn.full .icon {
  display: inline-block;
  fill: currentColor;
  height: 24px;
  line-height: 1;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 24px;
  margin-left: 1rem;
}
.btn.full .icon-right {
  display: inline-block;
  fill: currentColor;
  height: 24px;
  line-height: 1;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 24px;
  margin-right: 1rem;
}

.videoplayer {
  display: inline-block;
  fill: currentColor;
  height: 24px;
  line-height: 1;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 24px;
  margin-right: 1rem;
}

.btn.full:hover {
  background-color: #FFF;
  color: #0078be;
}

.text-white .btn.full, .btn.white.full {
  background-color: #FFF;
  color: #0078be;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.text-white .btn.full:hover, .btn.white.full:hover {
  background-color: #0078be;
  color: #FFF;
}

.btn.small {
  padding: 2px 30px;
}

.read-more-wrapper {
  display: block;
  bottom: 4rem;
  text-transform: uppercase;
  font-weight: bold;
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: absolute;
  padding-left: 2rem;
}
.read-more-wrapper a {
  color: #0078be !important;
}

input[type=button],
input[type=submit] {
  padding: 10px 14px;
}

.btn:hover,
.read_more:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #FFF;
  color: #0078be;
}

.bestellform.current-menu-item > a,
.bestellform:hover > a {
  border-bottom: 0 !important;
}

.bestellform {
  color: #FFF;
  background-color: #ca3838;
  border: 1px solid #FFF;
  padding: 0 2rem !important;
}
@media (min-width: 62em) {
  .bestellform {
    margin-left: 10rem;
  }
}

.btn.white {
  color: #fff;
  border: 0.1rem solid #fff;
}

.btn.white:hover {
  color: #0078be;
  border: 0.1rem solid #fff;
  background-color: #fff;
}

.download {
  color: #0078be;
  font-size: 24px;
  font-size: 2.4rem;
  width: 100%;
  background: #F4F4F4;
  position: relative;
}
.download .fileSize {
  font-size: 20px;
  font-size: 2rem;
  color: #8E9091;
  margin-left: 60px;
}
.download li a {
  position: relative;
  padding: 2rem;
  display: block;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
}
@media (min-width: 48em) {
  .download li a:after {
    position: absolute;
    content: "";
    height: 4rem;
    right: 2rem;
    width: 4rem;
    background-image: url("img/download.svg");
  }
  .download li a:hover:after {
    background-image: url("img/download_on.svg");
  }
}
.download li a:hover {
  background: #0078be;
  color: #FFF;
}
.download li a:hover .fileSize {
  color: #FFF;
}

.right-arrow {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  bottom: 50px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 20px;
}

.left-arrow {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  bottom: 50px;
  height: 20px;
  opacity: 0.8;
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
  width: 20px;
}

.bottom-arrow {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  bottom: 50px;
  height: 20px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
}

.top-arrow {
  left: 15px;
  position: relative;
  top: 18px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-bottom: 2px solid #0078be;
  border-right: 2px solid #0078be;
  bottom: 50px;
  height: 10px;
  width: 10px;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?u7mfr");
  src: url("../fonts/icomoon.eot?u7mfr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?u7mfr") format("truetype"), url("../fonts/icomoon.woff?u7mfr") format("woff"), url("../fonts/icomoon.svg?u7mfr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 3.2rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-admin:before, section.ansprechpartner .icon-admin.mobil::after,
section.ansprechpartner .icon-admin.tel::after, section.ansprechpartner .email a.icon-admin::after, .accordionlink a.icon-admin::after, .navgroup .icon-admin.ac::after {
  content: "\E902";
}

.icon-aktuelles:before, section.ansprechpartner .icon-aktuelles.mobil::after,
section.ansprechpartner .icon-aktuelles.tel::after, section.ansprechpartner .email a.icon-aktuelles::after, .accordionlink a.icon-aktuelles::after, .navgroup .icon-aktuelles.ac::after {
  content: "\E903";
}

.icon-ansprechpartner:before, section.ansprechpartner .icon-ansprechpartner.mobil::after,
section.ansprechpartner .icon-ansprechpartner.tel::after, section.ansprechpartner .email a.icon-ansprechpartner::after, .accordionlink a.icon-ansprechpartner::after, .navgroup .icon-ansprechpartner.ac::after {
  content: "\E904";
}

.icon-close:before, section.ansprechpartner .icon-close.mobil::after,
section.ansprechpartner .icon-close.tel::after, section.ansprechpartner .email a.icon-close::after, .accordionlink a.icon-close::after, .navgroup .icon-close.ac::after {
  content: "\E905";
}

.icon-document:before, section.ansprechpartner .icon-document.mobil::after,
section.ansprechpartner .icon-document.tel::after, section.ansprechpartner .email a.icon-document::after, .accordionlink a.icon-document::after, .navgroup .icon-document.ac::after {
  content: "\E906";
}

.icon-download:before, section.ansprechpartner .icon-download.mobil::after,
section.ansprechpartner .icon-download.tel::after, section.ansprechpartner .email a.icon-download::after, .accordionlink a.icon-download::after, .navgroup .icon-download.ac::after {
  content: "\E907";
}

.icon-drucken:before, section.ansprechpartner .icon-drucken.mobil::after,
section.ansprechpartner .icon-drucken.tel::after, section.ansprechpartner .email a.icon-drucken::after, .accordionlink a.icon-drucken::after, .navgroup .icon-drucken.ac::after {
  content: "\E908";
}

.icon-favorite:before, section.ansprechpartner .icon-favorite.mobil::after,
section.ansprechpartner .icon-favorite.tel::after, section.ansprechpartner .email a.icon-favorite::after, .accordionlink a.icon-favorite::after, .navgroup .icon-favorite.ac::after {
  content: "\E909";
}

.icon-fullscreen:before, section.ansprechpartner .icon-fullscreen.mobil::after,
section.ansprechpartner .icon-fullscreen.tel::after, section.ansprechpartner .email a.icon-fullscreen::after, .accordionlink a.icon-fullscreen::after, .navgroup .icon-fullscreen.ac::after {
  content: "\E90A";
}

.icon-hauspost:before, section.ansprechpartner .icon-hauspost.mobil::after,
section.ansprechpartner .icon-hauspost.tel::after, section.ansprechpartner .email a.icon-hauspost::after, .accordionlink a.icon-hauspost::after, .navgroup .icon-hauspost.ac::after {
  content: "\E90B";
}

.icon-help:before, section.ansprechpartner .icon-help.mobil::after,
section.ansprechpartner .icon-help.tel::after, section.ansprechpartner .email a.icon-help::after, .accordionlink a.icon-help::after, .navgroup .icon-help.ac::after {
  content: "\E90C";
}

.icon-home:before, section.ansprechpartner .icon-home.mobil::after,
section.ansprechpartner .icon-home.tel::after, section.ansprechpartner .email a.icon-home::after, .accordionlink a.icon-home::after, .navgroup .icon-home.ac::after {
  content: "\E90D";
}

.icon-info:before, section.ansprechpartner .icon-info.mobil::after,
section.ansprechpartner .icon-info.tel::after, section.ansprechpartner .email a.icon-info::after, .accordionlink a.icon-info::after, .navgroup .icon-info.ac::after {
  content: "\E90E";
}

.icon-jobs:before, section.ansprechpartner .icon-jobs.mobil::after,
section.ansprechpartner .icon-jobs.tel::after, section.ansprechpartner .email a.icon-jobs::after, .accordionlink a.icon-jobs::after, .navgroup .icon-jobs.ac::after {
  content: "\E90F";
}

.icon-login:before, section.ansprechpartner .icon-login.mobil::after,
section.ansprechpartner .icon-login.tel::after, section.ansprechpartner .email a.icon-login::after, .accordionlink a.icon-login::after, .navgroup .icon-login.ac::after {
  content: "\E910";
}

.icon-mail:before, section.ansprechpartner .icon-mail.mobil::after,
section.ansprechpartner .icon-mail.tel::after, section.ansprechpartner .email a::after, .accordionlink a.icon-mail::after, .navgroup .icon-mail.ac::after {
  content: "\E911";
}

.icon-meine-heimkehr:before, section.ansprechpartner .icon-meine-heimkehr.mobil::after,
section.ansprechpartner .icon-meine-heimkehr.tel::after, section.ansprechpartner .email a.icon-meine-heimkehr::after, .accordionlink a.icon-meine-heimkehr::after, .navgroup .icon-meine-heimkehr.ac::after {
  content: "\E912";
}

.icon-menu:before, section.ansprechpartner .icon-menu.mobil::after,
section.ansprechpartner .icon-menu.tel::after, section.ansprechpartner .email a.icon-menu::after, .accordionlink a.icon-menu::after, .navgroup .icon-menu.ac::after {
  content: "\E913";
}

.icon-phone:before, section.ansprechpartner .mobil::after,
section.ansprechpartner .tel::after, section.ansprechpartner .email a.icon-phone::after, section.ansprechpartner .email a.mobil::after,
section.ansprechpartner .email a.tel::after, .accordionlink a.icon-phone::after, .navgroup .icon-phone.ac::after {
  content: "\E914";
}

.icon-photo:before, section.ansprechpartner .icon-photo.mobil::after,
section.ansprechpartner .icon-photo.tel::after, section.ansprechpartner .email a.icon-photo::after, .accordionlink a.icon-photo::after, .navgroup .icon-photo.ac::after {
  content: "\E915";
}

.icon-projekte:before, section.ansprechpartner .icon-projekte.mobil::after,
section.ansprechpartner .icon-projekte.tel::after, section.ansprechpartner .email a.icon-projekte::after, .accordionlink a.icon-projekte::after, .navgroup .icon-projekte.ac::after {
  content: "\E916";
}

.icon-provider:before, section.ansprechpartner .icon-provider.mobil::after,
section.ansprechpartner .icon-provider.tel::after, section.ansprechpartner .email a.icon-provider::after, .accordionlink a.icon-provider::after, .navgroup .icon-provider.ac::after {
  content: "\E917";
}

.icon-schwarzes-brett:before, section.ansprechpartner .icon-schwarzes-brett.mobil::after,
section.ansprechpartner .icon-schwarzes-brett.tel::after, section.ansprechpartner .email a.icon-schwarzes-brett::after, .accordionlink a.icon-schwarzes-brett::after, .navgroup .icon-schwarzes-brett.ac::after {
  content: "\E918";
}

.icon-sidebar:before, section.ansprechpartner .icon-sidebar.mobil::after,
section.ansprechpartner .icon-sidebar.tel::after, section.ansprechpartner .email a.icon-sidebar::after, .accordionlink a.icon-sidebar::after, .navgroup .icon-sidebar.ac::after {
  content: "\E919";
}

.icon-suche:before, section.ansprechpartner .icon-suche.mobil::after,
section.ansprechpartner .icon-suche.tel::after, section.ansprechpartner .email a.icon-suche::after, .accordionlink a.icon-suche::after, .navgroup .icon-suche.ac::after {
  content: "\E91A";
}

.icon-triangle-down:before, section.ansprechpartner .icon-triangle-down.mobil::after, .navgroup section.ansprechpartner .ac.mobil::after, section.ansprechpartner .navgroup .ac.mobil::after,
section.ansprechpartner .icon-triangle-down.tel::after,
.navgroup section.ansprechpartner .ac.tel::after,
section.ansprechpartner .navgroup .ac.tel::after, section.ansprechpartner .email a.icon-triangle-down::after, .navgroup section.ansprechpartner .email a.ac::after, section.ansprechpartner .email .navgroup a.ac::after, .accordionlink a.icon-triangle-down::after, .navgroup .ac::after {
  content: "\E91B";
}

.icon-triangle-left:before, section.ansprechpartner .icon-triangle-left.mobil::after,
section.ansprechpartner .icon-triangle-left.tel::after, section.ansprechpartner .email a.icon-triangle-left::after, .accordionlink a.icon-triangle-left::after, .navgroup .icon-triangle-left.ac::after {
  content: "\E91C";
}

.icon-triangle-right:before, section.ansprechpartner .icon-triangle-right.mobil::after,
section.ansprechpartner .icon-triangle-right.tel::after, section.ansprechpartner .email a.icon-triangle-right::after, .accordionlink a.icon-triangle-right::after, .navgroup .icon-triangle-right.ac::after {
  content: "\E91D";
}

.icon-triangle-up:before, section.ansprechpartner .icon-triangle-up.mobil::after,
section.ansprechpartner .icon-triangle-up.tel::after, section.ansprechpartner .email a.icon-triangle-up::after, .accordionlink a.icon-triangle-up::after, .navgroup .icon-triangle-up.ac::after {
  content: "\E91E";
}

.icon-youtube:before, section.ansprechpartner .icon-youtube.mobil::after,
section.ansprechpartner .icon-youtube.tel::after, section.ansprechpartner .email a.icon-youtube::after, .accordionlink a.icon-youtube::after, .navgroup .icon-youtube.ac::after {
  content: "\E91F";
}

.icon-Heimkehr:before, section.ansprechpartner .icon-Heimkehr.mobil::after,
section.ansprechpartner .icon-Heimkehr.tel::after, section.ansprechpartner .email a.icon-Heimkehr::after, .accordionlink a.icon-Heimkehr::after, .navgroup .icon-Heimkehr.ac::after {
  content: "\E901";
}

.icon-externlink:before, section.ansprechpartner .icon-externlink.mobil::after, .accordionlink section.ansprechpartner a.mobil::after, section.ansprechpartner .accordionlink a.mobil::after,
section.ansprechpartner .icon-externlink.tel::after,
.accordionlink section.ansprechpartner a.tel::after,
section.ansprechpartner .accordionlink a.tel::after, section.ansprechpartner .email a.icon-externlink::after, .accordionlink section.ansprechpartner .email a::after, section.ansprechpartner .email .accordionlink a::after, .accordionlink a::after, .navgroup .icon-externlink.ac::after, .accordionlink .navgroup a.ac::after, .navgroup .accordionlink a.ac::after {
  content: "\E900";
}

.icon-social:before, section.ansprechpartner .icon-social.mobil::after,
section.ansprechpartner .icon-social.tel::after, section.ansprechpartner .email a.icon-social::after, .accordionlink a.icon-social::after, .navgroup .icon-social.ac::after {
  content: "\E920";
}

.item {
  display: inline-block;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  font-size: 1.4rem;
}

.masonry {
  padding: 0;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .masonry {
    -webkit-column-width: 21.5em;
       -moz-column-width: 21.5em;
            column-width: 21.5em;
    -webkit-column-rule: 0 solid green;
       -moz-column-rule: 0 solid green;
            column-rule: 0 solid green;
  }
}
.masonry .item {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  /* IE 11 */
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  font-size: 1.4rem;
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 1080px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
/*@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}*/
/*
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}*/
/*!
 * Propeller v1.1.0 (http://propeller.in): card.css
 * Copyright 2016-2017 Digicorp, Inc.
 * Licensed under MIT (http://propeller.in/LICENSE)
*/
.pmd-card {
  border-radius: 2px;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 1px 0;
  background: #fff;
}

.pmd-card-body {
  position: relative;
  z-index: 100;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.6rem;
  color: rgba(0, 0, 0, 0.84);
}

.media-body {
  line-height: 0;
}

.pmd-card-title {
  position: relative;
  z-index: 100;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.pmd-card-title img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.pmd-card-title > .dropdown .dropdown-toggle {
  color: inherit;
}

.pmd-card-title > .dropdown .dropdown-toggle {
  color: inherit;
}

.pmd-card-title-text {
  margin-top: 1rem;
  margin-bottom: 0;
  color: inherit;
}

h2.pmd-card-title-text {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 2px;
}

.pmd-card-subtitle-text {
  line-height: 1.6;
  margin-bottom: 0;
  opacity: 0.54;
  font-size: 12px;
  display: block;
}

.hauspost .pmd-card-subtitle-text {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pmd-card-footer {
  padding: 8px 16px;
  display: table;
  content: "";
  width: 100%;
}

.pmd-card-actions {
  padding: 8px 4px;
}

.pmd-card-actions .btn {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}

.pmd-card-actions .btn:first-child {
  margin-left: 12px;
}

.pmd-card-actions .btn:last-child {
  margin-right: 12px;
}

.pmd-card-actions .btn.pmd-btn-flat {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0;
}

.pmd-card-actions .btn {
  padding: 10px 8px;
  min-width: inherit;
}

.pmd-card-actions .btn.pmd-btn-fab {
  padding: 0;
}

/* Card Media Action */
.pmd-card-media-inline .pmd-card-media {
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.pmd-card-media-inline .pmd-card-media h2.pmd-card-title-text {
  margin-top: 4px;
}

.pmd-card-footer-p16 {
  padding-left: 20px;
  padding-right: 20px;
}

.pmd-card-footer-no-border {
  border-color: transparent;
  padding-top: 0;
}

.pmd-card-list {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
}

/* Propeller Card */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.84);
  background: #fff;
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* Background Fade */
.fade {
  position: absolute !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

/*default*/
.fade-1 {
  background: rgba(17, 19, 20, 0.1);
}

.fade-2 {
  background: rgba(17, 19, 20, 0.2);
}

.fade-3 {
  background: rgba(17, 19, 20, 0.3);
}

.fade-4 {
  background: rgba(17, 19, 20, 0.4);
}

.fade-5 {
  background: rgba(17, 19, 20, 0.5);
}

.fade-6 {
  background: rgba(17, 19, 20, 0.6);
}

.fade-7 {
  background: rgba(17, 19, 20, 0.7);
}

.fade-8 {
  background: rgba(17, 19, 20, 0.8);
}

.fade-9 {
  background: rgba(17, 19, 20, 0.9);
}

.kenBurns {
  overflow: hidden;
  position: relative;
}

.kenBurns .background, .kenBurns video {
  width: 100%;
  -webkit-animation: move 12s cubic-bezier(0.3, 0, 0.7, 1);
          animation: move 12s cubic-bezier(0.3, 0, 0.7, 1);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.1) rotate(-0.02deg);
            transform: scale(1.1) rotate(-0.02deg);
  }
}

@keyframes move {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.1) rotate(-0.02deg);
            transform: scale(1.1) rotate(-0.02deg);
  }
}
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-products-comparison-table {
  margin-bottom: 6em;
}

.cd-products-comparison-table::after {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: "mobile";
}

.cd-products-comparison-table header {
  padding: 0 5% 25px;
}

.cd-products-comparison-table header::after {
  clear: both;
  content: "";
  display: table;
}

.cd-products-comparison-table h2 {
  float: left;
  font-weight: bold;
}

.cd-products-comparison-table .actions {
  padding-top: 4rem;
  text-align: center;
}

.cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
  font-size: 1.4rem;
}

.cd-products-comparison-table .reset {
  color: #404042;
  text-decoration: underline;
}

.cd-products-comparison-table .filter {
  padding: 0.6em 1.5em;
  color: #ffffff;
  background-color: #cccccc;
  border-radius: 3px;
  margin-left: 1em;
  cursor: not-allowed;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cd-products-comparison-table .filter.active {
  cursor: pointer;
  background-color: #0078be;
}

.no-touch .cd-products-comparison-table .filter.active:hover {
  background-color: #0078be;
}

@media only screen and (min-width: 1170px) {
  .cd-products-comparison-table {
    margin-bottom: 8em;
  }

  .cd-products-comparison-table::after {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }

  .cd-products-comparison-table header {
    padding: 0 5% 40px;
  }

  .cd-products-comparison-table h2 {
    font-size: 2.4rem;
  }

  .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
    font-size: 1.6rem;
  }

  .cd-products-comparison-table .filter {
    padding: 0.6em 2em;
    margin-left: 1.6em;
  }
}
.cd-products-table {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
}

.cd-products-table .features {
  /* fixed left column - product properties list */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120px;
  background-color: #fafafa;
}

.cd-products-table .features::after {
  /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 4px;
  height: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.06)), to(transparent));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .features {
    width: 210px;
  }
}
.cd-products-table.scrolling .features::after {
  opacity: 1;
}

.cd-products-wrapper {
  overflow-x: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
}

.cd-products-columns {
  /* products list wrapper */
  width: 1200px;
  margin-left: 120px;
}

.cd-products-columns::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (min-width: 1170px) {
  .cd-products-columns {
    width: 2480px;
    margin-left: 210px;
  }
}
.cd-products-columns .product {
  position: relative;
  float: left;
  width: 150px;
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.filtering .cd-products-columns .product:not(.selected) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.no-product-transition .cd-products-columns .product.selected {
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.filtered .cd-products-columns .product:not(.selected) {
  position: absolute;
}

@media only screen and (min-width: 1170px) {
  .cd-products-columns .product {
    width: 260px;
  }
}
.cd-features-list {
  margin: 0;
}

.cd-features-list li {
  height: 26rem;
  font-size: 1.2rem;
  padding: 2rem;
  border-color: #D8D8D8;
  border-style: solid;
  border-width: 0px;
  border-right-width: 1px;
}

.cd-features-list li:nth-of-type(2n) {
  background: #F4F4F4;
}

.cd-features-list li.rate {
  /* rating stars */
  padding: 21px 0;
}

.cd-features-list li.rate span {
  display: inline-block;
  height: 22px;
  width: 110px;
  background: url(../img/cd-star.svg);
  color: transparent;
}

@media only screen and (min-width: 1170px) {
  .cd-features-list li {
    font-size: 1.4rem;
  }

  .cd-features-list li.rate {
    padding: 22px 0;
  }
}
.features .cd-features-list li,
.cd-products-table .features .top-info {
  /* fixed left column - items */
  font-size: 1.4rem;
  font-weight: bold;
  /* set line-height value equal to font-size of text inside product cells */
  line-height: 14px;
  padding: 25px 10px;
  text-align: left;
  font-weight: 900;
}

@media only screen and (min-width: 1170px) {
  .features .cd-features-list li,
.cd-products-table .features .top-info {
    line-height: 16px;
    padding: 25px 20px;
    letter-spacing: 1px;
  }
}
.features .cd-features-list li {
  /* truncate text with dots */
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.cd-products-table .top-info {
  position: relative;
  height: 177px;
  width: 150px;
  text-align: center;
  border-color: #D8D8D8;
  border-style: solid;
  border-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  cursor: pointer;
  background: #ffffff;
  border: 2rem solid #0078be;
}

.cd-products-table .top-info::after {
  /* color gradient below .top-info -  visible when .top-info is fixed */
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 4px;
  width: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(transparent));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0;
}

.cd-products-table .top-info h3 {
  font-weight: bold;
  font-size: 1.4rem;
}

.cd-products-table .top-info img {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-products-table .top-info h3, .cd-products-table .top-info img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-products-table .top-info .check {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 auto 1em;
}

.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
  /* used to create the check icon and green circle dot - visible when product is selected */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
}

.cd-products-table .top-info .check::before, .cd-products-table .top-info section.ansprechpartner .check.mobil::after, section.ansprechpartner .cd-products-table .top-info .check.mobil::after,
.cd-products-table .top-info section.ansprechpartner .check.tel::after,
section.ansprechpartner .cd-products-table .top-info .check.tel::after, .cd-products-table .top-info section.ansprechpartner .email a.check::after, section.ansprechpartner .email .cd-products-table .top-info a.check::after, .cd-products-table .top-info .accordionlink a.check::after, .accordionlink .cd-products-table .top-info a.check::after, .cd-products-table .top-info .navgroup .check.ac::after, .navgroup .cd-products-table .top-info .check.ac::after {
  /* green circle dot */
  border-radius: 50%;
  border: 1px solid #D8D8D8;
  background: #ffffff;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s, border-color 0.3s;
  -webkit-transition: background-color 0.3s, border-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, border-color 0.3s, -webkit-transform 0.3s;
  -o-transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
  transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
  transition: background-color 0.3s, transform 0.3s, border-color 0.3s, -webkit-transform 0.3s;
}

.cd-products-table .top-info .check::after {
  /* check icon */
  background: url(../images/cd-check.svg) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .top-info {
    width: 260px;
  }

  .cd-products-table .top-info h3 {
    padding-top: 1.4em;
    font-size: 1.6rem;
  }

  .cd-products-table .top-info .check {
    margin-bottom: 1.5em;
  }
}
.cd-products-table .features .top-info {
  /* models */
  width: 120px;
  cursor: auto;
  background: #fafafa;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table .features .top-info {
    width: 210px;
  }
}
.cd-products-table .selected .top-info .check::before, .cd-products-table .selected .top-info section.ansprechpartner .check.mobil::after, section.ansprechpartner .cd-products-table .selected .top-info .check.mobil::after,
.cd-products-table .selected .top-info section.ansprechpartner .check.tel::after,
section.ansprechpartner .cd-products-table .selected .top-info .check.tel::after, .cd-products-table .selected .top-info section.ansprechpartner .email a.check::after, section.ansprechpartner .email .cd-products-table .selected .top-info a.check::after, .cd-products-table .selected .top-info .accordionlink a.check::after, .accordionlink .cd-products-table .selected .top-info a.check::after, .cd-products-table .selected .top-info .navgroup .check.ac::after, .navgroup .cd-products-table .selected .top-info .check.ac::after {
  /* green circle dot */
  background: #0078be;
  border-color: #0078be;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.5);
  }
}
@keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.cd-products-table .selected .top-info .check::after {
  /* check icon */
  opacity: 1;
}

@media only screen and (min-width: 1170px) {
  .cd-products-table.top-fixed .cd-products-columns > li,
.cd-products-table.top-scrolling .cd-products-columns > li,
.cd-products-table.top-fixed .features,
.cd-products-table.top-scrolling .features {
    padding-top: 160px;
  }

  .cd-products-table.top-fixed .top-info,
.cd-products-table.top-scrolling .top-info {
    top: 10rem;
  }

  .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients .cd-products-table.top-scrolling .top-info {
    border-bottom: 1px solid #D8D8D8;
  }

  .cd-products-table.top-fixed .top-info::after,
.cd-products-table.top-scrolling .top-info::after {
    opacity: 1;
  }

  .cd-products-table.top-fixed .top-info h3,
.cd-products-table.top-scrolling .top-info h3 {
    -webkit-transform: translateY(-116px);
    -ms-transform: translateY(-116px);
    transform: translateY(-116px);
  }

  .cd-products-table.top-fixed .top-info img,
.cd-products-table.top-scrolling .top-info img {
    -webkit-transform: translateY(-62px) scale(0.4);
    -ms-transform: translateY(-62px) scale(0.4);
    transform: translateY(-62px) scale(0.4);
  }

  .cd-products-table.top-scrolling .top-info {
    position: absolute;
  }
}
.cd-table-navigation a {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 15px;
  -webkit-transform: translateY(55px);
  -ms-transform: translateY(55px);
  transform: translateY(55px);
  /* replace text with image */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  height: 60px;
  width: 40px;
  background: rgba(64, 64, 66, 0.8) url("../images/cd-arrow.svg") no-repeat center center;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.cd-table-navigation a.inactive {
  opacity: 0;
  visibility: hidden;
}

.cd-table-navigation a.prev {
  left: 120px;
  right: auto;
  -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
  -ms-transform: translateY(55px) translateX(15px) rotate(180deg);
  transform: translateY(55px) translateX(15px) rotate(180deg);
}

.no-touch .cd-table-navigation a:hover {
  background-color: #404042;
}

@media only screen and (min-width: 1170px) {
  .cd-table-navigation a {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  .cd-table-navigation a.prev {
    left: 210px;
    -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(100px) translateX(15px) rotate(180deg);
    transform: translateY(100px) translateX(15px) rotate(180deg);
  }

  .top-fixed .cd-table-navigation a {
    position: fixed;
  }

  .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
  }

  .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {
    -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
    transform: translateY(45px) translateX(15px) rotate(180deg);
  }
}
/* -------------------------------- 

No JS

-------------------------------- */
.no-js .actions {
  display: none;
}

.no-js .cd-products-table .top-info {
  height: 145px;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-products-table .top-info {
    height: 248px;
  }
}
.no-js .cd-products-columns .check {
  display: none;
}

@keyframes arrowjump {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    opacity: 1\9 ;
    /* IE9 only */
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    opacity: 1\9 ;
    /* IE9 only */
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes animscale {
  0%, 5% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
  10% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  15% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  95% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}
@keyframes animscale {
  0%, 5% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
  10% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  15% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  95% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}
.map_wrapper {
  width: 100%;
  height: 520px;
  margin: 0;
  padding: 0;
}

.map_wrapper {
  line-height: normal;
  width: 100%;
  position: relative;
}

.infoBox {
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) !important;
  margin-top: 8px;
  width: 200px;
}

.infoBox > img {
  z-index: 9;
}

.infobox .map_info {
  background: none repeat scroll 0 0 #fff;
  padding: 6px;
  border-radius: 5px;
}

.infobox .map_info {
  position: relative;
  background: #fff;
}

.infobox .map_info:after,
.infobox .map_info:before,
.infobox section.ansprechpartner .map_info.mobil::after,
section.ansprechpartner .infobox .map_info.mobil::after,
.infobox section.ansprechpartner .map_info.tel::after,
section.ansprechpartner .infobox .map_info.tel::after,
.infobox section.ansprechpartner .email a.map_info::after,
section.ansprechpartner .email .infobox a.map_info::after {
  bottom: 100%;
  left: 100px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.infobox .map_info:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.infobox .map_info:before, .infobox section.ansprechpartner .map_info.mobil::after, section.ansprechpartner .infobox .map_info.mobil::after,
.infobox section.ansprechpartner .map_info.tel::after,
section.ansprechpartner .infobox .map_info.tel::after, .infobox section.ansprechpartner .email a.map_info::after, section.ansprechpartner .email .infobox a.map_info::after, .infobox .accordionlink a.map_info::after, .accordionlink .infobox a.map_info::after, .infobox .navgroup .map_info.ac::after, .navgroup .infobox .map_info.ac::after {
  border-color: rgba(170, 170, 170, 0);
  border-bottom-color: #aaa;
  border-width: 9px;
  margin-left: -9px;
}

.infobox .map_info,
#infobox .map_info div,
.infobox .map_info span {
  font-size: 12px;
  line-height: 18px;
}

.map_info span {
  font-size: 12px;
  line-height: 18px;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

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

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-nav.disabled, .owl-dots.disabled {
  display: none;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #0078be;
  font-size: 14px;
  margin: 0 20px;
  padding: 0;
  background: #0078be;
  display: inline-block;
  cursor: pointer;
  border-radius: 0px;
  text-indent: -9999999px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #0078be;
  color: #0078be;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 1.5rem;
  height: 1.5rem;
  margin: 5px 7px;
  background: transparent;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
  border: 2px solid #0078be;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #0078be;
}

.owl-prev {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 45%;
  left: 0;
}

.owl-next {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 45%;
  right: 0;
}

.owl-prev::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 15px;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 10px;
  height: 10px;
}

.owl-next::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 15px;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.responsive-container.vimeo iframe,
.responsive-container.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-container.vimeo,
.responsive-container.youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.youtube-player,
.vimeo-player {
  position: relative;
  background: #000;
}

.youtube-player img,
.vimeo-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player .play,
.vimeo-player .play {
  left: 50%;
  top: 50%;
  position: absolute;
  text-align: center;
  cursor: pointer;
}
.youtube-player .play .videoplayer,
.vimeo-player .play .videoplayer {
  display: inline-block;
  fill: currentColor;
  height: 50px;
  line-height: 1;
  position: relative;
  top: 0px;
  vertical-align: middle;
  width: 50px;
  margin-right: 0;
}
.youtube-player .play span,
.vimeo-player .play span {
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  background: #FFF;
  z-index: 99 !important;
  font-size: 1rem;
  color: #FFF;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: #0078BE;
  font-weight: 700;
  display: block;
  padding: 3rem;
  border-radius: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 48em) {
  .youtube-player .play span,
.vimeo-player .play span {
    font-size: 2rem;
  }
}

.vimeo-player:hover span, .youtube-player:hover span {
  background-color: #FFF;
  color: #0078BE;
  padding: 4rem;
}
.vimeo-player:hover img, .youtube-player:hover img {
  opacity: 0.8;
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
          animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 1100px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
          animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -40px;
  right: -40px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
.modal-video-close-btn:before, section.ansprechpartner .modal-video-close-btn.mobil::after,
section.ansprechpartner .modal-video-close-btn.tel::after, section.ansprechpartner .email a.modal-video-close-btn::after, .accordionlink a.modal-video-close-btn::after, .navgroup .modal-video-close-btn.ac::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-video-close-btn:before, section.ansprechpartner .modal-video-close-btn.mobil::after,
section.ansprechpartner .modal-video-close-btn.tel::after, section.ansprechpartner .email a.modal-video-close-btn::after, .accordionlink a.modal-video-close-btn::after, .navgroup .modal-video-close-btn.ac::after, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 60%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.cc-window.cc-invisible {
  opacity: 0;
}

.cc-animate.cc-revoke {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
      -ms-transform: translateY(-2em);
          transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
      -ms-transform: translateY(2em);
          transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}

.cc-link,
.cc-revoke:hover {
  text-decoration: underline;
}

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
}

.cc-window.cc-static {
  position: static;
}

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.cc-revoke {
  padding: 0.5em;
  display: none;
}

.cc-header {
  font-size: 18px;
  font-weight: 700;
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}

.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em;
}

.cc-link:hover {
  opacity: 1;
}

.cc-link:active,
.cc-link:visited {
  color: initial;
}

.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
  min-width: 140px;
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline;
}

.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  line-height: 0.75;
}

.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

.cc-top {
  top: 1em;
}

.cc-left {
  left: 1em;
}

.cc-right {
  right: 1em;
}

.cc-bottom {
  bottom: 1em;
}

.cc-floating > .cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}

.cc-window.cc-banner {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}

.cc-compliance {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}

.cc-btn + .cc-btn {
  margin-left: 0.5em;
}

@media print {
  .cc-revoke,
.cc-window {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }

  .cc-window.cc-bottom {
    bottom: 0;
  }

  .cc-window.cc-banner,
.cc-window.cc-left,
.cc-window.cc-right {
    left: 0;
    right: 0;
  }

  .cc-window.cc-banner {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1;
  }

  .cc-window.cc-floating {
    max-width: none;
  }

  .cc-window .cc-message {
    margin-bottom: 1em;
  }

  .cc-window.cc-banner {
    -ms-flex-align: unset;
    -webkit-box-align: unset;
            align-items: unset;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
}

.cc-theme-classic .cc-btn {
  border-radius: 5px;
}

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}

.cc-theme-edgeless.cc-window {
  padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: 0.8em 1.8em;
  height: 100%;
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}