/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url('../../../typo3conf/ext/jh_photoswipe/Resources/Public/Contrib/PhotoSwipe/default-skin/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('../../../typo3conf/ext/jh_photoswipe/Resources/Public/Contrib/PhotoSwipe/default-skin/default-skin.svg'); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url('../../../typo3conf/ext/jh_photoswipe/Resources/Public/Contrib/PhotoSwipe/default-skin/preloader.gif') 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_jhphotoswipe" */
	.cursor-pointer:hover {
		cursor: pointer;
	}

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: var(--color-main);
  background: rgba(0, 82, 158, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 80px;
  height: 80px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 80px;
  font-family: Arial, Baskerville, monospace;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 80px;
  font-family: Arial, Baskerville, monospace;
  line-height: 80px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

html.hc-nav-yscroll {
    overflow-y: scroll
}

body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%
}

.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999
}

.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important
}

.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 80px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box
}

.hc-offcanvas-nav .nav-content {
    height: 100%;
    max-height: 100vh
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hc-offcanvas-nav li {
    position: relative;
    display: block
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
    visibility: visible
}

.hc-offcanvas-nav input[type="checkbox"] {
    display: none
}

.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
    text-decoration: none
}

.hc-offcanvas-nav .navItem {
    position: relative;
    display: block;
    box-sizing: border-box
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 9990;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s
}

.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease .4s
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, -webkit-transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav.nav-position-left {
    left: 0
}

.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right {
    right: 0
}

.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0)
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-top {
    top: 0
}

.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hc-nav-trigger {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    z-index: 9980;
    width: 30px;
    min-height: 24px
}

.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #34495E;
    transition: all .2s ease
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    content: '';
    width: 100%
}

.hc-nav-trigger span::before {
    top: -10px
}

.hc-nav-trigger span::after {
    bottom: -10px
}

.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.3)
}



.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
    color: #1b3958
}

/*.hc-offcanvas-nav a,
.hc-offcanvas-nav .navItem {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2c5d8f
}*/

.hc-offcanvas-nav:not(.touch-device) a:hover {
    background: #31679e
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid #2c5d8f;
    margin-top: -1px
}

.hc-offcanvas-nav li {
    text-align: left
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: #2c5d8f;
    border-top: 1px solid #295887;
    border-bottom: 1px solid #295887
}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
    background: #2b5c8d
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
    margin-top: -1px
}

.hc-offcanvas-nav li.nav-parent .navItem {
    padding-right: 58px
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
    border-left: 1px solid #2c5d8f
}

.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-origin: center;
    transform-origin: center
}

.hc-offcanvas-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-top span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .navItem,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .navItem {
    font-size: 14px
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #2e6296
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #295887
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #2f649a
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.navItem .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.navItem .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #3E4247;
    font-size: 1em;
    line-height: 1.4;
}


/* FONTS INCLUDE */
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-sans-v11-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/noto-serif-v9-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../typo3conf/ext/kwaklinik/Resources/Public/Fonts/poppins-v15-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 3em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0;
    background: #f44336;
    color: #fff;
    padding: 1em 2.2em;
    text-align: center;
}

.browserupgrade a,
.browserupgrade a:visited {
    color: #eee;
    font-style: italic;
    font-weight: bold;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    color: #3E4247;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1;
}

:root {
    --color-main: #00529E;
    --color-white: #fff;
    --color-green: #ADBE2F;
    --color-black: #3E4247;
    --color-orange: #ffa500;
    --image-border: 2.5vw;
}

a {
    color: var(--color-main);
    transition: all 0.3s ease 0s;
}

a:hover {
    color: var(--color-green);
    text-decoration: none;
}

p {
    font-size: 1.125rem;
}

pre {
    background: #f8f8f8;
    display: inline-block;
    padding: 10px 30px;
    border-left: 3px solid var(--color-green);
}

.cc-window {
    border-top: 1px solid #515151;
}

ul.ce-bullets {
    list-style: none;
    margin-bottom: 1.5rem;
}

ol.ce-bullets {
    margin-bottom: 1.5rem;
}

ul.ce-bullets li,
ol.ce-bullets li {
    font-size: 1.125rem;
}

ul.ce-bullets li::before {
      content: "\2022";
      color: var(--color-green);
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
      font-size: 125%;
      line-height: 1;
      vertical-align: text-bottom;
  }

ul.ce-bullets-blue li::before {
  color: var(--color-main);
}

ul.ce-bullets p,
ol.ce-bullets p {
    display: inline;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1.5rem;
}

.list-inline li {
    display: inline-block;
    margin-right: 2em;
}

.list-inline li:last-child {
    margin-right: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1.5rem;
}

.ce-bullets dd {
    margin-bottom: 1rem;
    color: #777;
    border-left: 2px solid #dfdfdf;
    padding-left: 1rem;
    margin-left: .375rem;
}

.ce-bullets dt {
    padding: .5rem 0;
}


.contentImage-wrap {
    position: relative;
}

.contentImage-wrap::before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    width: 100%;
    height: 100%;
}

.contentImage-noborder {
    margin: 0;
}

.contentImage-left-bottom {
    margin-left: var(--image-border);
    margin-bottom: var(--image-border);
}

.contentImage-left-top {
    margin-left: var(--image-border);
    margin-top: var(--image-border);
}

.contentImage-right-top {
    margin-top: var(--image-border);
    margin-right: var(--image-border);
}

.contentImage-right-bottom {
    margin-right: var(--image-border);
    margin-bottom: var(--image-border);
}

.contentImage-left-top::before {
    left: calc(-1 * var(--image-border));
    top: calc(-1 * var(--image-border));
}

.contentImage-right-top::before {
    right: calc(-1 * var(--image-border));
    top: calc(-1 * var(--image-border));
}

.contentImage-left-bottom::before {
    left: calc(-1 * var(--image-border));
    bottom: calc(-1 * var(--image-border));
}

.contentImage-right-bottom::before {
    right: calc(-1 * var(--image-border));
    bottom: calc(-1 * var(--image-border));
}

.contentImage {
    width: 100%;
    height: auto;
    position: relative;
}

.buttons-right {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1010;
    box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, .1);
}

.frame-default {
    display: inline-block;
}

.frame-type-text p:last-of-type {
    margin-bottom: 0;
}

.rbtn {
    width: 48px;
    height: 48px;
    color: #fff !important;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.btn-kontakt {
    background: var(--color-main);
    transition: all 0.2s ease-in-out 0.05s;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kontaktsidebar {
    background-color: var(--color-green);
    color: #fff;
    position: absolute;
    width: 255px;
    right: -255px;
    z-index: 999;
    top: 0;
    text-align: center;
    padding-bottom: 29px;
    transition: all 0.2s ease-in-out 0.05s;
    transform: translateY(-131px);
}

.kontaktsidebar--open {
    right: 0;
    box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, .1);
}

.btn-kontakt--open {
    right: 255px;
    background: var(--color-main);
    box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, .1);
}

.btn-kontakt .btn-kontakt-close {
    display: none;
}

.btn-kontakt .btn-kontakt-icon {
    display: inline-block;
}

.btn-kontakt--open .btn-kontakt-close {
    display: inline-block;
}

.btn-kontakt--open .btn-kontakt-icon {
    display: none;
}

.kontaktsidebar-imageWrap {
    margin-bottom: 20px;
}

.kontaktsidebar-image {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.kontaktsidebar-heading {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.125rem;
}

.kontaktsidebar-text {
    font-size: 0.875rem;
    margin-bottom: .75rem;
}

.kontaktsidebar-telefon {
    margin-bottom: 0.7rem;
}

.kontaktsidebar-telefon span {
    display: block;
    font-size: 14px;
    margin-top: 0.7rem;
}

.kontaktsidebar-telefon .callbackLink {
    display: block;
    color: var(--color-white);
}

.kontaktsidebar-link {
    color: #fff;
    font-size: 21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    transition: all 0.2s ease 0s;
}

.kontaktsidebar-link:hover {
    opacity: 0.7;
    color: #fff;
}

.kontaktsidebar-btnWrap {
    line-height: 44px;
    margin-bottom: 0;
}

.kontaktsidebar-btnLink {
    background: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    color: #96A429;
    transition: all 0.2s ease 0s;
}

.kontaktsidebar-btnLink:hover {
    color: #96A429;
    opacity: 0.7;
}

.btn-suche {
    background: var(--color-green);
    transition: all 0.2s ease 0s;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-faq {
    background: #96A429;
    transition: all 0.2s ease 0s;
    right: 0;
}

.btn-callback {
    background: #7A8E00;
    transition: all 0.2s ease 0s;
    right: 0;
}

.rbtn a {
    width: 100%;
    height: 100%;
    transition: all 0.2s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rbtn a:hover {
    opacity: 0.7;
}

.btnWrap {
    margin-top: 1.875em;
}

.btnLink {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    line-height: 22px;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 5px 25px;
    margin-top: 0;
}

.btnLink,
.btnLink:after,
.btnLink:before {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.btnLink:after,
.btnLink:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    background: #fff;
}

.btnLink:before {
    left: 0;
}

.btnLink:after {
    right: 2px;
}

.btnLink:hover {
    color: #fff;
    opacity: 0.7;
}

.btnLink:hover:after,
.btnLink:hover:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background: var(--color-green);
}

section, .section {
    padding-top: 10vw;
    /*padding-bottom: 10vw;*/
    position: relative;
    background: #fff;
}

.sectionSearch {
    margin-top: 80px;
    padding-top: 2vw;
}

.sectionContent {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.sectionContent-wrap:last-child {
    margin-right: 0;
}

.sectionContent-wrap {
    float: left;
    display: block;
    margin-right: 10%;
    width: 80%;
    margin-left: 10%;
    padding-top: 1.5rem;
}

.sectionContent-heading {
    float: none;
    display: block;
    margin-right: 0%;
    width: 100%;
    position: relative;
    min-height: 1px;
}

.sectionContent-headingNumber {
    position: absolute;
    top: -25px;
    left: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
    font-weight: 700;
    z-index: 1;
    color: rgba(0, 0, 0, 0.075);
    line-height: 1;
}

.sectionContent-text::before {
    clear: both;
    display: table;
    content: "";
}

.sectionContent-text {
    float: none;
    display: block;
    margin-right: 0;
    /*margin-right: 4.95942%;*/
    width: 100%;
    margin-left: 0%;
}

.sectionContent-heading h2 {
    margin-bottom: 1.875rem;
}

.sectionContent-text p {
    margin-bottom: 1.5rem;
}

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

/* --------------- */
/* Usercentrics
/* --------------- */

/* --------------- */
/* Consent---------- */
/* --------------- */
.consentBtn {
  line-height: 1;
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-wrap: nowrap;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  bottom: 30px;
  left: 15px;
  right: unset;
  min-width: 50px;
  height: 50px;
  /* margin: 5px; */
  transition: all .3s ease-in-out;
  transform: none;
  text-decoration: none;
  border-radius: 100%;
  background: #969696;
  box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.35);
}

.consentBtn:hover {
  background: #00529E;
}


.consentBtn-hover {
  pointer-events: none;
  display: none;
}

.consentBtn-icon path {
  fill: #fff;
}

.consentBtn:hover svg path {
  fill: var(--color-white);
}

.lity-iframe-container .uc-embedding-container {
  position: absolute;
  top: 0;
  overflow: auto;
}

.uc-embedding-wrapper {
  padding: 20px;
}

.uc-embedding-wrapper h3 {
  margin-bottom: 16px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}

.uc-embedding-container .description-text {
  font-size: 14px;
  margin-bottom: 16px;
}

button.uc-embedding-more-info {
  font-size: 13px;
  font-family: 'Poppins',sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

button.uc-embedding-accept {
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  transition: all 0.3s ease;
  background-color: var(--color-main);
}

button.uc-embedding-accept:hover {
  background-color: #00386b;
}

.uc-embedding-container span:last-of-type {
  font-size: 10px;
}


.consentMap .uc-embedding-container {
  overflow: auto;
}



#cookies .uc-embed {
  padding: 15px 30px 30px 30px;
  font-size: 14px;
  border: 1px solid #efefef;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  background: #fff;
}

#cookies .uc-embed:before {
  content: "";
  position: absolute;
  background: #efefef;
  width: 100%;
  height: 55px;
  left: 0;
  top: 0;
  z-index: -1;
}

h3.uc-title {
  font-size: 21px;
  margin-left: 15px;
  margin-bottom: 20px;
}

h4.uc.uc-heading {
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 5px;
}

#usercentrics-root:host(.cOXuAS) {
  background: green !important;
}

