@charset "UTF-8";
a {
  color: inherit;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  outline: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

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

button {
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}

.invisible {
  display: none;
}

/* Fonts: */
:root {
  --font-family: "Inter", Helvetica, Arial, sans-serif;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-size-h1: 28px;
  --line-height-h1: 36px;
  --line-height-h1-after: 32px;
  --font-size-h2: 24px;
  --line-height-h2: 30px;
  --font-size-h3: 20px;
  --line-height-h3: 26px;
  --font-size-copy-big: 20px;
  --line-height-copy-big: 28px;
  --font-size-copy: 16px;
  --line-height-copy: 24px;
  --font-size-small: 14px;
  --line-height-small: 20px;
  --line-height-small-list: var(--line-height-small);
}
@media (min-width: 768px) {
  :root {
    --font-size-small: 16px;
    --line-height-small: 32px;
    --font-size-copy: 18px;
    --line-height-copy: 32px;
    --font-size-copy-big: 24px;
    --line-height-copy-big: 36px;
    --font-size-h3: 24px;
    --line-height-h3: 36px;
    --font-size-h2: 36px;
    --line-height-h2: 48px;
    --font-size-h1: 48px;
    --line-height-h1: 60px;
    --line-height-h1-after: 40px;
  }
}
@media (min-width: 1280px) {
  :root {
    --font-size-small: 20px;
    --line-height-small: 40px;
    --line-height-small-list: 30px;
    --font-size-copy: 24px;
    --line-height-copy: 40px;
    --font-size-copy-big: 32px;
    --line-height-copy-big: 40px;
    --font-size-h3: 32px;
    --line-height-h3: 40px;
    --font-size-h2: 48px;
    --line-height-h2: 60px;
    --font-size-h1: 64px;
    --line-height-h1: 80px;
    --line-height-h1-after: 54px;
  }
}

/* Colors: */
:root {
  --color-green: #137864;
  --color-white: #FFFFFF;
  --color-white-header: #f5f8f8;
  --color-black: #1D1D1B;
  --color-black-placeholder: #777776;
  --color-green-light: #F3F8F7;
  --color-green-border: #D0E4E0;
  --color-grey-border: #E8E8E8;
  --color-grey-text: #A5A5A4;
  --color-red: #781327;
}

/* Sizes: */
:root {
  --border-width--active-state: 2px;
  --content-element--gap: calc(var(--grid--column-gap) * 6 );
  --grid--box-border-radius: 5px;
  --grid--box-padding: 24px;
  --grid--column-count: 10;
  --grid--column-gap: 10px;
  --grid--column-width: 40px;
  --grid--column: 1fr;
  --grid--gap: 16px;
  --grid--margin: 10px;
  --grid--max-width: 1440px;
  --grid--row-gap: calc(var(--grid--column-gap) * 8 );
  --header-height: 72px;
}
@media (min-width: 768px) {
  :root {
    --grid--box-padding: 36px;
    --grid--column-width: 60px;
    --grid--column-gap: 15px;
  }
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  :root {
    --header-height: 92px;
  }
}
@media (min-width: 1280px) {
  :root {
    --justify--content: center;
    --grid--gap: 20px;
    --grid--column-width: 80px;
    --grid--column: minmax( 0, var(--grid--column-width) );
    --grid--column-gap: 20px;
    --grid--column-count: 14;
    --grid--margin: 1fr;
    --grid--box-padding: 48px;
    --grid--box-border-radius: 9px;
    --border-width--active-state: 4px;
    --header-height: 120px;
  }
}
.content-text.info, .content-element-group, .content-element-advice--wrapper, #main > .inside > .mod_pageimage, .mod_newslist, .mod_breadcrumb, #footer .inside,
#right .inside, .tag-filter--wrapper, #header {
  display: grid;
  column-gap: var(--grid--column-gap);
  grid-template-columns: minmax(var(--grid--column-gap), var(--grid--margin)) repeat(var(--grid--column-count), var(--grid--column)) minmax(var(--grid--column-gap), var(--grid--margin));
  justify-content: var(--justify--content);
  width: 100%;
}
.content-text.list > .rte, .content-text.check > .rte, .content-text.info .rte, .content-text:not(.info).media--right, .content-text:not(.info).media--left, #main .mod_navigation.teaser > ul.level_1 > li {
  display: grid;
  column-gap: var(--grid--column-gap);
  grid-template-columns: repeat(var(--grid--column-count), 1fr);
  justify-content: var(--justify--content);
  width: 100%;
}
#main .mod_navigation.quick, #main .quick.ce_hofff_content_navigation, #main .mod_navigation.ce_hofff_content_navigation, #main .ce_hofff_content_navigation,
.width-small,
.-width-small {
  grid-column-start: 2;
  grid-column-end: 12;
}
@media (min-width: 1280px) {
  #main .mod_navigation.quick, #main .quick.ce_hofff_content_navigation, #main .mod_navigation.ce_hofff_content_navigation, #main .ce_hofff_content_navigation,
  .width-small,
  .-width-small {
    grid-column-end: 9;
  }
}

.content-text, #main > .inside > .mod_article .content-hyperlink.button-telephone, .content-element-group > .content-hyperlink, .content-headline, .ce_form--progress,
.mod_mp_form_steps,
.ce_form, #main .mod_search {
  grid-column-start: 2;
  grid-column-end: 12;
}

.contact_persons, .tag-filter {
  grid-column-start: 2;
  grid-column-end: 12;
}
@media (min-width: 1280px) {
  .contact_persons, .tag-filter {
    grid-column-start: 2;
    grid-column-end: 15;
  }
}

.content-text.list, .content-text.check, .content-text.info h2,
.content-text.info h3,
.content-text.info h4, .content-text.info .rte, .content-text:not(.info).columns-2, .content-text:not(.info).media--right, .content-text:not(.info).media--left, .content-accordion, #main .mod_navigation.teaser,
.width-wide,
.-width-wide {
  grid-column-start: 2;
  grid-column-end: 12;
}
@media (min-width: 1280px) {
  .content-text.list, .content-text.check, .content-text.info h2,
  .content-text.info h3,
  .content-text.info h4, .content-text.info .rte, .content-text:not(.info).columns-2, .content-text:not(.info).media--right, .content-text:not(.info).media--left, .content-accordion, #main .mod_navigation.teaser,
  .width-wide,
  .-width-wide {
    grid-column-start: 2;
    grid-column-end: 16;
  }
}

.content-text.info, .content-text.info figure, .mod_newslist, .tag-filter--wrapper,
.width-full,
.-width-full {
  grid-column-start: 1;
  grid-column-end: 13;
}
@media (min-width: 1280px) {
  .content-text.info, .content-text.info figure, .mod_newslist, .tag-filter--wrapper,
  .width-full,
  .-width-full {
    grid-column-end: 17;
  }
}

.no-margin,
.-no-margin {
  margin: 0 !important;
}
.no-margin-top,
.-no-margin-top {
  margin-top: 0 !important;
}
.no-margin-right,
.-no-margin-right {
  margin-right: 0 !important;
}
.no-margin-bottom,
.-no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left,
.-no-margin-left {
  margin-left: 0 !important;
}

.margin,
.-margin {
  margin: var(--line-height-copy) !important;
}
.margin-top,
.-margin-top {
  margin-top: calc(var(--line-height-copy) * 3) !important;
}
.margin-top--small,
.-margin-top--small {
  margin-top: calc(var(--line-height-copy) * 1) !important;
}
.margin-top--gap,
.-margin-top--gap {
  margin-top: var(--grid--gap) !important;
}
.margin-right,
.-margin-right {
  margin-right: calc(var(--line-height-copy) * 3) !important;
}
.margin-right--small,
.-margin-right--small {
  margin-right: calc(var(--line-height-copy) * 1) !important;
}
.margin-right--gap,
.-margin-right--gap {
  margin-right: var(--grid--gap) !important;
}
.margin-bottom,
.-margin-bottom {
  margin-bottom: calc(var(--line-height-copy) * 3) !important;
}
.margin-bottom--small,
.-margin-bottom--small {
  margin-bottom: calc(var(--line-height-copy) * 1) !important;
}
.margin-bottom--gap,
.-margin-bottom--gap {
  margin-bottom: var(--grid--gap) !important;
}
.margin-left,
.-margin-left {
  margin-left: calc(var(--line-height-copy) * 3) !important;
}
.margin-left--small,
.-margin-left--small {
  margin-left: calc(var(--line-height-copy) * 1) !important;
}
.margin-left--gap,
.-margin-left--gap {
  margin-left: var(--grid--gap) !important;
}

