/* Basis-Parameter */ :root {

/* Farben */
  --page_color: #990000;
  --page_color_hover: #515731;
  --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: #c7c7c7;
  --page_color_grey40: #4b4b4b;
  --page_color_grey50: #828282;
  --page_color_grey75: #252525;
  --page_color_grey90: #f9fafb;
  --page_color_line: #C1D9E1; 
  --page_color_font: #000;
  
/* 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: 'Noto Serif', serif;;
  --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_header: var(--page_font_size_h2);
  --page_font_size_small: clamp(0.6875rem, 0.5vw + 0.2rem, 0.8125rem); /* 11px–13px */
  --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); /* Dynamisch zwischen 1.4em und 1.6em */
  --page_font_style_italic: italic;
  --page_font_style_normal: normal;
  --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: #ffffff;
  --top_color_bg: #515731;
  --top_font_size: var(--page_font_size_small);

/* Header Menu Button*/
  --header_height: 200px;
  --logo_height: 100px;
  --logo_height-mobile: 60px;
  --header_height-mobile: 40px;
  --header_height-toggler: 50px;
  --page_menu_background: rgba(153, 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: 0.5rem;
  --page-btn-padding-x: 0.75rem;
  --page-btn-padding-y: 0.375rem;

/* Image*/
  --page_img-border: 0px;

/* Icons*/
  --ico-load: "\e1d4"; /* --- Loader-Spinner */
  --ico-search: "\f002"; /* --- Lupe */
  --ico-adown: "\f107"; /* --- Angel down */
  --ico-aright: "\f105"; /* --- Angel 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 Catergory-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 */


/* SP Pagebuilder */
  --page_sp-grid: 2em;
  --page_sp-inner-row: 1.5em;
  --page_sp-row: 0em;
  
/* bottom */
  --bottom_color: var(--page_color_white);
  --bottom_color_bg: #f5f5f5;
  --bottom_font_size: var(--page_font_size);
  --bottom_font_size_header: var(--page_font_size_h3);

/* footer */
  --footer_color: var(--page_color_white);
  --footer_color_bg: #75220F;
  --footer_color_link: var(--page_color_grey25);
  --footer_color_link_hover: var(--page_color_white);
  --footer_font_size: 0.875em;
  --footer_font_line_height: clamp(1.1em, 2vw + 0.8rem, 1.4em); 
}

/* ------------------------------------------------------------ Template Overwirtes */

body.helix-ultimate-preloader:after {
  content: "\e1d4";
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  font-size: 2.25em;
}
.article-details .article-can-edit {
    margin-bottom: 0px;
}
#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: "\f002";
  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 {
  background-color: var(--page_color_white);
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: var(--page_color_white);
}
#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: "\f107";
  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 {
  font-size: var(--page_font_size);
}
.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 {
  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-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-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: 0px;
}
#sp-left .sp-module .menu-deeper 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;
  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, #sp-right .sp-module .tagscloud .tag-name span {
  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: #252525
}
.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);
}
.related-article-list-container ul.related-article-list li .published {
  font-size: var(--page_font_size_small);
}
.tags > li a {
  font-size: var(--page_font_size_small);
}
.tags > li a:hover {
  color: var(page_color_white)
}
.pager > li a {
  font-size: var(--page_font_size_small);
}
.article-ratings .rating-symbol {
  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 {
  content: "\f005";
}
.article-ratings .rating-symbol span.rating-star:before {
  content: "\f005";
}
.article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover ~ span.rating-star:before {
  content: "\f005";
}
.article-ratings .ratings-count {
  font-size: var(--page_font_size_small);
}
.article-social-share .social-share-icon ul li a {
  font-size: var(--page_font_size);
}
.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-social-share ul li {
  font-size: var(--page_font_size_social_share);
}
.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_white);
}
.form-control-feedback {
  font-size: var(--page_font_size_small);
}
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: "\f078";
  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: "\f002";
  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 {
  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: "\f00d";
  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-with-drop .chzn-drop .chzn-results:not(:empty) {
  background: var(--page_color_white);
}
#sp-cookie-consent {
  font-size: var(--page_font_size_small);
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label {
  font-size: var(--page_font_size_small);
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success {
  color: var(page_color_white)
}
.com-contenthistory .btn-group button {
  font-size: var(--page_font_size);
}
#system-message-container .alert {
  font-size: var(--page_font_size_small);
}
#system-message-container joomla-alert {
  font-size: var(--page_font_size_small);
}
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);
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 #upbutton {
  color: var(page_color_white);
}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel {
  color: var(page_color_white)
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type=submit] {
  color: var(page_color_white);
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type=button] {
  color: var(page_color_white)
}
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] {
  color: var(page_color_white);
}
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 {
  border: 3px solid var(--page_color);
}
.sp-pre-loader .sp-loader-clock:after {
  background-color: var(--page_color);
}
.sp-pre-loader .sp-loader-clock:before {
  background-color: var(--page_color);
}
.sp-pre-loader .sp-loader-circle {
  border: 3px solid fade(var(--page_color), 70%);
}
.sp-pre-loader .sp-loader-circle:after {
  background-color: var(--page_color);
}
.sp-pre-loader .sp-loader-bubble-loop {
  background-color: var(--page_color);
}
.sp-pre-loader .circle-two > span, .sp-pre-loader .circle-two > span:before, .sp-pre-loader .circle-two > span:after {
  border: 2px solid var(--page_color);
}
.sp-pre-loader .wave-two li {
  background-color: 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%;
}
.sp-pre-loader .sp-loader-with-logo .line {
  background: var(--page_color);
}

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);
}

/* ------------------------------------------------------------ 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 {
    color: var(--page_color_black);
}
.mod-cform .convertforms .cf-control-input-desc {
    opacity: 1;
    color: var(--page_color_black);
}
.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: "\f071";
  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  {
  border: var(--page_img-border) solid;
  border-color: var(--page_color);
}
.bildrechts {
  float: right;
  margin-right: 0;
  margin-left: 25px;
  margin-bottom: 10px;
  padding: 0;
  width: 300px;
}
.bildlinks {
  float: left;
  margin-right: 25px;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 300px;
}
.bildvoll {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 15px;
  padding: 0;
}
hr, hr:not([size]) {
  border: 0px solid !important;
  border-bottom: 1px solid var(--page_color_grey10) !important;
  opacity: 1 !important;
  height: 0px !important;
  clear: both !important;
  background-color: var(--page_color_white);
}
ul.liste {
  list-style: none;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.liste li {
  padding-left: 1.5em;
  padding-bottom: 0.5em;
}
.liste li:before {
  font-family: var(--page_font_aws);
  content: "\f00c";
  font-weight: var(--page_font_weight_900);
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
}
/* -- SIGallery im CSS media/sigplus/css unten angehängt */

/*------------------ Pagbuilder */
/*--- 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);
}
.wsp-inner-row {
  padding-top: var(--page_sp-inner-row);
  padding-bottom: var(--page_sp-inner-row);
}
/*--- für Sections mit einer Column */
.wsp-grid {
    padding-top: var(--page_sp-grid);
    padding-bottom: var(--page_sp-grid);
}
/* ----------------- Helix 3 */
.minimodul, .angebot2, .present {
	width: 100%;
    padding: 15px;
    border: solid 1px #c6c6be;
    margin-bottom: 15px;
    display: inline-block;
}
.minimodul .bildlinks {
	width: 200px;
}
.minimodul, .angebot2 {
    background-color: #f0f0f0;
}
.present img {
	width: auto;
   height: auto;
}
.angebot2 img {
	width: 40px;
   height: auto;
}

.angebot2 h3 {
    padding-top: 0px;
	margin-top: 0px;
}
.minimodul h3{
    padding-top: 0px!important;
	margin-top: 0px!important;
}
.bildleiste_re { width: 130px; float: right; margin-left: 10px; }

.article-list .article .featured-article-badge {
    display: none;
}
.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 0px;
    border: 0px solid #f5f5f5;
    border-radius: 3px;
}
.entry-header h2 a, .entry-header h1 a {
    color: #515731;
    font-weight: normal;
}
.spd2row {
    margin-top: 16px;
}
.spb-sp1 {

    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
	}

.spb-sp2 {
	border: 1px solid #999;
    background-color: #f0f0f0;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
	padding: 15px;}

.spb-sp1 h2, .spb-sp2 h2 {
	margin-top: 0px!important;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    font-size: 1.625em;
    color: #515731;
    border-bottom: 1px solid #D4CCAA!important;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.spb-sp2 h3 {
    line-height: 1.625em;
}

/* -------------------------------------------------------------------------------------------- Weinlexikon */

#wlex.pagination {
    margin: 20px 0;
	display: inline-block;
    padding-left: 0;
}

#wlex ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#wlex .pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
#wlex .pagination ul>li {
    display: inline;
	line-height: 20px;
	padding: inherit;
    margin: inherit;
}
#wlex .pagination ul>li:first-child>a {
	border-left-width: 1px;
}
#wlex .pagination ul>li>a {
	float: left;
    display: inline;
	line-height: 20px;
	padding: 8px;
	margin: 0px;
	border: 1px solid #ddd;
	border-left-width: 0;
}

#wlex .pagination ul>li>a:hover {
    background-color: #F1F1F1;
}
.wlex-page h2 {
    font-size: 1.5em;
    font-weight: 400;
    border-top: 1px solid #DDDDDD;
}

/*------------------ 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, .minimodul .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, #sp-bottom .sp-module-content, #sp-bottom .sp-module-content img {
    text-align: center;
  }
#sp-bottom .sp-module-content img {
    display: inline-block;
  }
  .mod-syswbereiche ul > li, .mod-syswrecht ul > li {
  border-bottom: 0px solid var(--page_color_grey75)!important;
  padding-bottom: 3px!important;
}
}
@media (max-width: 991px) {
  #sp-bottom .spc-bottom {
    text-align: center;
    width: 100%;
    float: none;
    padding-bottom: 10px;
  }
  
#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%;
  }
}

@media (min-width: 768px) {
    .spb-sp1 .bildrechts, .spb-sp2 .bildrechts {
        float: right;
        margin-right: 0;
        margin-left: 15px;
        margin-bottom: 10px;
        padding: 0;
        width: 120px;
    }
}
/* ------------------------------------------------------------ Layoutanpassung */

.container, .sppb-row-container {
	max-width: 1198px !important;
    margin: 0 auto;
    padding-left: .75rem;
    padding-right: .75rem;
  }
  
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 2em;
    border: 0px solid #f3f3f3;
    padding: 0px;
    border-radius: 3px;
}
.wmnliste .sysw-news-list li {
    padding-bottom: 0rem; 
    margin-bottom: 0rem; 
}
.wmnliste .sysw-news-list h4 {
    font-size: var(--page_font_size_h5);
	margin-bottom: 0.75rem;
	padding-top: 0.75rem;
}
.mod-sysw-news .meta {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    font-size: var(--page_font_size_small);
    color: var(--page_color_grey75);
}
.newsID {
    margin-top: 1rem;
}
.newsID h3 {
    font-weight: var(--page_font_weight_400);
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.newsID .headline h3 {
    margin-bottom: 0rem;
}

.newsID h3:before {
    display:none;
}
.wmitem .minimal .sysw-news-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
    margin-bottom: 0rem;
    border: 1px solid var(--page_color_grey25);
	background-color: #f0f0f0;
}
.menu-deeper .small {
	  font-size: var(--page_font_size);
}

/* ------------------------------------------------------------------------------------------ Content-Grid */

.main-grid-container {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
.grid-container {
display: grid;
grid-template-columns: 250px 1fr;
}

.product-item {
	border: solid 1px #c6c6be;
padding: 1rem;
font-size: 1em;
text-align: center;
  position: relative;
  background-color: #f0f0f0;
}
.product-info{
	border: solid 1px #c6c6be;
padding: 1rem;
font-size: 1em;
    text-align: left;        
    }
.product-info p{
    margin-bottom: 0.5rem;        
    }
.product-info h3{
    padding-top: 0px;        
    }
img.product-item-image {
    max-height: 200px;
    display: inline-block;
}

.grid-container-object {
display: grid;
grid-template-columns: 250px 1fr;
border-bottom: solid 1px #c6c6be;
grid-gap: 1.5rem;
}

.object-item {
padding: 0rem;
font-size: 1em;
text-align: center;
position: relative;
}
.object-info{
padding: 1rem;
font-size: 1em;
text-align: left;
}
img.object-item-image {width: 100%;padding-top: 1rem;}

@media screen and (max-width: 960px) {
.main-grid-container {
grid-template-columns: 1fr 1fr;
}
.grid-container {
grid-template-columns: 1fr;
grid-template-rows: 230px 1fr;
}
.grid-container-object {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
}
@media screen and (max-width: 640px) {
.main-grid-container {
grid-template-columns: 1fr;
}
.grid-container {
display: grid;

}
}

.wm-grid6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
	margin-top: 1em;
}
.wm-box {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 160px;
    padding: 1em;
    box-sizing: border-box;
    border: 1px solid #999;
    background-color: #f0f0f0;
}
.wm-box img{
    width:165px;
	height:120px;
	display: inline-block;
}

/* Mittlere Bildschirmgrößen: 2 Spalten, 3 Zeilen */
@media (max-width: 991.98px) {
    .wm-grid6 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Kleine Bildschirmgrößen: 1 Spalte, 6 Zeilen */
@media (max-width: 575.98px) {
    .wm-grid6 {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------------------ Preset */
/* ------------------------------------------------------------ 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;
}
body.site {
    background-image: url(../../images/waldseer-weinmarkt-hg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 702px;
    background-attachment: fixed;
    background-position: 50% 0;
}
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: 10px;
}

.article-details .article-header h1, .article-details .article-header h2, .blog-item .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) !important;
  font-weight: var(--page_font_weight_400);
  border: 0px solid;
  border-bottom: 1px solid var(--page_color_grey10) !important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-bottom: 4px;
}
.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);
}
.sp-contact-info li {
    display: inline-block;
    margin: 0 10px;
    font-size: 80%;
}
#sp-top-bar ul.social-icons {
  font-size: var(--page_font_size);
}
#sp-top-bar a {
  color: var(--top_color_white);
  font-weight: 700;
}
#sp-top-bar a:hover {
    font-weight: 700;
    color: #cccccc;
}
#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 {
  margin-top: 0px;
}
#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-image: url("../../images/waldseer-weinmarkt-header.jpg");
    background-repeat: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-position: 50% 0;
    background-color: #75220f;
  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(--logo_height);
}
#sp-header .logo a {
  font-size: 1.5em;
}
.logo-image {
  height: auto;
}
.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);
  }
}

@media (min-width: 576px) {
    #sp-bottom .col-lg-3 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    #sp-bottom .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
/* ------------------------------------------------------------ Link */
a {
  color: var(--page_color);
}
a:hover, a:focus, a:active {
  color: var(--page_color_hover);
}
/* ------------------------------------------------------------ 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: 10px;}

.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 */

#sp-component h1, #sp-component h2, #sp-component h3, #sp-component h4 {
  color: var(--page_color_hover)
}

.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 #ededed;
  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: "\f07c";
  padding-right: 4px;
}
.article-info .createdby:before {
  font-family: var(--page_font_aws);
  content: "\f007";
  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: "\f073";
  font-weight: var(--page_font_weight_900);
  padding-right: 4px;
}
.article-info .hits:before {
  font-family: var(--page_font_aws);
  content: "\f06e";
  font-weight: var(--page_font_weight_900);
  padding-right: 4px;
}

/* ------------------------------------------------------------ Megamenu & Offcanvamenu */
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: "\f107";
}
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: "\f105";
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: var(--sp_megamenu_font_size);
}
.sp-megamenu-parent > li .sp-menu-badge {
  color: var(page_color_white);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  font-size: var(--sp_megamenu_font_size);
}
.sp-megamenu-parent > li > a {
  color: var(--page_color_grey75);
}
.sp-megamenu-parent > li:hover > a {
  color: var(--page_color);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--page_color);
}
.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-module .sp-module-title {
  font-size: var(--sp_megamenu_font_size);
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
  font-size: var(--sp_megamenu_font_size);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--page_color_white);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--page_color_grey75);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background-color: var(--page_menu_background);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--page_color);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--page_color);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--page_color_grey75);
}
#offcanvas-toggler {
  font-size: 1.25em;
    line-height: 97px;
    background-color: #515731;
    padding-left: 10px;
    padding-right: 10px;
}
#offcanvas-toggler > span:hover {
  color: var(page_color_white)
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
  font-size: var(--page_font_size);
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: var(--page_font_size);
  font-weight: var(--page_font_weight_700);
}
.offcanvas-menu .wmlogo {
  background-color: var(--page_color);
}
.offcanvas-menu .wmlogo .logo{
  margin-top: 1em;
}
.close-offcanvas {
    top: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li {
  font-weight: var(--page_font_weight_700);
}
.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 {
  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 li.menu-parent .menu-toggler:after {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
}
.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 {
  font-family: var(--page_font_aws);
  font-weight: var(--page_font_weight_900);
  content: var(--ico-adown);
}
.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.menu-parent > .nav-header > .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 > 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;
}
.offcanvas-menu .menu-toggler::after {
  content: 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: content: var(--ico-adown);
}
#offcanvas-toggler > .fa {
  color: var(--page_color_grey75);
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: var(--page_color);
}
#offcanvas-toggler > .fas {
  color: var(--page_color_grey75);
}
#offcanvas-toggler > .fas:hover, #offcanvas-toggler > .fas:focus, #offcanvas-toggler > .fas:active {
  color: var(--page_color);
}
#offcanvas-toggler > .far {
  color: var(--page_color_grey75);
}
#offcanvas-toggler > .far:hover, #offcanvas-toggler > .far:focus, #offcanvas-toggler > .far:active {
  color: var(--page_color);
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
  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);
  color: var(--page_color_grey75);
}
.offcanvas-menu .offcanvas-inner a {
  color: var(--page_color_grey75);
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
  color: var(--page_color);
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: var(--page_color_grey75);
  font-size: var(--page_menuoff_font_size);
  line-height: var(--page_menuoff_line-hight);
  padding: 0.625rem 0;
}
.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.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  /* color: rgba(37, 37, 37, 0.5) */
}
.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: wrap;
}
/* ------------------------------------------------------------ Buttons */
.btn-primary, .sppb-btn-primary {
  border-color: var(--page_color);
  background-color: var(--page_color);
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: var(--page_color_hover);
  background-color: var(--page_color_hover);
}
.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-secondary:hover {
  color: var(--page_color_white);
  background-color: var(--page_color_secondary);
  border-color: var(--page_color_secondary);
}
.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 {
  --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);
}
/* ------------------------------------------------------------ Social-Icons */
ul.social-icons > li a:hover {
  color: var(--page_color);
}
/* ------------------------------------------------------------ Module */

.sp-module h1, .sp-module h2, .sp-module h3, .sp-module h4 {
    margin-bottom: 1rem;
}
#sp-left h1, #sp-left h2, #sp-left h3, #sp-left h4 {
  color: var(--page_color_hover)
}
.sp-module ul > li > a {
  color: var(--page_color_grey75);
}
.sp-module ul > li > a:hover {
  color: var(--page_color);
}
.sp-module .latestnews > div > a {
  color: var(--page_color_grey75);
}
.sp-module .latestnews > div > 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 {
  color: var(--page_color_grey75);
}
.sp-module ul.menu > li > a:hover {
  color: var(--page_color);
}
.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: rgba(132,138,100,1);
    background: -moz-linear-gradient(top, rgba(132,138,100,1) 0%, rgba(132,138,100,1) 88%, rgba(88,92,62,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(132,138,100,1)), color-stop(88%, rgba(132,138,100,1)), color-stop(100%, rgba(88,92,62,1)));
    background: -webkit-linear-gradient(top, rgba(132,138,100,1) 0%, rgba(132,138,100,1) 88%, rgba(88,92,62,1) 100%);
    background: -o-linear-gradient(top, rgba(132,138,100,1) 0%, rgba(132,138,100,1) 88%, rgba(88,92,62,1) 100%);
    background: -ms-linear-gradient(top, rgba(132,138,100,1) 0%, rgba(132,138,100,1) 88%, rgba(88,92,62,1) 100%);
    background: linear-gradient(to bottom, rgba(132,138,100,1) 0%, rgba(132,138,100,1) 88%, rgba(88,92,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848a64', endColorstr='#585c3e', GradientType=0 );
  color: var(--bottom_color);
  padding: 3em 0 2em;
  font-size: var(--bottom_font_size);
  line-height: 1.6
}
#sp-bottom a {
  color: var(--bottom_color);
}
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
  color: var(--page_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: "\f105";
  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: 0px solid var(--page_color_grey10);
  -webkit-transition: 300ms;
  transition: 300ms;
  line-height: 20px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
#sp-bottom .spbottom2 i {
    font-size: 3em;
}

#sp-bottom .spbottom3 ul {
    list-style: none;
    padding: 0;
    margin-left: 0px;
    margin-right: 16px;
}
#sp-bottom .spbottom3 li {
    padding-left: 1.5em;
}
#sp-bottom .spbottom3 li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    display: inline-block;
    margin-left: -1.5em; /* same as padding-left set on li */
    width: 1.5em; /* same as padding-left set on li */
}

#sp-bottom .sp-module ul > li:last-of-type {
  border-bottom: 0px solid var(--page_color_grey75);
}
#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);
}
/* ------------------------------------------------------------ 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 {
  border-color: var(--page_color);
  background-color: var(--page_color);
}
.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);
}
/* ------------------------------------------------------------ CommingSoon & 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%;
}