/* Basis-Parameter */ :root {
  /* Farben */
  --page_color: #367AAB;
  --page_color_hover: #3B94C4;
  --page_color_secondary: #b0b0b0;
  --page_color_secondary_hover: #b0b0b0;
  --page_color_white: #fff;
  --page_color_black: #000;
  --page_color_grey05: #f9f9f9;
  --page_color_grey10: #c7c7c7;
  --page_color_grey25: #eeeeee;
  --page_color_grey40: #4b4b4b;
  --page_color_grey50: #828282;
  --page_color_grey75: #252525;
  --page_color_grey90: #f9fafb;
  --page_color_line: #e4e4e4; /* Linie unterstreichen */
  --page_color_border: #C1D9E1; /* Rahmenfarbe für Bilder, sonst transparent */
  --page_color_font: #000;
  --page_color_hg1: #e3c8d6;
  --page_color_hg2: #d3afb6;
  --page_radius: 0rem;
  /* Font */
  --page_font_align_center: center;
  --page_font_align_left: left;
  --page_font_align_right: right;
  --page_font_awf: "Font Awesome 6 Free";
  --page_font_aws: "Font Awesome 6 Free";
  --page_font_basic: Open Sans, sans-serif, system-ui, -apple-system, "Segoe UI", Arial;
  --page_font_family: var(--page_font_basic);
  --page_font_second: 'Titillium Web', sans-serif, system-ui, -apple-system, "Segoe UI", Arial;
  --page_font_size: clamp(0.875rem, 1vw + 0.25rem, 1rem); /* 14px–16px */
  --page_font_size_h1: clamp(1.5rem, 4vw + 0.5rem, 2.25rem); /* 24px–36px */
  --page_font_size_h2: clamp(1.375rem, 3vw + 0.5rem, 2rem); /* 22px–32px */
  --page_font_size_h3: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  --page_font_size_h4: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  --page_font_size_h5: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  --page_font_size_h6: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  --page_font_size_small: clamp(12px, calc(12px + (14 - 12) * ((100vw - 320px) / 1120)), 14px);
  --page_font_size_header: var(--page_font_size_h2);
  --page_font_size_social_share: clamp(1.125rem, 1vw + 0.5rem, 1.25rem); /* 18px–20px */
  --page_font_line_height: clamp(1.4em, 2vw + 1rem, 1.6em);
  --page_font_style_italic: italic;
  --page_font_style_normal: normal;
  --page_font_weight: 400;
  --page_font_weight_400: 400;
  --page_font_weight_500: 500;
  --page_font_weight_600: 600;
  --page_font_weight_700: 700;
  --page_font_weight_800: 800;
  --page_font_weight_900: 900;
  /* Top */
  --top_color: #999999;
  --top_color_bg: #ffffff;
  --top_font_size: var(--page_font_size_small);
  /* Header Menu Button*/
  --header_height: 120px;
  --logo_height: 80px;
  --logo_height-mobile: 60px;
  --header_height-mobile: 40px;
  --header_height-toggler: 50px;
  --page_menu_background: rgba(0, 0, 0, 0.10);
  --page_menuoff_font_size: 1.125em;
  --page_menuoff_line-hight: 1.125em;
  --sp_megamenu_font_size: var(--page_font_size);
  --page-btn-radius: var(--page_radius);
  --page-btn-padding-x: 0.75rem;
  --page-btn-padding-y: 0.375rem;
  @media (max-width: 1199px) {
    --sp_megamenu_font_size: 90%;
  }
  /* Image */
  --page_img-border: 0px; /* 0px = ohne Rahmen */
  --page_img-border-color: var(--page_color_border); /* transparent */
  --page_image-width: 300px;
  --page_image-padding-x: 1.5rem;
  --page_image-padding-y: 1rem;
  /* Icons */
  --ico-load: "\e1d4"; /* --- Loader-Spinner */
  --ico-search: "\f002"; /* --- Lupe */
  --ico-adown: "\f107"; /* --- Angle down */
  --ico-aright: "\f105"; /* --- Angle right */
  --ico-star: "\f005"; /* --- voller Stern */
  --ico-cvdown: "\f078"; /* --- chevron-down kleiner Pfeil nach unten */
  --ico-xmark: "\f00d"; /* --- xmark Kreuz-schliessen */
  --ico-cplus: "\f055"; /* --- circle-plus Pluszeichen im Kreis */
  --ico-cminus: "\f056"; /* --- circle-minus Minuszeichen im Kreis */
  --ico-news: "\f1ea"; /* --- Newspaper */
  --ico-user: "\f007"; /* --- user createdby 900 */
  --ico-folder: "\f07c"; /* --- folder-open Category-Name 900 */
  --ico-cal: "\f073"; /* --- calendar-days Datum 900 */
  --ico-eye: "\f06e"; /* --- eye Hits 900 */
  --ico-home: "\f3c5"; /* --- location-dot Home 900 */
  --ico-list: "\f00c"; /* --- check Liste Aufzählpunkt 900 */
  --ico-danger: "\f071"; /* --- triangle-exclamation Datenschutz */
  --ico-list1: "\f0da"; /* --- caret-right Liste Aufzählpunkt 900 */
  --ico-list2: "\f192"; /* --- circle-dot Liste Aufzählpunkt 900 */
  --ico-lupe: "\f00e"; /* Lupe mit Plus für Bilder */
  --icon-liste: var(--ico-list);
  /* SP Pagebuilder */
  --page_container-width: 1320px;
  --page_container-width-wide: var(--page_container-width);
  /* --page_container-width-wide: calc(1600px + 10%); */
  --page_sp-grid: 2em;
  --page_sp-inner-row: 1.5em;
  --page_sp-row: 0em;
  /* Karte & Bilder */
  --page_gap: 1em;
  --page_karte-radius: var(--page_radius);
  --page_karte-height: 180px;
  --page_karte-icon-size: 34px;
  --page_karte-icon-box-size: 72px;
  /* bottom */
  --bottom_color: #61ade3;
  --bottom_color_hover: rgba(220,240,255,0.98);
  --bottom_color_bg: var(--page_color_black);
  --bottom_font_size: var(--page_font_size);
  --bottom_font_size_header: 1.75em;
  /* footer */
  --footer_color: var(--page_color_white);
  --footer_color_bg: var(--page_color_black);
  --footer_color_link: #61ade3;
  --footer_color_link_hover: rgba(220,240,255,0.9);
  --footer_font_size: 0.875em;
  --footer_font_line_height: clamp(1.1em, 2vw + 0.8rem, 1.4em);
}
@media (max-width: 1024px) {
  :root {
    --page_font_size: clamp(0.875rem, 3vw + 0.5rem, 1rem);
    --page_font_size_h1: clamp(1.5rem, 6vw + 0.5rem, 2.25rem);
    --page_font_size_h2: clamp(1.375rem, 5vw + 0.5rem, 2rem);
    --page_font_size_h3: clamp(1.25rem, 4vw + 0.5rem, 1.75rem);
    --page_font_size_h4: clamp(1.125rem, 3.5vw + 0.5rem, 1.5rem);
    --page_font_size_h5: clamp(1rem, 3vw + 0.5rem, 1.25rem);
    --page_font_size_h6: clamp(0.875rem, 2.5vw + 0.25rem, 1rem);
    --page_font_size_small: clamp(0.8125rem, 2vw + 0.5rem, 0.875rem);
    --page_font_size_social_share: clamp(1.125rem, 3vw + 0.5rem, 1.25rem);
    --page_font_line_height: clamp(1.4em, 3vw + 1rem, 1.6em);
  }
}
/* ------------------------------------------------------------ Template Overrides */
body.helix-ultimate-preloader:after {
  content: var(--ico-load);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: 2.25em;
}
#sp-header.header-with-modal-menu a:hover, #sp-header.header-with-modal-menu a:focus {
  color: var(--page_color);
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:after {
  font-size: var(--page_font_size);
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .social-icons {
  font-size: var(--page_font_size_small);
}
.header-modules .search form:after {
  content: var(--ico-search);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: var(--page_font_size);
}
.header-modules .search form input {
  font-size: var(--page_font_size);
}
.burger-icon > span, .offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: var(--page_color_white);
}
.burger-icon {
  border: 1px solid var(--page_color_white);
  width: 43px;
  height: 35px;
  padding: 4px 7px;
  border-radius: 4px;
}
.offcanvas-active .burger-icon {
  border: 0px solid var(--page_color_white);
  width: 25px;
  height: 25px;
  padding: 0px 0px;
  border-radius: 2px;
}
.offcanvas-menu .splogo {
  background-color: var(--page_color);
}
#modal-menu .sp-megamenu-parent > li:hover > a, #modal-menu .sp-megamenu-parent > li:hover > span, #modal-menu .sp-megamenu-parent > li.active > a, #modal-menu .sp-megamenu-parent > li.active > span {
  color: var(--page_color);
}
#modal-menu .sp-megamenu-parent > li > a .nav-counter, #modal-menu .sp-megamenu-parent > li > span .nav-counter {
  font-size: var(--page_font_size);
}
#modal-menu ul.sp-megamenu-parent > li > a, #modal-menu ul.sp-megamenu-parent > li > span {
  font-size: 1.625em;
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child > a:after, #modal-menu ul.sp-megamenu-parent li.sp-has-child > span:after {
  content: var(--ico-adown);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-color: var(--page_color_white);
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a {
  font-size: var(--page_font_size) !important;
}
#modal-menu .modules-wrapper a:hover, #modal-menu .modules-wrapper a:focus {
  color: var(--page_color);
}
#modal-menu .modules-wrapper .sp-contact-info > li > span {
  font-size: var(--page_font_size_small);
}
#modal-menu .modules-wrapper .social-icons, .sp-profile-wrapper {
  font-size: var(--page_font_size);
}
.sp-profile-wrapper .arrow-icon {
  font-size: var(--page_font_size_small);
}
.sp-profile-wrapper .sp-profile-dropdown {
  background: var(--page_color_white);
  font-size: var(--page_font_size);
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading, .sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
  color: var(--page_color_white);
}
.sp-page-title .sp-page-title-heading {
  font-size: 1.5em;
}
.sp-page-title .sp-page-title-sub-heading {
  font-size: var(--page_font_size);
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  font-size: 1.375em;
}
#sp-left .sp-module ul, #sp-right .sp-module ul {
  margin-left: 10px;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
}
#sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name {
  background: var(--page_color_grey50);
  color: var(--page_color_white);
}
#sp-left .sp-module .tagscloud .tag-name span, .article-list .article .readmore, .related-article-large .article-information > span, .article-info > span, .related-article-list-container ul.related-article-list li .published, .tags > li a, .pager > li a, .article-ratings .ratings-count, .form-control-feedback, #sp-cookie-consent, #attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label, #system-message-container .alert, #system-message-container joomla-alert, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #publishing > .control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #metadata > .control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #attrib-helix_ultimate_blog_options > .control-group .calendar-container .time td select {
  font-size: var(--page_font_size_small);
}
.login .password-group button.input-password-toggle {
  color: var(--page_color);
}
.search .btn-toolbar button {
  color: var(page_color_white);
}
.article-list .article .readmore {
  font-size: var(--page_font_size_small);
}
.article-list .article figcaption.caption {
  font-size: var(--page_font_size);
}
.related-article-large .article-information > span {
  font-size: var(--page_font_size_small);
}
.article-info > span {
  font-size: var(--page_font_size_small);
}
.article-details .article-header h1, .article-details .article-header h2, .article-details .article-header h4 {
  font-size: var(--page_font_size_h1);
}
.article-details .article-can-edit a {
  background: var(--page_color);
  color: var(--page_color_white);
  font-size: var(--page_font_size_small);
}
.article-details figcaption.caption {
  font-size: var(--page_font_size_small);
}
.related-article-list-container .related-article-title {
  font-size: var(--page_font_size_h5);
}
.related-article-list-container ul.related-article-list li .article-header h2, .related-article-list-container ul.related-article-list li .article-header h4 {
  font-size: var(--page_font_size_h6);
}
.related-article-list-container ul.related-article-list li .article-header h2 a, .related-article-list-container ul.related-article-list li .article-header h4 a {
  color: var(--page_color_grey75);
}
.related-article-list-container ul.related-article-list li .article-header h2 a:hover, .related-article-list-container ul.related-article-list li .article-header h4 a:hover {
  color: var(--page_color_hover);
}
.tags > li a:hover, .article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus, .sp-scroll-up {
  color: var(--page_color_white);
}
.article-ratings .rating-symbol, .article-social-share .social-share-icon ul li a, .sp-scroll-up, .com-contenthistory .btn-group button, .sp-social-share ul li {
  font-size: var(--page_font_size);
}
.article-ratings .rating-symbol span.rating-star {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
}
.article-ratings .rating-symbol span.rating-star.active:before, .article-ratings .rating-symbol span.rating-star:before, .article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover ~ span.rating-star:before {
  content: var(--ico-star);
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  color: var(--page_color_white);
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  color: var(--page_color_white);
  background: var(--page_color);
}
input[type=text]:not(.form-control), input[type=email]:not(.form-control), input[type=url]:not(.form-control), input[type=date]:not(.form-control), input[type=password]:not(.form-control), input[type=search]:not(.form-control), input[type=tel]:not(.form-control), input[type=number]:not(.form-control), select:not(.form-select):not(.form-control) {
  font-size: var(--page_font_size);
  line-height: var(--page_font_line_height);
  color: var(--page_color_grey40);
  background-color: var(--page_color_white);
}
input[type=text]:not(.form-control):focus, input[type=email]:not(.form-control):focus, input[type=url]:not(.form-control):focus, input[type=date]:not(.form-control):focus, input[type=password]:not(.form-control):focus, input[type=search]:not(.form-control):focus, input[type=tel]:not(.form-control):focus, input[type=number]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus {
  background-color: var(--page_color_white);
}
.chzn-container.chzn-container-single .chzn-single {
  color: var(--page_color_grey40);
  background-color: var(--page_color_white);
}
.chzn-container.chzn-container-single .chzn-single div > b:after {
  content: var(--ico-cvdown);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: var(--page_font_size_small);
}
.chzn-container.chzn-container-single .chzn-search input[type=text] {
  font-size: var(--page_font_size_small);
  color: var(--page_color_grey40);
  background-color: var(--page_color_white);
}
.chzn-container.chzn-container-single .chzn-search:after {
  content: var(--ico-search);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: var(--page_font_size_small);
}
.chzn-container.chzn-container-multi .chzn-choices, .chzn-container.chzn-container-multi .chzn-choices li.search-field input[type=text], .chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) {
  background-color: var(--page_color_white);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type=text] {
  font-size: var(--page_font_size_small);
  background-color: var(--page_color_white);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after {
  content: var(--ico-xmark);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: var(--page_font_size_small);
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success, body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 #upbutton, body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel, body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type=submit], body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type=button], body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type=submit], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type=submit], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type=submit], body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type=button], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type=button], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type=button] {
  color: var(--page_color_white);
}
@keyframes audioWave {
  25% {
    background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
  }
  37.5% {
    background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
  }
  50% {
    background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
  }
  62.5% {
    background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
  }
  75% {
    background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
  }
}
.sp-pre-loader {
  background: var(--page_color_white);
}
.sp-pre-loader .sp-loader-clock, .sp-pre-loader .circle-two > span, .sp-pre-loader .circle-two > span:before, .sp-pre-loader .circle-two > span:after {
  border-color: var(--page_color);
}
.sp-pre-loader .sp-loader-clock:after, .sp-pre-loader .sp-loader-clock:before, .sp-pre-loader .sp-loader-circle:after, .sp-pre-loader .sp-loader-bubble-loop, .sp-pre-loader .wave-two li, .sp-pre-loader .sp-loader-with-logo .line {
  background-color: var(--page_color);
}
.sp-pre-loader .sp-loader-circle {
  border: 3px solid var(--page_color);
}
.sp-pre-loader .sp-loader-audio-wave {
  background: linear-gradient(var(--page_color), var(--page_color)) 0 50%, linear-gradient(var(--page_color), var(--page_color)) 0.625em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.25em 50%, linear-gradient(var(--page_color), var(--page_color)) 1.875em 50%, linear-gradient(var(--page_color), var(--page_color)) 2.5em 50%;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
  font-size: var(--page_font_size_h1);
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
  font-size: var(--page_font_size);
}
ul.social-icons > li a {
  color: #999999;
  font-size: 2em;
}
/* ------------------------------------------------------------ Formular */
.mod-cform #cf_1, .mod-cform #cf_2, .mod-cform #cf_3, .mod-cform #cf_4, .mod-cform #cf_5 {
  --background-color: rgba(245, 245, 245, 1);
  --border: solid 1px #dddddd;
  --border-radius: 0px;
  --control-gap: 10px;
  --input-background-color: var(--page_color_white);
  --input-border-color: #cccccc;
  --input-border-radius: 3px;
  --input-color: var(--page_color_black);
  --input-padding: 10px 10px;
  --input-placeholder-color: #828282;
  --input-size: 16px;
  --input-size: var(--page_font_size);
  --input-text-align: left;
  --label-color: var(--page_color_black);
  --label-size: var(--page_font_size);
  --label-weight: var(--page_font_weight_600);
}
.mod-cform .convertforms .cf-label, .mod-cform .convertforms .cf-control-input-desc {
  color: var(--page_color_black);
}
.mod-cform .convertforms .cf-control-input-desc {
  opacity: 1;
}
.mod-cform .convertforms .cf-control-input, .mod-cform .convertforms .cf-control-input-desc {
  font-size: var(--input-size);
}
.mod-cform .convertforms .cf-control-input h2 {
  padding-top: 0px;
}
.mod-cform .datenschutz h2:before {
  font-family: var(--page_font_aws);
  content: var(--ico-danger);
  font-weight: var(--page_font_weight_900);
  display: inline-block;
  margin-right: 0.375em;
}
/* ------------------------------------------------------------------------------------------ Basic im Editor */
.cleared, .clearfix:after {
  clear: both;
  font: 0/0 serif;
  display: block;
  content: " ";
}
.bildrechts, .bildlinks, .bildvoll, .sppb-img-responsive, .wsp-beitrag-bild img {
  border-radius: var(--page_radius);
  border: var(--page_img-border) solid var(--page_img-border-color);
}
.bildrechts {
  float: right;
  margin-right: 0;
  margin-left: var(--page_image-padding-x);
  margin-bottom: var(--page_image-padding-y);
  padding: 0;
  width: var(--page_image-width);
}
.bildlinks {
  float: left;
  margin-right: var(--page_image-padding-x);
  margin-left: 0;
  margin-bottom: var(--page_image-padding-y);
  padding: 0;
  width: var(--page_image-width);
}
.bildvoll {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: var(--page_image-padding-y);
  padding: 0;
}
.bildlinks-nosize {
  float: left;
  margin-right: 25px;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 0;
}
hr, hr:not([size]) {
  border: 0px solid !important;
  border-bottom: 1px solid var(--page_color_line) !important;
  opacity: 1 !important;
  height: 0px !important;
  clear: both !important;
  background-color: var(--page_color_white);
}
/* Listen mit Padding, Standard-Lösung bei mehreren Zeilen */
.wsp-beitrag-liste ul, .wsp-beitrag-liste ul.liste {
  --wsp-list-icon-width: 1.5em;
  --wsp-list-gap: 0.25em;
  --wsp-list-padding: 1em;
  --wsp-list-indent: calc(var(--wsp-list-icon-width) + var(--wsp-list-gap));
  list-style: none;
  padding: 0;
  margin-left: var(--wsp-list-padding);
  margin-right: var(--wsp-list-padding);
}
.wsp-beitrag-liste ul li, .wsp-beitrag-liste ul.liste li {
  position: relative;
  padding-left: var(--wsp-list-indent);
  padding-bottom: 0.5em;
}
.wsp-beitrag-liste ul li:before, .wsp-beitrag-liste ul.liste li:before {
  content: var(--icon-liste);
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  position: absolute;
  left: 0;
  top: 0.2em;
  width: var(--wsp-list-icon-width);
  line-height: inherit;
}
/* SIGplus Gallery - Korrektur der Liste im Content */
.sigplus-gallery > ul {
  list-style: revert;
  margin-left: 0px;
  margin-right: 0px;
}
.sigplus-gallery > ul > li {
  padding-left: revert;
}
.sigplus-gallery img.sigplus-preview {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover; /* optional */
}
.sysgal img.sigplus-preview {
  aspect-ratio: auto;
}
.sigplus-gallery > ul > li {
  margin: 0px;
}
.sigplus-mod .img-hover-zoom, .sigplus-gallery .img-hover-zoom {
  margin: 0.5em;
}
.sigplus-mod li, .sigplus-gallery li {
  width: calc(100% / 3);
}
@media (min-width: 576px) {
  .sppb-row-container, .sp-modul .sppb-row-container {
    max-width: 540px
  }
  .sigplus-mod li, .sigplus-gallery li {
    width: calc(100% / 4);
  }
}
@media (min-width: 768px) {
  .sppb-row-container, .sp-modul .sppb-row-container {
    max-width: 720px
  }
}
@media (min-width: 992px) {
  .sppb-row-container, .sp-modul .sppb-row-container {
    max-width: 960px
  }
  .sigplus-mod li, .sigplus-gallery li {
    width: calc(100% / 5);
  }
}
@media (min-width: 1200px) {
  .container, .sppb-row-container, .sp-modul .sppb-row-container {
    max-width: var(--page_container-width);
  }
  .sigplus-mod li, .sigplus-gallery li {
    width: calc(100% / 6);
  }
}
/* Manuell zuschaltbar für Textumbruch und Silbentrennung */
.wsp-textbreak {
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}
/* -- SIGallery im CSS media/sigplus/css unten angehängt */
.sigplus-gallery a, .sigplus-mod a {
  position: relative;
}
.sigplus-gallery a:before, .sigplus-mod a:before {
  content: "";
  display: block;
  position: absolute;
}
.sigplus-gallery img {
  display: inherit;
}
.sigplus-gallery a:hover:before, .sigplus-mod a:hover:before {
  color: var(--page_color_white);
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--page_font_aws);
  content: var(--ico-lupe);
  font-weight: var(--page_font_weight_900);
  z-index: 10;
}
.sigplus-mod .img-hover-zoom, .sigplus-gallery .img-hover-zoom {
  height: 100%; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  border: var(--page_img-border) solid;
  border-color: var(--page_img-border-color);
}
.sigplus-gallery .img-hover-zoom {
  margin: 8px;
}
.sp-module .mod_sigplus .img-hover-zoom {
  margin: 0px !important;
}
.sigplus-gallery .img-hover-zoom img, .sigplus-mod .img-hover-zoom img {
  transition: transform .5s ease;
}
.sigplus-gallery .img-hover-zoom:hover img, .sigplus-mod .img-hover-zoom:hover img {
  transform: scale(1.2);
  filter: grayscale(100%);
}
/* ------------------ Pagebuilder */
/* --- für Sections mit mehreren Columns */
.wsp-row {
  padding-top: var(--page_sp-row);
  padding-right: var(--page_sp-row);
  padding-bottom: var(--page_sp-row);
  padding-left: var(--page_sp-row);
  margin-top: var(--page_sp-row);
  margin-right: var(--page_sp-row);
  margin-bottom: var(--page_sp-row);
  margin-left: var(--page_sp-row);
}
#sp-page-builder .wsp-row-head .sppb-section-title {
  padding-top: 1.5em;
  margin-bottom: 1.5em;
}
.wsp-row-head h2.sppb-title-heading, .wsp-row-head h2, .sp-modul h2 {
  color: var(--page_color);
}
.wsp-inner-row {
  padding-top: var(--page_sp-inner-row);
  padding-bottom: var(--page_sp-inner-row);
}
.sppb-btn {
  display: inline-block;
  text-align: center;
  border: 0px solid transparent;
  padding: 0.75em;
  line-height: 1.25;
  font-weight: var(--page_font_weight_400);
  border-radius: var(--page-btn-radius);
  transition: all .15s ease-in-out;
  cursor: pointer;
}
.wsp-center {
  text-align: center;
  justify-content: center;
}
.wsp-button .sppb-button-wrapper {
  margin-bottom: 1.5em;
}
/*--- für Sections mit einer Column */
.wsp-grid {
  padding-top: var(--page_sp-grid);
  padding-bottom: var(--page_sp-grid);
}
/* ----------------- Startseite und Anpassungen */
.sprow3 {
  background-color: #FF9F00;
  text-align: center;
  color: var(--page_color_white);
  padding-bottom: 20px;
}
.sprow3 .custom {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sprow3 h3:before {
  font-size: 1.2em;
  content: "\e93a";
  font-family: sternenpark;
  padding-right: 10px;
  padding-left: 5px;
  font-weight: normal;
}
.sprow3 h3 {
  color: var(--page_color_white);
  font-size: 2.5em;
  font-style: normal;
  font-weight: bold;
}
.sprow3 .preis {
  margin: 10px;
  padding: 6px;
  float: left;
  border: 1px solid #FFFBF0;
  width: 20%;
}
.sprow3 h4 {
  color: var(--page_color_white);
}
@media (max-width: 768px) {
    .sprow3 .custom {
        width: 100%;
        display: block;
        justify-content: center;
    }
    .sprow3 .preis {
        float: none !important;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

/*------------------ Mobile */
@media (max-width: 575px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .bildrechts, .bildlinks {
    float: none;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 25px;
    padding: 0;
  }
  .entry-header h2, .entry-header h1, .fox-container h2, h1.page-header {
    margin: 8px 0 0;
    font-size: var(--page_font_size_header);
    line-height: 1;
  }
  .mod-syswanschrift, .mod-syswopen, .mod-syswbereiche, .mod-syswrecht {
    text-align: center;
  }
  .mod-syswbereiche ul > li, .mod-syswrecht ul > li {
    border-bottom: 0px solid var(--page_color_line) !important;
    padding-bottom: 3px !important;
  }
}
@media (max-width: 991px) {
  #sp-bottom .spc-bottom {
    text-align: center;
    width: 100%;
    float: none;
    padding-bottom: 10px;
  }
  #sp-bottom ul a:before {
    display: none;
  }
  #sp-header {
    height: var(--header_height);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .bildrechts, .bildlinks {
    width: calc(100% / 3);
  }
}
@media (min-width: 1200px) {
  .col-xl-10 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/* ------------------------------------------------------------ Sternenpark */
.shariff {
  margin-top: 2em;
}
.v-menu a {
  font-weight: 400;
}
.sp-megamenu-parent .v-menu li a {
  color: var(--page_color);
}
.sp-megamenu-parent .v-menu li a:hover {
  color: var(--page_color_hover);
}
.sp-megamenu-parent .v-menu li:hover {
  background-color: #dddddd;
  ;
}
.v-menu ul > li > a:before {
  font-family: var(--page_font_aws);
  content: "\f105";
  font-weight: var(--page_font_weight_900);
  left: 0.25rem;
  top: 0.675rem;
  position: absolute;
}
.v-menu h6 > a {
  display: block;
  position: relative;
  padding: 5px 5px 5px 2.0rem; /* links Platz fürs Icon */
  color: var(--page_color_white);
  cursor: pointer;
}
/* Icon positionieren */
.v-menu h6 > a i {
  position: absolute;
  left: 5px;
  top: 5px; /* entspricht deinem Padding oben */
}
/* Rest wie gehabt */
.v-menu > h6.active > a, .v-menu > h6:hover > a {
  color: var(--page_color_white);
  background-color: var(--page_color);
  font-weight: 400;
}
.v-menu h6 {
  background-color: var(--page_color);
  margin: 2px;
  padding: 0.375rem;
  font-size: 1.25em;
}
.v-menu h6:hover {
  background-color: var(--page_color_hover);
}
.v-menu ul {
  padding-left: 5px;
  padding-right: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 1em;
}
.v-menu ul > li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 300ms;
  transition: 300ms;
  position: relative;
  margin: 0;
  padding: 0.5rem 0 0.5rem 1.25rem;
}
.v-menu ul > li:last-of-type {
  border-bottom: 0px solid #e8e8e8;
}
@media (max-width: 1199px) {
  .v-menu h6 {
    font-size: 1em;
  }
}
.newsID h3, .newsID h4 {
  text-transform: none;
  font-weight: var(--page_font_weight_400);
}
.spevent .newsID h4:before, .spnews .newsID h4:before {
  display: none;
}
.spnews h3, .spevent h3 {
  color: var(--page_color);
  font-weight: 600;
  font-style: normal;
  text-align: left;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.25em;
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.spnews h3.sppb-addon-title, .spevent h3.sppb-addon-title {
  margin-bottom: 1em;
  text-transform: uppercase;
}
.spnews h3:before, .spevent h3:before {
  font-family: sternenpark;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.spnews h3:before {
  content: "\e911";
}
.spevent h3:before {
  content: "\e916";
}
.spnews .headline h3:before, .spevent .headline h3:before {
  display: none;
}
.mod-sysw-news.minimal .sysw-news-itemliste h3:before, .mod-sysw-news.minimal .sysw-news-itemliste h4:before {
  font-family: var(--page_font_aws);
  content: "\f1ea";
  font-weight: var(--page_font_weight_400);
  padding-right: 0.5rem;
}
.sp-minimal ul.sysw-news-list {
  padding-top: 1em;
}
.sp-minimal .meta {
  margin-bottom: 0.75rem;
}
.news6line {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #367aab;
  padding-bottom: 20px;
}

.article-details h1, .com-finder h1, .page-header h1, .article-details h2, .article-details h3, .article-details h4, .newsID h3 {
  color: var(--page_color);
}
.newsID h3, .newsID h3:before {
  font-weight: var(--page_font_weight_400);
}
.article-details h3 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.article-details h3 i:before {
  display: inline-block;
  vertical-align: middle;
}
.sp-module-content-bottom {
  margin-top: 1em;
}
.sp-liste .sysw-news-list li {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}
.sp-liste .sysw-news-list li h4 {
  font-size: var(--page_font_size_h5);
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.sp-minimal h3 {
  margin-bottom: 0rem;
}
.sp-minimal .sysw-news-itemliste h4:before, .sp-liste .sysw-news-list li h4:before {
  display: none;
}
.sp-minimal .meta {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.sp-minimal .meta .category:before, .sp-minimal .meta .date:before {
  font-weight: var(--page_font_weight_400);
}
.wd-presse {
  padding-top: 5px;
}
a.wdbericht, a.wddownload, a.wdfoto, a.wddonate, a.wdfile {
  text-decoration: none;
  background: #367AAB;
  color: var(--page_color_white) !important;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5em;
  align-items: start;
  border: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: var(--page_font_weight_600);
  padding: 10px;
  border-radius: var(--page-btn-radius);
}
a.wdbericht.hover, a.wdbericht:hover, a.wddownload.hover, a.wddownload:hover, a.wdfoto.hover, a.wdfoto:hover, a.wdfile:hover, a.wdfile:hover, a.wddonate.hover, a.wddonate:hover {
  text-decoration: none;
  color: #004080 !important;
  background: #7BB0D5;
}
a.wdbericht:before, a.wddownload:before, a.wdfoto:before, a.wddonate:before, a.wdfile:before {
  font-size: 1.3em;
  font-family: sternenpark;
  padding-right: 10px;
  font-weight: normal !important;
  width: 1em;
  height: 1em;
}
a.wdbericht:before {
  content: "\e91a";
}
a.wddownload:before {
  content: "\e90e";
}
a.wdfoto:before {
  content: "\e91b";
}
a.wddonate:before {
  content: "\e91c";
}
a.wdfile:before {
  content: "\e922";
}

/* Archiv-Reiter */
.archiv-reiter {
  margin: 1.5rem 0;
}

.archiv-reiter h3 {
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1rem;
  background: #d9c2a3;
  color: var(--page_color_white);
  text-transform: uppercase;
  border-radius: 0.5rem 0.5rem 0 0;
  font-weight: 700;
  line-height: 1.2;
}

.archiv-box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  margin: 0;
  padding: 0.75rem 1rem;
  background: #d9c2a3;
  color: #000;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  box-sizing: border-box;
}

.archiv-info {
  flex: 1 1 auto;
}

.archiv-suche {
  flex: 0 1 320px;
}

.archiv-suche .mod-finder {
  margin: 0;
}

.archiv-suche .finder {
  display: none;
}

.archiv-suche input[type="text"],
.archiv-suche input[type="search"],
.archiv-suche .form-control {
  width: 100%;
  box-sizing: border-box;
}

.archiv-suche .input-group {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.archiv-suche .btn {
  white-space: nowrap;
}
.result__item+.result__item {
    border-top: 1px solid var(--page_color_grey25);
}
/* Mobil */
@media (max-width: 768px) {
  .archiv-box {
    flex-direction: column;
    align-items: stretch;
  }

  .archiv-info,
  .archiv-suche {
    width: 100%;
    flex: 1 1 100%;
  }

  .archiv-suche .input-group {
    flex-direction: column;
	flex-wrap: wrap;
  }

  .archiv-suche .btn {
    width: 100%;
  }
}
/* ----------------------- Social Icon im Modul */
/* Container für alle Icons */
.social-icons {
  margin-top: 1rem;
  display: flex;
  gap: 1em;                 /* Abstand zwischen den Icons */
  align-items: center;       /* vertikal ausrichten */
}

/* Responsive: bis max-width 991px zentrieren */
@media (max-width: 991px) {
  .social-icons {
    justify-content: center;
  }
}

/* Links / Icons: Größe, Farbe, Hover */
.social-link {
  display: inline-flex;       /* Icon zentriert im Link */
  align-items: center;
  justify-content: center;
  width: 2.5em;                 /* feste Größe */
  height: 2.5em;
  text-decoration: none;
  color: var(--page_color);
  transition: color 0.3s;
}

.social-link:hover {
  color: var(--page_color_hover);
}

/* SVG: passt in den Link, Füllung, abgerundete Ecken */
.social-link .tribe-icon {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  fill: currentColor;
}

/* com_finder */

.com-finder > * + *, .com-finder__results > * + * {
  margin-top: 0em;
}

/* ------------------------------------------------------------ Layout */
html {
  font-size: 100%; /* Fallback: 16px (Standard in den meisten Browsern) */
  font-size: clamp(15px, 1vw + 0.5rem, 16px); /* Dynamisch zwischen 15–16px */
}
.sp-preloader {
  background-color: var(--page_color_white);
  color: var(--page_color_grey75);
}
body {
  background: var(--page_color_white);
  font-size: var(--page_font_size);
  font-family: var(--page_font_basic);
  font-weight: var(--page_font_weight);
  line-height: var(--page_font_line_height);
  color: var(--page_color_font);
  font-style: var(--page_font_style_normal);
  min-height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: left;
  margin: 0 auto;
}
h1 {
  font-family: var(--page_font_second);
  font-weight: var(--page_font_weight_600);
  font-size: var(--page_font_size_h1);
}
h2 {
  font-family: var(--page_font_second);
  font-weight: var(--page_font_weight_600);
  font-size: var(--page_font_size_h2);
}
h3 {
  font-family: var(--page_font_second);
  font-weight: var(--page_font_weight_500);
  font-size: var(--page_font_size_h3);
}
h4 {
  font-family: var(--page_font_second);
  font-weight: var(--page_font_weight_500);
  font-size: var(--page_font_size_h4);
}
h5 {
  font-family: var(--page_font_basic);
  font-weight: var(--page_font_weight_700);
  font-size: var(--page_font_size_h5);
}
h6 {
  font-family: var(--page_font_basic);
  font-weight: var(--page_font_weight_500);
  font-size: var(--page_font_size_h6);
}
h1, h2, h3, h4, h5, h6 {
  padding-top: .5rem;
  line-height: 1.1;
}
b, strong {
  font-weight: var(--page_font_weight_700);
}
.sppb-row-container, .sp-modul .sppb-row-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width:1960px) {
  .container, .sppb-row-container, .sp-modul .sppb-row-container {
    max-width: var(--page_container-width-wide);
    margin: 0 auto;
    /* padding-left: 5%;
    padding-right: 5%; */
  }
  .sp-modul .sppb-row-container {
    padding-left: 0;
    padding-right: 0;
  }
  .bildrechts, .bildlinks {
    width: 400px;
  }
}
.article-details .article-header h1, .com-finder h1, .article-details .article-header h2, .entry-header h2, .entry-header h1, .fox-container h2, h1.page-header, .search h1.page-title, .content-category h1, .article-header h1, .page-header h1 {
  font-size: var(--page_font_size_header);
  font-weight: var(--page_font_weight_400);
  border: 0px solid;
  border-bottom: 1px solid var(--page_color_line) !important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: .625rem;
  margin-left: 0;
  padding-bottom: .5rem;
}
.erecht .article-body h2 {
  font-size: var(--page_font_size_h3);
}
.article-info > span {
  font-size: var(--page_font_size_small);
}
#sp-main-body {
  padding: 2em 0;
}
.sp-preloader > div {
  background: var(--page_color);
}
.sp-preloader > div:after {
  background: var(--page_color_white);
}
.sp-page-title {
  background: var(--page_color);
}
.layout-boxed .body-innerwrapper {
  background: var(--page_color_white);
}
/* ------------------------------------------------------------ Top & Logo & Header */
#sp-top-bar {
  background: var(--top_color_bg);
  color: var(--top_color);
  font-size: var(--page_font_size_small);
}
#sp-top-bar ul.social-icons {
  font-size: var(--page_font_size);
}
#sp-top-bar a {}
#sp-top-bar ul.sp-contact-info {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#sp-top-bar .sp-contact-info a {
  font-weight: var(--page_font_weight_600);
}
@media (max-width: 992px) {
  #sp-top-bar ul.sp-contact-info {
    margin-top: 0rem;
  }
}
#sp-header-topbar a {
  color: var(--page_color);
}
#sp-header-topbar a:hover {
  color: var(--page_color_hover);
}
#sp-header-topbar .sp-contact-info {
  color: var(--page_color);
}
#sp-menu ul.social-icons a:hover, #sp-menu ul.social-icons a:focus {
  color: var(--page_color);
}
#sp-header {
  height: var(--header_height);
  background: var(--page_color);
  width: 100%;
  position: relative;
  z-index: 99;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  animation: spFadeIn 0.5s;
}
#sp-header .logo {
  height: var(--header_height);
}
#sp-header .logo a {
  font-size: 1.5em;
}
.logo-image {
  height: var(--logo_height);
}
.logo-image-phone {
  height: var(--logo_height-mobile);
}
@media (max-width: 992px) {
  #sp-header {
    height: var(--header_height);
  }
  .logo-image {
    height: var(--logo_height);
  }
  .logo-image-phone {
    height: var(--logo_height-mobile);
  }
}
@media (max-width: 575px) {
  #sp-header {
    height: var(--header_height);
  }
  .logo-image {
    height: var(--logo_height);
  }
  .logo-image-phone {
    height: var(--logo_height-mobile);
  }
}
/* ------------------------------------------------------------ Link */
a {
  color: var(--page_color);
  font-weight: var(--page_font_weight_600);
}
.mod-sysw-news a {
  font-weight: var(--page_font_weight_400);
}
a:hover, a:focus, a:active {
  color: var(--page_color_hover);
}
a.icon24 {
  font-size: 3em;
}
/* ------------------------------------------------------------ Tags */
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(3, 69, 191, 0.1);
  color: var(--page_color);
}
.tags > li a:hover {
  background: var(--page_color_hover);
}
/* ------------------------------------------------------------ Breadcrumb */
.breadcrumb .float-start {
  padding-right: 0.75rem;
}
.wps-beitrag .article-breadcrumbs .py-2, .wps-beitrag .article-breadcrumbs .px-3 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.sp-page-title .breadcrumb, .article-details .breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
  /* margin-bottom: 1em; */
  font-size: var(--page_font_size_small);
  text-transform: uppercase;
}
.sp-page-title .breadcrumb {
  margin-top: 1em;
}
/* ------------------------------------------------------------ Artikel Ergänzungen */
.article-social-share .social-share-icon ul li a {
  color: var(--page_color_grey75);
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: var(--page_color);
}
.pager > li a {
  border: 1px solid var(--page_color_line);
  color: var(--page_color_grey75);
}
.sp-reading-progress-bar {
  background-color: var(--page_color);
}
.article-info .category-name a:before {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-folder);
  padding-right: 4px;
}
.article-info .createdby:before {
  font-family: var(--page_font_aws);
  content: var(--ico-user);
  font-weight: var(--page_font_weight_900);
  padding-right: 4px;
}
.article-info .published time:before, .article-info .modified time:before {
  font-family: var(--page_font_aws);
  content: var(--ico-cal);
  font-weight: var(--page_font_weight_900);
  padding-right: 4px;
}
/* meta ist nicht darstellbar, daher direkt am Container */
.article-info .hits:before {
  font-family: var(--page_font_aws);
  content: var(--ico-eye);
  font-weight: var(--page_font_weight_900);
  padding-right: 4px;
}
/* ------------------------------------------------------------ Megamenu & Offcanvasmenu */
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-adown);
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-aright);
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: var(--sp_megamenu_font_size);
  color: var(--page_color_white);
}
.sp-megamenu-parent > li .sp-menu-badge {
  color: var(--page_color_white);
}
.sp-megamenu-parent .sp-mega-group > li > a, .sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title, .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
  font-size: var(--sp_megamenu_font_size);
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--page_color_white);
  font-weight: var(--page_font_weight_400);
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--page_color_white);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: var(--sp_megamenu_font_size);
  padding: 0.625em 0.625em;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--page_color_white);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background-color: var(--page_menu_background);
}
#offcanvas-toggler {
  font-size: 1.25em;
}
#offcanvas-toggler > span:hover, #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active, #offcanvas-toggler > .fas:hover, #offcanvas-toggler > .fas:focus, #offcanvas-toggler > .fas:active, #offcanvas-toggler > .far:hover, #offcanvas-toggler > .far:focus, #offcanvas-toggler > .far:active {
  color: var(--page_color);
}
#offcanvas-toggler > .fa, #offcanvas-toggler > .fas, #offcanvas-toggler > .far {
  color: var(--page_color_grey75);
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons, .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title, .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: var(--page_font_size);
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title, .offcanvas-menu .offcanvas-inner ul.menu > li {
  font-weight: var(--page_font_weight_700);
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
  margin: 0.625rem 0;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler:after {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-aright);
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .nav-header > .menu-toggler:after {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-adown);
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a, .offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  line-height: var(--page_menuoff_line-hight);
}
.offcanvas-menu .menu-toggler::after {
  content: var(--ico-aright);
}
.offcanvas-menu li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after, .offcanvas-menu li.menu-parent.menu-parent-open > .nav-header > .menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true] > a > .menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true] > .menu-separator > .menu-toggler::after, .offcanvas-menu li.menu-parent[aria-expanded=true] > .nav-header > .menu-toggler::after {
  content: var(--ico-adown);
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas, .offcanvas-menu, .offcanvas-menu .offcanvas-inner a, .offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: var(--page_color_grey75);
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: var(--page_color_hover) !important;
}
.offcanvas-menu {
  background-color: var(--page_color_white);
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active, .offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: var(--page_color);
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  font-size: var(--page_menuoff_font_size);
  padding: 0.625rem 0;
}
.offcanvas-menu .sp-module ul.menu > li > a:before, .offcanvas-menu .sp-module ul.menu-child > li > a:before {
  content: "";
  margin-right: 0px;
}
.offcanvas-menu .sp-module ul.menu > li > a:hover, .offcanvas-menu .sp-module ul.menu-child > li > a:hover {
  background-color: var(--page_color_white);
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li:not(:last-child) {
  margin-bottom: 5px;
}
.offcanvas-menu .sp-contact-info li {
  display: block;
  margin: 0px 10px 0px 0px;
  font-size: 90%;
  white-space: nowrap;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-right: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: var(--page_font_size);
  line-height: var(--page_menuoff_line-hight);
  font-weight: var(--page_font_weight_400);
  display: block;
  padding: 0.5em 0;
}
/* ------------------------------------------------------------ Buttons */
.btn {
  --bs-btn-font-size: var(--page_font_size);
  --bs-btn-border-radius: var(--page-btn-radius);
  display: inline-block;
  padding: var(--page-btn-padding-y) var(--page-btn-padding-x);
}
.btn-primary, .sppb-btn-primary {
  border-color: var(--page_color);
  background-color: var(--page_color);
  color: var(--page_color_white);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle, .sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active {
  border-color: var(--page_color_hover);
  background-color: var(--page_color_hover);
  color: var(--page_color_white);
}
.btn-primary {
  --bs-btn-color: var(--page_color_white);
  --bs-btn-bg: var(--page_color);
  --bs-btn-border-color: var(--page_color);
  --bs-btn-hover-color: var(--page_color_white);
  --bs-btn-hover-bg: var(--page_color_hover);
  --bs-btn-hover-border-color: var(--page_color_hover);
  --bs-btn-active-color: var(--page_color_white);
  --bs-btn-active-bg: var(--page_color_hover);
  --bs-btn-active-border-color: var(--page_color_hover);
  --bs-btn-disabled-color: var(--page_color_white);
  --bs-btn-disabled-bg: var(--page_color);
  --bs-btn-disabled-border-color: var(--page_color);
}
.btn-primary-outl, .btn-secondary {
  border-color: var(--page_color_secondary);
  background-color: var(--page_color_white);
  color: var(--page_color_secondary);
  border-style: solid;
  border-width: 1px;
}
.btn-primary-outl:hover, .btn-primary-outl:focus, .btn-primary-outl:active, .btn-primary-outl.active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  color: var(--page_color_white);
  background-color: var(--page_color_secondary);
  border-color: var(--page_color_secondary);
}
.btn:focus, .btn:focus-visible, .btn:active:focus, .btn-check:focus + .btn, .btn-check:checked + .btn, .show > .btn.dropdown-toggle:focus {
  outline: none;
  box-shadow: none !important;
}
/* ------------------------------------------------------------ Social-Icons */
ul.social-icons > li a:hover {
  color: var(--page_color);
}
/* ------------------------------------------------------------ Module */
.sp-module ul > li > a, .sp-module .latestnews > div > a, .sp-module ul.menu > li > a {
  color: var(--page_color_grey75);
}
.sp-module ul > li > a:hover, .sp-module .latestnews > div > a:hover, .sp-module ul.menu > li > a:hover {
  color: var(--page_color);
}
.sp-module .tagscloud .tag-name:hover {
  background: var(--page_color);
}
.search .btn-toolbar button {
  background: var(--page_color);
}
.sp-module ul.menu > li > a:hover {
  color: var(--page_color_hover);
}
.sp-module ul.menu > li > a:before, .sp-module ul.menu-child > li > a:before {
  font-family: var(--page_font_aws);
  content: var(--ico-aright);
  font-weight: var(--page_font_weight_900);
  margin-right: 8px;
}
.sp-module ul.menu-child {
  margin-left: 8px;
}
.sp-module ul.menu > li > a:hover, .sp-module ul.menu-child > li > a:hover {
  background-color: var(--page_menu_background);
}
.sp-module-content .latestnews > li > a > span {
  font-size: var(--page_font_size);
}
/* ------------------------------------------------------------ Bottom & Footer */
#sp-bottom {
  background: var(--bottom_color_bg);
  color: var(--bottom_color);
  padding: 0em 0 0em;
  font-size: var(--bottom_font_size);
  line-height: 1.6;
}
.bottom-row1 {
  background-color: #7cb0d6;
  color: #367AAB;
  text-align: center;
  font-weight: 600;
}
.bottom-row1 h3 {
  font-weight: var(--page_font_weight_600);
}
@media (min-width: 768px) {
  #sp-bottom {
    background-image: url('../../images/footer-hg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .bottom-row1 .row {
    line-height: 170%;
    background-image: url(../../images/warnsymbol.png);
    background-position: left center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 200px;
    min-height: 80px;
    background-repeat: no-repeat;
    text-align: right;
  }
  .bottom-row2 .row {
    background-color: #000000;
    padding: 15px;
    margin: 0px;
  }
}
.bottom-row2 h2 {
  font-weight: 400;
  font-size: 1.750em;
  color: #61ade3;
  padding-bottom: .75rem;
}
#sp-bottom a {
  color: var(--bottom_color);
}
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
  color: var(--bottom_color_hover);
}
#sp-bottom a.btn-primary {
  color: var(--page_color_white);
}
#sp-bottom .sp-module .sp-module-title {
  font-weight: var(--page_font_weight_700);
  font-size: var(--bottom_font_size_header);
  margin: 0 0 30px;
  color: var(--bottom_color);
  text-transform: uppercase;
}
#sp-bottom ul a:before {
  font-family: var(--page_font_aws);
  content: var(--ico-aright);
  font-weight: var(--page_font_weight_900);
  margin-right: 8px;
}
#sp-bottom .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-bottom .sp-module ul > li {
  display: block;
  border-bottom: 1px solid rgba(220,240,255,0.5);
  -webkit-transition: 300ms;
  transition: 300ms;
  line-height: 20px;
  padding-bottom: 10px;
}
#sp-bottom .sp-module ul > li:last-of-type {
  border-bottom: 0px solid var(--page_color_line);
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: var(--page_color_white);
}
#sp-footer {
  background: var(--footer_color_bg);
  color: var(--footer_color);
  font-size: var(--footer_font_size);
  line-height: var(--footer_font_line_height);
}
#sp-footer a, #sp-footer a:visited, #sp-footer a:active, #sp-footer a:focus {
  color: var(--footer_color_link);
}
#sp-footer a:hover {
  color: var(--footer_color_link_hover);
}
#sp-footer .sp-module-content{
	padding-left: 30px;
	padding-right: 30px;
}
/* ------------------------------------------------------------ Pagination */
.pagination > li > a, .pagination > li > span {
  color: var(--page_color_grey75);
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: var(--page_color_grey75);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
  border-color: var(--page_color);
  background-color: var(--page_color);
}
.sp-scroll-up {
  font-size: var(--page_font_size);
  color: var(--page_color_white);
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  color: var(--page_color_white);
  background: var(--page_color_black);
}
.search-pagination {
    margin-top: 1.5rem !important;
}
.com-content-category__pagination ul, .com-finder__pagination ul, .com-finder__counter {
	text-align: center;
	justify-content: center;
}
.category-list .btn-group {
    margin-top: 0.5rem !important;
    margin-bottom: 1.5rem !important;
}
/* ------------------------------------------------------------ ComingSoon & ErrorPage */
.error-code, .coming-soon-number {
  color: var(--page_color);
}
.sp-comingsoon body {
  background-color: var(--page_color);
}
html.error-page body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 100%;
}