/*------------------------------------*\
    normalize
\*------------------------------------*/
/*------------------------------------*\
    dev settings
\*------------------------------------*/
/*------------------------------------*\
    mixins
\*------------------------------------*/
/*------------------------------------*\
    vars & colors
\*------------------------------------*/
:root {
  --pageWidthREM2: 51.5rem;
}
/*------------------------------------*\
	colors
\*------------------------------------*/
:root {
  --colorWhite: #ffffff;
}
/*------------------------------------*\
	margin/padding
\*------------------------------------*/
:root {
  --gutterHalf: 0.625rem;
}
/*------------------------------------*\
    Basic Contao
\*------------------------------------*/
/*------------------------------------*\
    pagination
\*------------------------------------*/
/*------------------------------------*\
    gallery
\*------------------------------------*/
/*------------------------------------*\
    slick
\*------------------------------------*/
/*------------------------------------*\
    j_flickity
\*------------------------------------*/
/*------------------------------------*\
    Formulare
\*------------------------------------*/
/*------------------------------------*\
   formvariables
   https://uxdesign.cc/design-better-forms-96fadca0f49c#.hgq9b3ira
\*------------------------------------*/
/*------------------------------------*\
   global form - like searchfield
\*------------------------------------*/
/*------------------------------------*\
   form only
\*------------------------------------*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  #hofff-consent-banner input[type="checkbox"], #hofff-consent-banner input[type="radio"] {
    --active: #00A57B;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #00A57B;
    --border-hover: #00A57B;
    --background: transparent;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 2px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  #hofff-consent-banner input[type="checkbox"]:after, #hofff-consent-banner input[type="radio"]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  #hofff-consent-banner input[type="checkbox"]:checked, #hofff-consent-banner input[type="radio"]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  #hofff-consent-banner input[type="checkbox"]:disabled, #hofff-consent-banner input[type="radio"]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  #hofff-consent-banner input[type="checkbox"]:disabled:checked, #hofff-consent-banner input[type="radio"]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  #hofff-consent-banner input[type="checkbox"]:disabled + label, #hofff-consent-banner input[type="radio"]:disabled + label {
    cursor: not-allowed;
  }
  #hofff-consent-banner input[type="checkbox"]:hover:not(:checked):not(:disabled), #hofff-consent-banner input[type="radio"]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  #hofff-consent-banner input[type="checkbox"]:focus, #hofff-consent-banner input[type="radio"]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  #hofff-consent-banner input[type="checkbox"]:not(.switch), #hofff-consent-banner input[type="radio"]:not(.switch) {
    width: 21px;
  }
  #hofff-consent-banner input[type="checkbox"]:not(.switch):after, #hofff-consent-banner input[type="radio"]:not(.switch):after {
    opacity: var(--o, 0);
  }
  #hofff-consent-banner input[type="checkbox"]:not(.switch):checked, #hofff-consent-banner input[type="radio"]:not(.switch):checked {
    --o: 1;
  }
  #hofff-consent-banner input[type="checkbox"] + label, #hofff-consent-banner input[type="radio"] + label {
    font-size: 1rem;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 3.5px;
    margin-left: 4px;
  }
  #hofff-consent-banner input[type="checkbox"]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  #hofff-consent-banner input[type="checkbox"]:not(.switch):checked {
    --r: 43deg;
  }
  #hofff-consent-banner input[type="checkbox"].switch {
    width: 38px;
    border-radius: 11px;
  }
  #hofff-consent-banner input[type="checkbox"].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  #hofff-consent-banner input[type="checkbox"].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  #hofff-consent-banner input[type="checkbox"].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }
  #hofff-consent-banner input[type="radio"] {
    border-radius: 50%;
  }
  #hofff-consent-banner input[type="radio"]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  #hofff-consent-banner input[type="radio"]:checked {
    --s: .5;
  }
}
/*------------------------------------*\
    Mobile Menu
\*------------------------------------*/
/*------------------------------------*\
    mod_navigation
\*------------------------------------*/
/*------------------------------------*\
    mod_article
\*------------------------------------*/
/*------------------------------------*\
    header
\*------------------------------------*/
/*------------------------------------*\
    Images
\*------------------------------------*/
/*------------------------------------*\
    Accordion
\*------------------------------------*/
/*------------------------------------*\
    Breadcrump
\*------------------------------------*/
/*------------------------------------*\
    Search
\*------------------------------------*/
/*------------------------------------*\
    Button
\*------------------------------------*/
/*------------------------------------*\
    hofff contao consent
\*------------------------------------*/
#main .hofff-consent-content {
  margin-top: calc(var(--gutterHalf) * 4);
}
.hofff-consent-content + * {
  margin-top: calc(var(--gutterHalf) * 4);
}
.hofff-consent-content + .ce_headline {
  margin-top: calc(var(--gutterHalf) * 6);
}
#hofff-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  background-color: #0A2336;
}
#hofff-consent-banner:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #6D7D88;
}
.hofff-consent-privacy-settings .hofff-consent-tag-collection .widget-switch, .hofff-consent-privacy-settings .widget-explanation :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.hofff-consent-content .hofff-consent-placeholder {
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #639CB6;
}
@media only screen and (max-width: 52.5rem) {
  .hofff-consent-content .hofff-consent-placeholder {
    margin: var(--gutterHalf);
  }
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay {
  padding: var(--gutterHalf);
}
@media only screen and (min-width: 52.5rem) {
  .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay {
    padding: calc(var(--gutterHalf) * 2);
  }
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-content.image_container {
  margin: 0;
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-content img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-content + .hofff-consent-placeholder-overlay {
  position: absolute;
  top: 0;
  left: 0;
  flex: none;
  background-color: rgba(255, 255, 255, 0.8);
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-buttons + .hofff-consent-privacy-settings-button {
  margin-top: var(--gutterHalf);
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-details {
  margin-bottom: calc(var(--gutterHalf) * 2);
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-details p {
  line-height: 1.5em;
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-details p {
  font-size: 0.7rem;
}
@media screen and (min-width: 20rem) {
  .hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-details p {
    font-size: calc(0.7rem + 0.1 * ((100vw - 20rem) / 17));
  }
}
@media screen and (min-width: 37rem) {
  .hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-details p {
    font-size: 0.8rem;
  }
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-tag-title {
  font-weight: 600;
}
#hofff-consent-banner .btn.btn-success, .hofff-consent-content .btn.btn-success {
  background-color: #00A57B !important;
}
#hofff-consent-banner .btn.btn-success:hover, .hofff-consent-content .btn.btn-success:hover {
  background-color: #0056A2 !important;
}
.hofff-consent-content[class^="ce_"], .hofff-consent-content[class^="mod_"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button, .hofff-consent-placeholder .hofff-consent-privacy-settings-button {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button button, .hofff-consent-placeholder .hofff-consent-privacy-settings-button button {
  padding: 0.375rem;
  line-height: 1.75;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button {
  margin: calc(var(--gutterHalf) / 2);
}
#hofff-consent-banner .hofff-consent-privacy-settings-button button {
  padding-top: 5px;
  display: block;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button a, #hofff-consent-banner .hofff-consent-privacy-settings-button button, .hofff-consent-placeholder .hofff-consent-privacy-settings-button a, .hofff-consent-placeholder .hofff-consent-privacy-settings-button button {
  display: inline-block;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
  font-size: 1rem;
  line-height: 1.1em;
  vertical-align: middle;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button a:before, #hofff-consent-banner .hofff-consent-privacy-settings-button button:before, .hofff-consent-placeholder .hofff-consent-privacy-settings-button a:before, .hofff-consent-placeholder .hofff-consent-privacy-settings-button button:before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%236D7D88' d='M52.506 45.956a3.007 3.007 0 011.312 3.644 29.437 29.437 0 01-5.326 8.224 2.984 2.984 0 01-3.786.664l-3.639-2.1a21.488 21.488 0 01-6.862 3.963v4.2a2.993 2.993 0 01-2.464 2.949 28.139 28.139 0 01-9.488 0 3.006 3.006 0 01-2.5-2.951v-4.2a21.721 21.721 0 01-6.862-3.963L9.252 58.47a2.992 2.992 0 01-3.787-.661A29.478 29.478 0 01.189 49.6 3.016 3.016 0 011.5 45.956l4.161-2.1a21.677 21.677 0 010-7.925L1.5 33.817a2.977 2.977 0 01-1.311-3.625 29.332 29.332 0 015.276-8.225 2.985 2.985 0 013.787-.661l3.639 2.1a21.461 21.461 0 016.862-3.964V15.23a2.978 2.978 0 012.447-2.938 28.5 28.5 0 019.5-.013 3 3 0 012.5 2.951v4.2a21.708 21.708 0 016.862 3.961l3.639-2.1a2.986 2.986 0 013.786.661 29.254 29.254 0 015.264 8.227 2.985 2.985 0 01-1.25 3.636l-4.214 2.1a21.616 21.616 0 010 7.938zM20.378 33.281c-7.4 9.625 3.589 20.613 13.215 13.214C40.992 36.87 30 25.879 20.378 33.281zm42.616.474a1.548 1.548 0 01-1.889.677 13.866 13.866 0 01-4.01-2.326 1.553 1.553 0 01-.352-1.964l1.026-1.786a10.778 10.778 0 01-1.987-3.425h-2.063a1.545 1.545 0 01-1.526-1.289 14.078 14.078 0 010-4.639 1.554 1.554 0 011.526-1.3h2.063a10.756 10.756 0 011.987-3.425l-1.026-1.786a1.538 1.538 0 01.352-1.964 13.993 13.993 0 014.01-2.328 1.546 1.546 0 011.889.675l1.026 1.789a11.122 11.122 0 013.961 0l1.026-1.789A1.545 1.545 0 0170.9 8.2a13.854 13.854 0 014.014 2.326 1.556 1.556 0 01.349 1.964l-1.026 1.786a10.761 10.761 0 011.984 3.424h2.063a1.543 1.543 0 011.524 1.289 14.06 14.06 0 010 4.636 1.555 1.555 0 01-1.524 1.3h-2.063a10.783 10.783 0 01-1.989 3.425l1.026 1.786a1.541 1.541 0 01-.349 1.964 14.074 14.074 0 01-4.009 2.332 1.547 1.547 0 01-1.888-.677l-1.026-1.787a11.122 11.122 0 01-3.961 0zm0 37.367a1.546 1.546 0 01-1.889.675 13.82 13.82 0 01-4.01-2.326 1.553 1.553 0 01-.352-1.964l1.026-1.786a10.756 10.756 0 01-1.987-3.421h-2.063a1.545 1.545 0 01-1.526-1.289 14.06 14.06 0 010-4.636 1.557 1.557 0 011.526-1.3h2.063a10.778 10.778 0 011.987-3.425l-1.026-1.786a1.538 1.538 0 01.352-1.964 14.039 14.039 0 014.01-2.326 1.548 1.548 0 011.889.677l1.026 1.787a11.122 11.122 0 013.961 0l1.026-1.787a1.547 1.547 0 011.888-.677 13.9 13.9 0 014.014 2.326 1.556 1.556 0 01.349 1.964l-1.026 1.786a10.783 10.783 0 011.989 3.425h2.063a1.543 1.543 0 011.524 1.289 14.078 14.078 0 010 4.639 1.552 1.552 0 01-1.524 1.3h-2.063a10.761 10.761 0 01-1.989 3.425l1.026 1.786a1.54 1.54 0 01-.349 1.964A14.027 14.027 0 0170.9 71.8a1.545 1.545 0 01-1.888-.675l-1.026-1.789a11.122 11.122 0 01-3.961 0zm6.313-53.106c-4.813-3.711-10.3 1.79-6.6 6.6 4.813 3.701 10.301-1.787 6.6-6.6zm0 37.355c-4.813-3.7-10.3 1.787-6.6 6.6 4.813 3.7 10.301-1.787 6.6-6.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button a:hover, #hofff-consent-banner .hofff-consent-privacy-settings-button button:hover, .hofff-consent-placeholder .hofff-consent-privacy-settings-button a:hover, .hofff-consent-placeholder .hofff-consent-privacy-settings-button button:hover {
  opacity: 1;
}
#hofff-consent-banner .hofff-consent-privacy-settings-button button, .hofff-consent-placeholder .hofff-consent-privacy-settings-button button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.hofff-consent-switch {
  display: inline-block !important;
}
.hofff-consent-group-checkbox, .hofff-consent-tag-checkbox {
  transition: color 0.5s ease-in-out;
}
.hofff-consent-feedback {
  display: inline-block !important;
  width: auto !important;
  padding-left: 1.7rem;
  margin-left: 1em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: calc(.75em + .375rem) calc(.5em + .375rem);
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
.is-valid ~ .hofff-consent-feedback {
  opacity: 1;
}
.hofff-consent-privacy-settings-toggle:hover, .hofff-consent-show-privacy-settings:hover {
  cursor: pointer;
}
body #hofff-consent-banner .widget {
  padding-bottom: 0;
}
body #hofff-consent-banner > .inside {
  max-width: calc(var(--pageWidthREM2) + ( 4 * var(--gutterHalf) ));
  margin-left: auto;
  margin-right: auto;
  padding: calc(var(--gutterHalf) * 2) calc(var(--gutterHalf) * 2) calc(var(--gutterHalf) * 2) calc(var(--gutterHalf) * 2);
}
body #hofff-consent-banner p {
  text-align: left;
}
body #hofff-consent-banner .hofff-consent-root-headline {
  margin-bottom: 1em;
}
body #hofff-consent-banner .hofff-consent-root-headline, body #hofff-consent-banner .custom-control-label {
  color: var(--colorWhite);
  font-weight: 600;
}
body #hofff-consent-banner .hofff-consent-root-text {
  line-height: 1.5em;
}
body #hofff-consent-banner .hofff-consent-root-text {
  font-size: 0.7rem;
}
@media screen and (min-width: 20rem) {
  body #hofff-consent-banner .hofff-consent-root-text {
    font-size: calc(0.7rem + 0.1 * ((100vw - 20rem) / 17));
  }
}
@media screen and (min-width: 37rem) {
  body #hofff-consent-banner .hofff-consent-root-text {
    font-size: 0.8rem;
  }
}
body #hofff-consent-banner .hofff-consent-root-text p {
  margin-bottom: 1rem;
}
body #hofff-consent-banner .hofff-consent-privacy-settings {
  margin-top: var(--gutterHalf);
}
@media only screen and (max-width: 51.25rem) {
  body #hofff-consent-banner .hofff-consent-feedback {
    display: none !important;
  }
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-switch, body #hofff-consent-banner .hofff-consent-tag .hofff-consent-group-checkbox {
  line-height: 1em;
}
body #hofff-consent-banner .hofff-consent-tag .widget.widget-explanation.explanation * {
  line-height: 1.5em;
}
body #hofff-consent-banner .hofff-consent-tag .widget.widget-explanation.explanation * {
  font-size: 0.7rem;
}
@media screen and (min-width: 20rem) {
  body #hofff-consent-banner .hofff-consent-tag .widget.widget-explanation.explanation * {
    font-size: calc(0.7rem + 0.1 * ((100vw - 20rem) / 17));
  }
}
@media screen and (min-width: 37rem) {
  body #hofff-consent-banner .hofff-consent-tag .widget.widget-explanation.explanation * {
    font-size: 0.8rem;
  }
}
body #hofff-consent-banner .hofff-consent-tag p.hofff-consent-tag-provider, body #hofff-consent-banner .hofff-consent-tag p.hofff-consent-tag-storage-duration {
  margin-top: var(--gutterHalf);
  margin-bottom: var(--gutterHalf);
}
body #hofff-consent-banner .hofff-consent-tag .card-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
body #hofff-consent-banner .hofff-consent-tag .card-header .widget.widget-explanation.explanation {
  flex-basis: 100%;
  padding-left: calc(var(--gutterHalf) * 3);
}
body #hofff-consent-banner .hofff-consent-tag .card-header .widget.widget-checkbox.widget-switch {
  order: -1;
  width: inherit;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-tag-collection {
  list-style-type: none;
  padding-left: calc(var(--gutterHalf) * 3);
  padding-top: calc(var(--gutterHalf) * 1);
  margin-top: 0;
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-tag-collection .hofff-consent-tag {
  display: flex;
  flex-direction: column;
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-tag-collection .hofff-consent-tag .widget.widget-checkbox.widget-switch {
  order: -1;
  margin-top: 0;
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-tag-collection .list-group-item + .list-group-item {
  margin-top: calc(var(--gutterHalf) / 2);
}
body #hofff-consent-banner .hofff-consent-tag + .hofff-consent-tag {
  margin-top: var(--gutterHalf);
}
body #hofff-consent-banner .hofff-consent-tag .hofff-consent-tag-title {
  display: none;
}
body #hofff-consent-banner .hofff-consent-buttons.btn-group {
  margin-left: calc(var(--gutterHalf) / -4);
  margin-right: calc(var(--gutterHalf) / -4);
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 45.625rem) {
  body #hofff-consent-banner .hofff-consent-buttons.btn-group {
    margin-left: calc(var(--gutterHalf) / -2);
    margin-right: calc(var(--gutterHalf) / -2);
  }
}
@media only screen and (min-width: 45.625rem) {
  body #hofff-consent-banner .hofff-consent-buttons.btn-group {
    flex-direction: row;
  }
}
body #hofff-consent-banner .hofff-consent-buttons.btn-group .btn {
  margin-top: 0;
  margin: calc(var(--gutterHalf) / 2);
  background-color: #CBD6DA;
}
body #hofff-consent-banner .hofff-consent-buttons.btn-group .btn:hover {
  background-color: #0056A2;
}
@media only screen and (max-width: 45.625rem) {
  body #hofff-consent-banner .hofff-consent-buttons.btn-group .btn {
    margin: calc(var(--gutterHalf) / 4);
  }
}
@media only screen and (max-width: 25rem) {
  body #hofff-consent-banner .hofff-consent-buttons.btn-group .btn {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.1em;
  }
}
body #hofff-consent-banner .hofff-consent-privacy-notes {
  margin-top: calc(var(--gutterHalf) * 1);
  margin-bottom: calc(var(--gutterHalf) * 1);
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul {
  display: flex;
  list-style-type: none;
  margin-top: var(--gutterHalf);
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul li + li {
  padding-left: calc(var(--gutterHalf) * 1);
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul li > * {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bolder;
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul li span:hover {
  color: var(--colorWhite);
}
/*------------------------------------*\
    animations
\*------------------------------------*/
/*------------------------------------*\
    grid
\*------------------------------------*/
/*------------------------------------*\
    fonts
\*------------------------------------*/
.hp-header-slider {
  --menu-height: 10rem;
  --slider-titles-height: 4rem;
  --slider-closed: 15%;
  --slider-opened: 70%;
  --slide-padding: clamp(3rem, 5vw, 7.5rem);
  --mobile-slide-padding: 7.5rem;
  --transition: 1s;
  --transition-type: ease;
  height: calc(100svh - var(--menu-height));
  overflow: hidden;
}
.hp-header-slider .slide-wrapper {
  width: 100%;
  height: calc(100% - var(--slider-titles-height));
  display: block;
  white-space: nowrap;
  transition: var(--transition) var(--transition-type);
}
.hp-header-slider #slide-1 {
  background-color: #0070C5;
}
.hp-header-slider #slide-2 {
  background-color: #0A2336;
}
.hp-header-slider #slide-3 {
  background-color: #020202;
}
/* mobile slider */
.hp-header-slider .hp-slide {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.hp-header-slider .slide-titles {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  height: var(--slider-titles-height);
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.hp-header-slider .slide-titles .tab-title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font: 600 10px/14px Arial;
  text-transform: uppercase;
  cursor: pointer;
}
.hp-header-slider .slide-titles #slide-1-title {
  background-color: #0070C5;
}
.hp-header-slider .slide-titles #slide-2-title {
  background-color: #0A2336;
}
.hp-header-slider .slide-titles #slide-3-title {
  background-color: #020202;
}
.hp-slide .inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.hp-slide .inner .image_container {
  position: absolute;
  inset: 0;
  margin: inherit;
}
.hp-slide .inner .image_container picture {
  width: 100%;
  height: 100%;
  display: block;
}
.hp-slide .inner .image_container picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.hp-header-slider .hp-slide {
  height: 100%;
  padding: calc(var(--mobile-slide-padding)/2) 0 var(--mobile-slide-padding) calc(var(--mobile-slide-padding)/3);
}
.hp-slide .left {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  position: relative;
  z-index: 2;
}
.hp-slide .right {
  display: none;
  position: relative;
  z-index: 2;
}
.hp-slide .count {
  margin-top: -1.5rem;
  margin-left: 0.7rem;
  font: 300 38px/51px Arial;
  color: white;
}
.hp-slide .spacer {
  display: block;
  background-color: white;
  margin: 0.5rem 0;
  width: 4px;
  position: relative;
  left: 2rem;
  height: 100%;
}
.hp-slide .title {
  font: 300 38px/51px Arial;
  text-transform: uppercase;
  color: white;
  margin: 0;
}
.hp-slide .slide-btn {
  white-space: nowrap;
  display: inline-block;
  color: white;
  text-decoration: none;
  font: 300 14px/19px Arial;
  text-transform: uppercase;
  background-color: #0A2336;
  padding: 0.625rem 3.75rem;
  margin-bottom: -4.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
/* desktop slider */
@media screen and (min-width: 992px) {
  /* left side */
  /* right side */
  /* active state */
  .hp-header-slider .slide-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  .hp-header-slider .slide-titles {
    display: none;
  }
  #slide-1, #slide-2, #slide-3 {
    transform: translateX(0);
  }
  .hp-header-slider .hp-slide {
    color: white;
    height: auto;
    transition: var(--transition) var(--transition-type);
    padding: var(--slide-padding) calc(var(--slide-padding)/2) calc(var(--slide-padding)*2) calc(var(--slide-padding)/2);
    width: var(--slider-closed);
  }
  .hp-header-slider .active {
    padding: var(--slide-padding) var(--slide-padding) calc(var(--slide-padding)*2) var(--slide-padding);
    width: var(--slider-opened);
  }
  .hp-slide .inner {
    justify-content: space-between;
  }
  .hp-slide .left, .hp-slide .count, .hp-slide .spacer, .hp-slide .title, .hp-slide .right {
    transition: var(--transition) var(--transition-type);
  }
  .hp-slide .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    margin-top: -3rem;
    justify-content: flex-start;
    align-items: flex-start;
    /* transition-delay: calc(var(--transition)/2); */
    height: 100%;
    margin-left: 0;
  }
  .hp-slide .count {
    font: 300 74px/99px Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: auto;
    /* margin-left: 33%; */
    margin-left: 50%;
    transform: translateX(-50%);
    margin-right: auto;
  }
  .hp-slide .spacer {
    display: block;
    align-self: center;
    background-color: white;
    width: 2px;
    height: 10%;
    align-self: flex-start;
    margin-left: 50%;
    left: 0;
  }
  .hp-slide .title {
    font: 400 16px/21px Arial;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: -4.5rem;
    margin-left: 50%;
    /* margin-left: 33%; */
    transform: translateX(-50%);
    transition-duration: var(--transition);
    transition-property: font, margin-bottom;
  }
  .hp-slide .slide-btn {
    opacity: 0;
    position: relative;
    transform: scaleX(0);
    transform-origin: left;
    z-index: 1;
    transition: calc(var(--transition)/4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: -6rem;
  }
  .hp-slide .slide-btn:hover {
    color: #0A2336;
  }
  .hp-slide .slide-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s, opacity 0.5s;
    z-index: -1;
    background-color: white;
    opacity: 0;
  }
  .hp-slide .slide-btn:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    opacity: 1;
  }
  .hp-slide .right {
    display: block;
    transform: scale(0);
    width: 0;
    display: flex;
    align-items: flex-end;
  }
  .hp-header-slider .active .left {
    display: flex;
    padding-left: clamp(1rem, 1vw, 3rem);
    height: auto;
  }
  .hp-header-slider .active .count {
    margin-left: 0;
    transform: translateX(0);
  }
  .hp-header-slider .active .spacer {
    display: block;
    background-color: white;
    margin: 3.5rem 0;
    width: 4px;
    position: relative;
    left: 2rem;
    height: 100%;
    margin-left: 0;
    /* align-self: flex-start; */
  }
  .hp-header-slider .active .title {
    margin-bottom: 1rem;
    font: 300 92px/92px Arial;
    /* text-align: left; */
    margin-left: 0;
    transform: translateX(0);
  }
  .hp-header-slider .active .slide-btn {
    opacity: 1;
    transform: scaleX(1);
  }
  .hp-header-slider .active .right {
    transform: scale(1);
    padding-right: clamp(1rem, 1vw, 3rem);
    margin-bottom: -4rem;
    width: auto;
  }
  .hp-header-slider .active .right svg {
    width: clamp(5rem, 8vw, 6rem);
  }
  .hp-header-slider .active .right a {
    transition: 0.3s;
  }
  .hp-header-slider .active .right a:hover {
    transform: translateY(-1rem);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fimports.scss%22%2C%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fscss_imports%2F_components%2F_vars.scss%22%2C%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fscss_imports%2F_components%2Fforms.scss%22%2C%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fscss_imports%2F_components%2Fhofff_contao_consent.scss%22%2C%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fscss_imports%2F_components%2F_mixins.scss%22%2C%22home%2Fhoelvcfu%2Fwww.hoepke.de%2Ffiles%2Fthemes%2Fhoepke.de%2Fscss_imports%2F_extention%2Fce_rsce_signPostElement.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACAA%3BAAAA%3BAAAA%3BADAA%3BAAAA%3BAAAA%3BACcA%3BAAAA%3BAAAA%3BADdA%3BAAAA%3BAAAA%3BACsBA%3BAAAA%3BAAAA%3BADtBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEwBA%3BAAIQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAyBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAQQ%3BAAAA%3BAAAA%3BAAOhB%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAFvLZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAGOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeJ%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BACvGR%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyGE%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAASR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAC1SA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0SE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAKA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAC3UJ%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4UE%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUR%3BAAAA%3BAAAA%3BAAAA%3BAAUQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAH5exB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAKAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAL5BA%3BAKiCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAmBR%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAL3JA%3BAK0KA%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */