/*------------------------------------*\
    normalize
\*------------------------------------*/
/*------------------------------------*\
    dev settings
\*------------------------------------*/
/*------------------------------------*\
    mixins
\*------------------------------------*/
/*------------------------------------*\
    vars & colors
\*------------------------------------*/
/*------------------------------------*\
	pagesettings
\*------------------------------------*/
/*------------------------------------*\
    Mediaquerys
\*------------------------------------*/
/*------------------------------------*\
    colors
\*------------------------------------*/
:root {
  --colorWhite: #ffffff;
  --colorPrimary: #0653B6;
  --colorPrimaryLight: #1C69D4;
}
/*------------------------------------*\
    colors / module
\*------------------------------------*/
/*------------------------------------*\
    margin/padding
\*------------------------------------*/
:root {
  --gutterHalf: 1.5625rem;
}
/*------------------------------------*\
fonts
\*------------------------------------*/
/*------------------------------------*\
Header Heights
\*------------------------------------*/
/*------------------------------------*\
Animations
\*------------------------------------*/
/*------------------------------------*\
everything Else
\*------------------------------------*/
/*------------------------------------*\
    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: #0653B6;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #1C69D4;
    --border-hover: #0653B6;
    --background: #fff;
    --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: 1px 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 {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    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
\*------------------------------------*/
#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: var(--colorWhite);
  border-top: 3px solid var(--colorPrimaryLight);
}
.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 {
  padding: var(--gutterHalf);
  margin: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #639CB6;
}
.hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay {
  padding-bottom: 0.5rem;
}
.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.ce_rsce_ytElement .hofff-consent-placeholder {
  position: static;
}
.activeConsentTool .inner.ce_youtube {
  background-color: var(--colorWhite);
}
.activeConsentTool .hofff-consent-content {
  background-color: var(--colorWhite);
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder {
  left: auto;
  right: auto;
  bottom: auto;
  height: 100%;
  overflow-y: auto;
  margin: 0;
  align-items: flex-start;
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay {
  display: flex;
  flex-wrap: wrap;
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .hofff-consent-tag-title, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .hofff-consent-tag-details {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  width: 100%;
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .hofff-consent-tag-details .hofff-consent-show-privacy-settings {
  display: inline-block;
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .hofff-consent-privacy-settings-button {
  margin-top: 0;
  margin-left: var(--gutterHalf);
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay h2, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay h3, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay p {
  padding: 0;
  color: #00577F;
  font-size: 0.8em !important;
}
.activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h1, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h2, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h3, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h4, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h5, .activeConsentTool .hofff-consent-content .hofff-consent-placeholder .hofff-consent-placeholder-overlay .h6 {
  font-weight: bold;
}
.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;
}
.ce_hofff_consent_privacy_settings_link + .ce_text {
  margin-top: 1.875rem;
}
#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, .ce_hofff_consent_privacy_settings_link a, .ce_text a.hofff-consent-show-privacy-settings {
  display: inline-block;
  color: #343a40;
  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, .ce_hofff_consent_privacy_settings_link a:before, .ce_text a.hofff-consent-show-privacy-settings: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 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, .ce_hofff_consent_privacy_settings_link a:hover, .ce_text a.hofff-consent-show-privacy-settings: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, .hofff-consent-show-privacy-settings {
  display: flex;
  align-items: center;
}
.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(80rem + ( 2 * var(--gutterHalf) ));
  margin-left: auto;
  margin-right: auto;
  padding: var(--gutterHalf) var(--gutterHalf) calc(var(--gutterHalf) / 2) var(--gutterHalf);
}
body #hofff-consent-banner p {
  text-align: left;
}
body #hofff-consent-banner .hofff-consent-root-headline, body #hofff-consent-banner .custom-control-label {
  font-weight: bold;
  line-height: 1.3125rem;
}
body #hofff-consent-banner .hofff-consent-root-headline {
  font-size: 1rem;
}
@media screen and (min-width: 20rem) {
  body #hofff-consent-banner .hofff-consent-root-headline {
    font-size: calc(1rem + 0.5 * ((100vw - 20rem) / 17));
  }
}
@media screen and (min-width: 37rem) {
  body #hofff-consent-banner .hofff-consent-root-headline {
    font-size: 1.5rem;
  }
}
body #hofff-consent-banner .hofff-consent-root-text {
  line-height: 1.1em;
}
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.3 * ((100vw - 20rem) / 17));
  }
}
@media screen and (min-width: 37rem) {
  body #hofff-consent-banner .hofff-consent-root-text {
    font-size: 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 * {
  font-size: 1.125rem;
  line-height: 1.1em;
}
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) * 1);
}
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) * 1);
  padding-top: calc(var(--gutterHalf) * 1);
}
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);
  font-size: 1rem;
}
@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);
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul {
  display: flex;
  list-style-type: none;
}
body #hofff-consent-banner .hofff-consent-banner-additional-content .mod_customnav ul li + li {
  padding-left: calc(var(--gutterHalf) * 1);
}
/*------------------------------------*\
    animations
\*------------------------------------*/
/*------------------------------------*\
    grid
\*------------------------------------*/
/*------------------------------------*\
    fonts
\*------------------------------------*/