button.cOXuAS:data-testid(uc-privacy-button) {
  background: green !important;
}

/* --------------- */
/* Breaking News
/* --------------- */

.breakingnews {
    top: 80px;
    z-index: 10;
    width: 100%;
    color: var(--color-white);
    border-radius: 0;
    position: absolute;
    font-size: .938rem;
    display: none;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.breaking-orange {
  background: var(--color-orange);
}

.breaking-red {
  background: red;
}

.breaking-green {
  background: var(--color-green);
}

.breaking-blue {
  background: var(--color-main);
}

.breaking-grau {
  background: #939393;
}

.breakingnews.show {
  display: block;
}

.breakingnews-link {
    color: var(--color-white);
    font-weight: 400;
    text-decoration: underline;
}

.breakingnews-link:hover {
    color: var(--color-white);
    text-decoration: underline;
}

.breakingnews .close {
  color: var(--color-white);
  opacity: 0.75;
}

.breakingnews p {
    margin-bottom: 0;
    font-size: .875rem;
    display: inline-block;
}

.breakingnews a:hover {
    color: var(--color-white);
}

.infobox {
  border-radius: 6px;
  padding: 2rem 1rem;
  margin-bottom: 4rem;
  background-color: #939393;
  color: var(--color-white);
}

.infobox .infobox-heading,
.infobox .infoboxHeading-link {
  color: var(--color-white);
}

.infobox .infoboxHeading-link:hover {
  opacity: 0.7;
}

.infobox p a {
  color: var(--color-main);
}
.infobox p a:hover {
  color: var(--color-main);
  opacity: 0.7;
}

.infobox .btnLink {
  color: var(--color-white);
}

.infobox .btnLink-std:before,
.infobox .btnLink-std:after {
  background: var(--color-white);
}

.infobox .btnLink:hover {
  color: var(--color-white);
  opacity: 0.7;
}

.infobox-orange {
  background: var(--color-orange);
}

.infobox-red {
  background: red;
}

.infobox-red p a {
  color: var(--color-white);
  text-decoration: underline;
}

.infobox-red p a:hover {
  color: var(--color-white);
  opacity: 0.8;
}

.infobox-green {
  background: var(--color-green);
}

.infobox-green .btnLink-std:before, 
.infobox-green .btnLink-std:after {
  background: var(--color-white);
}

.infobox-green .infoboxHeading-link:hover {
  opacity: 0.7;
}
.infobox-green p a:hover {
  color: var(--color-main);
  opacity: 0.7;
}

.infobox-green .btnLink:hover {
  color: var(--color-white);
  opacity: 0.7;
}

.infobox-blue {
  background: var(--color-main);
}

.infobox-blue p a {
  color: var(--color-green);
}

.infobox-blue p a:hover {
  color: var(--color-green);
  opacity: 0.8;
}

.breinfoboxking-grau {
  background: #939393;
}


/* --------------- */
/* Headings  */
/* --------------- */
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

.exploreLine-full {
    position: absolute;
    width: 1px;
    background: rgba(242, 242, 242, .35);
    ;
    left: 1px;
    z-index: 15;
    height: 100%;
}

.exploreLine-text {
    position: absolute;
    bottom: 80px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    left: -80px;
    font-family: 'Poppins', sans-serif;
    color: #e1e1e1;
    font-weight: 400;
    width: 210px;
}

.exploreLine-link {
    color: #e1e1e1;
    text-decoration: none;
    opacity: 1;
    transition: all 0.2s ease 0s;
}

.exploreLine-link:hover {
    text-decoration: none;
    opacity: 0.7;
}

.exploreLine-motion {
    position: absolute;
    width: 100%;
    height: 350px;
    padding: 70px 0;
    /* overflow: hidden; */
    bottom: -80px;
}

.exploreLine-motionInner {
    background: var(--color-main);
    position: relative;
    top: -5%;
    left: 0%;
    height: 100%;
    width: 3px;
    margin-left: -1px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: line 2.5s cubic-bezier(.455, .03, .515, .955) infinite;
    animation: line 2.5s cubic-bezier(.455, .03, .515, .955) infinite;
}

@keyframes line {
    0% {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0)
    }

    50% {
        -webkit-transform: scaleY(.85) translateY(20%);
        transform: scaleY(.85) translateY(20%)
    }

    to {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0)
    }
}

/* --------------- */
/* Topline */
/* --------------- */
.topnav {
    height: 80px;
    background: rgba(255, 255, 255, 0.95);
    padding-right: 110px;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    font-family: 'Poppins', sans-serif;
}

.topnav-logo .logo {
    width: 190px;
}

.topnav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topnav-logoLink {
    display: block;
    padding: 12px 0px 12px 0px;
}

.topnav-logoLink svg #Blume {
    fill: var(--color-main);
}

.topnav-logoLink svg #KWA {
    fill: var(--color-main);
}

.topnav-logoLink svg #Klinik {
    fill: #688fc8;
}

.topnav-menu {
    padding-left: 0;
    list-style: none;
    margin: 0;
    line-height: 80px;
}

.topnav-menuItem {
    display: inline-block;
    font-size: 0.875em;
}

.topnav-menuItem:not(:last-child) {
    margin-right: 1.5em;
}

.topnav-menuLinkText {
    margin-left: 5px;
}

.topnav-menuLinkText {
    display: none;
}

.topnav-menuLink svg {
    width: 32px;
    height: 32px;
}

.fontsize-big {
    font-size: 1.286em;
    font-weight: bold;
}

.fontsize-small {
    font-size: 1em;
    font-weight: bold;
}

/* --------------- */
/* Hamburger Menu */
/* --------------- */
.hamburger {
    /*background-color: #111;*/
    background-color: var(--color-main);
    padding: 40px 40px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    border: 0;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 0px;
    right: 0px;
    color: #fff;
    visibility: visible;
    z-index: 1050;
}

.hamburger:hover {
    opacity: 0.9;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: var(--color-white);
    border-radius: 4px;
    position: absolute;
    transition: transform 0.15s ease, width 0.2s ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
    width: 36px;
    right: 0;
}

.hamburger-inner::after {
    bottom: -10px;
    width: 40px;
    right: 0;
}

.hamburger:hover .hamburger-inner::before {
    width: 40px;
}

.hamburger:hover .hamburger-inner::after {
    width: 40px;
}

.hamburger:hover .hamburger-inner {
    width: 36px;
}

.is-active.hamburger:hover .hamburger-inner {
    width: 40px;
}

.is-active.hamburger {
    background-color: var(--color-green);
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    right: 0;
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease, width 0.2s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.2s ease;
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-label {
    display: none;
    color: #101010;
    vertical-align: middle;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    padding-right: 12px;
    height: 40px;
    transition: opacity 0.2s 0s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
}

.is-active .hamburger-label {
    opacity: 0;
}

/* --------------- */
/* Overlay Menu */
/* --------------- */
.overlayNavigation {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.overlayNavigationMobile {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 80px;
    left: 0;
    background: #f6f6f6;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 1020;
    height: calc(100vh - 80px);
    overflow-y: auto;
}

.navbar.overlayNavigationMobile-leftInner {
    padding: 0;
}

.overlayNavigationMobile-overlaynav {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}

.overlayNavigationMobile-overlaynavItem {
    padding: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-weight: 800;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}

.overlayNavigationMobile-overlaynavItem .dropdown-menu.show {
    padding: 0;
    border: none;
}

.overlayNavigationMobile-overlaynavSubitem {
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    letter-spacing: 0;
}

.overlayNavigationMobile-overlaynavSublink {
    padding: 15px;
    display: block;
}

.overlayNavigationMobile-overlaynavSubitem:last-child {
    border-bottom: none;
}

.dropdown.overlayNavigationMobile-overlaynavItem.is-active .overlayNavigationMobile-overlaynavLink {
    background: var(--color-green);
    color: #fff;
}

.overlayNavigationMobile-overlaynavSubitem.is-active .overlayNavigationMobile-overlaynavSublink {
    background: var(--color-green);
    color: #fff;
}

.overlayNavigationMobile-overlaynavLink {
    background: var(--color-main);
    color: #fff;
    transition: all 0.2s ease 0s;
}

.overlayNavigationMobile-overlaynavLink:hover {
    opacity: 0.7;
    color: #fff;
}

.overlayNavigationMobile-overlaynavLink {
    padding: 20px;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.overlayNavigationMobile-service {
    position: static;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    background: #fff;
}

a.overlayNavigationMobile-icon {
    display: inline-block;
    opacity: 1;
    transition: all 0.2s ease 0s;
    margin-right: 10px;
}

a.overlayNavigationMobile-icon:last-child {
    margin-right: 0;
}

a.overlayNavigationMobile-icon:hover {
    opacity: 0.7;
}

.open {
    opacity: 1 !important;
    visibility: visible !important;
}

.overlayNavigation-left {
    width: 100%;
    height: calc(100vh - 80px);
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlayNavigation-leftInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.overlayNavigation-col {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
}

.overlayNavigation-col:nth-child(3),
.overlayNavigation-col:nth-child(4) {
    margin-bottom: 0;
}

.overlayNavigation-right {
    display: none;
}

.overlayNavigation-rightSection {
    height: 100%;
}

.overlayNavigation-rightWrapper {
    width: 100%;
    max-width: 540px;
    position: relative;
    padding: 15px;
}

.overlayNavigation-rightWatermark,
.overlayNavigation-rightTitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}

.overlayNavigation-rightWatermark {
    margin: 0;
    font-size: 200px;
    position: absolute;
    top: -155px;
    left: 45px;
    color: rgba(48, 51, 57, 0.05);
    height: 100%;
}

.overlayNavigation-rightTitle {
    font-size: 2.500em;
    letter-spacing: 0.075em;
}

.overlayNavigation-rightDescription {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.313em;
    line-height: 1.381em;
}

.overlaynav {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.overlaynav-item:first-of-type {
    text-transform: uppercase;
    font-size: 1.500em;
    font-weight: 800;
    padding-bottom: 30px;
}

.overlaynav-item:first-of-type .overlaynav-link:after {
    content: "";
    position: relative;
    width: 50px;
    height: 2px;
    display: block;
    background-color: var(--color-main);
    bottom: -15px;
    left: 0;
    margin-left: 0;
}

.overlaynav-item.is-active .overlaynav-link:after {
    background-color: var(--color-green) !important;
}

.is-active .overlaynav-link {
    color: var(--color-green);
}

.overlaynav-item {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125em;
    line-height: 2.500rem;
    transition: all 0.2s ease 0s;
}

.overlaynav-item:first-of-type .overlaynav-link {
    color: #3E4247;
    letter-spacing: 1px;
}

.overlaynav-item:first-of-type:hover .overlaynav-link {
    color: var(--color-green);
}

.overlaynav-link {
    color: #3E4247;
    transition: all 0.2s ease 0s;
}

.overlaynav-link:hover {
    color: var(--color-green);
    /*opacity: 0.7;*/
}


/* --------------- */
/* mobile Navigation */
/* --------------- */


.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
  width: 40px;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  transition: transform 0.15s ease, width 0.2s ease;
  right: 20px;
  left: unset;
}

.hc-nav-trigger span {
  background: var(--color-white);
  width: 40px;
}

.hc-nav-trigger span::before {
  background-color: var(--color-white);
  top: -10px;
  width: 40px;
  right: 0;
}

.hc-nav-trigger span::after {
  background-color: var(--color-white);
  bottom: -10px;
  width: 40px;
  right: 0;
}

.toggle-open.hc-nav-trigger span::before, .toggle-open.hc-nav-trigger span::after {
  width: 40px;
  background-color: var(--color-white);
}

.hc-offcanvas-nav li.nav-close span::before {
  margin-left: -6px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.hc-nav-trigger.toggle-open span {
  width: 40px;
}

.hc-offcanvas-nav .nav-close a {
  height: 80px;
  background-color: #1c1c1d !important;
  display: flex;
  align-items: center;
  border-bottom: none;
}

.hc-offcanvas-nav h2 {
  display: none;
}

.nav-wrapper-0 {
  background: #f6f6f6;
}

.nav-wrapper-1, .nav-wrapper-2 {
  background: var(--color-white);
}


.hc-offcanvas-nav a, .hc-offcanvas-nav .navItem {
  padding: 10px 0px;
  font-size: 1.125rem;
  color: #3E4247;
  z-index: 1;
  border-bottom: none;
  text-transform: uppercase;
  font-weight: 300;
}

.hc-offcanvas-nav .nav-wrapper-1 .navItem, .hc-offcanvas-nav .nav-wrapper-2 .navItem {
  color: var(--color-black);
}

.hc-offcanvas-nav li.nav-back span {
  left: -12px;
  right: unset;
}

.hc-offcanvas-nav li.nav-back a {
    text-align: center;
    font-size: 1.25rem;
    background: #fff;
    color: var(--color-black);
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    letter-spacing: .1rem;
    font-family: 'Poppins', serif;
}

.hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid var(--color-green);
    border-left: 2px solid var(--color-green);
    -webkit-transform-origin: center;
    transform-origin: center;
}

/*.hc-offcanvas-nav .nav-wrapper-1 span.nav-next::before, .hc-offcanvas-nav .nav-wrapper-2 span.nav-next::before {
  border-color: #000;
}*/

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
  border-left: none;
}

.hc-offcanvas-nav span.nav-next::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -2px;
  box-sizing: border-box;
  border-top: 2px solid var(--color-green);
  border-left: 2px solid var(--color-green);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.hc-offcanvas-nav .nav-content {
    height: calc(100% - 80px);
    max-height: 100vh;
}

.nav-content ul {
  padding: 1rem 30px;
}

.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover, .hc-offcanvas-nav:not(.touch-device) a:hover {
  background: transparent;
}

.hc-offcanvas-nav .nav-wrapper-1 a, .hc-offcanvas-nav .nav-wrapper-2 a {
  color: var(--color-black);
}

.nav-back {
  margin-bottom: 16px;
}

.hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {
  background: rgba(0, 0, 0, 0);
}

.nav-content {
    padding-bottom: 52px;
}

.nav-parent .nav-content {
    padding: 0;
}

.hc-offcanvas-nav ul.bottom-nav {
    position: absolute;
    z-index: 10;
    bottom: 80px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    /*border-top: 1px solid var(--color-main);*/
    margin: 0;
    padding: 0;
}

.hc-offcanvas-nav ul.bottom-nav li {
    flex: auto;
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    height: calc(100% - 133px);
  }

  a.bottom-navIcon.navItem {
    background: var(--color-white);
}

  a.bottom-navIcon.navItem:hover {
    background: var(--color-main);
}

.bottom-navIcon.navItem {
    text-align: center;
}

.nav-wrapper-1 .nav-content {
    height: 100%;
}

.nav-wrapper.nav-wrapper-2 {
    height: 100% !important;
}

.hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {
    height: calc(100% - 205px);
  }



/* --------------- */
/* Header Navigation */
/* --------------- */
.headernav {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(50vh - 80px);
    position: relative;
    top: 80px;
    display: flex;
    transition: all .5s ease;
    margin-bottom: 80px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.headernav-item {
    display: none;
}

.headernav-item:hover {
    width: 50%;
}

.headernav-itemBgOverlay {
    background: -moz-linear-gradient(top, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 100%) filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000529e', endColorstr='#d900529e', GradientType=0);
    /*	background: rgba(0,82,158,.5);*/
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .5s ease;
    z-index: 0;
}

.headernav-item:hover .headernav-itemBgOverlay {
    background: -moz-linear-gradient(top, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 25%);
    background: -webkit-linear-gradient(top, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 25%);
    background: linear-gradient(to bottom, rgba(0, 82, 158, 0) 0%, rgba(0, 82, 158, 0.85) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000529e', endColorstr='#d900529e', GradientType=0);
    top: -500px;
}

.headernav-item.is-active .headernav-itemBgOverlay {
    background: -moz-linear-gradient(top, rgba(173, 190, 47, 0) 0%, rgba(173, 190, 47, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(173, 190, 47, 0) 0%, rgba(173, 190, 47, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(173, 190, 47, 0) 0%, rgba(173, 190, 47, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adbe2f', endColorstr='#d9adbe2f', GradientType=0);
    top: -500px;
}

/*.headernav-itemTitle {
    font-size: 1.875em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    line-height: 6.25rem;
}

.headernav-itemNumber {
    position: absolute;
    z-index: 0;
    font-size: 6.250em;
    color: rgba(255,255,255,.25);
    line-height: 1;
    font-weight: 100;
    width: 100%;
    top: 0;
}*/
.headernav-itemTitle {
    font-size: 1.275em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    line-height: 4.75rem;
}

.headernav-itemTitleLink {
    display: block;
    z-index: 10;
    position: relative;
    color: #fff;
    transition: all 0.2s ease 0s;
    backface-visibility: hidden;
}

.headernav-itemTitleLink:hover {
    color: #fff;
    opacity: 0.75;
}

.headernav-item.is-active .headernav-itemTitleLink {
    color: var(--color-main);
}

.headernav-itemNumber {
    position: absolute;
    z-index: 0;
    font-size: 4.750em;
    color: rgba(255, 255, 255, .25);
    line-height: 1;
    font-weight: 100;
    width: 100%;
    top: 0;
}

.headernav-itemTitleWrap {
    transition: all 0.75s ease;
    display: block;
    position: absolute;
    top: 85%;
    width: 100%;
    text-align: center;
}

.headernav-item:hover .headernav-itemTitleWrap,
.headernav-item.is-active .headernav-itemTitleWrap {
    transform: translateY(-50%);
    top: 50%;
}

.headernav-menuItem {
    font-size: 1.375rem;
    text-transform: uppercase;
    font-weight: 400;
}

.headernav-menuItemLink {
    color: #fff;
    -webkit-backface-visibility: hidden;
    transition: opacity 0.2s ease;
}

.headernav-menuItemLink:hover {
    color: #fff;
    opacity: 0.75;
    text-decoration: none;
}

.headernav-menuItemLink.is-active {
    color: var(--color-main);
}

.headernav-menu {
    opacity: 0;
    transition: all 0.75s ease-in;
}

.headernav-item:hover .headernav-menu,
.headernav-item.is-active .headernav-menu {
    opacity: 1;
    padding-top: 25px;
}

.scrolldownicon {
    display: block;
    /* opacity: 0.7; */
}

.scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    bottom: 10px;
    opacity: 0.5;
}

.scroll-btn>* {
    display: block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #7f8c8d;
    color: #ffffff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 26px;
    height: 46px;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 23px;
}

.scroll-btn .mouse>* {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -8px 0 0 -4px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

/* --------------- */
/* Themen Bilder */
/* --------------- */
.sectionThemen-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 360px;
}

.sectionThemen-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 0;
    /* box-shadow: inset 0px 0px 15px 7px rgba(0,0,0,0.25); */
    overflow: hidden;
    position: relative;
}

.sectionThemen-itemHeading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 30px 30px;
    text-transform: uppercase;
    font-size: 1.313rem;
    margin: 0;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
}

.sectionThemen-overlay:hover .sectionThemen-itemHeading {
    opacity: 0;
}

.sectionThemen-itemCaptionText {
    color: #fff;
    width: 100%;
    padding: 30px;
    background: rgba(0, 82, 158, .95);
    position: absolute;
    left: 0;
    bottom: -50%;
    z-index: 10;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    /* visibility: hidden; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sectionThemen-overlay:hover .sectionThemen-itemCaptionText {
    opacity: 1;
    /* visibility: visible; */
    bottom: 0;
}

.sectionThemen-itemTitleText {
    position: relative;
    max-width: 360px;
}

.sectionThemen-itemTitleText span {
    font-size: 0.750rem;
    padding-bottom: 4px;
    width: 100%;
    letter-spacing: .25px;
    color: #ccc;
    line-height: 1.875rem;
    display: block;
}

.sectionThemen-itemTitleText h5 {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 600;
}

.sectionThemen-itemTitleText h5:after {
    content: "";
    position: relative;
    width: 30px;
    height: 2px;
    display: block;
    background-color: var(--color-green);
    bottom: -15px;
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
}

.sectionThemen-itemTitleText p {
    padding-top: 30px;
    font-size: 1rem;
    margin-bottom: 0;
}

.bildsubnav-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bildsubnav-overlay {
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 0;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
}

.bildsubnav-itemHeading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 30px 30px;
    text-transform: uppercase;
    font-size: 1.313rem;
    margin: 0;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
}

.bildsubnav-link {
    display: block;
    height: 100%;
    width: 100%;
}

.bildnav {
    min-height: 67vw;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.bildnav:hover .bildnav-imageItem {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale3d(1.05, 1.05, 1);
}

.bildnav-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    /* box-shadow: inset 0px 0px 15px 7px rgba(0,0,0,0.25); */
    overflow: hidden;
    position: relative;
}

.bildnav-heading {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 30px 30px;
    text-transform: uppercase;
    font-size: 1.313rem;
    margin: 0;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
    width: 100%;
    height: 100%;
}

.bildnav-image {
    margin: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(0);
}

.bildnav-imageItem {
    height: 100%;
    max-width: none !important;
    max-height: 100%;
    width: auto;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    transform: scale3d(1, 1, 1);
}

/* --------------- */
/* ImageBox Zitate */
/* --------------- */
.sectionImagecontent {
    position: relative;
}

.sectionImagecontent:before {
    width: 90%;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 10vw;
    bottom: 0;
    z-index: 01;
    content: "";
}

.sectionImagecontent-wrap {
    padding-top: 15vw;
    padding-bottom: 15vw;
    position: relative;
    z-index: 1;
}

.sectionImagecontent-bild {
    width: 100%;
    max-width: 100%;
    /*overflow: hidden;*/
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10%;
    position: relative;
}

/*.sectionImagecontent-bild::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 60%;
    background: var(--color-main);
    padding: 0;
    margin: 0;
    z-index: 9999;
    bottom: -10px;
    display: block;
    left: -10px;
}

.sectionImagecontent-bild::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 10px;
    background: var(--color-main);
    padding: 0;
    margin: 0;
    z-index: 9999;
    bottom: -10px;
    display: block;
    left: 0;
}

.sectionImagecontentReverse .sectionImagecontent-bild::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 60%;
    background: var(--color-main);
    padding: 0;
    margin: 0;
    z-index: 9999;
    bottom: -10px;
    display: block;
    right: -10px;
    left: unset;
}

.sectionImagecontentReverse .sectionImagecontent-bild::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 10px;
    background: var(--color-main);
    padding: 0;
    margin: 0;
    z-index: 9999;
    bottom: -10px;
    display: block;
    right: 0;
    left: unset;
}*/
.sectionImagecontent-zitatWrap {
    width: 70%;
    margin-left: 15%;
    margin-right: 5%;
    align-items: center !important;
    display: flex;
}

.sectionImagecontent-zitat {
    margin-bottom: 15vw;
}

blockquote {
    font-family: 'Noto serif', serif;
    font-size: 1.313rem;
    position: relative;
    z-index: 1;
}

blockquote:after {
    position: absolute;
    left: -35px;
    top: -40px;
    content: '';
    background-image: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Images/blockquote_white.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 144px;
    z-index: -1;
    width: 144px;
    height: 111px;
}

.sectionImagecontent-zitatText {
    font-family: 'Noto serif', serif;
    /*font-size: 1.750rem;*/
    font-size: 1.125rem;
}

.sectionImagecontent-name {
    margin-bottom: 0;
    color: #939393;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;
    font-size: 1rem;
}

.sectionImagecontent-name span {
    font-weight: 600;
    text-transform: uppercase;
}

.sectionImagecontent-image {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.sectionImagecontentReverse-marginfix {
    margin-bottom: -5vw;
}

.sectionImagecontentReverse:before {
    left: unset;
    right: 0;
}

.sectionImagecontentReverse .sectionImagecontent-wrap {
    flex-direction: row-reverse !important;
}

.sectionImagecontentReverse .sectionImagecontent-bild {
    margin-right: 10%;
    margin-left: 0;
}

/* --------------- */
/* Region */
/* --------------- */
.image-column {
    width: 100%;
    height: 66vw;
    min-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.image-columnOverlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    /* box-shadow: inset 0px 0px 15px 7px rgba(0,0,0,0.25); */
    overflow: hidden;
    position: relative;
}

.image-columnHeading {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 30px 30px;
    text-transform: uppercase;
    font-size: 1.313rem;
    margin: 0;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
}

.image-column figure {
    margin: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(0);
}

.image-columnItem {
    height: 100%;
    max-width: none !important;
    max-height: 100%;
    width: auto;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    transform: scale3d(1, 1, 1);
}

.image-column:hover .image-columnItem {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale3d(1.05, 1.05, 1);
}

/* --------------- */
/* News Showcase */
/* --------------- */
.sectionNewsShowcase {
    padding-bottom: 0;
    margin-bottom: 10vw;
}

.sectionNewsShowcase-background {
    background-image: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Images/news_bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: static;
}

.sectionNewsShowcase-overlay {
    width: 100%;
    /* height: 100%; */
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1;
    /* box-shadow: inset 0px 0px 15px 7px rgba(0,0,0,0.25); */
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 10vw;
    bottom: 0;
    left: 0;
    right: 0;
}

.sectionNewsShowcase-postItem {
    min-height: 250px;
    background-color: white;
    color: #3e4247;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}

.sectionNewsShowcase-postItem:last-of-type {
    margin-bottom: 60px;
}

.sectionNewsShowcase-postImage {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 340px;
}

.sectionNewsShowcase-postContent {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px;
}

.sectionNewsShowcase-postDate {
    margin-bottom: 30px;
    color: #939393;
    font-size: 0.875em;
}

.sectionNewsShowcase-postHeading {
    font-weight: 400;
    margin: 0 0 15px;
    font-size: 1.375rem;
    /*font-family: 'Noto Sans', sans-serif;*/
}

.sectionNewsShowcase-postText {}

.sectionNewsShowcase-postText p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1rem;
}

.sectionNewsShowcase-blue {
    background: rgba(0, 82, 158, 0.95);
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    bottom: 0;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);
    z-index: 2;
}

.sectionNewsShowcase-blueContent {
    margin-left: 10%;
    width: 100%;
    z-index: 2;
    margin-right: 10%;
}

.sectionNewsShowcase-blueContent h2 {
    font-size: 1.375rem;
}

.sectionNewsShowcase-left {
    width: 100%;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    margin-bottom: 60px;
    margin-top: 60px;
}

.sectionNewsShowcase-right {
    width: 100%;
    margin-right: 10%;
    margin-left: 10%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
}

.sectionNewsShowcase-video {
    position: relative;
    /* width: 300px; */
    /* height: 300px; */
    z-index: 1;
    margin-bottom: 30px;
    /* margin: 0 auto; */
}

.sectionNewsShowcase-videoTitle {
    position: relative;
    /* left: 0px; */
    /* top: 0; */
    z-index: 1;
    /* width: 100%; */
    /* height: 100%; */
    /* font-size: 120px; */
    display: block;
    font-weight: 700;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    z-index: 0;
}

.sectionNewsShowcase-videoLink {
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sectionNewsShowcase-videoPlayButton {
    /* position: absolute; */
    width: 80px;
    height: 80px;
    /* left: 50%; */
    /* top: 50%; */
    z-index: 99;
    color: #f633a1;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    display: inline-block;
    /* margin-top: -40px; */
    /* margin-left: -40px; */
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.sectionNewsShowcase-videoPlayButton .ripple,
.sectionNewsShowcase-videoPlayButton .ripple:before,
.sectionNewsShowcase-videoPlayButton .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -moz-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -ms-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -o-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    transition: all 0.3s ease 0s;
}

/*.sectionNewsShowcase-videoLink:hover .ripple,
.sectionNewsShowcase-videoLink:hover .ripple:before,
.sectionNewsShowcase-videoLink:hover .ripple:after {
	 -webkit-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -moz-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -ms-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -o-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);

}*/
.sectionNewsShowcase-videoPlayButton .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.sectionNewsShowcase-videoPlayButton .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.sectionNewsShowcase-videoPlayButton .plybtn {
    fill: var(--color-main);
    transition: all 0.3s ease 0s;
}

.sectionNewsShowcase-videoLink:hover .plybtn {
    fill: var(--color-green);
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.news-single {
    padding-top: 0;
}

.headerbild-img {
    height: auto;
    width: 100%;
    max-width: 100%;
}



.newsheaderbild picture {
    display: block;
    width: 100%;
    height: 100%;
}

.newsheaderbild {
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(60vh - 80px);*/
    height: auto;
    position: relative;
    top: 80px;
    display: flex;
    transition: all .5s ease;
    margin-bottom: 80px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}



.news-itemTime {
    margin-right: 20px;
}

.news-related-wrap {
    padding-top: 24px;
}

.news-related {
    margin-bottom: 0;
    padding: 30px 0 30px;
    border-bottom: 1px solid #ddd;
}

.news-related:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.news-related ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.news-related ul li span {
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    color: #888;
}

.news-related ul li span:last-child {
    border-right: 0;
    padding-right: 0;
}

.news-related-link {
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
}

.btnLink-back {
    margin-top: 30px;
}

.news-imageLink {
    display: block;
    height: 100%;
    width: 100%;
}

/* --------------- */
/* Aktuelles / News */
/* --------------- */
.aktuelles-wrap {
    margin-bottom: -30px;
}
.aktuelles-postWrap {
    margin-bottom: 30px;
}


.aktuelles-postItem {
    box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.1);
    height: 100%;
}


.postImage-img {
    width: 100%;
    height: auto;
}




/* --------------- */
/* Footer */
/* --------------- */
footer {
    margin-top: 10vw;
    background: var(--color-main);
    color: #fff;
    padding-top: 10vw;
    z-index: 1000;
    position: relative;
}

footer .logo {
    padding-left: 15px;
}

footer .logo #Blume, footer .logo #KWA, footer .logo #Klinik {
    fill: #fff;
    /*fill: #688fc8;*/
}

.footernav {
    list-style: none;
    padding: 0;
    margin-top: 13px;
    margin-bottom: 0;
}

.footernav-item:first-of-type {
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 600;
}

.footernav-item {
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    line-height: 2.500rem;
    transition: all 0.2s ease 0s;
}

.footernav-item:first-of-type .footernav-link {
    color: #fff;
}

.footernav-link {
    color: #ccc;
    transition: all 0.2s ease 0s;
}

.footernav-link:hover {
    color: #ccc;
    opacity: 0.7;
}

.footer-menuWrap {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    /*background: rgba(173,190,47,.85);
    box-shadow: 0 0 15px 0px rgba(0,0,0,.25);*/
}

.footer-menu {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.footer-menuItem {
    padding: 0 0px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: .870em;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0;
}

/*.footer-menuItem:last-child {
    width: 100%;
}*/

.footer-menuLink {
    color: #fff;
    transition: all 0.2s ease 0s;
    display: block;
    padding: 10px 0;
}

.footer-menuLink:hover {
    color: #fff;
    opacity: 0.7;
}

.footer-copyright {
    text-align: center;
    font-size: 0.750em;
    padding-top: 0;
}

.footer-main {
    padding-bottom: 10vw;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
}

.footer-service.container-fluid {
    background: rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
    padding-top: 0px;
    padding-top: 0px;
}

/* ==========================================================================
   Unterseiten
   ========================================================================== */
/* --------------- */
/* Kacheln */
/* --------------- */
.sectionTile {
    padding-top: 10vw;
}

.sectionTile ~ .sectionTile {
    padding-top: 0;
}


.sectionTile-item {
    height: 50vw;
    background-color: var(--color-main);
    color: #fff;
}

.sectionTile-link {
    color: #fff;
    transition: all 0.2s ease 0s;
    display: block;
    width: 100%;
    height: 100%;
}

.sectionTile-link:hover {
    color: #fff;
    background: var(--color-green);
}

.sectionTile-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
}

.sectionTile-itemTitleText h3 {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.sectionTile-itemTitleText p {
    margin-bottom: 0;
    text-align: center;
    font-size: 1rem;
    display: none;
}

.sectionTile-itemImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* --------------- */
/* Kurzinfo */
/* --------------- */
.sectionFakten {
    margin-top: 10vw;
    background-size: cover;
    min-height: 680px;
}

.fakten-container {
    position: relative;
    /* bottom: 15%; */
    /* left: 5%; */
    /* right: 5%; */
    /* width: 90%; */
    text-align: center;
}

.fakten-wrap {
    background: rgba(255, 255, 255, .5);
    align-items: center;
    justify-content: center;
    /* margin: 0 auto; */
    display: block;
    padding: 30px 5%;
}

.fakten-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 10vw;
    font-size: 2rem;
    padding-left: 50px;
    padding-right: 50px;
}

.fakten-item {
    width: 100%;
    margin: 0 0 30px 0;
}

.fakten-item:first-of-type {
    margin: 0 0 30px 0;
}

.fakten-item:last-of-type {
    margin: 0;
}

.fakten-itemWrap {
    display: block;
    align-items: center;
}

.fakten-zahl {
    font-size: 3.75rem;
    display: inline-block;
    font-family: "Noto Serif", serif;
    line-height: 3.75rem;
}

.fakten-text {
    font-family: "Noto Serif", serif;
    font-size: 1rem;
    border-left: none;
    padding: 15px 20px 0;
    min-height: unset;
    align-items: center;
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .3);
    margin: 15px 0 0 0;
}

.fakten-stand {
    color: #fff;
    font-size: .938rem;
    transform: unset;
    position: static;
    right: -45px;
    bottom: 180px;
    text-align: center;
}


.tx-go-maps-ext {
    padding-top: 10vw;
}

/* --------------- */
/* Call2Action     */
/* --------------- */
.sectionCtoa {
    padding-top: 0;
    margin-top: 10vw;
    margin-bottom: -10vw;
    background: var(--color-green);
    color: var(--color-white);
}

.sectionCtoa-wrap {
    display: dblock;
    margin-right: 10%;
    width: 80%;
    margin-left: 10%;
    padding-top: 10vw;
    padding-bottom: 10vw;
    align-items: flex-end;
}

.sectionCtoa-heading {
    width: 100%;
    margin-right: 0%;
}

.sectionCtoa-heading h2 {
    margin-bottom: 1.875rem;
}

.sectionCtoa-headingtext {
    margin-bottom: 0;
}

.sectionCtoa-text {
    width: 100%;
    text-align: left;
}

.sectionCtoa-link:hover:before,
.sectionCtoa-link:hover:after {
    background: var(--color-white);
}

/* --------------- */
/* Accordion       */
/* --------------- */
.jobAccordion {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.jobAccordion-card {
    border: none;
}

.jobAccordion-cardHeader {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
    border-top: 1px solid #ddd;
    overflow: hidden;
    border-radius: 0;
}

.jobAccordion-cardHeader:first-child {
    border-radius: 0;
}

.jobAccordion-cardTitle {
    font-size: 1.5rem;
}

.jobAccordion-cardHeading {
    width: 100%;
    padding: 15px 40px 15px 10px;
    text-align: left;
    border-radius: 0;
    color: var(--color-green);
    /* text-transform: uppercase; */
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    font-size: 1.313rem;
    white-space: normal;
    position: relative;
    font-family: 'Noto serif', serif;
}

.jobAccordion-cardHeading.collapsed {
    color: #3b3b3b;
}

.jobAccordion-cardHeading:hover {
    color: var(--color-main);
    text-decoration: none;
}

.jobAccordion-cardHeading:active,
.jobAccordion-cardHeading:focus {
    color: var(--color-green);
    text-decoration: none;
}

.jobAccordion-cardBody {
    padding: 10px 10px 30px 10px;
}

.btnLink-std {
    color: #3b3b3b;
}

.btnLink-std:hover {
    color: var(--color-green);
}

.btnLink-std:before,
.btnLink-std:after {
    background: var(--color-green);
}

.btnLinkContent {
    margin-bottom: 2rem;
}

.jobAccordion-colbtn {
    background-image: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Icons/circle-minus.svg');
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.collapsed .jobAccordion-colbtn {
    background-image: url('../../../typo3conf/ext/kwaklinik/Resources/Public/Icons/circle-plus.svg');
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* --------------- */
/* Ansprechpartner */
/* --------------- */
.kontakt-team--member {
    margin-bottom: 80px;
}

.kontakt-team--content {
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    width: 75%;
    height: auto;
    display: inline-block;
}

.kontakt-team--content img {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
    height: auto;
    border-radius: 0px;
    transform: scale3d(1, 1, 1);
}

.kontakt-team--content:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale3d(1.10, 1.10, 1);
}

.kontakt-team--content .kontakt-team--hover-overlay {
    background: rgba(173, 190, 47, .5);
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 0px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* cursor: pointer; */
}

.kontakt-team--content:hover .kontakt-team--hover-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.kontakt-team--hover-overlay a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
}

.kontakt-team--name {
    margin-top: 30px;
}

.kontakt-team--name h6 {
    font-family: 'Noto serif', serif;
    font-weight: 700;
    font-size: 1.313em;
}

.kontakt-team--name p {
    font-size: .875rem;
    color: #aaa;
    padding-left: 15%;
    padding-right: 15%;
}

.kontakt-team--link {
    color: #3b3b3b;
}

.kontakt-team--link:hover {
    color: var(--color-green);
    opacity: 0.7;
}

.kontakt-team--link svg {
    margin-right: 5px;
}

.kontakt-team--time,
.kontakt-team--text {
    color: #aaa;
}

.kontakt-phone--link {
    color: #3b3b3b;
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
}

.kontakt-phone--link:hover {
    opacity: 0.7;
    color: #3b3b3b;
}

/* --------------- */
/* Suche---------- */
/* --------------- */
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 82, 158, 0.85);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search.fullsearch--open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search .fullsearch-close {
    color: #fff;
    /* font-size: 48px; */
    font-weight: 400;
    height: 80px;
    opacity: 1;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 80px;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    line-height: 1;
    font-family: Arial, Baskerville, monospace;
}

.fullsearch-close:focus,
.fullsearch-close:active {
    outline: none;
}

.fullsearch-close:active {
    top: 1px !important;
}

.fullsearch-form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fullsearch-input {
    background: transparent;
    border-left: none;
    font-size: 26px;
    font-weight: 400;
    padding: 10px 10%;
    line-height: 26px;
    border-top: none;
    border-bottom: 3px solid var(--color-white);
    border-right: none;
    color: var(--color-white);
    transition: all 0.3s ease 0s;
    width: 75%;
}

.fullsearch-input::placeholder {
    color: var(--color-white);
}

.fullsearch-input:focus,
.fullsearch-input:hover {
    outline: none;
    border-left: none;
    border-bottom: 3px solid var(--color-green);
}

.fullsearch-submit {
    height: 60px;
    width: 60px;
    padding: 0;
    background: var(--color-green);
    border: none;
    color: #fff;
    transition: all 0.3s ease 0s;
    margin-top: 30px;
}

.fullsearch-submit:active,
.fullsearch-submit:focus {
    outline: 0;
}

.fullsearch-submit:hover {
    background-color: rgba(173, 190, 47, .7);
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #EFEFEF;
    outline: none;
    background: #fff;
    width: 500px;
    height: 48px;
    margin: 0;
    z-index: 11;
    padding: 10px 20px 10px 65px;
    font-family: inherit;
    font-size: 20px;
    color: #777;
}

.sb-icon-search,
.sb-search-submit {
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

/*ke_search*/
/* Filters */
#kesearch_filters div.textlinks {
    margin: 0 0 20px 0;
}

#kesearch_filters select {
    color: #777d85;
    margin: 15px 0 30px 0;
    padding: 10px 25px;
    border: 1px solid #ced4da;
    width: 100%;
    transition: all 0.3s ease 0s;
}

#kesearch_filters select:focus {
    outline: none;
    border: 1px solid var(--color-green);
}

select#filter_1[disabled=disabled] {
    border: 1px solid #ddd;
    color: #ddd;
}

#kesearch_filters .list {
    margin-bottom: 10px;
}

#kesearch_filters .list .head {
    display: block;
    border: 1px solid #CFCFCF;
    padding: 5px;
}

#kesearch_filters .list ul {
    padding: 10px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-top: 0 none;
    list-style-type: none;
}

#kesearch_filters .list ul.expanded {
    display: block;
}

#kesearch_filters .list ul.closed {
    display: none;
}

#kesearch_filters .list li {
    display: block;
    list-style-type: none;
    margin: 0 0 10px 0;
    line-height: 16px;
    color: #444;
}

#kesearch_filters .list li a {
    color: #444;
}

#kesearch_filters .list li:hover,
#kesearch_filters .list li a:hover {
    text-decoration: none;
    color: #444;
    cursor: pointer;
}

#kesearch_filters .list li.selected {
    font-weight: bold;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.level0 {
    margin-left: 14px;
}

#kesearch_filters .list li.parent1,
#kesearch_filters .list li.level1 {
    margin-left: 21px;
}

#kesearch_filters .list li.parent2,
#kesearch_filters .list li.level2 {
    margin-left: 28px;
}

#kesearch_filters .list li.parent3,
#kesearch_filters .list li.level3 {
    margin-left: 35px;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.parent1,
#kesearch_filters .list li.parent2,
#kesearch_filters .list li.parent3 {
    font-weight: bold;
    list-style-position: outside;
}

/* Checkboxes */
#kesearch_filters .list ul.checkboxList {
    padding-bottom: 1px;
}

#kesearch_filters .list li.optionCheckBox {
    float: left;
    width: 200px;
    text-decoration: none;
    margin-bottom: 4px;
}

#kesearch_filters .list li.optionCheckBox input[type="checkbox"] {
    float: left;
    margin: 0 5px 0 0;
}

#kesearch_filters .list li.clearer {
    font-size: 0;
    line-height: 0;
    float: none;
    margin: 0 !important;
}

#kesearch_filters label {
    display: block;
    font-weight: bold;
    color: #353535;
    margin: 0 0 4px 0;
}

#kesearch_filters .list li.region {
    font-weight: bold;
    margin-top: 5px;
}

#kesearch_filters .list li.noclick {
    cursor: default !important;
}

#kesearch_filters .list li.country {
    margin-left: 7px;
}

/* SPECIAL CSS CLASS */
#kesearch_filters .small {
    display: block;
    height: 65px;
    max-height: 65px;
    overflow-y: auto;
    overflow-x: hidden;
}

#kesearch_filters .larger {
    display: block;
    height: 130px;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Query time */
.tx-kesearch-pi1 #kesearch_query_time {
    font-style: italic;
    text-align: center;
    font-size: 80%;
}

/* General Message */
.tx-kesearch-pi1 .general-message {
    padding: 5px;
}

.tx-kesearch-pi1 .general-message .image {
    float: left;
    vertical-align: middle;
    margin-right: 10px;
}

/* Pagebrowser */
.kesearch_pagebrowser ul {
    display: inline;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

.kesearch_pagebrowser ul li {
    list-style-type: none;
    display: inline-block;
    margin: 3px 5px;
}

#kesearch_pagebrowser_top,
#kesearch_pagebrowser_bottom {
    text-align: center;
    word-wrap: break-word;
    color: #707070;
}

#kesearch_pagebrowser_top .pages_total,
#kesearch_pagebrowser_top .pages_total, #kesearch_pagebrowser_bottom .pages_total {
    padding: 15px 0 0;
    background: #fff;
    margin-bottom: 0;
}

#kesearch_pagebrowser_top .pages_total {
    border-bottom: 1px solid #cccccc;
}

#kesearch_pagebrowser_bottom .pages_total {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
}

#kesearch_pagebrowser_top div.result_txt,
#kesearch_pagebrowser_bottom div.result_txt {
    margin: 0 0 15px 0;
}

#kesearch_pagebrowser_top .kesearch_pagebrowser,
#kesearch_pagebrowser_bottom .kesearch_pagebrowser {
    margin: 0 auto 0;
}

#kesearch_pagebrowser_top a,
#kesearch_pagebrowser_top a, #kesearch_pagebrowser_bottom a {
    padding: 8px 15px;
    border: 1px solid #aaa;
}

#kesearch_pagebrowser_top a:hover, #kesearch_pagebrowser_top a:hover, #kesearch_pagebrowser_bottom a:hover {
    background: var(--color-main);
    border: 1px solid var(--color-main);
    color: #fff;
    cursor: pointer;
}

#kesearch_pagebrowser_top a.current,
#kesearch_pagebrowser_top a.current, #kesearch_pagebrowser_bottom a.current {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: var(--color-green);
    border: 1px solid var(--color-green);
    display: block;
}

#kesearch_pagebrowser_top .browser,
#kesearch_pagebrowser_bottom .browser {
    border: 1px solid;
}

/* Ordering */
.tx-kesearch-pi1 #kesearch_ordering span.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: var(--color-green) transparent;
    border-style: solid solid none;
    border-width: 4px 4px 0;
}

.tx-kesearch-pi1 #kesearch_ordering span.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent var(--color-green);
    border-style: none solid solid;
    border-width: 0 4px 4px;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
    float: right;
    max-width: 300px;
}

.tx-kesearch-pi1 #kesearch_ordering ul {
    display: inline-block;
    height: 20px;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}

.tx-kesearch-pi1 #kesearch_ordering ul li {
    float: left;
    margin-right: 10px;
}

.tx-kesearch-pi1 #kesearch_ordering div.clearer {
    clear: left;
}

/* needed for autocomplete */
ul.ui-autocomplete li a {
    font-size: 12px;
}

.tx-kesearch-pi1 {
    margin-bottom: 60px;
}

#ke_search_sword {
    /* line-height: 22px; */
    padding: 10px 25px;
    height: auto;
    border-radius: 0;
    border: 1px solid var(--color-main);
}

#ke_search_sword:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid var(--color-green);
}

/*#ke_search_sword {
    position: absolute;
    top: 1px;
    width: 100%;
    height: auto;
    padding: 10px 40px 10px 25px;
    margin: 0;
    display: inline;
}*/
.searchbtn-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.submitbutt-input {
    background: var(--color-main);
    color: var(--color-white);
    border: 1px solid var(--color-main);
    padding: 10px 20px;
    border-radius: 0;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.submitbutt-input:hover {
    color: #fff;
    background: var(--color-green);
    border: 1px solid var(--color-green);
}

.kesearchbox {
    position: relative;
    height: 35px;
    margin: 0 0 10px 0;
}

a.resetButton:hover {
    opacity: 0.7;
}

.btnLink-search {
    color: #aaa;
    padding: 3px 25px;
    line-height: 20px;
}

.btnLink-search:before,
.btnLink-search:after {
    background: #aaa;
}

.btnLink-search:hover {
    color: #aaa;
}

#kesearch_results .result-list-item {
    clear: both;
    margin: 15px 0 15px 0;
    padding: 0;
    border: 1px solid #efefef;
    padding: 20px 30px;
    transition: all 0.3s ease 0s;
    position: relative;
}

#kesearch_results .result-list-item:hover {
    border-color: var(--color-green);
}

.result-heading {
    margin-bottom: 10px;
    font-family: 'Noto serif', serif;
    font-size: 1.313rem;
}

.result-number {
    margin-right: 10px;
    color: var(--color-main);
}

.result-wrap {
    display: flex;
}

.teaser_icon {
    margin-right: 15px;
}

.result-heading .result-title>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.sb-search-input {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #EFEFEF;
    outline: none;
    background: #fff;
    width: 500px;
    height: 48px;
    margin: 0;
    z-index: 11;
    padding: 10px 20px 10px 65px;
    font-family: inherit;
    font-size: 20px;
    color: #777;
}

span.hit {
    font-weight: bold;
}

/* --------------- */
/* Video---------- */
/* --------------- */
.videobox-wrap {
    position: relative;
    display: block;
}

.videobox-vorschau {
    width: 100%;
    height: auto;
}

.videobox:hover .videoStartBtn {
    opacity: 1;
}

.videoStartBtn-playIcon {
    color: var(--color-main);
}

.videoStartBtn {
    width: 80px;
    height: 80px;
    z-index: 99;
    color: #f633a1;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.videoStartBtn .ripple,
.videoStartBtn .ripple:before,
.videoStartBtn .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -moz-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -ms-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -o-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    transition: all 0.3s ease 0s;
}

.videoStartBtn .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.videoStartBtn .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

/*.videobox:hover .ripple,
.videobox:hover .ripple:after,
.videobox:hover .ripple:before {
  -webkit-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
  -moz-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
  -ms-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
  -o-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
  box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
}*/
.videoStartBtn .plybtn {
    fill: var(--color-main);
    transition: all 0.3s ease 0s;
}

.videobox:hover .plybtn {
    fill: var(--color-green);
}

/* --------------- */
/* Kontakt---------- */
/* --------------- */
.sectionKontaktinfo-link {
    display: block;
    color: var(--color-black);
    transition: all 0.2s ease 0s;
    margin-bottom: 10px;
}

.sectionKontaktinfo-art {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
}

.sectionKontaktinfo-text {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 10px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sectionKontaktinfo-icon {
    width: 60px;
    height: auto;
    margin: 0 auto 20px;
}

.socialItem {
    border: none;
    padding: .5rem .75rem;
}

.socialItem svg {
    width: 100%;
    max-width: 60px;
    height: auto;
}

/* --------------- */
/* KontaktFormular---------- */
/* --------------- */

.kwaform-fieldset legend {
    font-family: 'Noto serif', serif;
    font-size: .875em;
    margin-bottom: 2em;
    font-weight: 500;
    border-left: 2px solid var(--color-green);
    padding: 15px 15px;
    /* line-height: 3em; */
    background: #f8f8f8;
    color: #666;
}

.kwaform-fieldset .control-label {
    display: none;
}

.radiobutton-1 .control-label {
    display: block;
}
.kwaRueckrufform .radiobutton-1 .control-label {
    display: block;
}

.control-label {
    font-family: 'Noto Serif', serif;
    color: var(--color-main);
    font-size: 1.125rem;
}

.form-group {
    margin-bottom: 2rem;
}

.kwaform-fieldset {
    /*border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1.5em;*/
    margin-bottom: 0em;
}

.kwaForm-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 16px;
    font-size: 1rem;
    line-height: 1.846;
    color: #666666;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: inset 0 -1px 0 var(--color-main);
    ;
    box-shadow: inset 0 -1px 0 var(--color-main);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
}

.input .kwaForm-control:hover {
    -webkit-box-shadow: inset 0 -2px 0 var(--color-main);
    box-shadow: inset 0 -2px 0 var(--color-main);
}

.kwaForm-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 var(--color-green) !important;
    box-shadow: inset 0 -2px 0 var(--color-green) !important;
}

.kwaForm-control.error {
    box-shadow: inset 0 -2px 0 var(--red);
}

.error.help-block {
    color: var(--red);
    font-size: 0.875em;
    margin-left: 15px;
}

.form-check {
    padding-left: 0;
}

input.kwa-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.add-on.form-check-label {
    padding-top: 2em;
}

.kwa-checkbox~span {
    padding-left: 2.75em;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    margin: 0px 15px 0 0;
    width: auto;
    position: relative;
    font-size: 0.875rem;
}

.kwa-checkbox~span:before {
    content: '';
    position: absolute;
    border: 1px solid #939393;
    text-align: center;
    font-size: 20px;
    left: 0;
    width: 24px;
    height: 24px;
}

.kwa-checkbox:checked~span:before {
    content: '\2714';
    line-height: 24px;
    color: var(--color-green);
}

.inputs-list .form-check-label {
    display: flex;
    align-items: center;
    min-height: 36px;
    margin-bottom: 1rem;
}

.clearfix p {
    font-size: 0.875rem;
}

.btn-primary {
    padding: 10px 30px;
    background-color: var(--color-main);
    color: var(--color-white);
    border-radius: 0;
    border: none;
    transition: all 0.3s ease 0s;
    margin-top: 16px;
}

.btn-primary:hover {
    background-color: var(--color-green);
    color: var(--color-white);
}

input[type=radio] {
  display: none;
}
input[type=radio] + label svg {
    /* height: 200px; */
    margin-right: 15px;
    margin-left: 2px;
}
input[type=radio] + label svg .outer {
  transition: fill .3s ease-in-out .05s;
  fill: #939393;
}
input[type=radio] + label svg .inner {
  fill: #FFFFFF;
  transition: r .3s ease-in-out .05s;
  r: 28px;
}
input[type=radio] + label:hover svg .outer {
  fill: #939393;
}
input[type=radio] + label:hover svg .inner {
  r: 17px;
}
input[type=radio]:checked + label svg .outer {
  transition: fill 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  fill: var(--color-green);
}
input[type=radio]:checked + label svg .inner {
  transition: r 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  r: 14px;
}

.kwaradio-group {
    display: flex;
    flex-direction: column;
    align-items: unset;
    justify-content: left;
}

.kwaradio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
    height: 36px;
}

.kwaradio-span {
    margin: 0 3em 0 .75em;
    font-size: 1.125rem;
}

.kwaform-inputs-list .kwacheck-span {
    font-size: 1.125rem;
}


input.parsley-success,
select.parsley-success,
textarea.parsley-success {

}

input.parsley-error,
select.parsley-error,
textarea.parsley-error,
input.parsley-error:focus {
    color: var(--red);
    background-color: transparent;
    border: none;
    box-shadow: inset 0 -2px 0 var(--red);
}