/* Transitions: */
/* SVG, Base64: */
:root {
  /* Branding */
  --svg-logo: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTU0IDQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjYSkiPgo8cGF0aCBkPSJtNjIuOTU2IDI0LjY1Yy0wLjU4MTggMS4yNjA2LTEuNDQ5MyAyLjIyNDYtMi42MDI0IDIuODkyLTEuMTYzNyAwLjY2NzMtMi42MTMgMC45OTU3LTQuMzY5MiAwLjk5NTdoLTMuNzg3M3YtMTYuOTZoMy45OTg5YzEuNjcxNSAwIDMuMDc4NSAwLjMyODQgNC4yMTA1IDAuOTc0NiAxLjEzMTkgMC42NDYyIDEuOTc4MyAxLjYxMDEgMi41NjAxIDIuODcwNyAwLjU3MTMgMS4yNjA2IDAuODU2OSAyLjc5NjYgMC44NTY5IDQuNTk3NSAwIDEuODAwOC0wLjI5NjIgMy4zNjg2LTAuODY3NSA0LjYyOTJ6bS0wLjc0MDUtMTQuNzM1Yy0xLjYxODYtMC45MjE2MS0zLjU1NDYtMS4zNzcxLTUuODA3OS0xLjM3NzFoLTcuNjgwNHYyMy4wM2g3LjQ0NzZjMi4zMzggMCA0LjMyNjktMC40NjYxIDUuOTc3Mi0xLjM4NzcgMS42NTA0LTAuOTIxNiAyLjkwOTMtMi4yNDU4IDMuNzc2OC0zLjk3MjVzMS4zMTE4LTMuNzgxOCAxLjMxMTgtNi4xODY0YzAtMi40MDQ3LTAuNDMzOC00LjQzODYtMS4zMDEyLTYuMTU0Ny0wLjg2NzUtMS43MTYxLTIuMTA1My0zLjAyOTYtMy43MjM5LTMuOTUxMnoiIGZpbGw9IiMxRDFEMUIiLz4KPHBhdGggZD0ibTcxLjU1NyA4LjU2OTljLTAuNTgxOSAwLTEuMDc5MSAwLjIwMTI3LTEuNTAyMyAwLjU5MzIyLTAuNDEyNiAwLjM5MTk1LTAuNjI0MSAwLjg2ODY2LTAuNjI0MSAxLjQxOTUgMCAwLjU1MDkgMC4yMTE1IDEuMDE3IDAuNjI0MSAxLjQwODkgMC40MTI2IDAuMzkyIDAuOTIwNCAwLjU5MzIgMS41MDIzIDAuNTkzMiAwLjU4MTggMCAxLjA3OS0wLjIwMTIgMS41MDIyLTAuNTkzMiAwLjQxMjYtMC4zOTE5IDAuNjI0Mi0wLjg2ODYgMC42MjQyLTEuNDE5NSAwLTAuNTUwOC0wLjIxMTYtMS4wMTY5LTAuNjI0Mi0xLjQwODktMC40MTI2LTAuNDAyNTUtMC45MjA0LTAuNTkzMjItMS41MDIyLTAuNTkzMjJ6IiBmaWxsPSIjMUQxRDFCIi8+CjxwYXRoIGQ9Im03My4yMTggMTQuMzAxaC0zLjM1MzZ2MTcuMjc4aDMuMzUzNnYtMTcuMjc4eiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtNzguODA0IDIxLjQzYzAuMDQyNC0wLjc0MTUgMC4yMjIyLTEuNDQwNyAwLjU2MDctMi4wODY5IDAuMzgwOS0wLjc0MTUgMC45MjA0LTEuMzM0NyAxLjYxODYtMS44MDA4IDAuNjk4My0wLjQ2NjEgMS41MjM0LTAuNjg4NiAyLjQ2NS0wLjY4ODYgMC44Njc1IDAgMS42MjkxIDAuMjAxMyAyLjI3NDUgMC41OTMyIDAuNjQ1MyAwLjQwMjYgMS4xNTMxIDAuOTQyOCAxLjUxMjggMS42MjA4IDAuMzU5NyAwLjY4ODYgMC41Mzk1IDEuNDcyNSAwLjUzOTUgMi4zNTE3bC04Ljk3MTEgMC4wMTA2em05LjkxMjctNS4zNDk2Yy0wLjczLTAuNjg4Ni0xLjU0NDYtMS4xOTctMi40NTQ0LTEuNTE0OHMtMS44NTEzLTAuNDg3My0yLjgzNTItMC40ODczYy0xLjYwOCAwLTMuMDA0NSAwLjM4MTMtNC4xOTk5IDEuMTMzNS0xLjE5NTQgMC43NTIxLTIuMTI2NCAxLjgxMTQtMi43ODIzIDMuMTU2Ny0wLjY2NjUgMS4zNDU0LTAuOTk0NCAyLjkxMzItMC45OTQ0IDQuNjgyMiAwIDEuNzY5MSAwLjMyNzkgMy4zNTgxIDAuOTk0NCA0LjY4MjIgMC42NjY1IDEuMzM0OCAxLjYwOCAyLjM2MjMgMi44MzUyIDMuMDkzMyAxLjIyNzIgMC43MzA5IDIuNjg3MSAxLjEwMTcgNC4zOTAzIDEuMTAxNyAxLjI1ODkgMCAyLjM4MDMtMC4xOTA3IDMuMzY0Mi0wLjU4MjcgMC45ODM4LTAuMzgxMyAxLjc5ODQtMC45MzIyIDIuNDU0My0xLjYzMTMgMC42NTU5LTAuNjk5MiAxLjExMDgtMS41MTQ4IDEuMzY0Ny0yLjQ1NzZsLTMuMTczNy0wLjU3MjFjLTAuMjAxIDAuNTQwMy0wLjQ5NzIgMC45OTU4LTAuODc4MSAxLjM1Ni0wLjM4MDggMC4zNzA3LTAuODM1NyAwLjY0NjEtMS4zNTQxIDAuODI2Mi0wLjUyODkgMC4xODAxLTEuMTAwMiAwLjI3NTQtMS43NDU1IDAuMjc1NC0wLjk4MzkgMC0xLjg0MDgtMC4yMTE4LTIuNTcwOC0wLjYzNTUtMC43Mjk5LTAuNDIzOC0xLjMwMTItMS4wMzgyLTEuNzEzOC0xLjg1MzktMC4zODA4LTAuNzUyMS0wLjU4MTgtMS42NTI1LTAuNjAzLTIuNzExOGgxMi4yNjF2LTEuMTk3MWMwLTEuNTY3OC0wLjIxMTYtMi45MDI1LTAuNjI0Mi0zLjk5MzZzLTEuMDA1LTEuOTgwOS0xLjczNDktMi42Njk1eiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtMTAwLjU4IDI4Ljc1Yy0wLjIwMSAwLjA0MjQtMC40MzQgMC4wNTMtMC43MDkzIDAuMDUzLTAuMzcwMiAwLTAuNzA4OC0wLjA1My0xLjAxNTYtMC4xNjk1LTAuMzA2OC0wLjExNjYtMC41NjA3LTAuMzM5LTAuNzYxNy0wLjY2NzQtMC4xOTA0LTAuMzI4NC0wLjI5NjItMC44MTU3LTAuMjk2Mi0xLjQ3MjV2LTkuNTAyMWgzLjUzMzh2LTIuNjkwN2gtMy41MzM4di01Ljc2MjdoLTMuMzY0MXY1Ljc2MjdoLTIuNTI4NHYyLjcwMTNoMi41Mjg0djEwLjIwMWMwIDEuMDM4MSAwLjIzMjcgMS45MDY4IDAuNzA4OCAyLjU5NTMgMC40NzYgMC42ODg2IDEuMDg5NiAxLjE5NzEgMS44NTEzIDEuNTI1NSAwLjc2MTcgMC4zMjgzIDEuNTg2OSAwLjQ4NzIgMi40NzU1IDAuNDc2NiAwLjUzOTMtMC4wMTA1IDAuOTg0My0wLjA1MjkgMS4zNDMzLTAuMTI3MSAwLjM2LTAuMDg0NyAwLjYzNS0wLjE1ODkgMC44MzYtMC4yMzNsLTAuNjAzLTIuNzc1NGMtMC4xMDYgMC4wMjExLTAuMjY0IDAuMDQyMy0wLjQ2NSAwLjA4NDd6IiBmaWxsPSIjMUQxRDFCIi8+CjxwYXRoIGQ9Im0xMTEuOTcgMTQuMDM2Yy0xLjAxNSAwLTEuOTE1IDAuMjY0OC0yLjcwOCAwLjgwNTFzLTEuMzU0IDEuMjcxMi0xLjY3MiAyLjIwMzRoLTAuMTc5di0yLjc0MzdoLTMuMjQ4djE3LjI2N2gzLjM1M3YtMTAuNTUxYzAtMC43NTIyIDAuMTgtMS40MTk1IDAuNTQtMi4wMTI4IDAuMzYtMC41ODI2IDAuODQ2LTEuMDQ4NyAxLjQ3LTEuMzc3MSAwLjYxNC0wLjMyODQgMS4zMjMtMC40OTc5IDIuMTE2LTAuNDk3OSAwLjM0OSAwIDAuNjg4IDAuMDIxMiAxLjAzNyAwLjA3NDJzMC41ODIgMC4wOTUzIDAuNzE5IDAuMTI3MXYtMy4yMjAzYy0wLjE2OS0wLjAyMTItMC4zOTEtMC4wNDI0LTAuNjc3LTAuMDUzLTAuMjk2LTAuMDEwNi0wLjUzOS0wLjAxMDYtMC43NTEtMC4wMjEyeiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtMTE3LjQzIDguNTY5OWMtMC41ODIgMC0xLjA3OSAwLjIwMTI3LTEuNTAyIDAuNTkzMjItMC40MTMgMC4zOTE5NS0wLjYyNCAwLjg2ODY2LTAuNjI0IDEuNDE5NSAwIDAuNTUwOSAwLjIxMSAxLjAxNyAwLjYyNCAxLjQwODkgMC40MTIgMC4zOTIgMC45MiAwLjU5MzIgMS41MDIgMC41OTMyczEuMDc5LTAuMjAxMiAxLjUwMi0wLjU5MzJjMC40MTMtMC4zOTE5IDAuNjI0LTAuODY4NiAwLjYyNC0xLjQxOTUgMC0wLjU1MDgtMC4yMTEtMS4wMTY5LTAuNjI0LTEuNDA4OS0wLjQyMy0wLjQwMjU1LTAuOTItMC41OTMyMi0xLjUwMi0wLjU5MzIyeiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtMTE5LjEgMTQuMzAxaC0zLjM2NXYxNy4yNzhoMy4zNjV2LTE3LjI3OHoiIGZpbGw9IiMxRDFEMUIiLz4KPHBhdGggZD0ibTEyNy4zNCAxNy42NDhjMC42OTgtMC40ODczIDEuNTEyLTAuNzQxNSAyLjQ1NC0wLjc0MTUgMS4wNjkgMCAxLjkyNSAwLjI5NjYgMi41NiAwLjg3OTIgMC42NDUgMC41ODI2IDEuMDQ3IDEuMjgxOCAxLjIyNyAyLjA5NzVoMy4yNjljLTAuMTE2LTEuMTY1My0wLjQ5Ny0yLjE4MjItMS4xMzItMy4wNTA5LTAuNjM0LTAuODY4Ni0xLjQ2LTEuNTQ2Ni0yLjQ4Ni0yLjAzMzlzLTIuMTktMC43MzA5LTMuNTAxLTAuNzMwOWMtMS42MyAwLTMuMDM3IDAuMzgxNC00LjIzMiAxLjEzMzUtMS4xOTYgMC43NTIxLTIuMTI2IDEuODExNC0yLjc4MiAzLjE1NjctMC42NTYgMS4zNDU0LTAuOTg0IDIuODkyLTAuOTg0IDQuNjUwNSAwIDEuNzU4NCAwLjMxNyAzLjI3MzMgMC45NjIgNC42MDggMC42NDYgMS4zNDU0IDEuNTY2IDIuMzk0MSAyLjc3MiAzLjE1NjhzMi42MzQgMS4xNDQxIDQuMzA2IDEuMTQ0MWMxLjM2NSAwIDIuNTQ5LTAuMjU0MyAzLjU2NS0wLjc1MjEgMS4wMTYtMC40OTc5IDEuODItMS4xODY1IDIuNDMzLTIuMDY1NyAwLjYwMy0wLjg3OTMgMC45NzMtMS44NzUgMS4wOS0yLjk4NzNoLTMuMjY5Yy0wLjEzOCAwLjYyNS0wLjM5MiAxLjE1NDYtMC43NTEgMS41OTk2LTAuMzYgMC40NDQ5LTAuNzk0IDAuNzgzOS0xLjMxMiAxLjAxNjktMC41MTggMC4yMzMxLTEuMSAwLjM0OTYtMS43MzUgMC4zNDk2LTAuOTUyIDAtMS43NzctMC4yNTQyLTIuNDc1LTAuNzUyMS0wLjY5OS0wLjQ5NzktMS4yMzgtMS4yMDc3LTEuNjE5LTIuMTI5My0wLjM4MS0wLjkxMS0wLjU3MS0yLjAwMjEtMC41NzEtMy4yNjI3czAuMTktMi4yOTg3IDAuNTgxLTMuMTk5MWMwLjM4MS0wLjkwMDUgMC45MjEtMS41OTk2IDEuNjMtMi4wODY5eiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtMTUzLjI0IDE2Ljk4MWMtMC40ODYtMC45NjQtMS4xNzQtMS42ODQzLTIuMDYzLTIuMTcxNi0wLjg4OC0wLjQ4NzMtMS45MjUtMC43MzA5LTMuMTEtMC43MzA5LTEuMzQzIDAtMi40MjIgMC4yNzU0LTMuMjU4IDAuODI2My0wLjgzNiAwLjU1MDgtMS40NSAxLjI4MTctMS44NTIgMi4yMTM5aC0wLjIxMXYtOC41ODA1aC0zLjMxMXYyMy4wM2gzLjM2NHYtMTAuMjU0YzAtMC45MTExIDAuMTgtMS42OTUgMC41MjktMi4zNDExIDAuMzU5LTAuNjQ2MiAwLjg0Ni0xLjE0NDEgMS40Ny0xLjQ4MzFzMS4zMzMtMC41MDg1IDIuMTI3LTAuNTA4NWMxLjE2MyAwIDIuMDYzIDAuMzQ5NiAyLjcxOCAxLjA0ODggMC42NTYgMC42OTkxIDAuOTc0IDEuNjg0MyAwLjk3NCAyLjk1NTV2MTAuNTgzaDMuMzY0di0xMC45ODVjLTAuMDExLTEuNDMwMS0wLjI1NC0yLjYzNzctMC43NDEtMy42MDE3eiIgZmlsbD0iIzFEMUQxQiIvPgo8cGF0aCBkPSJtMzEuNjUzIDIwLjA4NWMwIDYuMzU2LTUuMTUyIDExLjUxNS0xMS41IDExLjUxNWgtOS4yNzc5di0yMy4wM2g5LjI3NzljNi4zNTggMCAxMS41IDUuMTQ4MyAxMS41IDExLjUxNXptLTIzLjAzMS0yMC4wNjQtOC40OTUgOC41NDg3djMxLjU3OGgzMS41MjZsOC41MzczLTguNTQ4N3YtMzEuNTc4aC0zMS41Njh6IiBmaWxsPSIjMTM3ODYzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iYSI+CjxyZWN0IHdpZHRoPSIxNTQiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  --svg-logo-d: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNDEgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0zMS42NTMgMjAuMDg1YzAgNi4zNTYtNS4xNTIgMTEuNTE1LTExLjUgMTEuNTE1aC05LjI3Nzl2LTIzLjAzaDkuMjc3OWM2LjM1OCAwIDExLjUgNS4xNDgzIDExLjUgMTEuNTE1em0tMjMuMDMxLTIwLjA2NC04LjQ5NSA4LjU0ODd2MzEuNTc4aDMxLjUyNmw4LjUzNzMtOC41NDg3di0zMS41NzhoLTMxLjU2OHoiIGZpbGw9IiMxMzc4NjMiLz4KPC9zdmc+Cg==");
  /* Masks */
  --svg-mask-hero-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTU1MCA5ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTUwIDcwMEwxMjcwIDk4MEgwVjBIMTU1MFY3MDBaIiBmaWxsPSIjMTM3ODY0Ii8+Cjwvc3ZnPgo=");
  --svg-mask-button: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im03LjUwMDEgNTJoLTcuNWwtMS4zMjM0ZS00IC01MiAyMC0xLjc0OWUtNiAxZS00IDM5LjUtMTIuNSAxMi41eiIgZmlsbD0iIzEzNzg2NCIvPgo8L3N2Zz4K");
  /* Icons */
  --svg-icon-appointment: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjEgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDFWNU0xNCAxVjVNMTkgMTJWNUMxOSA0LjQ2OTU3IDE4Ljc4OTMgMy45NjA4NiAxOC40MTQyIDMuNTg1NzlDMTguMDM5MSAzLjIxMDcxIDE3LjUzMDQgMyAxNyAzSDNDMi40Njk1NyAzIDEuOTYwODYgMy4yMTA3MSAxLjU4NTc5IDMuNTg1NzlDMS4yMTA3MSAzLjk2MDg2IDEgNC40Njk1NyAxIDVWMTlDMSAxOS41MzA0IDEuMjEwNzEgMjAuMDM5MSAxLjU4NTc5IDIwLjQxNDJDMS45NjA4NiAyMC43ODkzIDIuNDY5NTcgMjEgMyAyMUgxMU0xIDlIMTlNMTQgMThIMjBNMTcgMTVWMjEiIHN0cm9rZT0iIzEzNzg2NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  --svg-icon-arrow: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im01LjE0NzcgMTEuMzk5aDExLjE2NWwtNC4yNjg1LTQuMjU0MyAxLjI3ODQtMS4yOTI2IDYuNDU2IDYuNDcwMi02LjQ1NiA2LjQ1NTktMS4yNzg0LTEuMjY0MiA0LjI2ODUtNC4yNjg1LTExLjE2NSAxZS00di0xLjg0NjZ6IiBmaWxsPSIjMTM3ODY0Ii8+Cjwvc3ZnPgo=");
  --svg-icon-arrow-down: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xMy4zNzkgNXYxMS4xNjVsNC4yNTQyLTQuMjY4NSAxLjI5MjYgMS4yNzg0LTYuNDcwMSA2LjQ1Ni02LjQ1Ni02LjQ1NiAxLjI2NDItMS4yNzg0IDQuMjY4NSA0LjI2ODV2LTExLjE2NWgxLjg0NjZ6IiBmaWxsPSIjMTM3ODY0Ii8+Cjwvc3ZnPgo=");
  --svg-icon-burger-quick: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xNyA2LjA1aC0xNG0xOCA2aC0xOG0xMi4xIDUuOWgtMTIuMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  --svg-icon-burger: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00IDEySDIwTTQgNkgyME00IDE4SDIwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-business: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNyAxOEgxOE0xMiAxOEgxM003IDE4SDhNMiAyMEMyIDIwLjUzMDQgMi4yMTA3MSAyMS4wMzkxIDIuNTg1NzkgMjEuNDE0MkMyLjk2MDg2IDIxLjc4OTMgMy40Njk1NyAyMiA0IDIySDIwQzIwLjUzMDQgMjIgMjEuMDM5MSAyMS43ODkzIDIxLjQxNDIgMjEuNDE0MkMyMS43ODkzIDIxLjAzOTEgMjIgMjAuNTMwNCAyMiAyMFY4TDE1IDEzVjhMOCAxM1Y0QzggMy40Njk1NyA3Ljc4OTI5IDIuOTYwODYgNy40MTQyMSAyLjU4NTc5QzcuMDM5MTQgMi4yMTA3MSA2LjUzMDQzIDIgNiAySDRDMy40Njk1NyAyIDIuOTYwODYgMi4yMTA3MSAyLjU4NTc5IDIuNTg1NzlDMi4yMTA3MSAyLjk2MDg2IDIgMy40Njk1NyAyIDRWMjBaIiBzdHJva2U9IiMxRDFEMUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-cancel: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjgwMTE0IDExLjQxMTlMMCAxLjYxOTMyTDEuNjEwOCAwTDExLjQxMTkgOS44MDExNEw5LjgwMTE0IDExLjQxMTlaTTEuNjEwOCAxMS40MTE5TDAgOS44MDExNEw5LjgwMTE0IDBMMTEuNDExOSAxLjYxOTMyTDEuNjEwOCAxMS40MTE5WiIgZmlsbD0iIzEzNzg2NCIvPgo8L3N2Zz4K");
  --svg-icon-check: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0wIDcuMjUyOCAyLjQwMzQtMi40MTE5IDMuOTQ2IDMuODc3OCA4Ljc1MjktOC43MTg4IDIuNDIwNCAyLjQxMTktMTEuMTczIDExLjExNC02LjM0OTQtNi4yNzI4eiIgZmlsbD0iIzFEMUQxQiIvPgo8L3N2Zz4K");
  --svg-icon-checkbox-checked: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMCA1YzAtMC41NTIyOS0wLjQ0NzctMS0xLTFoLTE0Yy0wLjU1MjI4IDAtMSAwLjQ0NzcyLTEgMXYxNGMwIDAuNTUyMyAwLjQ0NzcxIDEgMSAxaDE0YzAuNTUyMyAwIDEtMC40NDc3IDEtMXYtMTR6bS01LjcwNyA0LjI5M2MwLjM5MDUtMC4zOTA1MyAxLjAyMzUtMC4zOTA1MyAxLjQxNCAwIDAuMzkwNiAwLjM5MDUyIDAuMzkwNiAxLjAyMzUgMCAxLjQxNGwtNCA0Yy0wLjM5MDUgMC4zOTA2LTEuMDIzNSAwLjM5MDYtMS40MTQgMGwtMi0yYy0wLjM5MDUzLTAuMzkwNS0wLjM5MDUzLTEuMDIzNSAwLTEuNDE0IDAuMzkwNTItMC4zOTA2IDEuMDIzNS0wLjM5MDYgMS40MTQxIDBsMS4yOTMgMS4yOTI5IDMuMjkzLTMuMjkyOXptNy43MDcgOS43MDdjMCAxLjY1NjktMS4zNDMxIDMtMyAzaC0xNGMtMS42NTY4IDAtMy0xLjM0MzEtMy0zdi0xNGMwLTEuNjU2OCAxLjM0MzItMyAzLTNoMTRjMS42NTY5IDAgMyAxLjM0MzIgMyAzdjE0eiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K");
  --svg-icon-checkbox: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMCA1YzAtMC41NTIyOS0wLjQ0NzctMS0xLTFoLTE0Yy0wLjU1MjI4IDAtMSAwLjQ0NzcyLTEgMXYxNGMwIDAuNTUyMyAwLjQ0NzcxIDEgMSAxaDE0YzAuNTUyMyAwIDEtMC40NDc3IDEtMXYtMTR6bTIgMTRjMCAxLjY1NjktMS4zNDMxIDMtMyAzaC0xNGMtMS42NTY4IDAtMy0xLjM0MzEtMy0zdi0xNGMwLTEuNjU2OCAxLjM0MzItMyAzLTNoMTRjMS42NTY5IDAgMyAxLjM0MzIgMyAzdjE0eiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K");
  --svg-icon-close: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOCA2TDYgMThNNiA2TDE4IDE4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-direction: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im04LjA1MTEgNi43NDcyIDEuNzM4Ni0xLjc0NzIgNy4yMTAyIDcuMjEwMi03LjIxMDIgNy4yMTAzLTEuNzM4Ni0xLjc0NzIgNS40NTQ2LTUuNDYzMS01LjQ1NDYtNS40NjN6IiBmaWxsPSIjMUQxRDFCIi8+Cjwvc3ZnPgo=");
  --svg-icon-filter: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xMy4wMTMgMTMuNzIzYzAuMDU5OS0wLjY0MjcgMC4zMjU1LTEuMjUyMSAwLjc2MTgtMS43MzQ0bDcuMjIyNi03Ljk4ODNoLTE3Ljk5N2w3LjIyNDcgNy45ODgzYzAuNDk4NiAwLjU1MTIgMC43NzUgMS4yNjg0IDAuNzc1MyAyLjAxMTd2Ni4wMDFsMS45OTkxIDAuOTk5aDllLTR2LTdsMC4wMTI3LTAuMjc3M3ptMS45ODczIDcuMjc3My0wLjAwMzkgMC4xMjdjLTAuMDE4OCAwLjI5NjYtMC4xMDM4IDAuNTg2LTAuMjQ5IDAuODQ2Ni0wLjE2NTkgMC4yOTc5LTAuNDA1NCAwLjU0ODItMC42OTUzIDAuNzI3Ni0wLjI5IDAuMTc5My0wLjYyMTMgMC4yODE0LTAuOTYxOSAwLjI5NjgtMC4yOTc5IDAuMDEzNS0wLjU5NDQtMC4wMzk2LTAuODY4Mi0wLjE1NTJsLTAuMTE2Mi0wLjA1MzctMi0xYy0wLjMzMjMxLTAuMTY2Mi0wLjYxMjMxLTAuNDIxMy0wLjgwNzYtMC43MzczLTAuMTcwODUtMC4yNzY2LTAuMjcwNi0wLjU5MDItMC4yOTI5Ny0wLjkxMzFsLTAuMDA0ODktMC4xMzg3di02Yy0yLjJlLTQgLTAuMjQ3Ni0wLjA5MjY4LTAuNDg2My0wLjI1ODc5LTAuNjY5OWwtNy4yMjU2LTcuOTg5M3YtOS44ZS00Yy0wLjI1OTE1LTAuMjg3MTMtMC40MjkzNi0wLjY0MzQyLTAuNDkwMjQtMS4wMjU0LTAuMDYwODExLTAuMzgxODgtMC4wMTA1My0wLjc3MzU2IDAuMTQ2NDktMS4xMjcgMC4xNTcwNi0wLjM1MzM4IDAuNDE0MDctMC42NTM0NiAwLjczODI4LTAuODY0MjYgMC4zMjQxMy0wLjIxMDY4IDAuNzAyMjgtMC4zMjMwNSAxLjA4ODktMC4zMjMyNGgxOC4wMDNsMC4xNDQ1IDAuMDA1ODZjMC4zMzU2IDAuMDI1MTEgMC42NjAyIDAuMTM0NiAwLjk0MzQgMC4zMTkzNCAwLjMyMzYgMC4yMTExMSAwLjU3OTggMC41MTA5OSAwLjczNjMgMC44NjQyNSAwLjE1NjUgMC4zNTMxOSAwLjIwNzQgMC43NDQ1MSAwLjE0NjUgMS4xMjYtMC4wNjEgMC4zODE0Ni0wLjIzMTUgMC43Mzc1OC0wLjQ5MDIgMS4wMjQ0bC0xZS0zIDkuOGUtNCAtNy4yMjI3IDcuOTg5M2gtOWUtNGMtMC4xNjYxIDAuMTgzNi0wLjI1NzYgMC40MjI0LTAuMjU3OSAwLjY2OTl2N3oiIGZpbGw9IiMwMDAiLz4KPC9zdmc+Cg==");
  --svg-icon-info: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xNi45NjMgMC0xNi45NjMgMTcuMDQzdjYyLjk1N2g2Mi45NTJsMTcuMDQ4LTE3LjA0M3YtNjIuOTU3aC02My4wMzd6bTI3LjU4MiA1Mi4wNDZoLTguMzE4MmwtMC45MDkxLTMyLjU5MWgxMC4xMTRsLTAuNDQzMiAxNi4yOTYtMC40NDMxIDE2LjI5NnptLTguMDIyOCAxMi45NTRjMS4wNzU4IDEuMDYwNiAyLjM2MzcgMS41OTA5IDMuODYzNyAxLjU5MDkgMC45Njk3IDAgMS44NjM2LTAuMjQyNCAyLjY4MTgtMC43MjczIDAuODE4Mi0wLjUgMS40NzczLTEuMTU5MSAxLjk3NzMtMS45NzcyIDAuNTE1MS0wLjgzMzQgMC43ODAzLTEuNzUgMC43OTU0LTIuNzUtMC4wMTUxLTEuNDg0OS0wLjU2ODItMi43NTc2LTEuNjU5MS0zLjgxODJzLTIuMzU2LTEuNTkwOS0zLjc5NTQtMS41OTA5Yy0xLjUgMC0yLjc4NzkgMC41MzAzLTMuODYzNyAxLjU5MDktMS4wNzU3IDEuMDYwNi0xLjYwNiAyLjMzMzMtMS41OTA5IDMuODE4Mi0wLjAxNTEgMS41IDAuNTE1MiAyLjc4NzggMS41OTA5IDMuODYzNnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzEzNzg2NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
  --svg-icon-instagram: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xNi41IDE2LjVoMC4wMW0tMTAuNTEgNC41aDEwYzIuNzYxNCAwIDUtMi4yMzg2IDUtNXYtMTBjMC0yLjc2MTQtMi4yMzg2LTUtNS01aC0xMGMtMi43NjE0IDAtNSAyLjIzODYtNSA1djEwYzAgMi43NjE0IDIuMjM4NiA1IDUgNXptOS05LjM3YzAuMTIzNC0wLjgzMjItMC4wMTg3LTEuNjgyMi0wLjQwNjItMi40MjktMC4zODc1LTAuNzQ2NzktMS4wMDA3LTEuMzUyNC0xLjc1MjItMS43MzA2cy0xLjYwMzItMC41MDk5My0yLjQzMzgtMC4zNzYyNmMtMC44MzA2NyAwLjEzMzY2LTEuNTk4IDAuNTI1ODUtMi4xOTMgMS4xMjA4cy0wLjk4NzExIDEuMzYyMy0xLjEyMDggMi4xOTNjLTAuMTMzNjcgMC44MzA2LTJlLTMgMS42ODIzIDAuMzc2MjYgMi40MzM4czAuOTgzODYgMS4zNjQ3IDEuNzMwNiAxLjc1MjJjMC43NDY4IDAuMzg3NSAxLjU5NjggMC41Mjk2IDIuNDI5IDAuNDA2MiAwLjg0ODktMC4xMjU5IDEuNjM0OS0wLjUyMTUgMi4yNDE3LTEuMTI4M3MxLjAwMjQtMS4zOTI4IDEuMTI4My0yLjI0MTd6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-level-up: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDE1LjEzMzVWNkgxNS4xMjY0TDE1LjE0MDYgNy43OTY4OEg5LjEwMzY5TDE2Ljk4MDEgMTUuNjg3NUwxNS42ODA0IDE2Ljk5NDNMNy43OTY4NyA5LjA5NjU5TDcuODExMDggMTUuMTMzNUg2WiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K");
  --svg-icon-link: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xMCAxM2MwLjQyOTUgMC41NzQxIDAuOTc3NCAxLjA0OTEgMS42MDY1IDEuMzkyOSAwLjYyOTIgMC4zNDM4IDEuMzI1IDAuNTQ4MiAyLjA0MDEgMC41OTk0IDAuNzE1MiAwLjA1MTIgMS40MzMtMC4wNTIgMi4xMDQ3LTAuMzAyNiAwLjY3MTgtMC4yNTA1IDEuMjgxOC0wLjY0MjcgMS43ODg3LTEuMTQ5N2wzLTNjMC45MTA4LTAuOTQzMDUgMS40MTQ4LTIuMjA2MSAxLjQwMzQtMy41MTdzLTAuNTM3My0yLjU2NS0xLjQ2NDMtMy40OTIxLTIuMTgxMS0xLjQ1MjktMy40OTIxLTEuNDY0M2MtMS4zMTEtMC4wMTE0LTIuNTc0IDAuNDkyNTgtMy41MTcgMS40MDM0bC0xLjcyIDEuNzFtMi4yNSA1LjgyYy0wLjQyOTUtMC41NzQyLTAuOTc3NC0xLjA0OTItMS42MDY2LTEuMzkzLTAuNjI5MS0wLjM0Mzc2LTEuMzI0OS0wLjU0ODE4LTIuMDQwMS0wLjU5OTQtMC43MTUwOS0wLjA1MTIxLTEuNDMyOSAwLjA1MTk3LTIuMTA0NiAwLjMwMjU1LTAuNjcxNzUgMC4yNTA1OS0xLjI4MTggMC42NDI3Mi0xLjc4ODYgMS4xNDk4bC0zIDNjLTAuOTEwNzkgMC45NDMtMS40MTQ4IDIuMjA2LTEuNDAzNCAzLjUxN3MwLjUzNzI0IDIuNTY1IDEuNDY0MyAzLjQ5MjFjMC45MjcwNCAwLjkyNyAyLjE4MTEgMS40NTI4IDMuNDkyMSAxLjQ2NDIgMS4zMTEgMC4wMTE0IDIuNTc0LTAuNDkyNSAzLjUxNy0xLjQwMzNsMS43MS0xLjcxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-linkedin: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xOSAwaC0xNGMtMi43NjEgMC01IDIuMjM5LTUgNXYxNGMwIDIuNzYxIDIuMjM5IDUgNSA1aDE0YzIuNzYyIDAgNS0yLjIzOSA1LTV2LTE0YzAtMi43NjEtMi4yMzgtNS01LTV6bS0xMSAxOWgtM3YtMTFoM3YxMXptLTEuNS0xMi4yNjhjLTAuOTY2IDAtMS43NS0wLjc5LTEuNzUtMS43NjRzMC43ODQtMS43NjQgMS43NS0xLjc2NCAxLjc1IDAuNzkgMS43NSAxLjc2NC0wLjc4MyAxLjc2NC0xLjc1IDEuNzY0em0xMy41IDEyLjI2OGgtM3YtNS42MDRjMC0zLjM2OC00LTMuMTEzLTQgMHY1LjYwNGgtM3YtMTFoM3YxLjc2NWMxLjM5Ni0yLjU4NiA3LTIuNzc3IDcgMi40NzZ2Ni43NTl6IiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=");
  --svg-icon-mail: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMiA3LTguOTcgNS43Yy0wLjMwODcgMC4xOTM0LTAuNjY1NyAwLjI5Ni0xLjAzIDAuMjk2cy0wLjcyMTMtMC4xMDI2LTEuMDMtMC4yOTZsLTguOTctNS43bTItM2gxNmMxLjEwNDYgMCAyIDAuODk1NDMgMiAydjEyYzAgMS4xMDQ2LTAuODk1NCAyLTIgMmgtMTZjLTEuMTA0NiAwLTItMC44OTU0LTItMnYtMTJjMC0xLjEwNDYgMC44OTU0My0yIDItMnoiIHN0cm9rZT0iIzEzNzg2NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  --svg-icon-menu-dropdown: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im02IDEwLjUgNiA2IDYtNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  --svg-icon-minus: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im01IDEyaDE0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-plus: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im01IDEyaDE0bS03LTd2MTQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  --svg-icon-private: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xOSAyMXYtMmMwLTEuMDYwOS0wLjQyMTQtMi4wNzgzLTEuMTcxNi0yLjgyODQtMC43NTAxLTAuNzUwMi0xLjc2NzUtMS4xNzE2LTIuODI4NC0xLjE3MTZoLTZjLTEuMDYwOSAwLTIuMDc4MyAwLjQyMTQtMi44Mjg0IDEuMTcxNi0wLjc1MDE0IDAuNzUwMS0xLjE3MTYgMS43Njc1LTEuMTcxNiAyLjgyODR2Mm0xMS0xNGMwIDIuMjA5MS0xLjc5MDkgNC00IDQtMi4yMDkxIDAtNC0xLjc5MDktNC00czEuNzkwOS00IDQtNGMyLjIwOTEgMCA0IDEuNzkwOSA0IDR6IiBzdHJva2U9IiMxRDFEMUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-recall: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjMgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xMy4wNDkgMS4wMDAxYzIuMDM4MyAwLjIxNDc3IDMuOTQyMiAxLjExODggNS4zOTY5IDIuNTYyNiAxLjQ1NDcgMS40NDM4IDIuMzczIDMuMzQwOCAyLjYwMzEgNS4zNzc0bS04LTMuOTRjMC45ODM2IDAuMTkzOTMgMS44ODYxIDAuNjc5MDIgMi41OTA0IDEuMzkyMyAwLjcwNDQgMC43MTMyOCAxLjE3ODEgMS42MjE4IDEuMzU5NiAyLjYwNzdtNCA2LjkydjNjMC4wMDEyIDAuMjc4NS0wLjA1NTkgMC41NTQyLTAuMTY3NCAwLjgwOTMtMC4xMTE2IDAuMjU1Mi0wLjI3NTMgMC40ODQzLTAuNDgwNSAwLjY3MjYtMC4yMDUyIDAuMTg4Mi0wLjQ0NzUgMC4zMzE2LTAuNzExMyAwLjQyMDhzLTAuNTQzNCAwLjEyMjQtMC44MjA4IDAuMDk3M2MtMy4wNzcxLTAuMzM0NC02LjAzMy0xLjM4NTktOC42My0zLjA3LTIuNDE2MS0xLjUzNTMtNC40NjQ2LTMuNTgzOC02LTYtMS42OS0yLjYwODgtMi43NDE4LTUuNTc5LTMuMDctOC42Ny0wLjAyNDk4LTAuMjc2NTQgMC4wMDc4OC0wLjU1NTI0IDAuMDk2NTEtMC44MTgzOCAwLjA4ODYyLTAuMjYzMTMgMC4yMzEwNy0wLjUwNDkzIDAuNDE4MjYtMC43MSAwLjE4NzItMC4yMDUwNyAwLjQxNTA0LTAuMzY4OTEgMC42NjkwMy0wLjQ4MTEgMC4yNTM5OC0wLjExMjE5IDAuNTI4NTUtMC4xNzAyNiAwLjgwNjIxLTAuMTcwNTJoM2MwLjQ4NTMtMC4wMDQ3NzkgMC45NTU3OSAwLjE2NzA4IDEuMzIzOCAwLjQ4MzUzczAuNjA4MzEgMC43NTU5MSAwLjY3NjIzIDEuMjM2NWMwLjEyNjYzIDAuOTYwMDYgMC4zNjE0NSAxLjkwMjcgMC43MDAwMSAyLjgxIDAuMTM0NTQgMC4zNTc5MiAwLjE2MzY2IDAuNzQ2OTEgMC4wODM5IDEuMTIwOS0wLjA3OTc1IDAuMzczOTYtMC4yNjUwNCAwLjcxNzIzLTAuNTMzOTEgMC45ODkxMmwtMS4yNyAxLjI3YzEuNDIzNiAyLjUwMzUgMy40OTY0IDQuNTc2NCA2IDZsMS4yNy0xLjI3YzAuMjcxOS0wLjI2ODkgMC42MTUyLTAuNDU0MiAwLjk4OTItMC41MzM5IDAuMzczOS0wLjA3OTggMC43NjI5LTAuMDUwNiAxLjEyMDggMC4wODM5IDAuOTA3MyAwLjMzODUgMS44NSAwLjU3MzQgMi44MSAwLjcgMC40ODU4IDAuMDY4NSAwLjkyOTQgMC4zMTMyIDEuMjQ2NiAwLjY4NzUgMC4zMTcxIDAuMzc0MyAwLjQ4NTYgMC44NTIxIDAuNDczNCAxLjM0MjV6IiBzdHJva2U9IiMxMzc4NjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-search: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMSAyMS00LjMtNC4zbTIuMy01LjdjMCA0LjQxODMtMy41ODE3IDgtOCA4LTQuNDE4MyAwLTgtMy41ODE3LTgtOCAwLTQuNDE4MyAzLjU4MTctOCA4LTggNC40MTgzIDAgOCAzLjU4MTcgOCA4eiIgc3Ryb2tlPSIjMUQxRDFCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  --svg-icon-telephone: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMS4wMDEgMTUuOTJ2M2MwLjAwMTEgMC4yNzg1LTAuMDU1OSAwLjU1NDItMC4xNjc1IDAuODA5My0wLjExMTYgMC4yNTUyLTAuMjc1MiAwLjQ4NDMtMC40ODA0IDAuNjcyNi0wLjIwNTIgMC4xODgyLTAuNDQ3NSAwLjMzMTYtMC43MTE0IDAuNDIwOC0wLjI2MzggMC4wODkyLTAuNTQzMyAwLjEyMjQtMC44MjA3IDAuMDk3My0zLjA3NzItMC4zMzQ0LTYuMDMzLTEuMzg1OS04LjYzLTMuMDctMi40MTYyLTEuNTM1My00LjQ2NDctMy41ODM4LTYtNi0xLjY5LTIuNjA4OC0yLjc0MTgtNS41NzktMy4wNy04LjY3LTAuMDI0OTktMC4yNzY1NCAwLjAwNzg3LTAuNTU1MjQgMC4wOTY1LTAuODE4MzggMC4wODg2Mi0wLjI2MzEzIDAuMjMxMDctMC41MDQ5MyAwLjQxODI2LTAuNzEgMC4xODcyLTAuMjA1MDcgMC40MTUwNC0wLjM2ODkxIDAuNjY5MDMtMC40ODExIDAuMjUzOTgtMC4xMTIxOSAwLjUyODU1LTAuMTcwMjYgMC44MDYyMS0wLjE3MDUyaDNjMC40ODUzLTAuMDA0Nzc5IDAuOTU1NzkgMC4xNjcwOCAxLjMyMzggMC40ODM1M3MwLjYwODMyIDAuNzU1OTEgMC42NzYyNCAxLjIzNjVjMC4xMjY2MiAwLjk2MDA2IDAuMzYxNDUgMS45MDI3IDAuNyAyLjgxIDAuMTM0NTQgMC4zNTc5MiAwLjE2MzY2IDAuNzQ2OTEgMC4wODM5IDEuMTIwOS0wLjA3OTc1IDAuMzczOTYtMC4yNjUwNCAwLjcxNzIzLTAuNTMzOSAwLjk4OTEybC0xLjI3IDEuMjdjMS40MjM2IDIuNTAzNSAzLjQ5NjUgNC41NzY0IDYgNmwxLjI3LTEuMjdjMC4yNzE5LTAuMjY4OSAwLjYxNTItMC40NTQyIDAuOTg5MS0wLjUzMzkgMC4zNzQtMC4wNzk4IDAuNzYzLTAuMDUwNiAxLjEyMDkgMC4wODM5IDAuOTA3MyAwLjMzODUgMS44NDk5IDAuNTczNCAyLjgxIDAuNyAwLjQ4NTggMC4wNjg1IDAuOTI5NCAwLjMxMzIgMS4yNDY1IDAuNjg3NSAwLjMxNzIgMC4zNzQzIDAuNDg1NyAwLjg1MjEgMC40NzM1IDEuMzQyNXoiIHN0cm9rZT0iIzEzNzg2NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  --svg-icon-time: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0xMiA2djZsMy42NDQgMS44MjJtMC4zNTYgNS4xNzhoNm0tMy0zdjZtMi45Mi04LjczM2MwLjI2NDItMi4wNjkzLTAuMTI1NC00LjE2OTQtMS4xMTQyLTYuMDA2My0wLjk4ODctMS44MzY5LTIuNTI3Mi0zLjMxODYtNC40LTQuMjM3NS0xLjg3MjctMC45MTktMy45ODYtMS4yMjkzLTYuMDQzOS0wLjg4NzQ4cy0zLjk1NzQgMS4zMTg3LTUuNDMyNSAyLjc5MzgtMi40NTE5IDMuMzc0Ni0yLjc5MzggNS40MzI1LTAuMDMxNTIgNC4xNzEyIDAuODg3NDggNi4wNDM5YzAuOTE4OTkgMS44NzI4IDIuNDAwNyAzLjQxMTMgNC4yMzc1IDQuNCAxLjgzNjkgMC45ODg4IDMuOTM3IDEuMzc4NCA2LjAwNjMgMS4xMTQyIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  --svg-icon-loader: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMSAxMmMtMWUtNCAxLjkwMDUtMC42MDE5IDMuNzUyMy0xLjcxOTEgNS4yODk5LTEuMTE3MiAxLjUzNzUtMi42OTI0IDIuNjgyLTQuNSAzLjI2OTItMS44MDc2IDAuNTg3My0zLjc1NDcgMC41ODcyLTUuNTYyMy0xZS00IC0xLjgwNzYtMC41ODc0LTMuMzgyOC0xLjczMTktNC40OTk5LTMuMjY5NS0xLjExNzEtMS41Mzc3LTEuNzE4OC0zLjM4OTUtMS43MTg4LTUuMjkwMSAxZS01IC0xLjkwMDUgMC42MDE3MS0zLjc1MjMgMS43MTg4LTUuMjkgMS4xMTcxLTEuNTM3NiAyLjY5MjQtMi42ODIxIDQuNDk5OS0zLjI2OTQgMS44MDc1LTAuNTg3MzMgMy43NTQ2LTAuNTg3MzYgNS41NjIyLThlLTUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  --svg-icon-report-damage: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNUgxMi4wMU0xMiA3VjExTTIyIDE3QzIyIDE3LjUzMDQgMjEuNzg5MyAxOC4wMzkxIDIxLjQxNDIgMTguNDE0MkMyMS4wMzkxIDE4Ljc4OTMgMjAuNTMwNCAxOSAyMCAxOUg2LjgyOEM2LjI5NzYxIDE5LjAwMDEgNS43ODg5OSAxOS4yMTA5IDUuNDE0IDE5LjU4NkwzLjIxMiAyMS43ODhDMy4xMTI3IDIxLjg4NzMgMi45ODYyIDIxLjk1NDkgMi44NDg0OSAyMS45ODIzQzIuNzEwNzcgMjIuMDA5NyAyLjU2ODAzIDIxLjk5NTYgMi40MzgzMSAyMS45NDE5QzIuMzA4NTggMjEuODg4MSAyLjE5NzcgMjEuNzk3MSAyLjExOTY5IDIxLjY4MDRDMi4wNDE2NyAyMS41NjM3IDIuMDAwMDIgMjEuNDI2NCAyIDIxLjI4NlY1QzIgNC40Njk1NyAyLjIxMDcxIDMuOTYwODYgMi41ODU3OSAzLjU4NTc5QzIuOTYwODYgMy4yMTA3MSAzLjQ2OTU3IDMgNCAzSDIwQzIwLjUzMDQgMyAyMS4wMzkxIDMuMjEwNzEgMjEuNDE0MiAzLjU4NTc5QzIxLjc4OTMgMy45NjA4NiAyMiA0LjQ2OTU3IDIyIDVWMTdaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

/* Clip Path: */
/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/assets/fonts/inter-v18-latin-regular.woff2") format("woff2");
}
/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../../files/assets/fonts/inter-v18-latin-500.woff2") format("woff2");
}
/* inter-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("../../files/assets/fonts/inter-v18-latin-500italic.woff2") format("woff2");
}
/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../../files/assets/fonts/inter-v18-latin-600.woff2") format("woff2");
}
/* inter-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../../files/assets/fonts/inter-v18-latin-700.woff2") format("woff2");
}
/* HTML */
.no-scrolling {
  overflow: hidden;
}

html {
  scrollbar-gutter: stable;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-copy);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-copy);
  color: var(--color-black);
  scrollbar-gutter: stable both-edges;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 101dvh;
}
body:has(nav.open) {
  overflow-y: hidden;
}

@media (min-width: 1280px) {
  #container::after {
    display: block;
    opacity: 0;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: var(--color-black);
    width: 100%;
    content: " ";
    height: 0;
    opacity: 0;
    transition: opacity 0.3s;
    transition-duration: 0.4s;
  }
}

@media (min-width: 1280px) {
  body:has(nav.open) #container::after {
    opacity: 0.3;
    height: 100%;
  }
}

#wrapper {
  display: flex;
  flex-direction: column;
}

/* Site */
.site button,
.site a,
.site input[type=submit] {
  cursor: pointer;
}

/* Footer */
/* 
* text
* Typography Setup
*/
.contact_persons .content-text, #header .mod_customtriggernav button, #main .mod_search p.context, #main .mod_search p.url, #main .mod_search p.header, #header {
  letter-spacing: 0.48px;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-family);
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

.tag-filter--wrapper, h1, h2, h3 {
  scroll-margin-block-start: calc(var(--header-height) + var(--grid--column-gap) * 2);
}

.mod_article .content-text:not(.-einleitung) > .rte ol, .mod_article .content-text:not(.-einleitung) > .rte ul, #footer .inside .teaser-text p,
#footer .inside .rte p,
.mod_article .teaser-text p,
.mod_article .rte p {
  hyphens: auto;
}
.mod_article .content-text:not(.-einleitung) > .rte ol + p, .mod_article .content-text:not(.-einleitung) > .rte ul + p, #footer .inside .teaser-text p + p,
#footer .inside .rte p + p,
.mod_article .teaser-text p + p,
.mod_article .rte p + p,
.mod_article .content-text:not(.-einleitung) > .rte ol + ul,
.mod_article .content-text:not(.-einleitung) > .rte ul + ul,
#footer .inside .teaser-text p + ul,
#footer .inside .rte p + ul,
.mod_article .teaser-text p + ul,
.mod_article .rte p + ul,
.mod_article .content-text:not(.-einleitung) > .rte ol + ol,
.mod_article .content-text:not(.-einleitung) > .rte ul + ol,
#footer .inside .teaser-text p + ol,
#footer .inside .rte p + ol,
.mod_article .teaser-text p + ol,
.mod_article .rte p + ol,
.mod_article .content-text:not(.-einleitung) > .rte ol + blockquote,
.mod_article .content-text:not(.-einleitung) > .rte ul + blockquote,
#footer .inside .teaser-text p + blockquote,
#footer .inside .rte p + blockquote,
.mod_article .teaser-text p + blockquote,
.mod_article .rte p + blockquote,
.mod_article .content-text:not(.-einleitung) > .rte ol + h4,
.mod_article .content-text:not(.-einleitung) > .rte ul + h4,
#footer .inside .teaser-text p + h4,
#footer .inside .rte p + h4,
.mod_article .teaser-text p + h4,
.mod_article .rte p + h4 {
  margin-top: var(--line-height-copy);
}
.mod_article .content-text:not(.-einleitung) > .rte ol + h3, .mod_article .content-text:not(.-einleitung) > .rte ul + h3, #footer .inside .teaser-text p + h3,
#footer .inside .rte p + h3,
.mod_article .teaser-text p + h3,
.mod_article .rte p + h3 {
  margin-top: 27px;
}
.mod_article .content-text:not(.-einleitung) > .rte ol + h2, .mod_article .content-text:not(.-einleitung) > .rte ul + h2, #footer .inside .teaser-text p + h2,
#footer .inside .rte p + h2,
.mod_article .teaser-text p + h2,
.mod_article .rte p + h2 {
  margin-top: 40px;
}
@media (min-width: 1280px) {
  .mod_article .content-text:not(.-einleitung) > .rte ol + p, .mod_article .content-text:not(.-einleitung) > .rte ul + p, #footer .inside .teaser-text p + p,
  #footer .inside .rte p + p,
  .mod_article .teaser-text p + p,
  .mod_article .rte p + p,
  .mod_article .content-text:not(.-einleitung) > .rte ol + ul,
  .mod_article .content-text:not(.-einleitung) > .rte ul + ul,
  #footer .inside .teaser-text p + ul,
  #footer .inside .rte p + ul,
  .mod_article .teaser-text p + ul,
  .mod_article .rte p + ul,
  .mod_article .content-text:not(.-einleitung) > .rte ol + ol,
  .mod_article .content-text:not(.-einleitung) > .rte ul + ol,
  #footer .inside .teaser-text p + ol,
  #footer .inside .rte p + ol,
  .mod_article .teaser-text p + ol,
  .mod_article .rte p + ol,
  .mod_article .content-text:not(.-einleitung) > .rte ol + blockquote,
  .mod_article .content-text:not(.-einleitung) > .rte ul + blockquote,
  #footer .inside .teaser-text p + blockquote,
  #footer .inside .rte p + blockquote,
  .mod_article .teaser-text p + blockquote,
  .mod_article .rte p + blockquote,
  .mod_article .content-text:not(.-einleitung) > .rte ol + h4,
  .mod_article .content-text:not(.-einleitung) > .rte ul + h4,
  #footer .inside .teaser-text p + h4,
  #footer .inside .rte p + h4,
  .mod_article .teaser-text p + h4,
  .mod_article .rte p + h4 {
    margin-top: var(--line-height-copy);
  }
  .mod_article .content-text:not(.-einleitung) > .rte ol + h3, .mod_article .content-text:not(.-einleitung) > .rte ul + h3, #footer .inside .teaser-text p + h3,
  #footer .inside .rte p + h3,
  .mod_article .teaser-text p + h3,
  .mod_article .rte p + h3,
  .mod_article .content-text:not(.-einleitung) > .rte ol + table,
  .mod_article .content-text:not(.-einleitung) > .rte ul + table,
  #footer .inside .teaser-text p + table,
  #footer .inside .rte p + table,
  .mod_article .teaser-text p + table,
  .mod_article .rte p + table {
    margin-top: 45px;
  }
  .mod_article .content-text:not(.-einleitung) > .rte ol + h2, .mod_article .content-text:not(.-einleitung) > .rte ul + h2, #footer .inside .teaser-text p + h2,
  #footer .inside .rte p + h2,
  .mod_article .teaser-text p + h2,
  .mod_article .rte p + h2 {
    margin-top: 128px;
  }
}

#footer .inside .content-text.-einleitung .rte p,
#footer .inside .content-text.-einleitung .rte li,
.mod_article .content-text.-einleitung .rte p,
.mod_article .content-text.-einleitung .rte li {
  font-size: var(--font-size-copy-big);
  line-height: var(--line-height-copy-big);
  hyphens: none;
}

h1.content-headline.small + .content-text h2, .mod_article h1 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  margin-bottom: var(--line-height-h1-after);
  hyphens: auto;
}
@media (min-width: 1920px) {
  h1.content-headline.small + .content-text h2, .mod_article h1 {
    hyphens: none;
  }
}

#main .small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

.content-headline.small + h2,
.content-headline.small + h3, .mod_article h2:not(.small) {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  margin-bottom: var(--line-height-h2);
}
.content-headline.small + h2 b,
.content-headline.small + h3 b, .mod_article h2:not(.small) b,
.content-headline.small + h2 strong,
.content-headline.small + h3 strong,
.mod_article h2:not(.small) strong {
  font-weight: var(--font-weight-bold);
}
.formbody > fieldset > legend, .mod_article h3,
#footer .inside .rte h3 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
}
.formbody > fieldset > legend + p, .mod_article h3 + p,
#footer .inside .rte h3 + p,
.formbody > fieldset > legend + ul,
.mod_article h3 + ul,
#footer .inside .rte h3 + ul,
.formbody > fieldset > legend + ol,
.mod_article h3 + ol,
#footer .inside .rte h3 + ol,
.formbody > fieldset > legend + blockquote,
.mod_article h3 + blockquote,
#footer .inside .rte h3 + blockquote,
.formbody > fieldset > legend + h4,
.mod_article h3 + h4,
#footer .inside .rte h3 + h4,
.formbody > fieldset > legend + table,
.mod_article h3 + table,
#footer .inside .rte h3 + table {
  margin-block-start: calc(var(--line-height-copy) / 2);
}

.mod_article h4 {
  font-weight: var(--font-weight-bold);
}
.mod_article .content-text:not(.-einleitung) > .rte ol li, .mod_article .content-text:not(.-einleitung) > .rte ul li {
  margin-left: var(--font-size-copy);
  list-style: none;
}
.mod_article .content-text:not(.-einleitung) > .rte ol li + li, .mod_article .content-text:not(.-einleitung) > .rte ul li + li {
  margin-top: calc(var(--line-height-copy) * 0.5);
}
.mod_article .content-text:not(.-einleitung) > .rte ol li::before, .mod_article .content-text:not(.-einleitung) > .rte ul li::before {
  height: 100%;
  display: inline-block;
  text-align: left;
  margin-left: calc(-1 * var(--font-size-copy));
  width: var(--font-size-copy);
}

.mod_article .content-text.-einleitung > .rte ul li {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.mod_article .content-text.-einleitung > .rte ul li + li {
  margin-top: calc(var(--line-height-copy) * 0.5);
}
.mod_article .content-text.-einleitung > .rte ul li::before {
  content: " ";
  height: var(--line-height-copy-big);
  display: block;
  text-align: center;
  width: 100%;
  background-color: var(--color-green);
  mask-image: var(--svg-header-logo);
  mask-size: auto var(--line-height-copy-big);
  mask-repeat: no-repeat;
  mask-position: center center;
  margin-top: var(--line-height-copy-big);
  margin-bottom: calc(var(--line-height-copy-big) * 0.5);
}

.mod_article .content-text:not(.-einleitung) > .rte ul li::before {
  content: "•";
}

.mod_article .content-text.-einleitung.-text-left > .rte ul li::before {
  mask-position: left center;
}

.mod_article .content-text:not(.-einleitung) > .rte ol {
  counter-reset: aplphaItem;
}
.mod_article .content-text:not(.-einleitung) > .rte ol li {
  counter-increment: aplphaItem;
}
.mod_article .content-text:not(.-einleitung) > .rte ol li::before {
  content: counter(aplphaItem, counter) ".";
}

dl {
  font-size: var(--font-size-small);
  line-height: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.marginal {
  font-size: var(--font-size-copy);
  line-height: var(--line-height-copy);
}

.mod_article a,
.rte a {
  text-decoration: none;
  color: var(--color-green);
  cursor: pointer;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  text-decoration-style: solid;
}
@media (min-width: 1280px) {
  .mod_article a,
  .rte a {
    transition: underline 120ms ease-in-out, color 100ms ease-in-out;
    text-decoration-line: none;
    cursor: pointer;
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .mod_article a:hover,
  .rte a:hover {
    text-decoration-color: var(--color-green);
    text-decoration-line: underline;
  }
}

#main .mod_article div:not(.mod_navigation) a.button, #main > .inside > .mod_article .mod_article div:not(.mod_navigation) a.content-hyperlink {
  text-decoration: none;
}

.rte i {
  font-style: italic;
}

@keyframes headerFadeIn {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
#header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  animation: headerFadeIn 150ms ease-in-out forwards;
}
#header .inside {
  background-color: var(--color-white-header);
  overflow: visible;
  display: grid;
  grid-column-start: 1;
  grid-column-end: 13;
  column-gap: var(--grid--column-gap);
  position: relative;
  transition: max-height 0.35s ease;
  overflow-y: hidden;
  max-height: var(--header-height);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  grid-template-columns: minmax(var(--grid--column-gap), var(--grid--margin)) repeat(var(--grid--column-count), var(--grid--column)) minmax(var(--grid--column-gap), var(--grid--margin));
  grid-template-rows: repeat(3, auto);
  align-items: center;
}
@media (min-width: 1280px) {
  #header .inside {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    grid-template-columns: minmax(var(--grid--column-gap), var(--grid--margin)) repeat(14, var(--grid--column));
    grid-column-end: 16;
  }
}
#header .inside::before {
  content: " ";
  display: block;
  background-color: var(--color-white-header);
  z-index: 3;
  position: sticky;
  top: 0;
  height: var(--header-height);
  width: 100%;
  transition: border-color 0.3s ease 0.3s;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 13;
}
@media (min-width: 1280px) {
  #header .inside::before {
    grid-column-end: 16;
    height: var(--header-height);
  }
}
#header .inside:has(nav.open) {
  max-height: 100dvh;
  padding-bottom: var(--grid--column-width);
  overflow-y: scroll;
}
@media (min-width: 1280px) {
  #header .inside:has(nav.open) {
    padding-bottom: 0;
    overflow-y: hidden;
  }
}
#header .inside:has(nav.open)::before {
  border-color: var(--color-grey-border);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  80% {
    opacity: 0.5;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
  }
}
#main {
  height: auto;
}

/* Footer */
/* Buttons */
:root {
  --button--font-size: var(--font-size-small);
  --button--line-height: var(--line-height-copy);
  --button--background-color: var(--color-green);
  --button--background-color-hover: var(--color-black);
  --button--background-color-active: var(--color-green-light);
  --button--border-color: var(--color-green);
  --button--border-color-hover: var(--color-black);
  --button--border-color-active: var(--color-green);
  --button--border-width: 1px;
  --button--color: var(--color-white);
  --button--color-hover: var(--color-white);
  --button--color-active: var(--color-green);
  --button--icon-color: var(--color-white);
  --button--icon-color-active: var(--color-green);
  --button--icon-mask: var(--svg-icon-burger);
  --button--icon-mask-after: var(--svg-icon-burger);
  --button--icon-hover-color: var(--color-white);
  --button--icon-hover-translate-y: 0px;
  --button--icon-hover-translate-x: 0px;
  --button--icon-hover-translate-y-after: 0px;
  --button--icon-hover-translate-x-after: 0px;
  --button--icon-size: 16px;
  --button--clip-path-angle-size: 6px;
  --button--icon-position: center;
}
@media (min-width: 768px) {
  :root {
    --button--icon-size: 20px;
    --button--line-height: var(--line-height-small);
  }
}
@media (min-width: 1280px) {
  :root {
    --button--icon-size: 24px;
  }
}

.button--icon-after > button::after, #main > .inside > .mod_article .content-hyperlink > button::after, .widget-pagebreak > button[value=continue] > button::after,
.button--icon-after > span::after,
#main > .inside > .mod_article .content-hyperlink > span::after,
.widget-pagebreak > button[value=continue] > span::after,
.button--icon-after > a::after,
#main > .inside > .mod_article .content-hyperlink > a::after,
.widget-pagebreak > button[value=continue] > a::after, .button--icon > button::before, .widget-pagebreak > button[value=back]:hover > button::before, .widget-pagebreak > button[value=back] > button::before,
.button--icon > span::before,
.widget-pagebreak > button[value=back]:hover > span::before,
.widget-pagebreak > button[value=back] > span::before,
.button--icon > a::before,
.widget-pagebreak > button[value=back]:hover > a::before,
.widget-pagebreak > button[value=back] > a::before, .button-transparent--icon-after::after, .content-element-advice--inner .mod_navigation.quick a[href*=beratung]::after, .handorgel__header__button::after, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child::after, #right .mod_customnav.versicherungen li:last-child > a::after,
#footer .mod_customnav.versicherungen li:last-child > a::after, #header .mod_customnav.damage-report .item-wrap a::after,
#header .mod_customnav.damage-report .item-wrap strong::after, .button-transparent--icon::before, .contact_persons .rte p:has(a) a::before, .content-element-advice .content-hyperlink::before,
#right .content-hyperlink::before, h2[id].content-headline > a::before,
h3[id].content-headline > a::before, .content-element-advice--inner .mod_navigation.quick a::before, .handorgel__header__button::before, #header .mod_search button::before, .mod_breadcrumb > ul > li > a::before, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick::before,
#main .mod_navigation.teaser ul.level_2 > li > a::before, #main .mod_navigation.quick .mod_navigation__headline h2::before,
#main .mod_navigation.quick .mod_navigation__headline h3::before, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick::before,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a::before, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .ce_hofff_content_navigation .mod_navigation__headline h2::before,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .ce_hofff_content_navigation .mod_navigation__headline h3::before, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::before, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::before, #header .mod_customtriggernav button::before, #right .mod_customnav.social-media li > a::before,
#footer .mod_customnav.social-media li > a::before {
  content: " ";
  width: var(--button--icon-size);
  min-width: var(--button--icon-size);
  height: var(--button--icon-size);
  background-color: var(--button--icon-color);
  mask-repeat: no-repeat;
  mask-position: var(--button--icon-position);
  mask-size: contain;
  font-family: var(--font-family);
}

.button--icon-after > button::after, #main > .inside > .mod_article .content-hyperlink > button::after, .widget-pagebreak > button[value=continue] > button::after,
.button--icon-after > span::after,
#main > .inside > .mod_article .content-hyperlink > span::after,
.widget-pagebreak > button[value=continue] > span::after,
.button--icon-after > a::after,
#main > .inside > .mod_article .content-hyperlink > a::after,
.widget-pagebreak > button[value=continue] > a::after, .button--icon > button::before, .widget-pagebreak > button[value=back]:hover > button::before, .widget-pagebreak > button[value=back] > button::before,
.button--icon > span::before,
.widget-pagebreak > button[value=back]:hover > span::before,
.widget-pagebreak > button[value=back] > span::before,
.button--icon > a::before,
.widget-pagebreak > button[value=back]:hover > a::before,
.widget-pagebreak > button[value=back] > a::before, .button-transparent--icon-after::after, .content-element-advice--inner .mod_navigation.quick a[href*=beratung]::after, .handorgel__header__button::after, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child::after, #right .mod_customnav.versicherungen li:last-child > a::after,
#footer .mod_customnav.versicherungen li:last-child > a::after, #header .mod_customnav.damage-report .item-wrap a::after,
#header .mod_customnav.damage-report .item-wrap strong::after, .button-transparent--icon::before, .contact_persons .rte p:has(a) a::before, .content-element-advice .content-hyperlink::before,
#right .content-hyperlink::before, h2[id].content-headline > a::before,
h3[id].content-headline > a::before, .content-element-advice--inner .mod_navigation.quick a::before, .handorgel__header__button::before, #header .mod_search button::before, .mod_breadcrumb > ul > li > a::before, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick::before,
#main .mod_navigation.teaser ul.level_2 > li > a::before, #main .mod_navigation.quick .mod_navigation__headline h2::before,
#main .mod_navigation.quick .mod_navigation__headline h3::before, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick::before,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a::before, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .ce_hofff_content_navigation .mod_navigation__headline h2::before,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .ce_hofff_content_navigation .mod_navigation__headline h3::before, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::before, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::before, #header .mod_customtriggernav button::before, #right .mod_customnav.social-media li > a::before,
#footer .mod_customnav.social-media li > a::before {
  transition: background-color 0.25s, transform 0.35s ease;
}

.button-transparent, .contact_persons .rte p:has(a) a, .content-element-advice .content-hyperlink,
#right .content-hyperlink, h2[id].content-headline > a,
h3[id].content-headline > a, .content-element-advice--inner .mod_navigation.quick a, .handorgel__header__button, #header .mod_search button, .mod_breadcrumb > ul > li > a, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick,
#main .mod_navigation.teaser ul.level_2 > li > a, #main .mod_navigation.quick .mod_navigation__headline h2,
#main .mod_navigation.quick .mod_navigation__headline h3, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2, #main .ce_hofff_content_navigation .mod_navigation__headline h2,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3,
#main .ce_hofff_content_navigation .mod_navigation__headline h3, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child, #header .mod_customtriggernav button, #right .mod_customnav.social-media li > a,
#footer .mod_customnav.social-media li > a, #right .mod_customnav li > a,
#footer .mod_customnav li > a, #header .mod_customnav.damage-report .item-wrap a,
#header .mod_customnav.damage-report .item-wrap strong {
  font-size: var(--button--font-size);
  line-height: var(--button--line-height);
  font-family: var(--font-family);
  --button--icon-color: var(--color-black);
  --button--icon-mask: var(--svg-icon-burger);
  --button--icon-mask-after: var(--svg-icon-burger);
  --button--icon-hover-color: var(--color-green);
  --button--icon-hover-translate-y: 0px;
  --button--icon-hover-translate-x: 0px;
  --button--icon-hover-translate-y-after: 0px;
  --button--icon-hover-translate-x-after: 0px;
  --button--icon-size: 16px;
  color: var(--button--icon-color);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 5px;
  align-items: center;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .button-transparent, .contact_persons .rte p:has(a) a, .content-element-advice .content-hyperlink,
  #right .content-hyperlink, h2[id].content-headline > a,
  h3[id].content-headline > a, .content-element-advice--inner .mod_navigation.quick a, .handorgel__header__button, #header .mod_search button, .mod_breadcrumb > ul > li > a, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
  #main .mod_navigation:not(.teaser) > ul.level_1 > li > a, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick,
  #main .mod_navigation.teaser ul.level_2 > li > a, #main .mod_navigation.quick .mod_navigation__headline h2,
  #main .mod_navigation.quick .mod_navigation__headline h3, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick,
  #main .teaser.ce_hofff_content_navigation ul.level_2 > li > a, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2, #main .ce_hofff_content_navigation .mod_navigation__headline h2,
  #main .quick.ce_hofff_content_navigation .mod_navigation__headline h3,
  #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3,
  #main .ce_hofff_content_navigation .mod_navigation__headline h3, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child, #header .mod_customtriggernav button, #right .mod_customnav.social-media li > a,
  #footer .mod_customnav.social-media li > a, #right .mod_customnav li > a,
  #footer .mod_customnav li > a, #header .mod_customnav.damage-report .item-wrap a,
  #header .mod_customnav.damage-report .item-wrap strong {
    column-gap: 10px;
    --button--icon-size: 20px;
  }
}
@media (min-width: 1280px) {
  .button-transparent, .contact_persons .rte p:has(a) a, .content-element-advice .content-hyperlink,
  #right .content-hyperlink, h2[id].content-headline > a,
  h3[id].content-headline > a, .content-element-advice--inner .mod_navigation.quick a, .handorgel__header__button, #header .mod_search button, .mod_breadcrumb > ul > li > a, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
  #main .mod_navigation:not(.teaser) > ul.level_1 > li > a, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick,
  #main .mod_navigation.teaser ul.level_2 > li > a, #main .mod_navigation.quick .mod_navigation__headline h2,
  #main .mod_navigation.quick .mod_navigation__headline h3, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick,
  #main .teaser.ce_hofff_content_navigation ul.level_2 > li > a, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2, #main .ce_hofff_content_navigation .mod_navigation__headline h2,
  #main .quick.ce_hofff_content_navigation .mod_navigation__headline h3,
  #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3,
  #main .ce_hofff_content_navigation .mod_navigation__headline h3, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child, #header .mod_customtriggernav button, #right .mod_customnav.social-media li > a,
  #footer .mod_customnav.social-media li > a, #right .mod_customnav li > a,
  #footer .mod_customnav li > a, #header .mod_customnav.damage-report .item-wrap a,
  #header .mod_customnav.damage-report .item-wrap strong {
    --button--icon-size: 24px;
  }
}
@media (hover: hover) {
  .button-transparent:hover, .contact_persons .rte p:has(a) a:hover, .content-element-advice .content-hyperlink:hover,
  #right .content-hyperlink:hover, h2[id].content-headline > a:hover,
  h3[id].content-headline > a:hover, .content-element-advice--inner .mod_navigation.quick a:hover, .handorgel__header__button:hover, #header .mod_search button:hover, .mod_breadcrumb > ul > li > a:hover, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover,
  #main .mod_navigation:not(.teaser) > ul.level_1 > li > a:hover, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick:hover,
  #main .mod_navigation.teaser ul.level_2 > li > a:hover, #main .mod_navigation.quick .mod_navigation__headline h2:hover,
  #main .mod_navigation.quick .mod_navigation__headline h3:hover, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover,
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a:hover, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick:hover,
  #main .teaser.ce_hofff_content_navigation ul.level_2 > li > a:hover, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2:hover, #main .ce_hofff_content_navigation .mod_navigation__headline h2:hover,
  #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3:hover,
  #main .ce_hofff_content_navigation .mod_navigation__headline h3:hover, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:hover:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:hover:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:hover:first-child, #header .mod_customtriggernav button:hover, #right .mod_customnav.social-media li > a:hover,
  #footer .mod_customnav.social-media li > a:hover, #right .mod_customnav li > a:hover,
  #footer .mod_customnav li > a:hover, #header .mod_customnav.damage-report .item-wrap a:hover,
  #header .mod_customnav.damage-report .item-wrap strong:hover {
    color: var(--button--icon-hover-color);
  }
}
.button-transparent > button, .contact_persons .rte p:has(a) a > button, .content-element-advice .content-hyperlink > button,
#right .content-hyperlink > button, h2[id].content-headline > a > button,
h3[id].content-headline > a > button, .content-element-advice--inner .mod_navigation.quick a > button, .handorgel__header__button > button, #header .mod_search button > button, .mod_breadcrumb > ul > li > a > button, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > button,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a > button, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick > button,
#main .mod_navigation.teaser ul.level_2 > li > a > button, #main .mod_navigation.quick .mod_navigation__headline h2 > button,
#main .mod_navigation.quick .mod_navigation__headline h3 > button, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > button,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a > button, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick > button,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a > button, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2 > button, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2 > button, #main .ce_hofff_content_navigation .mod_navigation__headline h2 > button,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3 > button,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3 > button,
#main .ce_hofff_content_navigation .mod_navigation__headline h3 > button, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child > button,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child > button, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child > button,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child > button, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child > button,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child > button, #header .mod_customtriggernav button > button, #right .mod_customnav.social-media li > a > button,
#footer .mod_customnav.social-media li > a > button, #right .mod_customnav li > a > button,
#footer .mod_customnav li > a > button, #header .mod_customnav.damage-report .item-wrap a > button,
#header .mod_customnav.damage-report .item-wrap strong > button,
.button-transparent > a,
.contact_persons .rte p:has(a) a > a,
.content-element-advice .content-hyperlink > a,
#right .content-hyperlink > a,
h2[id].content-headline > a > a,
h3[id].content-headline > a > a,
.content-element-advice--inner .mod_navigation.quick a > a,
.handorgel__header__button > a,
#header .mod_search button > a,
.mod_breadcrumb > ul > li > a > a,
#main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > a,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a > a,
#main .mod_navigation.teaser ul.level_2 > li .teaser-quick > a,
#main .mod_navigation.teaser ul.level_2 > li > a > a,
#main .mod_navigation.quick .mod_navigation__headline h2 > a,
#main .mod_navigation.quick .mod_navigation__headline h3 > a,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > a,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a > a,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick > a,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a > a,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h2 > a,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2 > a,
#main .ce_hofff_content_navigation .mod_navigation__headline h2 > a,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3 > a,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3 > a,
#main .ce_hofff_content_navigation .mod_navigation__headline h3 > a,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child > a,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child > a,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child > a,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child > a,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child > a,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child > a,
#header .mod_customtriggernav button > a,
#right .mod_customnav.social-media li > a > a,
#footer .mod_customnav.social-media li > a > a,
#right .mod_customnav li > a > a,
#footer .mod_customnav li > a > a,
#header .mod_customnav.damage-report .item-wrap a > a,
#header .mod_customnav.damage-report .item-wrap strong > a,
.button-transparent > span,
.contact_persons .rte p:has(a) a > span,
.content-element-advice .content-hyperlink > span,
#right .content-hyperlink > span,
h2[id].content-headline > a > span,
h3[id].content-headline > a > span,
.content-element-advice--inner .mod_navigation.quick a > span,
.handorgel__header__button > span,
#header .mod_search button > span,
.mod_breadcrumb > ul > li > a > span,
#main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > span,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a > span,
#main .mod_navigation.teaser ul.level_2 > li .teaser-quick > span,
#main .mod_navigation.teaser ul.level_2 > li > a > span,
#main .mod_navigation.quick .mod_navigation__headline h2 > span,
#main .mod_navigation.quick .mod_navigation__headline h3 > span,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > span,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a > span,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick > span,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a > span,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h2 > span,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2 > span,
#main .ce_hofff_content_navigation .mod_navigation__headline h2 > span,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3 > span,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3 > span,
#main .ce_hofff_content_navigation .mod_navigation__headline h3 > span,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child > span,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child > span,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child > span,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child > span,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child > span,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child > span,
#header .mod_customtriggernav button > span,
#right .mod_customnav.social-media li > a > span,
#footer .mod_customnav.social-media li > a > span,
#right .mod_customnav li > a > span,
#footer .mod_customnav li > a > span,
#header .mod_customnav.damage-report .item-wrap a > span,
#header .mod_customnav.damage-report .item-wrap strong > span {
  white-space: nowrap;
}
.button-transparent--icon::before, .contact_persons .rte p:has(a) a::before, .content-element-advice .content-hyperlink::before,
#right .content-hyperlink::before, h2[id].content-headline > a::before,
h3[id].content-headline > a::before, .content-element-advice--inner .mod_navigation.quick a::before, .handorgel__header__button::before, #header .mod_search button::before, .mod_breadcrumb > ul > li > a::before, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick::before,
#main .mod_navigation.teaser ul.level_2 > li > a::before, #main .mod_navigation.quick .mod_navigation__headline h2::before,
#main .mod_navigation.quick .mod_navigation__headline h3::before, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick::before,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a::before, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick::before,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a::before, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2::before, #main .ce_hofff_content_navigation .mod_navigation__headline h2::before,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3::before,
#main .ce_hofff_content_navigation .mod_navigation__headline h3::before, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::before, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::before,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::before, #header .mod_customtriggernav button::before, #right .mod_customnav.social-media li > a::before,
#footer .mod_customnav.social-media li > a::before {
  mask-image: var(--button--icon-mask);
}
@media (hover: hover) {
  .button-transparent--icon:hover::before, .contact_persons .rte p:has(a) a:hover::before, .content-element-advice .content-hyperlink:hover::before,
  #right .content-hyperlink:hover::before, h2[id].content-headline > a:hover::before,
  h3[id].content-headline > a:hover::before, .content-element-advice--inner .mod_navigation.quick a:hover::before, .handorgel__header__button:hover::before, #header .mod_search button:hover::before, .mod_breadcrumb > ul > li > a:hover::before, #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover::before,
  #main .mod_navigation:not(.teaser) > ul.level_1 > li > a:hover::before, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick:hover::before,
  #main .mod_navigation.teaser ul.level_2 > li > a:hover::before, #main .mod_navigation.quick .mod_navigation__headline h2:hover::before,
  #main .mod_navigation.quick .mod_navigation__headline h3:hover::before, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover::before,
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a:hover::before, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick:hover::before,
  #main .teaser.ce_hofff_content_navigation ul.level_2 > li > a:hover::before, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2:hover::before, #main .ce_hofff_content_navigation .mod_navigation__headline h2:hover::before,
  #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3:hover::before,
  #main .ce_hofff_content_navigation .mod_navigation__headline h3:hover::before, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:hover:first-child::before,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:hover:first-child::before, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:hover:first-child::before,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:hover:first-child::before, #header .mod_customtriggernav button:hover::before, #right .mod_customnav.social-media li > a:hover::before,
  #footer .mod_customnav.social-media li > a:hover::before {
    background-color: var(--button--icon-hover-color);
    transform: translate(var(--button--icon-hover-translate-x), var(--button--icon-hover-translate-y));
  }
}
.button-transparent--icon-after, .content-element-advice--inner .mod_navigation.quick a[href*=beratung], .handorgel__header__button, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child, #right .mod_customnav.versicherungen li:last-child > a,
#footer .mod_customnav.versicherungen li:last-child > a, #header .mod_customnav.damage-report .item-wrap a,
#header .mod_customnav.damage-report .item-wrap strong {
  --button--icon-mask-after: var(--svg-icon-direction);
}
.button-transparent--icon-after::after, .content-element-advice--inner .mod_navigation.quick a[href*=beratung]::after, .handorgel__header__button::after, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child::after, #right .mod_customnav.versicherungen li:last-child > a::after,
#footer .mod_customnav.versicherungen li:last-child > a::after, #header .mod_customnav.damage-report .item-wrap a::after,
#header .mod_customnav.damage-report .item-wrap strong::after {
  mask-image: var(--button--icon-mask-after);
}
@media (hover: hover) {
  .button-transparent--icon-after:hover, .content-element-advice--inner .mod_navigation.quick a[href*=beratung]:hover, .handorgel__header__button:hover, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:hover:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:hover:first-child, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:hover:first-child,
  #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:hover:first-child, #right .mod_customnav.versicherungen li:last-child > a:hover,
  #footer .mod_customnav.versicherungen li:last-child > a:hover, #header .mod_customnav.damage-report .item-wrap a:hover,
  #header .mod_customnav.damage-report .item-wrap strong:hover {
    color: var(--button--icon-hover-color);
  }
  .button-transparent--icon-after:hover::after, .content-element-advice--inner .mod_navigation.quick a[href*=beratung]:hover::after, .handorgel__header__button:hover::after, #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:hover:first-child::after,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:hover:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:hover:first-child::after,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:hover:first-child::after, #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:hover:first-child::after,
  #header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:hover:first-child::after, #right .mod_customnav.versicherungen li:last-child > a:hover::after,
  #footer .mod_customnav.versicherungen li:last-child > a:hover::after, #header .mod_customnav.damage-report .item-wrap a:hover::after,
  #header .mod_customnav.damage-report .item-wrap strong:hover::after {
    background-color: var(--button--icon-hover-color);
    transform: translate(var(--button--icon-hover-translate-x-after), var(--button--icon-hover-translate-y-after));
  }
}

.button, #main > .inside > .mod_article .content-hyperlink, .widget-pagebreak > button {
  font-size: var(--button--font-size);
  line-height: var(--button--line-height);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  clip-path: polygon(var(--button--clip-path-angle-size) 0, 100% 0, 100% calc(100% - var(--button--clip-path-angle-size)), calc(100% - var(--button--clip-path-angle-size)) 100%, 0 100%, 0 var(--button--clip-path-angle-size));
  background-color: var(--button--background-color);
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .button, #main > .inside > .mod_article .content-hyperlink, .widget-pagebreak > button {
    column-gap: 10px;
  }
}
@media (min-width: 1280px) {
  .button, #main > .inside > .mod_article .content-hyperlink, .widget-pagebreak > button {
    --button--icon-size: 24px;
  }
}
.button.is-active, #main > .inside > .mod_article .is-active.content-hyperlink, .widget-pagebreak > button.is-active {
  --button--background-color: var(--button--background-color-active);
  --button--border-color: var(--button--border-color-active);
  --button--color: var(--button--color-active);
  --button--icon-color: var(--button--icon-color-active);
}
@media (hover: hover) {
  .button:hover, #main > .inside > .mod_article .content-hyperlink:hover, .widget-pagebreak > button:hover {
    --button--color: var(--button--color-hover);
    --button--icon-color: var(--button--icon-hover-color);
    text-decoration: none !important;
  }
}
.button > button, #main > .inside > .mod_article .content-hyperlink > button, .widget-pagebreak > button > button,
.button > span,
#main > .inside > .mod_article .content-hyperlink > span,
.widget-pagebreak > button > span,
.button > a,
#main > .inside > .mod_article .content-hyperlink > a,
.widget-pagebreak > button > a {
  color: var(--button--color);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 10px;
  align-items: center;
  box-sizing: border-box;
  letter-spacing: 1px;
  padding-top: 7px;
  padding-bottom: 5px;
  text-decoration: none !important;
}
@media (hover: hover) {
  .button:hover, #main > .inside > .mod_article .content-hyperlink:hover, .widget-pagebreak > button:hover {
    background-color: var(--button--background-color-hover);
  }
}
.button--icon > button::before, .widget-pagebreak > button[value=back]:hover > button::before, .widget-pagebreak > button[value=back] > button::before,
.button--icon > span::before,
.widget-pagebreak > button[value=back]:hover > span::before,
.widget-pagebreak > button[value=back] > span::before,
.button--icon > a::before,
.widget-pagebreak > button[value=back]:hover > a::before,
.widget-pagebreak > button[value=back] > a::before {
  mask-image: var(--button--icon-mask);
}
@media (hover: hover) {
  .button--icon > button:hover::before, .widget-pagebreak > button[value=back] > button:hover::before,
  .button--icon > span:hover::before,
  .widget-pagebreak > button[value=back] > span:hover::before,
  .button--icon > a:hover::before,
  .widget-pagebreak > button[value=back] > a:hover::before {
    background-color: var(--button--icon-hover-color);
    transform: translate(var(--button--icon-hover-translate-x), var(--button--icon-hover-translate-y));
  }
}
.button--icon.button--icon-back, .widget-pagebreak > button.button--icon-back[value=back] {
  --button--icon-mask: var(--svg-icon-arrow);
}
.button--icon.button--icon-back > span::before, .widget-pagebreak > button.button--icon-back[value=back] > span::before {
  transform: rotate(180deg);
}
.button--icon-after > button::after, #main > .inside > .mod_article .content-hyperlink > button::after, .widget-pagebreak > button[value=continue] > button::after,
.button--icon-after > span::after,
#main > .inside > .mod_article .content-hyperlink > span::after,
.widget-pagebreak > button[value=continue] > span::after,
.button--icon-after > a::after,
#main > .inside > .mod_article .content-hyperlink > a::after,
.widget-pagebreak > button[value=continue] > a::after {
  mask-image: var(--button--icon-mask-after);
}
@media (hover: hover) {
  .button--icon-after > button:hover::after, #main > .inside > .mod_article .content-hyperlink > button:hover::after, .widget-pagebreak > button[value=continue] > button:hover::after,
  .button--icon-after > span:hover::after,
  #main > .inside > .mod_article .content-hyperlink > span:hover::after,
  .widget-pagebreak > button[value=continue] > span:hover::after,
  .button--icon-after > a:hover::after,
  #main > .inside > .mod_article .content-hyperlink > a:hover::after,
  .widget-pagebreak > button[value=continue] > a:hover::after {
    background-color: var(--button--icon-hover-color);
    transform: translate(var(--button--icon-hover-translate-x-after), var(--button--icon-hover-translate-y-after));
  }
}

.tag-filter {
  font-size: var(--font-size-small);
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
.tag-filter > span {
  display: inline-flex;
  padding-top: 7px;
  padding-bottom: 5px;
  align-items: center;
  padding-right: 20px;
  gap: 10px;
}
.tag-filter > span::before {
  width: auto;
  min-width: calc(var(--button--icon-size));
  height: var(--button--icon-size);
  background-color: var(--button--icon-color);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  font-family: var(--font-family);
  color: var(--color-grey-text);
  mask-position: center;
  content: " ";
  --button--icon-color: var(--color-black);
  mask-image: var(--svg-icon-filter);
}

.tag-filter--inner {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.tag-filter--inner > button {
  --button--icon-mask: var(--svg-icon-checkbox);
  --button--background-color: var(--color-green-light);
  --button--background-color-active: var(--color-green-border);
  --button--background-color-hover: var(--color-green-border);
  --button--color: var(--color-black);
  --button--color-hover: var(--color-green);
  --button--color-active: var(--color-black);
  --button--icon-color: var(--color-black);
  --button--icon-hover-color: var(--color-green);
  --button--icon-color-active: var(--color-black);
}
.tag-filter--inner > button.is-active {
  --button--icon-mask: var(--svg-icon-checkbox-checked);
}

#right {
  margin-top: calc(var(--grid--column-width) + var(--grid--column-width) * 2);
  padding-top: calc(var(--grid--column-width) + var(--grid--column-width) / 2);
  padding-bottom: var(--line-height-copy);
  background-color: var(--color-green-light);
}
#right .inside {
  row-gap: calc(var(--line-height-copy) * 2);
}

#footer {
  padding: var(--line-height-copy) 0;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
#footer .inside {
  row-gap: var(--grid--column-gap);
}

#footer .content-element-group,
#right .content-element-group {
  display: flex;
  flex-direction: column;
  grid-column: 2/12;
}
#footer .contact,
#right .contact {
  display: flex;
}
@media (min-width: 1280px) {
  #footer .contact,
  #right .contact {
    grid-column: 2/9;
  }
}
#footer .contact > h3,
#right .contact > h3 {
  text-transform: uppercase;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  margin-bottom: calc(var(--line-height-copy) / 2);
}
#footer .contact > h3 a,
#right .contact > h3 a {
  color: var(--color-black);
}
#footer .contact > h3 a:hover,
#right .contact > h3 a:hover {
  color: var(--color-green);
}
#footer .contact > .actions,
#right .contact > .actions {
  grid-column: 2/8;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: calc(var(--line-height-copy) / 2);
  margin-bottom: var(--line-height-copy);
}
@media (min-width: 1280px) {
  #footer .contact > .actions,
  #right .contact > .actions {
    grid-column: 2/16;
  }
}
#footer .contact > .content-text,
#right .contact > .content-text {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
@media (min-width: 1280px) {
  #footer .address,
  #right .address {
    grid-column: 2/16;
  }
}
#footer .address ul,
#right .address ul {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--grid--column-gap);
  flex-direction: column;
}
@media (min-width: 1280px) {
  #footer .address ul,
  #right .address ul {
    flex-direction: row;
  }
}

/* 
* @mod_article
* Contao Module Article 
*/
#main .mod_article {
  display: flex;
  flex-direction: column;
}
#main > .inside > .mod_article > .content-element-group:first-child {
  padding-top: 0;
}

/* 
* @mod_booknav
* Contao Module Booknavigation 
*/
/* 
* @mod_calendar
* Contao Module Calendar
*/
/* 
* @mod_customnav
* Contao Module Custom Navigation
*/
#header .mod_customnav {
  position: sticky;
  top: 0;
  grid-row: 1/1;
  z-index: 23;
  height: 100%;
}
#header .mod_customnav .level_1 {
  height: 100%;
}
#header .mod_customnav .level_1 a > span,
#header .mod_customnav .level_1 strong > span {
  padding-top: calc(var(--grid--column-gap) * 2);
  padding-bottom: calc(var(--grid--column-gap) * 2 - var(--border-width--active-state));
  border-bottom: var(--border-width--active-state) solid transparent;
}
#header .mod_customnav .level_1 a.active > span,
#header .mod_customnav .level_1 strong.active > span {
  border-color: var(--color-black);
}
#header .mod_customnav .level_1 li:hover .item-wrap > a > span,
#header .mod_customnav .level_1 li:hover .item-wrap > strong > span {
  border-color: var(--color-black);
}
#header .mod_customnav.logo {
  grid-column-start: 2;
  grid-column-end: 4;
}
@media ((max-width: 1024px) and (orientation: landscape)) {
  #header .mod_customnav.logo {
    grid-column-end: 3;
  }
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #header .mod_customnav.logo {
    grid-column-end: 5;
  }
}
@media (min-width: 1280px) {
  #header .mod_customnav.logo {
    grid-column-start: 2;
    grid-column-end: 4;
  }
}
#header .mod_customnav.logo .level_1 > li {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#header .mod_customnav.logo .item-wrap {
  display: block;
  height: 100%;
}
#header .mod_customnav.logo .item-wrap a,
#header .mod_customnav.logo .item-wrap strong {
  display: block;
  aspect-ratio: 154/40;
  background-image: var(--svg-logo);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-width: 154px;
  height: 100%;
  align-self: center;
}
#header .mod_customnav.logo .item-wrap a span,
#header .mod_customnav.logo .item-wrap strong span {
  display: none;
}
#header .mod_customnav.damage-report {
  display: none;
}
@media (min-width: 1280px) {
  #header .mod_customnav.damage-report {
    display: block;
    grid-column-start: 8;
    grid-column-end: 11;
  }
}
#header .mod_customnav.damage-report .item-wrap a,
#header .mod_customnav.damage-report .item-wrap strong {
  --button--icon-mask-after: var(--svg-icon-arrow);
  --button--icon-hover-translate-x-after: 4px;
}

/* 
* @mod_customnav
* Contao Module Custom Navigation
*/
#right .mod_customnav.ueber-uns, #right .mod_customnav.versicherungen,
#footer .mod_customnav.ueber-uns,
#footer .mod_customnav.versicherungen {
  font-weight: var(--font-weight-medium);
}
@media (min-width: 1280px) {
  #right .mod_customnav.ueber-uns, #right .mod_customnav.versicherungen,
  #footer .mod_customnav.ueber-uns,
  #footer .mod_customnav.versicherungen {
    grid-row: 1/2;
  }
}
#right .mod_customnav.ueber-uns li, #right .mod_customnav.versicherungen li,
#footer .mod_customnav.ueber-uns li,
#footer .mod_customnav.versicherungen li {
  margin-bottom: calc(var(--line-height-copy) / 2);
}
#right .mod_customnav.ueber-uns li:first-child, #right .mod_customnav.versicherungen li:first-child,
#footer .mod_customnav.ueber-uns li:first-child,
#footer .mod_customnav.versicherungen li:first-child {
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
#right .mod_customnav.ueber-uns li:first-child > a > span, #right .mod_customnav.versicherungen li:first-child > a > span,
#footer .mod_customnav.ueber-uns li:first-child > a > span,
#footer .mod_customnav.versicherungen li:first-child > a > span {
  color: var(--color-black);
}
#right .mod_customnav.ueber-uns li:first-child > a:hover > span, #right .mod_customnav.versicherungen li:first-child > a:hover > span,
#footer .mod_customnav.ueber-uns li:first-child > a:hover > span,
#footer .mod_customnav.versicherungen li:first-child > a:hover > span {
  color: var(--color-green);
}
#right .mod_customnav.versicherungen,
#footer .mod_customnav.versicherungen {
  grid-column: 2/7;
}
@media (min-width: 1280px) {
  #right .mod_customnav.versicherungen,
  #footer .mod_customnav.versicherungen {
    grid-column: 10/13;
  }
}
#right .mod_customnav.versicherungen li:last-child,
#footer .mod_customnav.versicherungen li:last-child {
  width: fit-content;
}
#right .mod_customnav.versicherungen li:last-child > a,
#footer .mod_customnav.versicherungen li:last-child > a {
  --button--icon-hover-translate-x-after: 4px;
  --button--icon-mask-after: var(--svg-icon-arrow);
}
#right .mod_customnav.ueber-uns,
#footer .mod_customnav.ueber-uns {
  grid-column: 7/12;
}
@media (min-width: 1280px) {
  #right .mod_customnav.ueber-uns,
  #footer .mod_customnav.ueber-uns {
    grid-column: 13/16;
  }
}
#right .mod_customnav.legal, #right .mod_customnav.social-media,
#footer .mod_customnav.legal,
#footer .mod_customnav.social-media {
  grid-column: 2/12;
}
@media (min-width: 1280px) {
  #right .mod_customnav.legal, #right .mod_customnav.social-media,
  #footer .mod_customnav.legal,
  #footer .mod_customnav.social-media {
    grid-column: 2/16;
  }
}
#right .mod_customnav.legal > ul, #right .mod_customnav.social-media > ul,
#footer .mod_customnav.legal > ul,
#footer .mod_customnav.social-media > ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid--column-gap);
}
#right .mod_customnav.social-media,
#footer .mod_customnav.social-media {
  margin-bottom: var(--line-height-small);
}
@media (min-width: 1280px) {
  #right .mod_customnav.social-media,
  #footer .mod_customnav.social-media {
    margin-bottom: 0;
  }
}
#right .mod_customnav.social-media li > a,
#footer .mod_customnav.social-media li > a {
  --button--icon-hover-color: var(--color-green) !important;
}
#right .mod_customnav.social-media li > a[href*="instagram.com"],
#footer .mod_customnav.social-media li > a[href*="instagram.com"] {
  --button--icon-mask: var(--svg-icon-instagram) ;
}
#right .mod_customnav.social-media li > a[href*="linkedin.com"],
#footer .mod_customnav.social-media li > a[href*="linkedin.com"] {
  --button--icon-mask: var(--svg-icon-linkedin);
}
#right .mod_customnav.social-media li > a span,
#footer .mod_customnav.social-media li > a span {
  display: none;
}
#right .mod_customnav li > a,
#footer .mod_customnav li > a {
  --button--icon-color: var(--color-green);
  --button--icon-hover-color: var(--color-black) !important;
}

/* 
* @mod_customnav
* Contao Module Custom Navigation
*/
#header .mod_customtriggernav {
  grid-row: 1/1;
  z-index: 5;
  grid-column-start: 4;
  grid-column-end: 11;
  position: sticky;
  top: 0;
  align-self: stretch;
}
#header .mod_customtriggernav > ul {
  height: 100%;
}
#header .mod_customtriggernav > ul > li {
  align-self: stretch;
}
#header .mod_customtriggernav > ul > li > button > span {
  box-sizing: border-box;
  height: 100%;
  display: inline-flex;
  align-items: center;
}
#header .mod_customtriggernav > ul > li > button {
  height: 100%;
}
@media (min-width: 768px) {
  #header .mod_customtriggernav {
    grid-column-start: 5;
  }
}
@media (min-width: 1280px) {
  #header .mod_customtriggernav {
    grid-column-start: 4;
    grid-column-end: 8;
  }
}
@media (hover: hover) {
  #header .mod_customtriggernav button:hover > span {
    border-color: var(--color-black);
  }
}
#header .mod_customtriggernav button > span {
  position: relative;
}
#header .mod_customtriggernav button > span:after {
  position: absolute;
  display: block;
  content: " ";
  height: var(--border-width--active-state);
  width: 100%;
  bottom: 0;
  left: 0;
}
#header .mod_customtriggernav button#button-versicherung {
  font-weight: 600;
}
#header .mod_customtriggernav button#button-ueber-uns {
  --button--icon-mask: var(--svg-icon-menu-dropdown);
}
#header .mod_customtriggernav .level_1 {
  display: flex;
  align-content: center;
  flex-direction: row;
  column-gap: 10px;
  justify-content: flex-end;
}
@media (min-width: 1280px) {
  #header .mod_customtriggernav .level_1 {
    justify-content: flex-start;
    column-gap: 30px;
  }
}
#header:has(.mod_navigation#versicherung.open) .mod_customtriggernav #button-versicherung {
  --button--icon-mask: var(--svg-icon-close);
}
#header:has(.mod_navigation#versicherung.open) .mod_customtriggernav #button-versicherung > span::after {
  background-color: var(--color-black);
}
#header:has(.mod_navigation#ueber-uns.open) .mod_customtriggernav #button-ueber-uns > span::after {
  background-color: var(--color-black);
}
#header:has(.mod_navigation#ueber-uns.open) .mod_customtriggernav #button-ueber-uns::before {
  transform: rotate(180deg);
}

/* 
* @mod_eventlist
* Contao Module Event List
*/
/* 
* @mod_navigation @mmenu
* Contao Module Navigation Mainmenu 
*/
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: none;
  }
}
#header .mod_navigation {
  grid-template-columns: repeat(10, minmax(0, var(--grid--column-width)));
  display: grid;
  background-color: var(--color-white-header);
  grid-column-start: 2;
  grid-column-end: 12;
  position: relative;
  height: 0;
  box-sizing: border-box;
  padding-top: calc(var(--grid--gap) * 3);
  grid-auto-rows: max-content;
  gap: var(--grid--column-gap);
  opacity: 0;
  transform: translateY(calc(-100% + 420px));
  transition: opacity 0.3s ease-out 0s, border-color 0.3s ease-in-out 0.3s;
  visibility: hidden;
  grid-row-start: 3;
  z-index: 2;
}
@media (min-width: 1280px) {
  #header .mod_navigation {
    height: calc(100dvh - var(--header-height));
    grid-template-columns: repeat(14, minmax(0, var(--grid--column-width)));
    grid-template-rows: var(--line-height-small) auto;
    grid-auto-rows: auto;
    grid-column-start: 2;
    grid-column-end: 16;
  }
}
#header .mod_navigation:not(.open) {
  border-color: var(--color-white);
}
#header .mod_navigation__headline {
  grid-row: 1/2;
  column-gap: var(--grid--column-gap);
  grid-column-start: 1;
  grid-column-end: 11;
  display: block;
  opacity: 0;
  transform: translateY(10px);
}
@media (min-width: 1280px) {
  #header .mod_navigation__headline {
    grid-column-start: 1;
    grid-column-end: 6;
  }
}
#header .mod_navigation h3 {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  height: var(--line-height-small);
  text-transform: uppercase;
}
#header .mod_navigation ul.level_1 {
  gap: var(--grid--column-gap);
  grid-column-start: 1;
  grid-column-end: 11;
  display: flex;
  flex-direction: column;
  height: 100%;
  grid-row: 2/3;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 {
    grid-row: auto;
    grid-template-columns: repeat(14, minmax(0, var(--grid--column-width)));
    grid-column-start: 1;
    grid-column-end: 15;
    height: 100%;
  }
}
#header .mod_navigation ul.level_1 a,
#header .mod_navigation ul.level_1 strong,
#header .mod_navigation ul.level_1 a > span,
#header .mod_navigation ul.level_1 strong > span {
  display: block;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
#header .mod_navigation ul.level_1 strong {
  font-weight: var(--font-weight-semi-bold);
}
#header .mod_navigation ul.level_1 > li {
  grid-column-start: 1;
  grid-column-end: 11;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li {
    grid-column-end: 14;
  }
}
#header .mod_navigation ul.level_1 > li > .inner {
  display: grid;
}
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap {
  grid-column-start: 1;
  grid-column-end: 9;
  opacity: 0;
  transform: translateY(10px);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap {
    grid-column-start: 1 !important;
    grid-column-end: 5 !important;
  }
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li > .inner {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, var(--grid--column-width)));
    column-gap: var(--grid--column-gap);
  }
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a,
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong {
    border-radius: 6px;
    padding-top: 11px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    margin-right: calc(var(--grid--column-gap));
    transform: translateX(calc(var(--grid--column-gap) * -1));
    border: 2px solid transparent;
  }
}
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a.active,
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong.active {
  border-color: var(--color-green-border);
  font-weight: 400;
}
@media (hover: hover) {
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a:hover,
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong:hover {
    background-color: var(--color-green);
    color: var(--color-white);
  }
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a:hover span:first-child::after, #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a:hover span:first-child::before,
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong:hover span:first-child::after,
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong:hover span:first-child::before {
    background-color: var(--color-white);
  }
}
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a span:first-child,
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong span:first-child {
  font-weight: 500;
}
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a span.subtitle,
#header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong span.subtitle {
  color: var(--color-grey-text);
  padding-bottom: calc(var(--line-height-copy) * 0.5);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > a span.subtitle,
  #header .mod_navigation ul.level_1 > li > .inner > .item-wrap > strong span.subtitle {
    padding-bottom: 0;
  }
}
#header .mod_navigation ul.level_1 > li > .inner > a {
  display: block;
}
#header .mod_navigation ul.level_1 > li.submenu > .inner {
  display: grid;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu > .inner {
    display: grid;
  }
}
#header .mod_navigation ul.level_1 > li.submenu > .inner > .item-wrap {
  grid-column-start: 1;
  grid-column-end: 9;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu > .inner > .item-wrap {
    grid-column-start: 1 !important;
    grid-column-end: 5 !important;
  }
}
@media (hover: hover) {
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > a,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > strong,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > .active {
    background-color: var(--color-green);
    border-color: var(--color-green);
  }
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > a > span,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > a > span.subtitle,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > strong > span,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > strong > span.subtitle,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > .active > span,
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner > .item-wrap > .active > span.subtitle {
    color: var(--color-white);
    --button--icon-color: var(--color-white) !important;
  }
  #header .mod_navigation ul.level_1 > li.submenu:hover > .inner ul.level_2 {
    display: block;
  }
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu.business, #header .mod_navigation ul.level_1 > li.submenu.private {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap {
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child {
  --button--font-size: var(--font-size-copy);
  --button--line-height: var(--line-height-copy);
  --button--icon-hover-color: var(--color-white);
  font-weight: var(--font-weight-semi-bold);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child {
    font-weight: var(--font-weight-medium);
    --button--font-size: var(--font-size-small);
    --button--line-height: var(--line-height-small-list);
  }
}
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::after,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::after {
  content: none;
  margin-left: auto;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child::after,
  #header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child::after, #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child::after,
  #header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child::after {
    content: " ";
  }
}
#header .mod_navigation ul.level_1 > li.submenu.business {
  grid-row: 1/2;
}
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.business > .inner > .item-wrap > strong > span:first-child {
  --button--icon-mask: var(--svg-icon-business);
}
#header .mod_navigation ul.level_1 > li.submenu.private {
  grid-row: 2/3;
}
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap > strong > span:first-child {
  --button--icon-mask: var(--svg-icon-private);
}
#header .mod_navigation ul.level_1 > li.submenu.private > .inner > .item-wrap {
  grid-row-start: 1;
  grid-row-end: 2;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.quicklink:last-child {
    margin-bottom: calc(var(--grid--column-width) * 2);
  }
  #header .mod_navigation ul.level_1 > li.quicklink:nth-last-child(2) {
    margin-top: auto;
  }
  #header .mod_navigation ul.level_1 > li.quicklink:nth-last-child(2) .item-wrap, #header .mod_navigation ul.level_1 > li.quicklink:nth-last-child(3) .item-wrap {
    padding-top: var(--line-height-small-list);
    position: relative;
  }
  #header .mod_navigation ul.level_1 > li.quicklink:nth-last-child(2) .item-wrap::before, #header .mod_navigation ul.level_1 > li.quicklink:nth-last-child(3) .item-wrap::before {
    content: " ";
    width: calc(100% - var(--grid--column-gap));
    height: 1px;
    top: 0;
    left: calc(var(--grid--column-gap) * -1);
    position: absolute;
    background-color: var(--color-grey-border);
  }
}
#header .mod_navigation ul.level_1 > li.quicklink > .inner {
  padding: calc(var(--line-height-small) / 2) 0;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 > li.quicklink > .inner {
    padding: 0;
  }
}
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > a > span:first-child,
#header .mod_navigation ul.level_1 > li.quicklink > .inner > .item-wrap > strong > span:first-child {
  --button--icon-hover-color: var(--color-white);
  --button--color-hover: var(--color-white);
  --button--icon-mask-after: var(--svg-icon-arrow);
  --button--icon-hover-translate-x-after: 4px;
}
#header .mod_navigation ul.level_1 li > .inner {
  border-bottom: 1px solid var(--color-grey-border);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 li > .inner {
    border-bottom: none;
  }
}
#header .mod_navigation ul.level_1 li:has(> .inner > ul.open) > .inner {
  border-bottom: none;
}
#header .mod_navigation ul.level_1 li:has(> .inner > ul.open) > .inner > ul {
  border-top: 1px solid var(--color-grey-border);
}
#header .mod_navigation ul.level_1 li.submenu > .inner {
  column-gap: var(--grid--column-gap);
  grid-template-columns: repeat(10, minmax(0, var(--grid--column-width)));
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 li.submenu > .inner {
    grid-template-columns: repeat(14, minmax(0, var(--grid--column-width)));
  }
}
#header .mod_navigation ul.level_1 li.submenu > .inner > .item-wrap {
  grid-column-start: 1;
  grid-column-end: 9;
}
#header .mod_navigation ul.level_1 li.submenu > .inner button {
  grid-column-start: 9;
  grid-column-end: 11;
  position: relative;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 li.submenu > .inner button {
    display: none;
  }
}
#header .mod_navigation ul.level_1 li.submenu > .inner button::after {
  background-color: var(--color-black);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: var(--svg-icon-direction);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 24px;
}
#header .mod_navigation ul.level_1 li.submenu > .inner:has(> .open) > button::after {
  transform: rotate(90deg);
}
#header .mod_navigation ul.level_1 li.submenu > .inner > ul {
  grid-column-start: 1;
  grid-column-end: 11;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, overflow 0.35s ease;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 li.submenu > .inner > ul {
    transition: none;
    grid-column-start: 5;
    grid-column-end: 15;
    max-height: none;
    height: 100%;
    overflow: auto;
  }
}
#header .mod_navigation ul.level_1 li.submenu > .inner > ul.open {
  max-height: 1000px;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_1 li.submenu > .inner > ul.open {
    max-height: none;
  }
}
#header .mod_navigation ul.level_2 {
  box-sizing: border-box;
  font-size: var(--font-size-copy);
  line-height: var(--line-height-copy);
  font-weight: var(--font-weight-medium);
  grid-column-start: 1;
  grid-column-end: 11;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_2 {
    column-gap: var(--grid--column-width);
    column-rule: 1px solid var(--color-grey-border);
    columns: 2;
    grid-column-start: 5;
    grid-column-end: 15;
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: calc(var(--grid--gap) * 6) 0;
    padding-right: var(--grid--column-width);
    top: 0;
    right: 0;
  }
}
#header .mod_navigation ul.level_2.open {
  border-bottom: 1px solid var(--color-grey-border);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_2.open {
    border: none;
  }
}
#header .mod_navigation ul.level_2 li > .inner {
  display: grid;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_2 li > .inner {
    display: block;
  }
}
#header .mod_navigation ul.level_2 > li {
  break-inside: avoid;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_2 > li + li {
    margin-top: var(--line-height-copy);
  }
}
#header .mod_navigation ul.level_2 > li .inner > .item-wrap > a > span,
#header .mod_navigation ul.level_2 > li .inner > .item-wrap > strong > span {
  padding-top: calc(var(--line-height-copy) * 0.5);
  padding-bottom: calc(var(--line-height-copy) * 0.5);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_2 > li .inner > .item-wrap > a > span,
  #header .mod_navigation ul.level_2 > li .inner > .item-wrap > strong > span {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (hover: hover) {
  #header .mod_navigation ul.level_2 > li a:hover {
    color: var(--color-green);
  }
}
#header .mod_navigation ul.level_3 {
  display: block;
  font-weight: 400;
  position: relative;
  break-inside: avoid;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_3 {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
  }
}
#header .mod_navigation ul.level_3 > li .inner {
  display: block;
}
#header .mod_navigation ul.level_3 > li .inner > .item-wrap > a,
#header .mod_navigation ul.level_3 > li .inner > .item-wrap > strong {
  padding-left: var(--grid--column-gap);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_3 > li .inner > .item-wrap > a,
  #header .mod_navigation ul.level_3 > li .inner > .item-wrap > strong {
    padding-left: 0;
  }
}
#header .mod_navigation ul.level_3 a {
  color: var(--color-grey-text);
}
#header .mod_navigation ul.level_4 {
  display: block;
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_4 {
    display: none;
  }
}
#header .mod_navigation ul.level_4 > li .inner > .item-wrap > a,
#header .mod_navigation ul.level_4 > li .inner > .item-wrap > strong {
  padding-left: calc(var(--grid--column-gap) * 2);
}
@media (min-width: 1280px) {
  #header .mod_navigation ul.level_4 > li .inner > .item-wrap > a,
  #header .mod_navigation ul.level_4 > li .inner > .item-wrap > strong {
    padding-left: 0;
  }
}
#header .mod_navigation.open {
  transition: opacity 0.3s ease-out 0s, border-color 0.3s ease-in-out 0.3s;
  opacity: 1;
  visibility: visible;
  height: calc(100dvh - var(--header-height));
  transform: none;
}
#header .mod_navigation.open .mod_navigation__headline {
  animation: fadeInUp 0.3s ease forwards;
  animation-delay: 0.3s;
}
#header .mod_navigation.open ul.level_1 > li > .inner > .item-wrap {
  animation: fadeInUp 0.35s ease forwards;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(1) > .inner > .item-wrap {
  animation-delay: 0.45s;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(2) > .inner > .item-wrap {
  animation-delay: 0.53s;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(3) > .inner > .item-wrap {
  animation-delay: 0.61s;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(4) > .inner > .item-wrap {
  animation-delay: 0.69s;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(5) > .inner > .item-wrap {
  animation-delay: 0.77s;
}
#header .mod_navigation.open ul.level_1 > li:nth-child(6) > .inner > .item-wrap {
  animation-delay: 0.85s;
}

li.hide-nav {
  display: none !important;
}

/* 
* @mod_navigation @mmenu
* Contao Module Navigation Mainmenu 
*/
#main .mod_navigation:not(.teaser) > ul.level_1 > li, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li, #main .mod_navigation.teaser ul.level_2 > li, #main .teaser.ce_hofff_content_navigation ul.level_2 > li {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
  width: max-content;
  padding: calc(var(--line-height-small-list) / 4) 0;
}
#main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick,
#main .mod_navigation.teaser ul.level_2 > li > a,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a {
  --button--icon-mask: var(--svg-icon-arrow);
  --button--icon-color: var(--color-green);
  --button--icon-position: center 4px;
  --button--icon-hover-translate-x: 4px;
  text-decoration: none !important;
  color: var(--color-green);
  flex-wrap: nowrap;
  border-bottom: 2px solid var(--color-green-light);
  transition: border 0.25s ease-in-out;
  align-items: baseline;
  hyphens: none;
}
@media (hover: hover) {
  #main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:hover,
  #main .mod_navigation:not(.teaser) > ul.level_1 > li > a:hover,
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a:hover, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick:hover, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick:hover,
  #main .mod_navigation.teaser ul.level_2 > li > a:hover,
  #main .teaser.ce_hofff_content_navigation ul.level_2 > li > a:hover {
    border-color: var(--color-green-border);
    text-decoration: none !important;
  }
}
#main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:active, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick:active,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a:active,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a:active, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick:active, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick:active,
#main .mod_navigation.teaser ul.level_2 > li > a:active,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a:active {
  border-color: var(--color-green);
}
#main .mod_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > span, #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li .teaser-quick > span,
#main .mod_navigation:not(.teaser) > ul.level_1 > li > a > span,
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li > a > span, #main .mod_navigation.teaser ul.level_2 > li .teaser-quick > span, #main .teaser.ce_hofff_content_navigation ul.level_2 > li .teaser-quick > span,
#main .mod_navigation.teaser ul.level_2 > li > a > span,
#main .teaser.ce_hofff_content_navigation ul.level_2 > li > a > span {
  white-space: normal;
}
#main .mod_navigation.advice ul.level_1 > li > a, #main .advice.ce_hofff_content_navigation ul.level_1 > li > a {
  --button--icon-position: center;
}
#main .mod_navigation.quick, #main .quick.ce_hofff_content_navigation, #main .mod_navigation.ce_hofff_content_navigation, #main .ce_hofff_content_navigation {
  columns: 1;
  margin-block-end: var(--grid--row-gap);
}
@media (min-width: 1280px) {
  #main .mod_navigation.quick, #main .quick.ce_hofff_content_navigation, #main .mod_navigation.ce_hofff_content_navigation, #main .ce_hofff_content_navigation {
    grid-column-end: 10;
  }
}
@media (min-width: 768px) {
  #main .mod_navigation.quick ul.level_1:has(li:nth-child(4)), #main .mod_navigation.ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)), #main .ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) {
    column-gap: var(--grid--column-gap);
    columns: 2;
  }
}
#main .mod_navigation.quick ul.level_1:has(li:nth-child(4)) > li, #main .mod_navigation.ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li, #main .ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li {
  width: 100%;
}
#main .mod_navigation.quick ul.level_1:has(li:nth-child(4)) > li > span, #main .mod_navigation.ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li > span, #main .ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li > span,
#main .mod_navigation.quick ul.level_1:has(li:nth-child(4)) > li > a,
#main .mod_navigation.ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li > a,
#main .ce_hofff_content_navigation ul.level_1:has(li:nth-child(4)) > li > a {
  hyphens: none;
}
#main .mod_navigation.quick .mod_navigation__headline h2, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2, #main .ce_hofff_content_navigation .mod_navigation__headline h2,
#main .mod_navigation.quick .mod_navigation__headline h3,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3,
#main .ce_hofff_content_navigation .mod_navigation__headline h3 {
  margin-bottom: 0;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: 500;
  --button--icon-mask: var(--svg-icon-burger-quick);
  --button--icon-color: var(--color-black);
  --button--icon-hover-color: var(--color-black);
}
#main .mod_navigation.quick .mod_navigation__headline h2 > span, #main .quick.ce_hofff_content_navigation .mod_navigation__headline h2 > span, #main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h2 > span, #main .ce_hofff_content_navigation .mod_navigation__headline h2 > span,
#main .mod_navigation.quick .mod_navigation__headline h3 > span,
#main .quick.ce_hofff_content_navigation .mod_navigation__headline h3 > span,
#main .mod_navigation.ce_hofff_content_navigation .mod_navigation__headline h3 > span,
#main .ce_hofff_content_navigation .mod_navigation__headline h3 > span {
  cursor: default;
}

/* 
* @mod_navigation @mmenu
* Contao Module Navigation Mainmenu 
*/
#main .mod_navigation.teaser {
  --teaser--padding: calc(var(--grid--column-gap) + var(--grid--column-width));
}
#main .mod_navigation.teaser > ul.level_1 {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--grid--column-gap) * 3);
}
#main .mod_navigation.teaser > ul.level_1 > li {
  border-radius: var(--grid--box-border-radius);
  border: 1px solid var(--color-green-border);
  overflow: hidden;
  align-items: stretch;
}
#main .mod_navigation.teaser > ul.level_1 > li > .image_container,
#main .mod_navigation.teaser > ul.level_1 > li > a {
  position: relative;
  grid-column: 1/11;
  display: block;
  height: 100%;
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li > .image_container,
  #main .mod_navigation.teaser > ul.level_1 > li > a {
    grid-column: 1/6;
  }
}
@media (min-width: 1280px) {
  #main .mod_navigation.teaser > ul.level_1 > li > .image_container,
  #main .mod_navigation.teaser > ul.level_1 > li > a {
    grid-column: 1/7;
  }
}
#main .mod_navigation.teaser > ul.level_1 > li > .teaser-text {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  grid-column: 2/10;
  padding: var(--grid--column-width) 0;
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li > .teaser-text {
    padding: var(--grid--column-width);
    grid-column: 6/11;
  }
}
@media (min-width: 1280px) {
  #main .mod_navigation.teaser > ul.level_1 > li > .teaser-text {
    padding: var(--grid--column-width) 0;
    grid-column: 8/14;
  }
}
#main .mod_navigation.teaser > ul.level_1 > li > .teaser-text > h2 {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
#main .mod_navigation.teaser > ul.level_1 > li > .teaser-text > h3 {
  margin-top: 10px;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li:nth-child(even) > a {
    grid-column: 6/11;
  }
}
@media (min-width: 1280px) {
  #main .mod_navigation.teaser > ul.level_1 > li:nth-child(even) > a {
    grid-column: 9/15;
  }
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li:nth-child(even) > .teaser-text {
    grid-column: 1/6;
    order: -1;
  }
}
@media (min-width: 1280px) {
  #main .mod_navigation.teaser > ul.level_1 > li:nth-child(even) > .teaser-text {
    grid-column: 2/8;
  }
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li .image_container > a,
  #main .mod_navigation.teaser > ul.level_1 > li .teaser-image {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
#main .mod_navigation.teaser > ul.level_1 > li .image_container > a img,
#main .mod_navigation.teaser > ul.level_1 > li .teaser-image img {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (min-width: 1024px) {
  #main .mod_navigation.teaser > ul.level_1 > li .image_container > a img,
  #main .mod_navigation.teaser > ul.level_1 > li .teaser-image img {
    aspect-ratio: none;
  }
}
#main .mod_navigation.teaser > ul.level_1 ul.level_2 {
  margin-top: var(--grid--column-width);
}
#main .mod_navigation.teaser > ul.level_1 .button {
  color: var(--color-white) !important;
  --button--icon-mask-after: var(--svg-icon-arrow);
  --button--icon-hover-translate-x-after: 4px;
}

/* 
* @mod_breadcrumb
* Contao Module Navigationspfad
*/
.mod_breadcrumb {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  margin-bottom: calc(var(--grid--gap) * 3);
}
.mod_breadcrumb > ul {
  grid-column-start: 2;
  grid-column-end: 16;
  display: flex;
  flex-direction: row;
}
.mod_breadcrumb > ul > li {
  display: inline-block;
  display: none;
}
.mod_breadcrumb > ul > li:has(a[href="/"]), .mod_breadcrumb > ul > li.active {
  display: none;
}
.mod_breadcrumb > ul > li:nth-last-child(2) {
  display: inline-block !important;
}
.mod_breadcrumb > ul > li > a {
  column-gap: 6px;
  --button--icon-mask: var(--svg-icon-level-up);
  --button--icon-hover-translate-y: -4px;
  --button--icon-hover-translate-x: -4px;
}

/* 
* @mod_newslist
* Contao Module Newslist 
*/
/* 
* @mod_search @search
* Contao Module Suche
* @header
* @main
*/
#header .mod_search {
  grid-row: 1/2;
  z-index: 3;
  grid-column-start: 11;
  grid-column-end: 12;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
@media (min-width: 1280px) {
  #header .mod_search {
    grid-row: 1/2;
    position: sticky;
    grid-column-end: 15;
    z-index: 3;
  }
}
#header .mod_search form {
  height: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}
#header .mod_search form:after {
  position: absolute;
  display: block;
  content: " ";
  height: var(--border-width--active-state);
  width: 100%;
  bottom: 0;
  left: 0;
}
#header .mod_search .formbody {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding-top: calc(var(--grid--column-gap) * 1.5);
  padding-bottom: calc(var(--grid--column-gap) * 1.5 - var(--border-width--active-state));
}
@media (min-width: 1280px) {
  #header .mod_search .formbody {
    padding: 0;
  }
}
#header .mod_search input.text {
  background-color: var(--color-white-header);
  outline: none;
  border-radius: 0;
  height: 100%;
  border: none;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  box-sizing: border-box;
  width: 100%;
}
#header .mod_search .widget-text {
  display: none;
  transition: opacity 180ms ease-in-out;
  opacity: 0;
}
@media (min-width: 1280px) {
  #header .mod_search .widget-text {
    display: block;
  }
}
@media (min-width: 1280px) {
  #header .mod_search .widget-text input.text {
    display: none;
  }
}
#header .mod_search .widget-text {
  width: 100%;
  margin: 0 !important;
}
#header .mod_search .widget-submit {
  justify-self: center;
  align-items: center;
  margin: 0 !important;
  display: none;
}
#header .mod_search button {
  --button--icon-mask: var(--svg-icon-search);
  line-height: var(--line-height-small);
  height: var(--line-height-small);
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 1280px) {
  #header .mod_search button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#header .mod_search button span {
  display: none;
}
#header .mod_search #button-search {
  margin-left: auto;
  box-sizing: border-box;
}
.search-open #header > .inside {
  max-height: none;
}
@media (min-width: 1280px) {
  .search-open #header > .inside {
    max-height: var(--header-height);
  }
}
.search-open #header > .inside .mod_search {
  grid-row: 1/2;
}
@media (min-width: 1280px) {
  body:has(.mod_navigation.open) #header .mod_search {
    top: 0;
    position: sticky;
  }
}

.search-open #header > .inside .mod_search,
body:has(.mod_navigation.open) #header > .inside .mod_search {
  z-index: 2;
  display: block;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 12;
}
@media (min-width: 1280px) {
  .search-open #header > .inside .mod_search,
  body:has(.mod_navigation.open) #header > .inside .mod_search {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 11;
    grid-column-end: 15;
    z-index: 3;
  }
}
.search-open #header > .inside .mod_search form::after,
body:has(.mod_navigation.open) #header > .inside .mod_search form::after {
  background-color: var(--color-black-placeholder);
}
.search-open #header > .inside .mod_search form::after:has(input.text:focus),
body:has(.mod_navigation.open) #header > .inside .mod_search form::after:has(input.text:focus) {
  background-color: var(--color-black);
}
.search-open #header > .inside .mod_search #button-search,
body:has(.mod_navigation.open) #header > .inside .mod_search #button-search {
  display: none;
}
.search-open #header > .inside .mod_search .widget-text,
body:has(.mod_navigation.open) #header > .inside .mod_search .widget-text {
  display: block;
  opacity: 1;
}
.search-open #header > .inside .mod_search .widget-text input.text,
body:has(.mod_navigation.open) #header > .inside .mod_search .widget-text input.text {
  display: block;
}
@media (min-width: 1280px) {
  .search-open #header > .inside .mod_search .widget-text input.text,
  body:has(.mod_navigation.open) #header > .inside .mod_search .widget-text input.text {
    display: block;
  }
}
.search-open #header > .inside .mod_search .widget-submit,
body:has(.mod_navigation.open) #header > .inside .mod_search .widget-submit {
  display: inline-flex;
}

#main .mod_search {
  display: flex;
  flex-direction: column;
  row-gap: var(--grid--column-gap);
}
#main .mod_search .formbody {
  flex-direction: row;
  column-gap: var(--grid--column-gap);
}
#main .mod_search .widget {
  display: inline-flex;
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
#main .mod_search .widget-submit {
  width: auto;
}
#main .mod_search .button {
  --button--icon-mask-after: var(--svg-icon-search);
}
#main .mod_search h4 > a {
  color: var(--color-black);
}
#main .mod_search p.context, #main .mod_search p.url, #main .mod_search p.header {
  font-weight: var(--font-weight-medium);
}
#main .mod_search p.url > a {
  --button--icon-hover-translate-x-after: 4px;
  --button--icon-mask-after: var(--svg-icon-arrow);
  --button--icon-color: var(--color-green);
  display: inline-flex;
  max-width: 100%;
}
#main .mod_search p.url > a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
#main .mod_search p.url > a:hover {
  text-decoration-color: var(--color-green);
  text-decoration-line: underline;
}
#main .mod_search p.info {
  display: none;
}
#main .mod_search .search_default {
  padding-bottom: calc(var(--grid--column-gap) * 2);
  border-bottom: 1px solid var(--color-grey-border);
  margin-top: var(--grid--column-gap);
}
#main .mod_search .search_default .highlight {
  font-style: italic;
  background-color: var(--color-green-light);
}

/* 
* @mod_pageimage @pageimage
* Contao Module Seitenbild
*/
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#main {
  --path-corner--image: calc((var(--grid--column-width) * 2));
  --path-corner--before: calc((var(--grid--column-gap) * 2));
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #main {
    --path-corner--image: calc((var(--grid--column-width) * 3) + (var(--grid--column-gap) * 2));
    --path-corner--before: calc((var(--grid--column-width) * 2) + (var(--grid--column-gap) * 1));
  }
}
#main > .inside > .mod_pageimage {
  position: sticky;
  bottom: 100dvh;
  margin-top: 0;
  margin-bottom: var(--grid--gap);
  animation: fadeIn 0.35s ease forwards;
  height: auto;
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #main > .inside > .mod_pageimage {
    max-height: calc(100dvh - (var(--line-height-h1) + 92px));
  }
}
#main > .inside > .mod_pageimage::before {
  content: " ";
  background-color: var(--color-green);
  position: absolute;
  width: 100%;
  right: 0;
  animation: fadeIn 0.34s ease-in-out forwards;
  height: 100%;
  bottom: calc(var(--grid--column-gap) * 2);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--path-corner--before)), calc(100% - var(--path-corner--before)) 100%, 0 100%);
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #main > .inside > .mod_pageimage::before {
    bottom: calc(var(--path-corner--image) / 2);
  }
}
#main > .inside > .mod_pageimage:not(:has(nav.mod_breadcrumb)) .mod_pageimage {
  margin-bottom: calc(var(--grid--gap) * 2);
}
#main > .inside > .mod_pageimage > h3 {
  grid-row: 1/2;
  grid-column-start: 2;
  grid-column-end: 13;
  align-self: end;
  position: relative;
  z-index: 2;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-weight: var(--font-weight-semi-bold);
  padding-bottom: calc(var(--line-height-h2) * 2);
  color: var(--color-white);
}
@media (min-width: 1280px) {
  #main > .inside > .mod_pageimage > h3 {
    grid-column-end: 11;
  }
}
#main > .inside > .mod_pageimage .image_container {
  animation-delay: 0.45s;
  grid-row: 1/2;
  grid-column-start: 1;
  grid-column-end: 13;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--path-corner--image)), calc(100% - var(--path-corner--image)) 100%, 0 100%);
  margin-top: -20px;
}
@media ((max-width: 1024px) and (orientation: landscape)) {
  #main > .inside > .mod_pageimage .image_container {
    bottom: var(--line-height-h1)92px;
    aspect-ratio: auto;
    max-height: calc(100dvh - var(--header-height) - (var(--line-height-h1)));
    min-height: calc(100dvh - var(--header-height) - (var(--line-height-h1)));
  }
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #main > .inside > .mod_pageimage .image_container {
    aspect-ratio: auto;
    max-height: calc(100dvh - var(--header-height) - (var(--line-height-h1) + 92px));
    min-height: calc(100dvh - var(--header-height) - (var(--line-height-h1) + 92px));
  }
}
@media ((min-width: 768px) and (orientation: portrait)), (min-width: 1024px) {
  #main > .inside > .mod_pageimage .image_container {
    margin-top: 0;
    grid-column-end: 11;
  }
}
@media (min-width: 1280px) {
  #main > .inside > .mod_pageimage .image_container {
    grid-column-end: 15;
  }
}
#main > .inside > .mod_pageimage .image_container::before {
  background: transparent linear-gradient(0, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.38) 20%, transparent 86%) 0 0 no-repeat padding-box;
  content: " ";
  height: 55%;
  left: 0;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
  opacity: 0.15;
}
#main > .inside > .mod_pageimage .image_container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 16/12;
}
@media ((min-width: 768px) and (orientation: portrait)), (max-width: 1024px) and (orientation: landscape), (min-width: 1024px) {
  #main > .inside > .mod_pageimage .image_container img {
    aspect-ratio: auto;
  }
}
#main .mod_article .mod_pageimage img {
  aspect-ratio: 16/11;
  object-fit: cover;
  height: 100%;
}

/* 
* @content-accordion
* Contao Element Accordion
*/
.content-accordion {
  border: none;
  gap: var(--grid--column-gap);
  align-items: start;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--content-element--gap);
}
@media (min-width: 1280px) {
  .content-accordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.content-accordion-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--grid--column-gap);
}
.content-accordion-element {
  box-sizing: border-box;
  border: 2px solid transparent;
  background-color: var(--color-green-light);
  border-radius: var(--grid--box-border-radius);
}
@media (hover: hover) {
  .content-accordion-element:hover {
    border-color: var(--color-green);
  }
}
.content-accordion-element:has(.handorgel__content--open) {
  border-color: var(--color-black);
}
@media (hover: hover) {
  .content-accordion-element:has(.handorgel__content--open):hover {
    border-color: var(--color-green);
  }
}
.content-accordion-element:has(.handorgel__content--open) .handorgel__header__button::after {
  transform: rotate(45deg);
}

.handorgel__header__button, .handorgel__content {
  border: none;
  background-color: transparent;
  padding: var(--font-size-copy);
}
.handorgel__header__button {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
  font-size: var(--font-size-copy-big);
  line-height: var(--line-height-copy-big);
  font-weight: var(--font-weight-medium);
  width: 100%;
  --button--icon-mask: var(--svg-icon-info);
  --button--icon-mask-after: var(--svg-icon-plus);
  column-gap: var(--grid--column-gap);
  align-items: baseline;
}
.handorgel__header__button:after {
  margin-left: auto;
}
.handorgel__content {
  padding-top: 0;
  font-style: italic;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: 500;
}
.handorgel__content .content-text {
  margin-bottom: 0;
}

/* 
* @content-advice
* Contao Element advice (Dialog)
*/
@media (min-width: 1280px) {
  body:has(.content-element-advice.is-open) .content-element-advice--infotext .width-full {
    margin-bottom: calc(var(--grid--row-gap) * 0.5) !important;
  }
}
.content-element-advice {
  margin-left: auto;
  border-radius: 4px;
  box-sizing: border-box;
  max-height: 40px;
  transition: max-width 300ms ease-in-out, max-height 300ms ease-in-out, bottom 300ms ease-in-out;
  pointer-events: auto;
  color: var(--color-black);
  grid-column: 1/12;
}
@media (min-width: 1280px) {
  .content-element-advice {
    grid-column: 1/16;
  }
}
.content-element-advice--wrapper {
  height: 52px;
  pointer-events: none;
  box-sizing: border-box;
  position: sticky;
  bottom: 0;
  right: 0;
  z-index: 99;
}
@media (min-width: 1024px) {
  .content-element-advice--wrapper {
    bottom: calc(var(--grid--gap) * 2);
  }
}
.content-element-advice--wrapper:has(> .is-open) {
  height: auto;
}
.content-element-advice--infotext {
  padding-top: var(--grid--row-gap);
}
.content-element-advice--infotext .content-text {
  grid-column-start: 4;
  grid-column-end: 10;
  grid-row: 1/2;
  position: relative;
  z-index: 2;
  justify-content: center;
  margin-bottom: 0 !important;
}
@media (min-width: 1280px) {
  .content-element-advice--infotext .content-text {
    grid-column-start: 4;
    grid-column-end: 9;
  }
}
.content-element-advice--infotext .width-full::after {
  background-color: var(--color-green-light);
  content: " ";
  grid-row: 1/2;
  grid-column-start: 2;
  grid-column-end: 7;
  position: relative;
  z-index: 1;
  aspect-ratio: 1/1;
  mask-size: contain;
  mask-image: var(--svg-logo-d);
  mask-position: center;
  mask-repeat: no-repeat;
}
@media (min-width: 1280px) {
  .content-element-advice--infotext .width-full::after {
    grid-column-end: 7;
  }
}
.content-element-advice .content-element-advice--inner > .content-element-advice--status,
.content-element-advice .content-element-advice--inner > .content-element-advice--body {
  display: none;
}
@media (min-width: 768px) {
  .content-element-advice.content-element-advice--formdialog {
    max-width: min(100dvw - (var(--grid--gap)) * 2, 900px) !important;
  }
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body {
  height: 100%;
  overflow-y: scroll;
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .formbody > fieldset {
  padding: calc(2 * var(--grid--gap));
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .ce_form {
  margin-bottom: 0 !important;
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .ce_form > h4 {
  padding: calc(2 * var(--grid--gap));
  padding-bottom: 0;
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .formbody > fieldset > legend {
  margin: 0 !important;
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body form > .ce_form--progress {
  padding: 0 calc(2 * var(--grid--gap));
  padding-top: var(--grid--gap);
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .formbody > .widget-pagebreak {
  padding: calc(1 * var(--grid--gap));
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--body .formbody > .widget-pagebreak {
  box-shadow: 0px -3px 10px 5px color-mix(in srgb, var(--color-black) 5%, transparent);
  margin-bottom: 0;
}
.content-element-advice.content-element-advice--formdialog .content-element-advice--trigger {
  display: none !important;
}
.content-element-advice.is-open {
  background-color: var(--color-white);
  bottom: 0;
  box-shadow: 0 0 40px 40px color-mix(in srgb, var(--color-black) 10%, transparent);
  max-height: calc(100dvh - (var(--grid--row-gap)) - var(--grid--gap));
  overflow-y: auto;
  scroll-behavior: smooth;
  width: 100%;
  max-width: 100dvw;
  position: absolute;
  bottom: 0;
  right: 0;
  grid-column: auto;
}
@media (min-width: 768px) {
  .content-element-advice.is-open {
    right: var(--grid--gap);
    max-width: min(100dvw - (var(--grid--gap)) * 2, 520px);
  }
}
@media (min-width: 768px) {
  .content-element-advice.is-open {
    grid-column: 2/16;
  }
}
.content-element-advice.is-open .content-element-advice--trigger {
  display: none !important;
}
.content-element-advice.is-open .content-element-advice--back {
  opacity: 1;
}
.content-element-advice.is-open .content-element-advice--back,
.content-element-advice.is-open .content-element-advice--close {
  display: flex;
}
.content-element-advice.is-open .content-element-advice--inner {
  scroll-behavior: smooth;
}
.content-element-advice.is-open .content-element-advice--inner > .content-element-advice--status,
.content-element-advice.is-open .content-element-advice--inner > .content-element-advice--body,
.content-element-advice.is-open .content-element-advice--inner > .content-element-advice--action {
  display: flex;
}
.content-element-advice.is-open .content-element-advice--inner > .content-element-advice--action {
  position: static;
}
.content-element-advice.is-open .content-element-advice--inner .formbody > .widget-pagebreak {
  background-color: var(--color-white);
  position: sticky;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.content-element-advice--inner {
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
}
.content-element-advice--inner h2.content-headline {
  padding-top: var(--grid--gap);
  padding-right: calc(2 * var(--grid--gap));
  padding-left: calc(2 * var(--grid--gap));
  font-size: var(--font-size-h3) !important;
  line-height: var(--line-height-h3) !important;
}
.content-element-advice--inner .content-text {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
  padding: 0 calc(2 * var(--grid--gap));
  margin-top: var(--grid--gap);
}
.content-element-advice--inner .content-text + .mod_navigation.quick {
  margin-top: var(--grid--gap) !important;
}
.content-element-advice--inner .content-hyperlink {
  padding: calc(2 * var(--grid--gap));
  border-top: 2px solid var(--color-grey-border);
  --button--icon-hover-color: var(--color-green) !important;
  margin-top: calc(var(--grid--row-gap) * 0.25) !important;
}
.content-element-advice--inner .content-hyperlink > a {
  font-weight: var(--font-weight-semi-bold);
}
.content-element-advice--inner .mod_navigation.quick {
  padding: 0 calc(2 * var(--grid--gap));
  margin-bottom: 0 !important;
}
.content-element-advice--inner .mod_navigation.quick ul.level_1:has(li), .content-element-advice--inner .mod_navigation.quick ul.level_1:has(li:nth-child(4)) {
  columns: 1 !important;
  display: flex;
  flex-direction: column;
}
.content-element-advice--inner .mod_navigation.quick ul.level_1:has(li) > li, .content-element-advice--inner .mod_navigation.quick ul.level_1:has(li:nth-child(4)) > li {
  display: inline-flex !important;
  padding: calc(var(--line-height-small-list) / 4) 0 !important;
  width: auto !important;
}
.content-element-advice--inner .mod_navigation.quick a {
  line-height: var(--line-height-small);
  border: 2px solid var(--color-grey-border) !important;
  padding-right: var(--grid--column-gap);
  padding-left: var(--grid--column-gap);
  border-radius: calc(var(--grid--column-gap) * 2);
  align-items: center !important;
  --button--icon-color: var(--color-black) !important;
  width: auto;
}
.content-element-advice--inner .mod_navigation.quick a::after {
  --button--icon-size: 16px !important;
}
@media (min-width: 768px) {
  .content-element-advice--inner .mod_navigation.quick a::after {
    --button--icon-size: 20px !important;
  }
}
.content-element-advice--inner .mod_navigation.quick a:hover {
  border-color: var(--color-green);
}
.content-element-advice--inner .mod_navigation.quick a:hover span {
  color: var(--color-green);
}
.content-element-advice--inner .mod_navigation.quick a[href*=berater] {
  --button--icon-mask-after: var(--svg-icon-private) !important;
}
.content-element-advice--inner .mod_navigation.quick a[href*=rueckruf] {
  --button--icon-mask-after: var(--svg-icon-recall) !important;
}
.content-element-advice--inner .mod_navigation.quick a[href*=termin] {
  --button--icon-mask-after: var(--svg-icon-appointment) !important;
}
.content-element-advice--inner .mod_navigation.quick a[href*=nachricht] {
  --button--icon-mask-after: var(--svg-icon-mail) !important;
}
.content-element-advice--inner .mod_navigation.quick a[href*=schaden] {
  --button--icon-mask-after: var(--svg-icon-report-damage) !important;
}
.content-element-advice--inner .mod_navigation.quick a span {
  color: var(--color-black);
}
.content-element-advice--inner .mod_navigation.quick a.invisible {
  display: none !important;
}
.content-element-advice--inner .formbody {
  gap: var(--grid--gap);
}
.content-element-advice--status {
  padding: calc(var(--grid--gap) * 0.5) 0;
  position: sticky;
  top: 0;
  border-bottom: 2px solid var(--color-grey-border);
  background-color: var(--color-white);
  z-index: 4;
}
.content-element-advice--body {
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
}
.content-element-advice--action {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
}
.content-element-advice--trigger {
  --button--icon-mask-after: var(--svg-icon-private);
}
.content-element-advice--close {
  display: none;
  --button--icon-mask-after: var(--svg-icon-cancel);
  --button--icon-size: 16px;
  right: var(--grid--gap);
  order: 2;
  margin-left: auto;
}
.content-element-advice--close > span > span {
  display: none;
}
.content-element-advice--back, .content-element-advice--close {
  position: sticky;
  top: calc(var(--grid--gap) * 0.5);
  z-index: 2;
}
.content-element-advice--back {
  opacity: 0;
  transition-delay: 300ms;
  transition: opacity 300ms ease-in-out;
  --button--icon-mask: var(--svg-icon-arrow);
  --button--icon-size: 24px;
  margin-right: auto;
  left: var(--grid--gap);
}
.content-element-advice--back::before {
  transform: rotate(180deg);
}
.content-element-advice--back:hover::before {
  transform: rotate(180deg);
}
.content-element-advice:has(.advice-start) .content-element-advice--back {
  display: none;
}
.content-element-advice input[type=date],
.content-element-advice input[type=time],
.content-element-advice textarea,
.content-element-advice select,
.content-element-advice .text {
  font-size: var(--font-size-copy-big);
  line-height: var(--font-size-copy-big);
}
@media (min-width: 768px) {
  .content-element-advice input[type=date],
  .content-element-advice input[type=time],
  .content-element-advice textarea,
  .content-element-advice select,
  .content-element-advice .text {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small-list);
  }
}
.content-element-advice .widget:has(input) {
  position: relative;
}
.content-element-advice .widget:has(input)::before, .content-element-advice .widget:has(input)::after {
  height: var(--line-height-small-list);
}
.content-element-advice .success {
  margin: 60px auto;
  width: 100%;
}
.content-element-advice .success .button-transparent, .content-element-advice .success .content-element-advice--inner .mod_navigation.quick a, .content-element-advice--inner .mod_navigation.quick .content-element-advice .success a {
  margin: auto;
  --button--icon-mask: var(--svg-icon-check);
  --button--color: var(--color-green);
  --button--icon-color: var(--color-green);
}

.content-element-advice--consultants-list {
  margin-bottom: calc(var(--grid--row-gap) * 0.5) !important;
}
.content-element-advice--consultants-list ul.level_1:has(li:nth-child(4)) {
  columns: 1 !important;
}
.content-element-advice--consultants-list > li {
  line-height: var(--line-height-small);
  width: auto;
}
.content-element-advice--consultants-list > li > a {
  width: auto !important;
  display: inline-flex !important;
}

.content-element-advice--formdialog .content-element-advice--body,
.content-element-advice--inner,
.content-element-advice--inner .formbody {
  overflow: visible !important;
}

/* 
* @content-figure
* Contao Element Figure (Inmages)
*/
figure {
  width: 100%;
}
figure:last-child {
  margin-bottom: 0;
}
figure figcaption {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
  font-style: italic;
}
figure img {
  width: 100%;
  height: auto;
}

#main .mod_article .ce_text figure {
  margin-top: var(--content-element--gap);
  margin-bottom: var(--content-element--gap);
}

/* 
* @content-forms
* Contao Element Forms
*/
.content-element-advice .ce_form {
  background-color: transparent;
  padding: 0;
}

.ce_form {
  background-color: var(--color-green-light);
  box-sizing: border-box;
  border-radius: var(--grid--box-border-radius);
  padding-top: calc(var(--content-element--gap) * 0.25);
  padding-right: var(--line-height-copy);
  padding-bottom: calc(var(--content-element--gap) * 0.25);
  padding-left: var(--line-height-copy);
  margin-bottom: var(--content-element--gap);
}
.ce_form > h4 {
  padding: calc(var(--grid--gap) * 1) 0;
  display: flex;
  align-items: center;
  text-align: center;
  column-gap: 10px;
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-small);
}
.ce_form > h4::before {
  content: " ";
  display: inline-block;
  width: var(--font-size-copy);
  height: var(--font-size-copy);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.ce_form > h4::before {
  background-color: var(--color-black);
  mask-image: var(--svg-icon-check);
}
.ce_form:has(form#recall) > h4::before {
  mask-image: var(--svg-icon-recall);
}
.ce_form:has(form#appointment) > h4::before {
  mask-image: var(--svg-icon-appointment);
}
.ce_form:has(form#message) > h4::before {
  mask-image: var(--svg-icon-mail);
}
.ce_form:has(form#report-damage) > h4::before {
  mask-image: var(--svg-icon-report-damage);
}
.ce_form form[data-ajax-form=loading] .formbody::after {
  opacity: 1;
  animation: spinAndPulse 1.4s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
.ce_form form[data-ajax-form=loading] .formbody > fieldset {
  opacity: 0;
}

.content-element-group:has(> .ce_form) {
  padding: calc(var(--grid--gap) * 3) 0;
}

fieldset {
  column-gap: var(--grid--gap);
  display: flex;
  flex-direction: column;
}

.formbody {
  display: flex;
  flex-direction: column;
  gap: calc(var(--grid--gap) * 2);
  position: relative;
}
.formbody::after {
  background-color: var(--color-green);
  mask-image: var(--svg-icon-loader);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  position: absolute;
  width: calc(var(--line-height-copy) * 1);
  height: calc(var(--line-height-copy) * 1);
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 0;
  pointer-events: none;
  content: " ";
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.formbody > fieldset {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .formbody > fieldset {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .formbody > fieldset.fieldset--column-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.formbody > fieldset.fieldset--column-2 .full-width-row {
  grid-column: 1/-1;
}
.formbody > fieldset > legend {
  display: block;
  width: 100%;
  margin: var(--grid--gap) 0;
  grid-column: 1/-1;
  margin-bottom: calc(var(--grid--gap) * 2);
  box-sizing: border-box;
  width: auto;
}
@media (min-width: 768px) {
  .formbody > fieldset .widget-explanation {
    grid-column: 1/-1;
  }
}
.formbody > fieldset .widget-explanation p {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
  font-style: italic;
  font-weight: var(--font-weight-regular);
}

#report-damage .widget + .widget-explanation {
  margin-top: 0;
}

.widget {
  margin-bottom: var(--grid--gap);
  display: flex;
  flex-direction: column;
}
.widget p.error {
  order: 1;
  color: var(--color-red);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
  margin-top: 4px;
}
.widget + .widget-explanation {
  margin-top: var(--line-height-copy);
}
.widget.widget-placeholder > p {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.widget.widget-placeholder > h4,
.widget .checkbox_container legend,
.widget label {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-semi-bold);
}
.widget.widget-placeholder > h4,
.widget .checkbox_container legend {
  border-bottom: 2px solid var(--color-green-border);
  margin: var(--grid--gap) 0;
  width: 100%;
}
.widget .checkbox-wrapper label {
  font-weight: var(--font-weight-regular);
}
.widget-checkbox, .widget-textarea {
  grid-column: 1/-1;
}
.widget:has(input) {
  position: relative;
}
.widget:has(input)::before, .widget:has(input)::after {
  pointer-events: none;
  display: block;
  position: absolute;
  width: var(--line-height-copy);
  height: var(--line-height-copy);
  right: calc(var(--grid--gap) * 0.5);
  top: calc(var(--line-height-small) + var(--grid--gap) * 0.25);
}
@media (min-width: 768px) {
  .widget:has(input)::before, .widget:has(input)::after {
    top: calc(var(--line-height-small) + var(--grid--gap) * 0.5);
  }
}
.widget:has(input)::before {
  background-color: var(--color-white);
  z-index: 1;
}
.widget:has(input)::after {
  background-color: var(--color-black);
  mask-repeat: no-repeat;
  mask-size: var(--grid--gap) auto;
  mask-position: center;
  z-index: 2;
}
.widget:has(input[type=tel])::after {
  mask-image: var(--svg-icon-telephone);
  content: " ";
}
.widget:has(input[type=email])::after {
  mask-image: var(--svg-icon-mail);
  content: " ";
}
.widget:has(input[type=date])::before, .widget:has(input[type=date])::after {
  content: " ";
}
.widget:has(input[type=date])::after {
  mask-image: var(--svg-icon-appointment);
}
.widget:has(input[type=time])::before, .widget:has(input[type=time])::after {
  content: " ";
}
.widget:has(input[type=time])::after {
  mask-image: var(--svg-icon-time);
  mask-size: 24px;
}
.widget:has(input:focus)::after, .widget:has(input:focus-visible)::after, .widget:has(input:focus-within)::after, .widget:has(input:checked)::after {
  background-color: var(--color-green);
}

.select-wrapper {
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-text);
  border-radius: 4px;
  position: relative;
}
.select-wrapper::after {
  pointer-events: none;
  background-color: var(--color-black);
  mask-image: var(--svg-icon-menu-dropdown);
  mask-repeat: no-repeat;
  mask-size: var(--line-height-small-list) auto;
  mask-position: center;
  display: block;
  content: " ";
  position: absolute;
  aspect-ratio: 1;
  width: auto;
  height: 100%;
  right: 0;
  top: 0;
}

.checkbox-wrapper {
  gap: var(--grid--gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.checkbox-wrapper > span {
  font-size: var(--font-size-copy);
  line-height: var(--line-height-small);
  cursor: pointer;
  display: flex;
  align-items: baseline;
}
.checkbox-wrapper > span label {
  cursor: pointer;
  column-gap: calc(var(--grid--gap) * 0.5);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.checkbox-wrapper > span label::before {
  content: " ";
  display: block;
  min-width: var(--line-height-small-list);
  height: var(--line-height-small-list);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-text);
  border-radius: 4px;
  transform: translateY(2px);
}
.checkbox-wrapper > span:has(input:checked) label::before {
  background-image: var(--svg-icon-check);
  background-position: center;
  background-size: calc(var(--line-height-copy) * 0.5);
  background-repeat: no-repeat;
}
.checkbox-wrapper > span input {
  order: 100000;
  max-height: 0px;
  max-width: 0px;
  overflow: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  transform: translateX(-50px);
}

select {
  cursor: pointer;
  background-color: transparent;
}

select,
textarea,
input {
  box-sizing: border-box;
  display: block;
  padding: calc(var(--grid--gap) * 0.5) var(--grid--gap);
  width: 100%;
}

textarea,
input {
  border: 1px solid var(--color-grey-text);
  border-radius: 4px;
  transition: opacity 300ms ease-in-out;
}
textarea:checked, textarea:focus-visible,
input:checked,
input:focus-visible {
  border-color: var(--color-green);
  outline-color: var(--color-green);
}

input[type=date],
input[type=time],
textarea,
select,
.text {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small-list);
}

input[type=date],
input[type=time] {
  font-family: var(--font-family);
  height: calc((var(--grid--gap)) + var(--line-height-small-list));
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

textarea {
  font-family: var(--fon--font-family);
  max-width: 100%;
}

.widget-pagebreak {
  width: auto;
  flex-direction: row-reverse;
  align-items: flex-end;
  column-gap: var(--grid--gap);
}
.widget-pagebreak > button {
  width: auto;
}
.widget-pagebreak > button[value=continue] {
  --button--icon-mask-after: var(--svg-icon-arrow);
  --button--icon-hover-translate-x-after: 4px;
}
.widget-pagebreak > button[value=back]:hover, .widget-pagebreak > button[value=back] {
  --button--icon-mask: var(--svg-icon-arrow);
}
.widget-pagebreak > button[value=back]:hover > span::before, .widget-pagebreak > button[value=back] > span::before {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .widget-pagebreak > button[value=back]:hover > span:hover::before, .widget-pagebreak > button[value=back] > span:hover::before {
    transform: rotate(180deg) translateX(4px);
  }
}

.widget:has(input.js-hidden) {
  opacity: 0;
}

.widget-explanation.js-hidden {
  display: none !important;
}

.ce_form--progress {
  margin-bottom: calc(var(--content-element--gap) * 0.25);
}
.ce_form--progress-steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: calc(var(--grid--gap) * 0.5);
}
.ce_form--progress-steps > li {
  border-radius: 2px;
  height: 2px;
  background-color: var(--color-grey-text);
  width: 100%;
  max-width: var(--line-height-copy);
}
.ce_form--progress-steps > li > span {
  display: none;
}
.ce_form--progress-current-step-1 > li:nth-child(1) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-2 > li:nth-child(2) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-3 > li:nth-child(3) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-4 > li:nth-child(4) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-5 > li:nth-child(5) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-6 > li:nth-child(6) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-7 > li:nth-child(7) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-8 > li:nth-child(8) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-9 > li:nth-child(9) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}
.ce_form--progress-current-step-10 > li:nth-child(10) {
  background-color: var(--color-green);
  height: 4px;
  border-radius: 4px;
}

.ce_form--summary-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid--gap);
  margin-bottom: var(--line-height-small-list);
}
@media (min-width: 768px) {
  .ce_form--summary-list {
    grid-template-columns: 1fr 1fr;
  }
}
.ce_form--summary-list > li {
  display: flex;
  flex-direction: column;
}
.ce_form--summary-list > li > span {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.ce_form--summary-list > li > span.label {
  font-weight: var(--font-weight-semi-bold);
}

@keyframes spinAndPulse {
  0% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(120deg) scale(1.05);
  }
  50% {
    transform: rotate(240deg) scale(1.1);
  }
  75% {
    transform: rotate(420deg) scale(1.05);
  }
  100% {
    transform: rotate(720deg) scale(1);
  }
}
/* 
* @content-gallery
* Contao Element Gallery
*/
/* 
* @content-group
* Contao Element Group
*/
.content-element-group {
  --justify--content: start;
}
.content-element-group:has(> .content-element-group.home) {
  row-gap: calc(var(--grid--column-gap) * 2);
  margin-bottom: var(--content-element--gap);
}
@media (min-width: 1280px) {
  .content-element-group:has(> .content-element-group.home) {
    row-gap: 0;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .content-element-group:has(> .content-element-group.home) {
    grid-template-columns: minmax(var(--grid--column-gap), var(--grid--margin)) repeat(17, var(--grid--column)) minmax(var(--grid--column-gap), var(--grid--margin));
  }
}
.content-element-group:has(> .content-element-group.home) .content-element-group {
  border: 1px solid var(--color-green-border);
  border-radius: var(--grid--box-border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--grid--column-width);
  grid-column-start: 2;
  grid-column-end: 12;
}
@media (min-width: 768px) {
  .content-element-group:has(> .content-element-group.home) .content-element-group:nth-child(odd) {
    grid-column-start: 2;
    grid-column-end: 7;
  }
}
@media (min-width: 1280px) {
  .content-element-group:has(> .content-element-group.home) .content-element-group:nth-child(odd) {
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
@media (min-width: 768px) {
  .content-element-group:has(> .content-element-group.home) .content-element-group:nth-child(even) {
    grid-column-start: 7;
    grid-column-end: 12;
  }
}
@media (min-width: 1280px) {
  .content-element-group:has(> .content-element-group.home) .content-element-group:nth-child(even) {
    grid-column-start: 11;
    grid-column-end: 19;
  }
}
.content-element-group:has(> .content-element-group.home) .image_container {
  display: inline;
}
.content-element-group:has(> .content-element-group.home) .small {
  border: none;
  font-weight: var(--font-weight-regular);
}
.content-element-group:has(> .content-element-group.home) .content-text,
.content-element-group:has(> .content-element-group.home) .content-headline,
.content-element-group:has(> .content-element-group.home) .content-hyperlink,
.content-element-group:has(> .content-element-group.home) .mod_navigation {
  margin-right: var(--grid--column-width);
  margin-left: var(--grid--column-width);
}
.content-element-group:has(> .content-element-group.home) .content-text {
  margin-block-start: calc(var(--line-height-small) / 2);
}
.content-element-group:has(> .content-element-group.home) h3.content-headline {
  margin-top: var(--grid--column-width);
}
.content-element-group:has(> .content-element-group.home) h2.content-headline {
  margin-bottom: 0;
}

/* 
* @content-headline
* Contao Element Headline
*/
.content-headline {
  margin-bottom: var(--line-height-copy);
}
.content-headline.small {
  --content-headline-small--margin-bottom: 3px;
  margin-bottom: var(--content-headline-small--margin-bottom);
  border-bottom: var(--border-width--active-state) solid transparent;
  font-weight: var(--font-weight-semi-bold);
}
@media (min-width: 1280px) {
  .content-headline.small {
    --content-headline-small--margin-bottom: 5px;
  }
}
@media (min-width: 1280px) {
  .content-headline.small {
    --content-headline-small--margin-bottom: 10px;
  }
}
.content-headline.small + h2,
.content-headline.small + h3 {
  margin-top: 0;
}
h2[id],
h3[id] {
  display: flex;
  flex-wrap: nowrap;
  column-gap: var(--grid--column-gap);
}
h2[id].content-headline.small:target,
h3[id].content-headline.small:target {
  border-color: var(--color-green-light);
  color: var(--color-green);
}
h2[id].content-headline.small:target > a,
h3[id].content-headline.small:target > a {
  --button--icon-color: var(--color-green) !important;
}
h2[id].content-headline > a,
h3[id].content-headline > a {
  --button--icon-mask: var(--svg-icon-link);
  text-decoration: none !important;
}
h2[id].content-headline > a > span,
h3[id].content-headline > a > span {
  opacity: 0;
  transition: opacity 300ms ease-in;
  font-weight: var(--font-weight-regular);
}
@media (hover: hover) {
  h2[id].content-headline > a:hover,
  h3[id].content-headline > a:hover {
    text-decoration: none !important;
  }
  h2[id].content-headline > a:hover > span,
  h3[id].content-headline > a:hover > span {
    text-decoration: none !important;
    opacity: 1;
  }
}

/* 
* @ce_hofff_content_navigation
* Contao Element Content Navigation
*/
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li.level_1 {
  width: 100%;
  max-width: 100%;
}
#main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li.level_1 > a {
  width: 100%;
  max-width: 100%;
  --button--icon-mask: var(--svg-icon-arrow-down);
  --button--icon-position: center 4px;
}
@media (hover: hover) {
  #main .ce_hofff_content_navigation:not(.teaser) > ul.level_1 > li.level_1 > a:hover::before {
    transform: translateY(4px) !important;
  }
}

/* 
* @content-hyperlink
* Contao Element Hyperlink
*/
#main > .inside > .mod_article .content-hyperlink {
  --button--icon-hover-translate-x-after: 4px;
  --button--icon-mask-after: var(--svg-icon-arrow);
  width: max-content;
  margin-block-start: calc(var(--line-height-small) * 1);
  margin-block-end: calc(var(--line-height-small) * 1);
}
#main > .inside > .mod_article .content-hyperlink.button-telephone {
  --button--icon-mask: var(--svg-icon-telephone) !important;
  width: max-content;
}

.content-element-advice .content-hyperlink,
#right .content-hyperlink {
  flex: 1 1 0;
  --button--icon-color: var(--color-green);
  --button--icon-hover-color: var(--color-black);
  font-weight: var(--font-weight-medium);
}
.content-element-advice .content-hyperlink.email,
#right .content-hyperlink.email {
  --button--icon-mask: var(--svg-icon-mail);
}
.content-element-advice .content-hyperlink.appointment,
#right .content-hyperlink.appointment {
  --button--icon-mask: var(--svg-icon-appointment);
}
.content-element-advice .content-hyperlink.telephone,
#right .content-hyperlink.telephone {
  --button--icon-mask: var(--svg-icon-telephone);
}
.content-element-advice .content-hyperlink.recall,
#right .content-hyperlink.recall {
  --button--icon-mask: var(--svg-icon-recall);
}

/* 
* @content-image
* Contao Element Image
*/
/* 
* @content-table
* Contao Element Table
*/
/* 
* @content-table
* Contao Element Text
* 
* Klassen .check, .info
* 
*/
.content-text {
  --check--column-gap: calc(var(--grid--column-width) + (var(--grid--column-gap) * 2));
}
.content-text:not([data-tags]).media--below figure {
  margin-top: calc(var(--line-height-copy) * 2);
}
.content-text:not([data-tags]).media--above .rte {
  margin-top: calc(var(--line-height-copy) * 2);
}
@media (min-width: 768px) {
  .content-text.list > .rte, .content-text.check > .rte {
    row-gap: 0;
  }
}
.content-text.list > .rte p, .content-text.check > .rte p {
  margin-bottom: var(--line-height-copy);
  grid-column: 1/11;
}
@media (min-width: 1280px) {
  .content-text.list > .rte p, .content-text.check > .rte p {
    grid-column: 1/5;
  }
}
.content-text.list > .rte ul,
.content-text.list > .rte ol, .content-text.check > .rte ul,
.content-text.check > .rte ol {
  margin-top: 0;
  grid-column: 1/11;
  column-gap: var(--check--column-gap);
}
@media (min-width: 1280px) {
  .content-text.list > .rte ul,
  .content-text.list > .rte ol, .content-text.check > .rte ul,
  .content-text.check > .rte ol {
    grid-column: 6/15;
  }
}
.content-text.list > .rte ul:has(> li:first-of-type:is(strong, b)),
.content-text.list > .rte ol:has(> li:first-of-type:is(strong, b)), .content-text.check > .rte ul:has(> li:first-of-type:is(strong, b)),
.content-text.check > .rte ol:has(> li:first-of-type:is(strong, b)) {
  display: grid;
  row-gap: var(--line-height-copy);
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .content-text.list > .rte ul:has(> li:first-of-type:is(strong, b)),
  .content-text.list > .rte ol:has(> li:first-of-type:is(strong, b)), .content-text.check > .rte ul:has(> li:first-of-type:is(strong, b)),
  .content-text.check > .rte ol:has(> li:first-of-type:is(strong, b)) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .content-text.list > .rte ul:not(:has(> li > strong)), .content-text.list > .rte ul:not(:has(> li > b)),
  .content-text.list > .rte ol:not(:has(> li > strong)),
  .content-text.list > .rte ol:not(:has(> li > b)), .content-text.check > .rte ul:not(:has(> li > strong)), .content-text.check > .rte ul:not(:has(> li > b)),
  .content-text.check > .rte ol:not(:has(> li > strong)),
  .content-text.check > .rte ol:not(:has(> li > b)) {
    column-count: 2;
  }
}
.content-text.list > .rte ul > li,
.content-text.list > .rte ol > li, .content-text.check > .rte ul > li,
.content-text.check > .rte ol > li {
  break-inside: avoid;
  margin-top: 0 !important;
  margin-left: var(--font-size-copy-big) !important;
  height: fit-content;
  position: relative;
}
@media (min-width: 1280px) {
  .content-text.list > .rte ul > li,
  .content-text.list > .rte ol > li, .content-text.check > .rte ul > li,
  .content-text.check > .rte ol > li {
    margin-left: 0 !important;
  }
}
.content-text.list > .rte ol > li:before, .content-text.check > .rte ol > li:before {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}
.content-text.check > .rte ul > li:before {
  content: " " !important;
  mask-image: var(--svg-icon-check);
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  mask-size: calc(var(--font-size-small) - 2px) auto;
  mask-position: left center;
  margin-left: calc(var(--font-size-copy-big) * -1) !important;
  height: var(--line-height-copy) !important;
  width: var(--font-size-copy-big) !important;
  background-color: var(--color-green);
  display: inline-flex !important;
  flex-direction: column;
  justify-items: center;
}
@media (min-width: 1280px) {
  .content-text.check > .rte ul > li:before {
    margin-left: 0 !important;
    left: calc(var(--font-size-copy-big) * -1);
  }
}
.content-text.check.negativ > .rte ul > li:before, .content-text.check.-negativ > .rte ul > li:before, .content-text.check.-negative > .rte ul > li:before, .content-text.check.negative > .rte ul > li:before {
  mask-image: var(--svg-icon-cancel);
  background-color: var(--color-red);
}
.content-text.info .rte {
  background-color: var(--color-green-light);
  border-radius: var(--grid--box-border-radius);
  padding: calc(var(--grid--column-gap) * 3) 0;
  position: relative;
  z-index: 1;
}
.content-text.info .rte::before {
  width: 100%;
  background-color: var(--color-green);
  content: " ";
  display: block;
  mask-image: var(--svg-icon-info);
  mask-repeat: no-repeat;
  mask-size: contain;
  grid-column: 2/3;
}
.content-text.info .rte p {
  padding: 0 var(--line-height-copy);
  grid-column: 3/11;
}
@media (min-width: 1280px) {
  .content-text.info .rte p {
    grid-column: 3/14;
  }
}
.content-text.info.dietrich .rte::before {
  mask-image: var(--svg-logo-d);
}
.content-text.info.media--below figure {
  margin-top: calc(var(--grid--column-gap) * -3);
}
.content-text.info.media--below .rte {
  margin: 0;
}
.content-text.info.media--above .rte {
  margin-top: calc(var(--grid--column-gap) * -3);
}
.content-text.info.media--above figure {
  margin: 0;
}
.content-text.info figure img {
  height: 35svh;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1280px) {
  .content-text.info figure img {
    height: 50svh;
  }
}

.content-text:not(.info) {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .content-text:not(.info).columns-2 > .rte {
    column-gap: var(--grid--column-width);
    column-count: 2;
  }
  .content-text:not(.info).columns-2 > .rte h4,
  .content-text:not(.info).columns-2 > .rte h4 + p {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
  }
}
.content-text:not(.info).media--right, .content-text:not(.info).media--left {
  display: grid;
}
.content-text:not(.info).media--right figure, .content-text:not(.info).media--left figure {
  margin-top: 0;
  margin-bottom: 0;
}
.content-text:not(.info).media--right .rte,
.content-text:not(.info).media--right figure, .content-text:not(.info).media--left .rte,
.content-text:not(.info).media--left figure {
  grid-column: 1/11;
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--right .rte,
  .content-text:not(.info).media--right figure, .content-text:not(.info).media--left .rte,
  .content-text:not(.info).media--left figure {
    grid-row: 2/3;
  }
}
.content-text:not(.info).media--right h2,
.content-text:not(.info).media--right h3,
.content-text:not(.info).media--right h4, .content-text:not(.info).media--left h2,
.content-text:not(.info).media--left h3,
.content-text:not(.info).media--left h4 {
  grid-column: 1/11;
  grid-row: 1/2;
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--right h2,
  .content-text:not(.info).media--right h3,
  .content-text:not(.info).media--right h4, .content-text:not(.info).media--left h2,
  .content-text:not(.info).media--left h3,
  .content-text:not(.info).media--left h4 {
    grid-column: 1/16;
  }
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--left figure {
    grid-column: 1/7;
  }
}
.content-text:not(.info).media--left .rte {
  margin-top: calc(var(--line-height-copy) * 2);
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--left .rte {
    grid-column: 8/16;
    margin-top: 0;
  }
}
.content-text:not(.info).media--right figure {
  order: 2;
  margin-top: calc(var(--line-height-copy) * 2);
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--right figure {
    order: initial;
    grid-column: 9/16;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .content-text:not(.info).media--right .rte {
    grid-column: 1/8;
  }
}
#main .content-element-group:not(.home) > .content-hyperlink,
#main .content-element-group:not(.home) > .ce_form,
#main .content-element-group:not(.home) > .content-text {
  margin-bottom: var(--content-element--gap);
}

.contact_persons {
  --grid--column-width-medium-contact-person: var(--grid--column-width);
  --grid--column-gap-contact-person: minmax(0, var(--grid--column-width-medium-contact-person));
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
@media (min-width: 768px) {
  .contact_persons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contact_persons .content-text {
  width: 100%;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, max-height 0.3s ease-in-out;
  overflow: hidden;
  margin-bottom: 0 !important;
  margin-top: var(--grid--box-padding);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact_persons .content-text {
    max-width: calc(50% - var(--grid--column-gap));
  }
}
@media (min-width: 1280px) {
  .contact_persons .content-text {
    max-width: calc(50% - (var(--grid--column-width) + var(--grid--column-gap) * 2) / 2);
  }
}
.contact_persons .content-text.is-showing {
  animation: showContact 0.3s ease forwards;
}
.contact_persons .content-text.is-hiding {
  animation: hideContact 0.3s ease forwards;
}
.contact_persons .content-text.is-hidden {
  display: none;
}
.contact_persons figure {
  order: 1;
}
.contact_persons figure img {
  clip-path: polygon(40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 40px);
}
.contact_persons figure figcaption {
  font-style: normal;
  margin-top: calc(var(--line-height-copy) / 1.6);
  margin-bottom: calc(var(--line-height-copy) / 4);
}
.contact_persons h3 {
  order: 2 !important;
}
.contact_persons .ce_tags {
  order: 3 !important;
  display: inline-flex;
  gap: 10px;
}
.contact_persons .ce_tags li {
  background-color: var(--color-green-light);
  border: 1px solid var(--color-green-border);
  line-height: var(--line-height-small-list);
  padding-left: calc(var(--line-height-copy) / 4);
  padding-right: calc(var(--line-height-copy) / 4);
  border-radius: 5px;
}
.contact_persons .rte {
  order: 4;
  margin-top: calc(var(--line-height-small) * 0.25);
}
.contact_persons .rte p:has(a) {
  margin-top: calc(var(--line-height-small) * 0.25);
}
.contact_persons .rte p:has(a) a {
  --button--icon-color: var(--color-green);
}
.contact_persons .rte a[href^="mailto:"] {
  --button--icon-mask: var(--svg-icon-mail);
}
.contact_persons .rte a[href^="tel:"] {
  --button--icon-mask: var(--svg-icon-telephone);
}

@keyframes showContact {
  from {
    opacity: 0;
    transform: scale(0.98);
    max-height: 0;
  }
  to {
    opacity: 1;
    transform: scale(1);
    max-height: 100000px;
  }
}
@keyframes hideContact {
  from {
    opacity: 1;
    transform: scale(1);
    max-height: 100000px;
  }
  to {
    opacity: 0;
    transform: scale(0.98);
    max-height: 0;
  }
}

/*# sourceMappingURL=index.css.map */