.parsley-errors-list {
  margin: 3px 0px 3px 15px;
  padding: 0;
  list-style-type: none;
  font-size: 0.875rem;
  opacity: 0;
  color: var(--red);

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.parsley-error .kwa-checkbox~span:before {
    border: 1px solid var(--red);
}

.input.checkbox .parsley-errors-list {
    margin-left: 2.5rem;
}

.phone .control-label {
    display: none;
}

.kwa-callout {
    padding: 15px 20px;
    background: #f8f8f8;
    border-left: 2px solid #939393;
    transition: all 0.3s ease 0s;
}

.kwa-callout h4 {
    font-size: 1.25rem;
}

.kwa-callout p {
    margin-bottom: 0;
    font-size: .875rem;
}

.kwa-callout-warning {
    border-left: 2px solid red;
    color: red;
}

.kwa-callout-warning p {
    color: var(--color-black);
}

.kwa-callout-info {
    border-left: 2px solid var(--color-green);
}

.kwa-callout-info h4 {
    color: var(--color-green);
}

.kwa-callout.is-desktop {
    display: none;
}


.kwaRueckrufform h2 {
    display: none;
}

.kwaRueckrufform .control-label {
    display: none;
}



/* --------------- */
/* photoswipe----- */
/* --------------- */

.fullgallery-wrap .gallery-image {
    margin: 0;
}


.gallery-image-item {
    width: 100%;
    height: auto;
}

.gallery-image {
  margin: 0 0 30px;
}

.gallery-caption {
    display: none;
}



.fullgallery-wrap .gallery-column.col-12.col-md-6.col-lg-3 {
    position: relative;
    overflow: hidden;
    width: 25vw;
    height: 17vw;
}

 .fullgallery-wrap .gallery-image {
    margin: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(0);
    height: 100%;
    left: 50%;
}

.fullgallery-wrap .gallery-image-item {
    height: 100%;
    max-width: none !important;
    width: auto;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    transform: scale3d(1, 1, 1);
    backface-visibility: hidden;
}

.fullgallery-wrap .gallery-column:hover .gallery-image-item {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale3d(1.05, 1.05, 1);
}



/* --------------- */
/* Sitemap----- */
/* --------------- */
.sitemap-list {
    list-style: none;
    padding: 0;
    margin-bottom: 50px;
    margin-top: 30px;
}

.sitemap-list::before {
    content: "";
    position: relative;
    width: 50px;
    height: 2px;
    display: block;
    background-color: var(--color-main);
    bottom: 15px;
    left: 0;
    margin-left: 0;
}

.sitemap-listItem {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    line-height: 1;
    transition: all 0.2s ease 0s;
    padding: 10px 0 10px 0;
}

.sitemap-link {
    color: #3E4247;
    transition: all 0.2s ease 0s;
}

.sitemap-link:hover {
    color: var(--color-green);
    /* opacity: 0.7; */
}

.sitemap-sub {
    list-style: none;
    padding: 0;
    margin-left: 15px;
    margin-bottom: 0;
    border-left: 1px solid #ececec;
    margin-top: 10px;
}

.sitemap-sub .sitemap-item {
    padding: 10px 0 10px 10px;
}

.sitemap-sub .sitemap-link {
    font-size: 1rem;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.extbase-debugger-floating {
    position: relative;
    z-index: 999;
    margin-top: 80px;
}

/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

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

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Small devices (up to 576px) */
@media (min-width: 576px) {


	.kwaradio-group {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: left;
	}

	.inputs-list .form-check-label {
	    display: flex;
	    align-items: center;
	    min-height: 36px;
	    margin-bottom: .875rem;
	}


	.socialItem svg {
	    width: unset;
	    height: auto;
	}

	.socialItem {
	    border: none;
	    padding: 0rem 1.25rem;
	}

  .infobox {
    padding: 3rem 2.5rem;
  }


}

@media (max-width:767px) {

  .hc-nav.hc-nav-1 {
      display: none;
  }

  .hc-nav-trigger.hc-nav-1 {
    display: flex;
}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .consentBtn {
    bottom: 30px;
    left: 15px;
    right: unset;
    min-width: 50px;
    height: 50px;
  }

  .exploreLine-full {
    bottom: 60px;
}

.exploreLine-motion {
  height: 400px;
  bottom: -160px;
}


/* --------------- */
/* Headings  */
/* --------------- */

h2 {
	font-family: 'Noto Serif', serif;
	font-size: 1.875em;
	/*font-size: 1.5em;*/
}


.kontaktsidebar {
    width: 390px;
    right: -390px;
	transform: translateY(-200px);
}

.btn-kontakt--open {
	right: 390px;
}

.kontaktsidebar--open {
	right:0;
}

.kontaktsidebar-heading {
	font-size: 1.375rem;
}

.kontaktsidebar-text {
    font-size: 1rem;
}

.kontaktsidebar-btnLink {
    font-size: 1rem;
	font-weight: 600;

}


/*------------------------*/
/*---Topline Navigation---*/
/*------------------------*/



/*-----------------------*/
/*---OverlayNavigation---*/
/*-----------------------*/
.overlayNavigationMobile {
	display: none;
	opacity: 0;
	visibility: hidden;

}

.overlayNavigation {
    display: flex;
	position: fixed;
    width: 100%;
    height: 100%;
    top: 80px;
    left: 0;
    background: rgba(24,53,62,1);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 1020;
}

.overlayNavigation-col {
    margin-left: 5%;
    margin-right: 5%;
    width: 30%;
    margin-bottom: 10vw;
}


#responsivemain-nav {
    display: none;
}


/*----------------------*/
/*---HeaderNavigation---*/
/*----------------------*/
.headernav {
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	height: calc(100vh - 80px);
	position: relative;
	top: 80px;
	display: flex;
	transition: all .5s ease;
	margin-bottom: 80px;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.headernav-item {
    width: 25%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(242,242,242,.35);
    position: relative;
    transition: all .5s ease-in-out;
	font-family: 'Poppins', sans-serif;
}

.headernav-itemTitle {
    font-size: 1.25rem;
	line-height: 4.75rem;
}

.headernav-itemNumber {
    font-size: 4.75rem;
}



.sectionContent-heading {
    margin-right: 0%;
    width: 100%;
}

.sectionContent-text {
    margin-right: 0;
    /* margin-right: 4.95942%; */
    width: 100%;
    margin-left: 0%;
}


.sectionContent-headingNumber {
    top: -35px;
    left: 20px;
}


/*-------------------*/
/*---Themengebiete---*/
/*-------------------*/
.sectionThemen-item {
    min-height: 400px;
}

.sectionThemen-itemCaptionText {
    padding: 60px;
}


.sectionImagecontent:before {
    width: 75%;
}


.sectionImagecontent-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw;
    position: relative;
    z-index: 1;
}

.sectionImagecontent-zitatText {
    font-family: 'Noto serif', serif;
    /* font-size: 1.750rem; */
    font-size: 1.125rem;
}

.sectionImagecontent-zitat {
    margin-bottom: 0;
}

.sectionImagecontent-zitatWrap {
    width: 50%;
    margin-left: 10%;
    margin-right: 5%;
    align-items: center!important;
    display: flex;
}

.sectionImagecontent-bild {
    width: 30%;
    max-width: 30%;
    /*overflow: hidden;*/
    margin-right: 5%;
		margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sectionImagecontentReverse .sectionImagecontent-bild {
    margin-right: 0;
    margin-left: 5%;
}


/* --------------- */
/* Subnav mit Bild */
/* --------------- */
.bildnav {
    min-height: 25vw;
}

/* --------------- */
/* Region */
/* --------------- */
.image-column {
    width: 50%;
    height: 35vw;
}







/* --------------- */
/* Footer ---------*/
/* --------------- */
footer {
    padding-top: 3vw;
}

.footer-main {
    padding-bottom: 3vw;
}

.footer-menuItem, .footer-menuItem:last-child {
    padding: 0 10px;
    width: unset;
    border: none;
}

.footer-service.container-fluid {
    padding-top: 15px;
}


/* ==========================================================================
   Unterseiten
   ========================================================================== */
/* --------------- */
/* Kacheln */
/* --------------- */
.sectionTile-item {
    height: 25vw;
}



/* --------------- */
/* Kurzinfo */
/* --------------- */
.fakten-container {
    position: relative;
    /* bottom: 15%; */
    left: 10%;
    right: 10%;
    width: 80%;
    text-align: center;
}

.fakten-stand {
	position: absolute;
	transform: rotate(-90deg);
	right: -45px;
	bottom: 90px;
}


/* --------------- */
/* Accordion       */
/* --------------- */
.jobAccordion-cardHeading {
    padding: 15px 85px 15px 30px;
}

.jobAccordion-cardBody {
    padding: 10px 30px 30px 30px;
}

.jobAccordion-colbtn {
    width: 24px;
    height: 24px;
    right: 30px;
}

.collapsed .jobAccordion-colbtn {
    width: 24px;
    height: 24px;
    right: 30px;
}


/* --------------- */
/* Ansprechpartner */
/* --------------- */
.kontakt-phone--link {
    color: #3b3b3b;
    font-family: 'Poppins', sans-serif;
    font-size: 2.625rem;
}

/* --------------- */
/* Suche---------- */
/* --------------- */
.fullsearch-form {
    flex-direction: row;
}

.fullsearch-input {
    border-left: 3px solid var(--color-white);
    font-size: 42px;
    font-weight: 400;
    padding: 7px 60px;
    line-height: 54px;
    border-bottom: none;
}

.fullsearch-input:focus, .fullsearch-input:hover {
    outline: none;
    border-left: 3px solid var(--color-green);
		border-bottom: none;
}

.fullsearch-submit {
    margin-top: 0;
		height: 68px;
    width: 68px;
}


.submitbutt-input {
    padding: 10px 40px;

}

}

@media (max-width:991px) {





}

@media (min-width: 992px) {
/*------------------------*/
/*---Topline Navigation---*/
/*------------------------*/
.topnav-logo .logo {
  width: 175px;
}

/*-----------------------*/
/*---OverlayNavigation---*/
/*-----------------------*/


.overlayNavigation-left {
    width: 60%;
}

.overlayNavigation-col {
    margin-left: 0%;
    margin-right: 0%;
    width: 40%;
    margin-bottom: 5vw;
}

.overlayNavigation-leftInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.overlayNavigation-right {
    width: 40%;
	display: block;
    height: 100%;
    background: #fff;
}

.overlayNavigation-rightWrapper {
    width: 100%;
    max-width: 340px;
}

.overlayNavigation-rightTitle {
    font-size: 1.75rem;
}

.overlayNavigation-rightWatermark {
    font-size: 100px;
    top: -60px;
    left: 95px;
}

.overlayNavigation-rightDescription p {
    font-size: 1rem;
    line-height: 1.5rem;
}



/*----------------------*/
/*---HeaderNavigation---*/
/*----------------------*/
.headernav-item:hover {
    width: 25%;
}

.headernav-itemTitle {
    font-size: 1.5rem;
	line-height: 5.5rem;
}

.headernav-itemNumber {
    font-size: 5.5rem;
}

.headernav-menuItem {
    font-size: 1.125rem;
}

.nav-link {
    padding: .5rem .75rem;
	overflow: visible;
}

.topnav-menuItem:not(:last-child) {
    margin-right: 1.286em;
}


.sectionContent-heading {
    margin-right: 0%;
    width: 90%;
}


.topnav-menuLinkText {
    display: inline-block;
}




/*-------------------*/
/*---Themengebiete---*/
/*-------------------*/

.sectionThemen-item {
    min-height: 460px;
}


.sectionImagecontent-wrap {
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.sectionImagecontent-zitatWrap {
    width: 50%;
    margin-left: 10%;
    margin-right: 5%;
    align-items: center!important;
    display: flex;
}

.sectionImagecontent-bild {
    width: 30%;
    max-width: 30%;
    /*overflow: hidden;*/
    margin-right: 5%;
}

.sectionImagecontentReverse .sectionImagecontent-bild {
    margin-right: 0;
    margin-left: 5%;
}

.sectionImagecontent-name {
	font-size: 1.125rem;
}





/* --------------- */
/* News Showcase */
/* --------------- */
.sectionNewsShowcase {
    padding-bottom: 0;
    margin-bottom: 0;
}

.sectionNewsShowcase-background {
	background-image: url('../../../typo3conf/ext/kwaklinik/Resources/Public/img/news_bg.jpg');
	background-size: cover;
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}

.sectionNewsShowcase-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
    /* box-shadow: inset 0px 0px 15px 7px rgba(0,0,0,0.25); */
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}


.sectionNewsShowcase-postItem {
    min-height: 250px;
    background-color: white;
    color: #3e4247;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
	font-family: 'Poppins', sans-serif;
	box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.15);
}

.sectionNewsShowcase-postItem:last-of-type {
    margin-bottom: 0;
}

.sectionNewsShowcase-postImage {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    background-size: cover;
    background-position: center center;
}

.sectionNewsShowcase-postContent {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 30px 40px;
}

.sectionNewsShowcase-postDate {
    margin-bottom: 10px;
    color: #939393;
    font-size: 0.875em;
}

.sectionNewsShowcase-postHeading {
    margin: 0 0 15px;
}

.sectionNewsShowcase-postText {
    font-family: 'Noto Sans', sans-serif;
    margin-bottom: 0;
}

.sectionNewsShowcase-blue {
    background: rgba(0,82,158,0.95);
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    position: absolute;
    bottom: 0;
  	box-shadow: 0px -2px 10px rgba(0,0,0,.2);
  	z-index: 2;
}

.sectionNewsShowcase-blueContent {
    margin-left: 10%;
    width: 28%;
    z-index: 2;
    margin-right: 4%;
}

.sectionNewsShowcase-left {
    /* Basis für Breite 80% */
    width: calc(40% * 0.8);
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
	  -ms-flex-direction: column;
    flex-direction: column;
  	margin-top: 0;
  	margin-bottom: 0;
}

.sectionNewsShowcase-right {
    /* Basis für Breite 80% */
    width: calc(60% * 0.8);
    margin-right: 10%;
    margin-left: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding-top: 8vw;
    padding-bottom: 8vw;
}


.sectionNewsShowcase-video {
    position: relative;
    /* width: 300px; */
    /* height: 300px; */
    z-index: 1;
	margin-bottom: 30px;
    /* margin: 0 auto; */
}

.sectionNewsShowcase-videoTitle {
    position: relative;
    /* left: 0px; */
    /* top: 0; */
    z-index: 1;
    /* width: 100%; */
    /* height: 100%; */
    /* font-size: 120px; */
    display: block;
    font-weight: 700;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    z-index: 0;
}

.sectionNewsShowcase-videoLink {
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
	display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sectionNewsShowcase-videoPlayButton {
    /* position: absolute; */
    width: 80px;
    height: 80px;
    /* left: 50%; */
    /* top: 50%; */
    z-index: 99;
    color: #f633a1;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    display: inline-block;
    /* margin-top: -40px; */
    /* margin-left: -40px; */
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

.sectionNewsShowcase-videoPlayButton .ripple, .sectionNewsShowcase-videoPlayButton .ripple:before, .sectionNewsShowcase-videoPlayButton .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -moz-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -ms-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -o-box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    box-shadow: 0 0 0 0 rgba(0, 82, 158, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
	transition: all 0.3s ease 0s;
}

/*.sectionNewsShowcase-videoLink:hover .ripple, .sectionNewsShowcase-videoLink:hover .ripple:before, .sectionNewsShowcase-videoLink:hover .ripple:after {
	 -webkit-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -moz-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -ms-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    -o-box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);
    box-shadow: 0 0 0 0 rgba(173, 190, 47, .6);

}*/

.sectionNewsShowcase-videoPlayButton .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.sectionNewsShowcase-videoPlayButton .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.sectionNewsShowcase-videoPlayButton .plybtn {
    fill: #00529E;
	transition: all 0.3s ease 0s;
}

.sectionNewsShowcase-videoLink:hover .plybtn {
    fill: #ADBE2F;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}




/* --------------- */
/* Footer -------- */
/* --------------- */
.footer-menuItem, .footer-menuItem:last-child {
    padding: 0 25px;
	width: unset;
}

/* ==========================================================================
   Unterseiten
   ========================================================================== */
/* --------------- */
/* Kacheln */
/* --------------- */
.sectionTile-item {
    height: 25vw;
}

.sectionTile-overlay {
    padding: 40px;
}

.sectionTile-itemTitleText p {
    font-size: 1.125rem;
}



/* --------------- */
/* Kurzinfo */
/* --------------- */

.sectionFakten {
      margin-top: 10vw;
  background-size: cover;
  min-height: 680px;
}

.fakten-container {
    position: absolute;
    bottom: 15%;
    left: 5%;
    right: 5%;
    width: 90%;
}

.fakten-wrap {
    background: rgba(255,255,255,.75);

    align-items: center;
    justify-content: center;
    /* margin: 0 auto; */
    display: flex;
    padding: 30px 5%;
}

.fakten-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 120px;
    font-size: 2.625rem;
}

.fakten-item {
    width: 33.33%;
    margin: 0 0 0 0%;
    border-left: 1px solid rgba(0,0,0,0.3);
}

.fakten-item:first-of-type {
  margin: 0;
  border-left: none;
}

.fakten-itemWrap {
    display: block;
    align-items: center;
}


.fakten-zahl {
    font-size: 3.75rem;
    display: inline-block;
    font-family: "Noto Serif",serif;

}

.fakten-text {
    margin: 0;
    font-size: 1rem;
    border-left: none;
    padding: 20px 20px;
    margin-bottom: 0;
    min-height: 97px;
    align-items: center;
    display: flex;
    border-top: none;
    text-align: center;
}

.fakten-stand {
    right: -40px;
    bottom: 195px;
}


/* --------------- */
/* Call2Action     */
/* --------------- */
.sectionCtoa-wrap {
    display: flex;
    margin-right: 10%;
    width: 80%;
    margin-left: 10%;
    padding-top: 5vw;
    padding-bottom: 5vw;
    align-items: flex-end;
}

.sectionCtoa-heading {
    width: 64%;
    margin-right: 6%;
}

.sectionCtoa-text {
    width: 30%;
    text-align: right;
}


}

@media (min-width: 1200px) {

/*------------------------*/
/*---Topline Navigation---*/
/*------------------------*/
.topnav-logoLink {
    display: block;
    padding: 12px 0px 12px 15px;
}



/*-----------------------*/
/*---OverlayNavigation---*/
/*-----------------------*/
.overlayNavigation-left {
    width: 60%;
}

.overlayNavigation-col {
    margin-left: 5%;
    margin-right: 5%;
    width: 30%;
}

.overlayNavigation-right {
    width: 40%;
}

.overlayNavigation-rightWrapper {
    width: 100%;
    max-width: 400px;
}

.overlayNavigation-rightTitle {
    font-size: 2.00rem;
}

.overlayNavigation-rightWatermark {
    font-size: 120px;
    top: -75px;
    left: 85px;
}

.overlayNavigation-rightDescription p {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/*----------------------*/
/*---HeaderNavigation---*/
/*----------------------*/
.headernav-itemTitle {
    font-size: 1.75rem;
	line-height: 6rem;
}
.headernav-itemNumber {
    font-size: 6rem;
}

.headernav-menuItem {
    font-size: 1.375rem;
}

/*.sectionContent-heading {
    margin-right: 0%;
    width: 75%;
}*/

/*.sectionContent-text {
    width: 100%;
    margin-left: 0%;
}*/

.sectionContent-heading {
    margin-right: 5%;
    width: 40%;
    float: left;
    position: sticky;
    top: 160px;
}
.sectionContent-text {
    width: 55%;
    margin-left: 0%;
    float: left;
}


.newsheaderbild {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*height: calc(60vh - 80px);*/
    height: calc(100vh - 80px);
    position: relative;
    top: 80px;
    display: flex;
    transition: all .5s ease;
    margin-bottom: 80px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}



.headerbild-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: calc(100vh - 80px);
    width: 100%;
    max-width: 100%;
}

.newsContent {
    padding-top: 0;
}

.newsContent .sectionContent-wrap {
    margin-top: -15vh;
    background: var(--color-white);
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 60px;
}

.scroll-btn {
    bottom: 17vh;
}

/*-------------------*/
/*---Themengebiete---*/
/*-------------------*/


.sectionThemen-item {
    min-height: 400px;
}

.sectionThemen-itemCaptionText {
    padding: 25px;

}


.sectionImagecontent-zitatWrap {
    width: 40%;
    margin-left: 10%;
    margin-right: 10%;
    align-items: center!important;
    display: flex;
}

.sectionImagecontent-bild {
    width: 30%;
    max-width: 30%;
    /*overflow: hidden;*/
    margin-right: 10%;
}

.sectionImagecontentReverse .sectionImagecontent-bild {
    margin-right: 0;
    margin-left: 10%;
}

.sectionImagecontent-zitatText {
    font-family: 'Noto serif', serif;
    font-size: 1.25rem;
}



/* --------------- */
/* Footer -------- */
/* --------------- */

.footer-menuItem {
    padding: 0 30px;
}


/* ==========================================================================
   Unterseiten
   ========================================================================== */
/* --------------- */
/* Kacheln */
/* --------------- */
.sectionTile-itemTitleText h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;

}

.sectionTile-itemTitleText p {
    font-size: 0.875rem;
    display: block;
    line-height: 1.25rem;
}



/* --------------- */
/* Kurzinfo */
/* --------------- */


.fakten-itemWrap {
    display: flex;
    align-items: center;
}



.fakten-item {
  width: 33.33%;
  margin: 0 0 0 5%;
  border-left: none;
}

.fakten-item:first-of-type {
  margin: 0;
}

.fakten-zahl {
    font-size: 4.5rem;

}

.fakten-text {
    margin: 0 0 0 15px;
    font-size: 1rem;
    border-left: 1px solid rgba(0,0,0,.3);
    padding: 20px 15px;
    margin-bottom: 0;
    min-height: 135px;
    align-items: center;
    display: flex;
    border-top: none;
    text-align: left;
}

.fakten-stand {
    bottom: 180px;
    right: -40px;
}



.kwa-callout.is-desktop {
    display: block;
}

.kwa-callout.is-mobile {
    display: none;
}

}

@media (min-width: 1600px) {
/*------------------------*/
/*---Topline Navigation---*/
/*------------------------*/
.topnav-logoLink {
    display: block;
    padding: 12px 15px 12px 15px;
}

.topnav-logo .logo {
  width: 190px;
}

.topnav-menuItem {
    font-size: 1rem;
}



/*-----------------------*/
/*---OverlayNavigation---*/
/*-----------------------*/
.overlayNavigation-left {
    width: 50%;
}



.overlayNavigation-right {
    width: 50%;
}

.overlayNavigation-rightWrapper {
    width: 100%;
    max-width: 540px;
}

.overlayNavigation-rightTitle {
    font-size: 2.50rem;
}

.overlayNavigation-rightWatermark {
    font-size: 200px;
    top: -155px;
    left: 45px;
}

/*----------------------*/
/*---HeaderNavigation---*/
/*----------------------*/
.headernav-itemTitle {
    font-size: 1.875rem;
	line-height: 6.25rem;
}

.headernav-itemNumber {
    font-size: 6.25rem;
}

.headernav-menuItem {
    font-size: 1.500rem;
}

.sectionContent-heading {
	float: left;
	margin-right: 6%;
    width: 34%;
}

.sectionContent-text {
	float: left;
	width: 60%;
    margin-left: 0%;
}



/*-------------------*/
/*---Themengebiete---*/
/*-------------------*/

.sectionThemen-item {
    min-height: 540px;
}

.sectionThemen-itemCaptionText {
    padding: 30px 60px 60px 60px;

}


.sectionThemen-itemCaptionText {
    color: #fff;
    width: 100%;
    padding: 30px 60px 60px 60px;
    background: rgba(0,82,158,.95);
    position: absolute;
    left: 0;
    bottom: -50%;
    z-index: 10;
	height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    /* visibility: hidden; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.sectionImagecontent-zitatText {
    font-family: 'Noto serif', serif;
    /*font-size: 1.750rem;*/
    font-size: 1.50rem;
}



/* --------------- */
/* News Showcase */
/* --------------- */

.sectionNewsShowcase-right {
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.sectionNewsShowcase-postItem {
	flex-direction: row;
    margin-bottom: 30px;
}

.sectionNewsShowcase-postImage {
    height: unset;
}

.sectionNewsShowcase-blueContent {
    width: 24%;
    margin-right: 8%;
}

.sectionNewsShowcase-blueContent h2 {
    font-size: 1.875rem;
}



/* --------------- */
/* Footer -------- */
/* --------------- */


/* ==========================================================================
   Unterseiten
   ========================================================================== */
/* --------------- */
/* Kacheln */
/* --------------- */
.sectionTile-overlay {
    padding: 60px;
}

.sectionTile-itemTitleText h3 {
    font-size: 1.5rem;
}

.sectionTile-itemTitleText p {
    font-size: 1rem;
    line-height: 1.5rem;
}



/* --------------- */
/* Kurzinfo */
/* --------------- */
.fakten-container {
    position: absolute;
    bottom: 15%;
    left: 10%;
    right: 10%;
    width: 80%;
}

.fakten-text {
    min-height: 116px;
}


.fakten-stand {
    right: -45px;
    bottom: 180px;
}

}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 82, 158, 0.9);
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }