@charset "UTF-8";
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
body {
  --management-highlight-color: #006160;
  --management-highlight-color-rgb: 0, 97, 96;
  --management-panel-width: 0px;
  --size-5: clamp(3px,0.5vw,5px);
  --size-10: clamp(6px,1vw,10px);
  --size-15: clamp(9px,1.5vw,15px);
  --size-20: clamp(15px,2vw,20px);
  --size-25: clamp(17px,2.5vw,25px);
  --size-30: clamp(18px,3vw,30px);
  --size-35: clamp(20px,3.5vw,35px);
  --size-40: clamp(22px,4vw,40px);
  --size-45: clamp(23px,4.5vw,45px);
  --size-50: clamp(26px,5vw,50px);
  --size-60: clamp(28px,6vw,60px);
  --size-70: clamp(32px,7vw,70px);
  --size-80: clamp(35px,8vw,80px);
  --size-90: clamp(35px,9vw,90px);
  --size-100: clamp(40px,10vw,100px);
  --size-110: clamp(40px,11vw,110px);
  --size-120: clamp(40px,12vw,120px);
  --size-130: clamp(45px,13vw,130px);
  --size-140: clamp(45px,14vw,140px);
  --size-150: clamp(50px,15vw,150px);
  --size-160: clamp(50px,16vw,160px);
  --size-170: clamp(50px,17vw,170px);
  --size-180: clamp(55px,18vw,180px);
  --size-190: clamp(55px,19vw,190px);
  --size-200: clamp(60px,20vw,200px);
  --size-250: clamp(70px,25vw,250px);
  --sidebar-width: calc(410px + var(--management-panel-width));
  --sidebar-space: var(--size-80);
  --siteframe: 960px;
  --siteframe-space: var(--size-80);
  --paragraph-space: var(--size-20);
  --border-radius: 0;
  --border-radius-small: 0;
  --border-radius-very-small: 0;
  --border-radius-button: 0;
  --box-shadow: 0 2px 12px rgba(var(--background-dark-style-rgb),0.12);
  --icon-width: 48px;
  --primary-color: #006160;
  --primary-color-dark: #005756;
  --signal-color: #E5575F;
  --text-color: #000;
  --icon-color: #F0F0F0;
  --icon-color-light: #e2e2e2;
  --background-light: #fff;
  --background-medium: #F0F0F0;
  --background-dark: #e2e2e2;
  --background-rgb: 243, 241, 239;
  --background-dark-style-dark: #000;
  --background-dark-style-medium: #222222;
  --background-dark-style-light: #343434;
  --background-dark-style-rgb: 34, 34, 34;
  --theme-color: #006160;
  --theme-color-rgb: 0, 97, 96;
  --theme-color-dark: #005756;
  --theme-color-text: #006160;
  --text-on-theme-color: #fff;
  --input-border: rgba(0,0,0,0.25);
  --input-border-hover: rgba(0,0,0,1);
  --input-background: var(--background-light);
  --input-background-hover: var(--background-light);
  --input-color: rgba(0,0,0,0.5);
  --input-color-hover: var(--text-color);
  --input-padding-top-bottom: clamp(7px,0.9vw,9px);
  --input-padding-left-right: clamp(12px,1.5vw,15px);
  --input-padding: var(--input-padding-top-bottom) var(--input-padding-left-right);
  --input-border-radius: var(--border-radius-small);
}
body.root_category_5 {
  --theme-color: #F5CBD4;
  --theme-color-rgb: 245, 203, 212;
  --theme-color-dark: #e4bdc5;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
body.root_category_134 {
  --theme-color: #FBBA00;
  --theme-color-rgb: 251, 186, 0;
  --theme-color-dark: #e9ad00;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
body.root_category_130 {
  --theme-color: #D9E5A9;
  --theme-color-rgb: 217, 229, 169;
  --theme-color-dark: #cad59d;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
body.root_category_3 {
  --theme-color: #78160E;
  --theme-color-rgb: 120, 22, 14;
  --theme-color-dark: #6c140d;
  --theme-color-text: #78160E;
}
body.root_category_6 {
  --theme-color: #122940;
  --theme-color-rgb: 18, 41, 64;
  --theme-color-dark: #10253a;
  --theme-color-text: #122940;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* --------------------------------------------------------------------------

Content in this file:

- global helpers
- floating classes
- content: accordeon & table
- forms: checkbox & captcha
- entry links
- cookie banner / privacy banner
- tooltip
- custom font awesome

-----------------------------------------------------------------------------*/
/* !@group global helpers */
* {
  margin: 0;
  padding: 0;
}

a, object {
  outline: none !important;
}

.cf,
.clear {
  float: none;
  clear: both;
  line-height: 0;
  width: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
  height: 0;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.fullwidth,
.p_fullwidth input {
  width: 100% !important;
}

hr {
  display: none;
}

.nobr {
  white-space: nowrap;
}

.hidden {
  display: none;
}

.sr-only {
  clip: rect(0px, 0px, 0px, 0px) !important;
  height: 1px !important;
  position: absolute !important;
  width: 1px !important;
  border-width: 0px !important;
  border-style: initial !important;
  border-color: initial !important;
  border-image: initial !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0px !important;
  display: block !important;
}

/* @end */
/* @group picture styles */
.resource_background {
  display: block;
  position: relative;
}

.resource.picture:not(.picture_content) {
  float: left;
}

.resource.picture a img,
.resource.picture img {
  display: block;
}

/* @end */
/* @group floating classes */
.float_right {
  float: right;
}

.float_left, .float_left_no_clear {
  float: left;
  position: relative;
}

.float_right_with_clear {
  float: right;
  clear: right;
}

.float_left_with_clear {
  float: left;
  clear: left;
}

.clear {
  clear: both;
  float: none;
}

label.nofloat {
  clear: none;
  padding: 0;
  margin: 0;
  float: none !important;
  width: auto !important;
  max-width: none;
}

/* @end */
/* @group content: accordeon & table */
.accordeon {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.accordeon_content {
  display: none;
  padding: 2px 0 14px 0;
}

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

table th,
table td {
  vertical-align: top;
}

.table_wrap_container,
.table_wrap {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.table_wrap_container {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.table_wrap_container.visible_indicator {
  position: relative;
  padding: 25px 0 0;
}
.table_wrap_container.visible_indicator .table_wrap_container table,
.table_wrap_container.visible_indicator .news_events_table {
  width: auto !important;
}
.table_wrap_container.visible_indicator .table_scroll_indicator {
  display: block;
}

.table_scroll_indicator {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
.table_scroll_indicator:hover {
  cursor: pointer;
}

/* @end */
/* @group forms: checkbox & captcha */
label.label_remember_me_checkbox {
  display: block;
  padding: 4px 0;
}

input#remember_me {
  width: auto;
}

label.label_remember_me_checkbox label.checkbox {
  display: inline;
  width: auto !important;
  float: none !important;
  font-size: 93%;
}

label.label_remember_me_checkbox input {
  margin-right: 5px;
}

label.label_remember_me_checkbox label {
  pointer-events: none;
}

div.captcha_protection {
  padding: 14px 15px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -o-linear-gradient(top, #fff, #eee);
  background: linear-gradient(to bottom, #fff, #eee);
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 3px #eee;
  width: auto;
  display: inline-block;
  zoom: 1;
  *display: inline;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

div.captcha_protection span.captcha_title {
  font-weight: normal;
  display: block;
  font-size: 12px;
  line-height: normal;
  border-bottom: 1px solid #ccc;
  margin: -14px -15px 8px;
  padding: 8px 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -o-linear-gradient(top, #fff, #eee);
  background: linear-gradient(to bottom, #fff, #eee);
  border-radius: 7px 7px 0 0;
  color: #333;
}

div.captcha_protection span.captcha_input_title {
  font-weight: normal;
  margin-bottom: 1px;
  display: block;
  color: #555;
}

div.captcha_protection label {
  margin-right: -8px;
  display: none !important;
}

div.captcha_protection span#captcha_help_link {
  font-size: 10px;
  text-decoration: underline;
  position: relative;
  cursor: help;
  color: #666;
  white-space: nowrap;
}

div.captcha_protection span#captcha_help_link:hover {
  color: #333;
}

div.captcha_protection span#captcha_help_text {
  position: absolute;
  top: 10px;
  right: -195px;
  width: 180px;
  background: #f0f0f0;
  border: 1px solid #666;
  border-radius: 5px;
  box-shadow: 0 0 3px #666;
  padding: 5px 8px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#eee));
  background: -moz-linear-gradient(top, #fff, #ddd);
  background: -o-linear-gradient(top, #f0f0f0, #eee);
  background: linear-gradient(to bottom, #f0f0f0, #eee);
}

div.captcha_protection img.captcha_img {
  width: 220px;
}

/* @end */
/* @group entire link */
.listing_entry_link,
.overview_entry_link,
.portlet_content_entry_link,
.portlet_listing_entry_link,
.portlet_shop_article_entry_link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 25;
}

/* @end entire link */
/* @group cookie banner / privacy banner */
#privacy_banner {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 100%;
  max-width: 460px;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
}
#privacy_banner #privacy_banner_inner {
  padding: 20px;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  text-align: left;
  position: relative;
}
#privacy_banner #privacy_banner_inner #privacy_icon {
  display: inline-block;
  vertical-align: middle;
  width: 86px;
  margin-right: -5px;
}
#privacy_banner #privacy_banner_inner #privacy_icon i {
  font-size: 66px;
  line-height: 66px;
  text-align: left;
}
@media screen and (max-width: 380px) {
  #privacy_banner #privacy_banner_inner #privacy_icon {
    display: none;
  }
}
#privacy_banner #privacy_banner_inner #privacy_description_wrap {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 86px);
}
#privacy_banner #privacy_banner_inner #privacy_description_wrap .privacy_responsive_icon {
  display: none;
  float: left;
  margin-right: 10px;
}
#privacy_banner #privacy_banner_inner #privacy_description_wrap .privacy_responsive_icon i {
  font-size: 30px;
  line-height: 30px;
}
@media screen and (max-width: 380px) {
  #privacy_banner #privacy_banner_inner #privacy_description_wrap {
    width: 100%;
  }
  #privacy_banner #privacy_banner_inner #privacy_description_wrap .privacy_responsive_icon {
    display: block;
    float: left;
  }
  #privacy_banner #privacy_banner_inner #privacy_description_wrap .privacy_message {
    overflow: hidden;
  }
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button,
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information {
  margin-top: 10px;
  display: inline-block;
  vertical-align: middle;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button {
  margin-right: 10px;
  width: auto;
  padding: 8px 14px 7px;
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
  border: none;
  outline: none;
  cursor: pointer;
  backface-visibility: hidden;
  -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
  -o-transition: color 0.2s ease-out, background 0.2s ease-out;
  transition: color 0.2s ease-out, background 0.2s ease-out;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button i {
  margin-right: 6px;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button i:before {
  color: #fff;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button:hover, #privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button:focus, #privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button:active {
  opacity: 0.7;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information {
  position: relative;
  text-decoration: none;
  color: #fff;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information:before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background: #fff;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information:hover, #privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information:focus, #privacy_banner #privacy_banner_inner #privacy_buttons #privacy_more_information:active {
  opacity: 0.7;
}
@media screen and (max-width: 500px) {
  #privacy_banner {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* @end */
/* @group tooltip  */
.tooltipster-default {
  border-radius: 5px;
  background: #343333;
  color: #fff;
}
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 8px;
  overflow: hidden;
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

.tooltipster-default:not(.tooltipster-management) .tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-default:not(.tooltipster-management) .tooltipster-arrow span {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

/* @end */
/* @group font Awesome */
.fa-file-docx:before {
  content: "\e5ed";
}

.fa-photo:before {
  content: "\f03e";
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-VariableFont_wdth,wght.woff2") format("woff2");
  font-weight: 1 999;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2");
  font-weight: 1 999;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "InputSerif";
  src: url("fonts/InputSerif-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "InputSerif";
  src: url("fonts/InputSerif-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group basic */
body {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--background-light);
}
body a {
  color: var(--text-color);
}
@media print {
  body {
    font-size: 13px;
    line-height: 20px;
  }
}
body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  display: block;
  background: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 100;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
body.with_fullscreen_menu, body.navi_open {
  overflow: hidden;
}

.page {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  padding-left: var(--sidebar-width);
  box-sizing: border-box;
}

.page_home #content {
  display: block;
}

#content {
  display: flex;
  flex-flow: column;
  align-content: flex-start;
  padding-top: var(--size-90);
  padding-bottom: var(--size-100);
}
#content > * {
  width: 100%;
}
#content:focus {
  outline: 0 !important;
}
#content .content_inner {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
#content .content_inner:not(:first-child) {
  margin-top: var(--size-60);
}
#content .content_inner .text_wrap {
  width: 100%;
}
#content .content_inner:empty {
  display: none;
}

.text_center {
  text-align: center;
}

.flex_wrap {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
}

/* @end */
/* !@group header */
.with_fullscreen_menu header {
  background: var(--background-light);
}

header {
  position: fixed;
  top: 0;
  right: unset;
  bottom: 0;
  left: var(--management-panel-width);
  width: var(--sidebar-width);
  display: flex;
  flex-flow: column;
  background: var(--background-medium);
  z-index: 200;
  box-sizing: border-box;
}
header .header_inner {
  display: flex;
  flex-flow: column;
  height: 100%;
  padding: var(--sidebar-space) 0;
  overflow: auto;
  box-sizing: border-box;
}
header #logo {
  margin: 0 0 var(--size-50);
  padding: 0 var(--sidebar-space);
  width: 100%;
  height: auto;
  max-width: calc(247px + 2 * var(--sidebar-space));
  box-sizing: border-box;
}
header #logo svg,
header #logo img {
  display: block;
  width: 100%;
  height: auto;
}
header ul.meta-navigation {
  display: none;
}
header .portlet {
  margin: auto 0 0;
  padding: var(--size-50) var(--sidebar-space) 0;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  header .portlet {
    font-size: 12px;
    line-height: 18px;
  }
}
header .portlet .portlet_content_introduction {
  margin-bottom: var(--paragraph-space);
}

.rwd_header {
  display: none;
}
.rwd_header .rwd_logo {
  position: absolute;
  top: var(--size-30);
  right: unset;
  bottom: unset;
  left: var(--size-30);
  width: clamp(150px, 20vw, 200px);
  z-index: 20;
}
.rwd_header .rwd_logo a {
  display: block;
  -webkit-transition: unset;
  -moz-transition: unset;
  -o-transition: unset;
  transition: unset;
}
.rwd_header .rwd_logo svg,
.rwd_header .rwd_logo img {
  display: block;
  width: 100%;
  height: auto;
}
.rwd_header .rwd_logo svg * {
  fill: var(--background-light);
}

/* @end */
/* !@group footer */
footer {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-on-theme-color);
  margin-top: auto;
  background: var(--theme-color);
}
footer a {
  color: var(--text-on-theme-color);
}
@media print {
  footer {
    font-size: 12px;
    line-height: 18px;
  }
}
footer .footer_inner {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
footer .portlet_search {
  padding: var(--size-20) 0;
  background: var(--background-medium);
}
footer .portlet_search .portlet_inner {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
footer .footer_top {
  padding: var(--size-50) 0;
}
footer .footer_top .footer_inner {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-40) var(--size-50);
}
footer .footer_top .footer_inner > .portlet {
  flex: 1;
  min-width: 140px;
}
footer .footer_top .footer_inner > .portlet:first-child {
  flex: 0 0 60%;
}
footer .footer_top .portlet .portlet-content {
  display: flex;
  align-items: center;
}
footer .footer_top .portlet .pictures {
  width: clamp(150px, 24.6vw, 246px);
  margin-right: var(--size-50);
}
footer .footer_top .portlet .portlet-title,
footer .footer_top .portlet .portlet-title a {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-on-theme-color);
  font-weight: 700;
  margin: 0;
}
footer .footer_top .portlet .portlet-title a,
footer .footer_top .portlet .portlet-title a a {
  color: var(--text-on-theme-color);
}
@media print {
  footer .footer_top .portlet .portlet-title,
  footer .footer_top .portlet .portlet-title a {
    font-size: 12px;
    line-height: 18px;
  }
}
footer .footer_top .portlet a {
  text-decoration: none;
}
footer .footer_top .portlet a:hover {
  color: var(--text-on-theme-color);
  text-decoration: underline;
}
footer .copyright {
  padding: calc(var(--size-20) - 3px) 0;
  color: var(--theme-color-text);
  background: var(--background-light);
}
footer .copyright ul {
  display: flex;
  flex-flow: wrap;
  gap: var(--size-10) var(--size-30);
  list-style: none;
}
footer .copyright ul li a {
  color: var(--theme-color-text);
  text-decoration: none;
}
footer .copyright ul li a:hover {
  text-decoration: underline;
}
footer .copyright ul li:nth-last-child(2) {
  margin-right: auto;
}
footer .copyright ul li:last-child {
  margin-left: auto;
  padding-right: 0;
}
footer .copyright ul li:last-child span {
  display: none;
}

/* @end */
/* @group privacy banner */
#privacy_banner {
  background: rgba(0, 0, 0, 0.95);
  border-radius: var(--border-radius);
}
#privacy_banner #privacy_banner_inner {
  color: #fff;
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button {
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--border-radius-small);
}
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button:hover {
  color: #fff;
  background: var(--primary-color);
  opacity: 1;
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group headings, paragraph */
h1 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 900;
  font-size: clamp(27px, 5vw, 50px);
  line-height: clamp(35px, 6vw, 60px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-30);
}
h1 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  h1 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 600px) {
  h1 {
    hyphens: auto;
  }
}
h1:last-child {
  margin-bottom: 0;
}
h1 + h2.subtitle {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(26px, 4.8vw, 48px);
  line-height: clamp(34px, 5.8vw, 58px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-30);
  margin-top: calc(-1 * var(--size-30));
}
h1 + h2.subtitle a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  h1 + h2.subtitle {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 600px) {
  h1 + h2.subtitle {
    hyphens: auto;
  }
}
h1 + h2.subtitle:last-child {
  margin-bottom: 0;
}

h2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
}
h2 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  h2 {
    font-size: 24px;
    line-height: 29px;
  }
}

h3 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
}
h3 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  h3 {
    font-size: 24px;
    line-height: 29px;
  }
}

h6,
h5,
h4 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 700;
  margin: 0 0 var(--size-5);
}
h6 a,
h5 a,
h4 a {
  color: var(--text-color);
}
@media print {
  h6,
  h5,
  h4 {
    font-size: 13px;
    line-height: 20px;
  }
}
h6 a,
h5 a,
h4 a {
  color: var(--text-color);
  text-decoration: none;
}

div.introduction {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
}
div.introduction a {
  color: var(--text-color);
  text-decoration: none;
}
div.introduction .button.outline:hover {
  background-color: var(--theme-color-text);
}

strong {
  font-weight: 600;
}

p:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
p:empty {
  display: none;
}

p + h2, ul + h2, ol + h2, .table_wrap_container + h2, .accordeon_wrap + h2 {
  margin-top: var(--size-70);
}
p + h3, p + h4, p + h5, p + h6, ul + h3, ul + h4, ul + h5, ul + h6, ol + h3, ol + h4, ol + h5, ol + h6, .table_wrap_container + h3, .table_wrap_container + h4, .table_wrap_container + h5, .table_wrap_container + h6, .accordeon_wrap + h3, .accordeon_wrap + h4, .accordeon_wrap + h5, .accordeon_wrap + h6 {
  margin-top: var(--size-50);
}

/* @end */
/* !@group links & buttons */
a {
  color: var(--text-color);
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: var(--text-color);
  text-decoration-thickness: 1px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a:hover {
  color: var(--theme-color-text);
  text-decoration: none;
}
a.button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
a.button:hover, a.button:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  a.button {
    display: none;
  }
}
a.button.medium {
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(13px, 1.8vw, 18px) clamp(20px, 3vw, 30px);
}
a.button.medium:hover, a.button.medium:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  a.button.medium {
    display: none;
  }
}
a.button.big {
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(18px, 2.6vw, 26px) clamp(26px, 4vw, 40px);
}
a.button.big:hover, a.button.big:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  a.button.big {
    display: none;
  }
}
a.button.outline {
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
}
a.button.outline:hover, a.button.outline:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  a.button.outline {
    display: none;
  }
}
a.button.outline.medium {
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(13px, 1.8vw, 18px) clamp(20px, 3vw, 30px);
  font-weight: 400;
}
a.button.outline.medium:hover, a.button.outline.medium:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  a.button.outline.medium {
    display: none;
  }
}
a.button.outline.big {
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(18px, 2.6vw, 26px) clamp(26px, 4vw, 40px);
  font-weight: 400;
}
a.button.outline.big:hover, a.button.outline.big:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  a.button.outline.big {
    display: none;
  }
}
a.external {
  text-decoration: none;
}
a.external:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f08e";
  margin-left: 8px;
}
a.mail {
  text-decoration: none;
}
a.mail:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f0e0";
  margin-right: 8px;
}
a.phone {
  text-decoration: none;
}
a.phone:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f879";
  margin-right: 8px;
}

.button_back {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
.button_back:not(:first-child) {
  margin-top: var(--size-60);
}
.button_back a:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f060";
  margin-right: 8px;
}

/* @end */
/* !@group list elements */
ol,
ul {
  margin: 0;
  list-style: none;
}
ol:not(:first-child),
ul:not(:first-child) {
  margin-top: var(--paragraph-space);
}
ol:not(:last-child),
ul:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
ol li,
ul li {
  position: relative;
}
ol li:not(:first-child),
ul li:not(:first-child) {
  margin-top: 0.2em;
}

ul li {
  padding-left: 1em;
}
ul li:before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-size: 0.4em;
  font-weight: 900;
  color: var(--text-color);
}
ul.level1, ul.level2, ul.copy, ul.tags, ul.select2-results__options, ul.select2-selection__rendered, ul.property_filter_as_tags, ul.sitemap, ul.rwd_navigation, ul.meta-navigation, ul.navigation {
  margin: 0;
}
ul.level1 li, ul.level2 li, ul.copy li, ul.tags li, ul.select2-results__options li, ul.select2-selection__rendered li, ul.property_filter_as_tags li, ul.sitemap li, ul.rwd_navigation li, ul.meta-navigation li, ul.navigation li {
  margin: 0;
  padding: 0;
}
ul.level1 li:before, ul.level2 li:before, ul.copy li:before, ul.tags li:before, ul.select2-results__options li:before, ul.select2-selection__rendered li:before, ul.property_filter_as_tags li:before, ul.sitemap li:before, ul.rwd_navigation li:before, ul.meta-navigation li:before, ul.navigation li:before {
  display: none !important;
}

ol {
  list-style: none;
  counter-reset: item;
}
ol li {
  padding-left: 1.2em;
  counter-increment: item;
}
ol li:before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  font-weight: 700;
  color: var(--text-color);
}

/* @end */
/* !@group table */
.table_wrap_container {
  overflow: auto;
  max-width: 100%;
  margin: 0;
  position: relative;
}
.table_wrap_container:not(:first-child) {
  margin-top: var(--paragraph-space);
}
.table_wrap_container:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}

table {
  text-align: left;
}
table td,
table th {
  padding: var(--size-15);
  background: none;
  color: var(--text-color);
}
table td a,
table th a {
  color: var(--text-color);
}
table td:first-child,
table th:first-child {
  padding-left: 0;
}
table td:last-child,
table th:last-child {
  padding-right: 0;
}
table th {
  border-bottom: 2px solid var(--text-color);
}
table td {
  border-top: 1px solid var(--background-dark);
  min-width: 100px;
}

/* @end */
/* !@group accordeon */
.accordeon_wrap:not(:first-child) {
  margin-top: var(--paragraph-space);
}
.accordeon_wrap:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.accordeon_wrap .accordeon_entry {
  border-top: 1px solid var(--background-dark);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  line-height: clamp(22px, 2.4vw, 27px);
  cursor: pointer;
  --icon-width: clamp(26px,3.6vw,36px);
}
@media print {
  .accordeon_wrap .accordeon_entry {
    font-size: 12px;
    line-height: 18px;
  }
}
.accordeon_wrap .accordeon_entry:last-child {
  border-bottom: 1px solid var(--background-dark);
}
.accordeon_wrap .accordeon_entry:hover .accordeon_title_selector {
  color: rgba(0, 0, 0, 0.5);
}
.accordeon_wrap .accordeon_entry:hover .accordeon_title_selector > a {
  color: rgba(0, 0, 0, 0.5);
}
.accordeon_wrap .accordeon_entry:hover .accordeon_title_selector:after {
  background: var(--icon-color);
}
.accordeon_wrap .accordeon_entry.visible_detail .accordeon_title_selector {
  color: var(--text-color);
}
.accordeon_wrap .accordeon_entry.visible_detail .accordeon_title_selector:after {
  background: var(--icon-color-light);
  color: var(--text-color);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-top: var(--size-10);
  padding-bottom: var(--size-10);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector, .accordeon_wrap .accordeon_entry .accordeon_title_selector > a {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 700;
  margin: 0 0 var(--size-5);
  margin: 0;
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector a, .accordeon_wrap .accordeon_entry .accordeon_title_selector > a a {
  color: var(--text-color);
}
@media print {
  .accordeon_wrap .accordeon_entry .accordeon_title_selector, .accordeon_wrap .accordeon_entry .accordeon_title_selector > a {
    font-size: 13px;
    line-height: 20px;
  }
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector a, .accordeon_wrap .accordeon_entry .accordeon_title_selector > a a {
  color: var(--text-color);
  text-decoration: none;
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector > a {
  pointer-events: none;
}
.accordeon_wrap .accordeon_entry .accordeon_title_selector:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 7 Pro";
  content: "+";
  font-size: calc(var(--icon-width) / 2);
  flex: 0 0 var(--icon-width);
  width: var(--icon-width);
  height: var(--icon-width);
  border-radius: 100%;
  background: var(--icon-color);
  color: var(--text-color);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accordeon_wrap .accordeon_entry .accordeon_content {
  display: none;
  padding: 0;
  margin-top: 0;
  padding-bottom: var(--size-30);
}
@media print {
  .accordeon_wrap .accordeon_entry .accordeon_title_selector:after {
    display: none;
  }
  .accordeon_wrap .accordeon_entry .accordeon_content {
    display: block;
  }
}

/* @end */
/* !@group tags */
.listing_property_filter ~ ul.tags {
  margin-top: var(--size-25);
}

ul.property_filter_as_tags,
ul.tags {
  display: flex;
  flex-flow: wrap;
  gap: clamp(8px, 2.5vw, 25px);
}
ul.property_filter_as_tags li,
ul.tags li {
  pointer-events: none;
}
ul.property_filter_as_tags li button,
ul.tags li button {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: 0;
}
ul.property_filter_as_tags li button,
ul.property_filter_as_tags li span,
ul.tags li button,
ul.tags li span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-color);
  background: var(--background-medium);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  pointer-events: all;
  display: block;
  text-transform: uppercase;
  letter-spacing: clamp(0.8px, 0.12vw, 1.2px);
}
ul.property_filter_as_tags li button:hover, ul.property_filter_as_tags li button:focus,
ul.property_filter_as_tags li span:hover,
ul.property_filter_as_tags li span:focus,
ul.tags li button:hover,
ul.tags li button:focus,
ul.tags li span:hover,
ul.tags li span:focus {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-dark);
}
@media print {
  ul.property_filter_as_tags li button,
  ul.property_filter_as_tags li span,
  ul.tags li button,
  ul.tags li span {
    display: none;
  }
}
ul.property_filter_as_tags li.selected span,
ul.property_filter_as_tags li.selected button, ul.property_filter_as_tags li[class*=active] span,
ul.property_filter_as_tags li[class*=active] button,
ul.tags li.selected span,
ul.tags li.selected button,
ul.tags li[class*=active] span,
ul.tags li[class*=active] button {
  background: var(--theme-color);
  color: var(--text-on-theme-color);
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group metanavigation */
.meta_wrap {
  position: sticky;
  top: 0;
  right: 0;
  bottom: unset;
  left: 0;
  padding: var(--size-15) 0;
  background: var(--theme-color);
  z-index: 100;
}

ul.meta-navigation {
  display: flex;
  flex-flow: wrap;
  list-style: none;
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
  font-family: "InputSerif", serif;
  font-weight: 400;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(18px, 2vw, 20px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-on-theme-color);
}
ul.meta-navigation a {
  color: var(--text-on-theme-color);
  text-decoration: none;
}
@media screen and (max-width: 1250px) {
  ul.meta-navigation {
    font-size: clamp(12px, 1.3vw, 13px);
    line-height: clamp(17px, 1.8vw, 18px);
  }
}
ul.meta-navigation > li:not(:first-child) {
  margin-left: var(--size-50);
}
ul.meta-navigation > li > a {
  position: relative;
}
ul.meta-navigation > li > a:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f138";
  margin-right: 8px;
}
ul.meta-navigation > li > a:before {
  font-weight: 300;
}
ul.meta-navigation > li > a:after {
  content: "";
  position: absolute;
  top: unset;
  left: 50%;
  width: 0;
  height: 1px;
  display: block;
  background: var(--text-on-theme-color);
  bottom: -3px;
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
ul.meta-navigation > li#meta-nav-128 > a:before {
  content: "\f059";
}
ul.meta-navigation > li#meta-nav-8 > a:before {
  content: "\f302";
}
ul.meta-navigation > li#meta-nav-9 > a:before {
  content: "\f238";
}
ul.meta-navigation > li#meta-nav-104 > a:before {
  content: "\f041";
}
ul.meta-navigation > li#meta-nav-11 > a:before {
  content: "\f5fd";
}
ul.meta-navigation > li#meta-nav-13 > a:before {
  content: "\f4aa";
}
ul.meta-navigation > li#meta-nav-154 > a:before {
  content: "\f1b8";
}
ul.meta-navigation > li.current > a:after, ul.meta-navigation > li:hover > a:after {
  opacity: 1;
  width: 100%;
}

header ul.meta-navigation {
  flex-flow: column;
  margin: auto 0 -7px;
  padding: calc(var(--sidebar-space) - 7px) var(--sidebar-space) 0;
  border-top: 1px solid var(--background-dark);
  color: var(--text-color);
}
header ul.meta-navigation > li:not(:first-child) {
  margin-left: 0;
}
header ul.meta-navigation > li > a {
  display: flex;
  padding: 7px 0;
  color: var(--text-color);
}
header ul.meta-navigation > li > a:after {
  display: none;
}
header ul.meta-navigation > li:not(.current):hover > a {
  opacity: 0.5;
}
header ul.meta-navigation > li.current > a {
  font-weight: 700;
}

/* @end */
/* !@group navigation */
#navigation:focus {
  outline: 0 !important;
}

ul.navigation {
  list-style: none;
}
ul.navigation li.level0 {
  --theme-color: #006160;
  --theme-color-rgb: 0, 97, 96;
  --theme-color-dark: #005756;
  --theme-color-text: #006160;
  --text-on-theme-color: #fff;
  font-family: "InputSerif", serif;
  font-weight: 300;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(19px, 2.2vw, 22px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  padding-bottom: 2px;
}
ul.navigation li.level0 a {
  color: var(--text-color);
  text-decoration: none;
}
@media screen and (max-width: 1600px) {
  ul.navigation li.level0 {
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: clamp(19px, 2vw, 20px);
  }
}
ul.navigation li.level0 > a {
  display: block;
  position: relative;
  margin: 0;
  padding: 14px var(--sidebar-space);
}
ul.navigation li.level0:hover > a {
  background: rgba(0, 0, 0, 0.07);
}
ul.navigation li.level0.show_subnavigation > a, ul.navigation li.level0.current > a {
  background: rgba(var(--theme-color-rgb), 0.2);
}
ul.navigation li.level0#nav-5 {
  --theme-color: #F5CBD4;
  --theme-color-rgb: 245, 203, 212;
  --theme-color-dark: #e4bdc5;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
ul.navigation li.level0#nav-5.show_subnavigation > a, ul.navigation li.level0#nav-5.current > a {
  background: rgba(var(--theme-color-rgb), 0.4);
}
ul.navigation li.level0#nav-5 .fullscreen_subnavigation:after {
  opacity: 0.4;
}
ul.navigation li.level0#nav-134 {
  --theme-color: #FBBA00;
  --theme-color-rgb: 251, 186, 0;
  --theme-color-dark: #e9ad00;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
ul.navigation li.level0#nav-134.show_subnavigation > a, ul.navigation li.level0#nav-134.current > a {
  background: rgba(var(--theme-color-rgb), 0.25);
}
ul.navigation li.level0#nav-134 .fullscreen_subnavigation:after {
  opacity: 0.25;
}
ul.navigation li.level0#nav-130 {
  --theme-color: #D9E5A9;
  --theme-color-rgb: 217, 229, 169;
  --theme-color-dark: #cad59d;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
ul.navigation li.level0#nav-130.show_subnavigation > a, ul.navigation li.level0#nav-130.current > a {
  background: rgba(var(--theme-color-rgb), 0.4);
}
ul.navigation li.level0#nav-130 .fullscreen_subnavigation:after {
  opacity: 0.4;
}
ul.navigation li.level0#nav-3 {
  --theme-color: #78160E;
  --theme-color-rgb: 120, 22, 14;
  --theme-color-dark: #6c140d;
  --theme-color-text: #78160E;
}
ul.navigation li.level0#nav-6 {
  --theme-color: #122940;
  --theme-color-rgb: 18, 41, 64;
  --theme-color-dark: #10253a;
  --theme-color-text: #122940;
}
.with_fullscreen_menu ul.navigation li.level0.current:not(.show_subnavigation) > a {
  background: none;
}
ul.navigation li.show_subnavigation .fullscreen_subnavigation {
  left: var(--sidebar-width);
  opacity: 1;
  pointer-events: all;
}
ul.navigation .fullscreen_subnavigation {
  position: fixed;
  top: 0;
  right: unset;
  bottom: 0;
  left: calc(var(--sidebar-width) - 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100vw - var(--sidebar-width));
  background: var(--background-light);
  z-index: 70;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
ul.navigation .fullscreen_subnavigation .fullscreen_subnavigation_inner {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  overflow: auto;
  max-width: clamp(10px, 90%, 1200px);
  padding: 7vh var(--size-80);
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 10;
}
ul.navigation .fullscreen_subnavigation:after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--sidebar-width);
  width: auto;
  height: auto;
  display: block;
  background: var(--theme-color);
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 5;
}
ul.navigation .fullscreen_subnavigation .close_menu {
  position: absolute;
  top: var(--size-50);
  right: var(--size-50);
  bottom: unset;
  left: unset;
  font-size: clamp(26px, 4.2vw, 42px);
  color: var(--theme-color-dark);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
ul.navigation .fullscreen_subnavigation .close_menu i.fa {
  font-weight: 300;
}
ul.navigation .fullscreen_subnavigation .close_menu:hover {
  color: var(--text-color);
}
ul.navigation .fullscreen_subnavigation ul.level1 {
  position: relative;
  margin: auto 0;
  --gap: var(--size-40);
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
  --columns: 2;
  row-gap: 0;
  z-index: 10;
}
ul.navigation .fullscreen_subnavigation ul.level1 > .cf {
  display: none;
}
ul.navigation .fullscreen_subnavigation ul.level1 > * {
  flex: 0 0 calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  max-width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
}
ul.navigation .fullscreen_subnavigation ul.level1 > li {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  font-size: clamp(13px, 3vw, 30px);
  line-height: clamp(18px, 3.6vw, 36px);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
}
@media print {
  ul.navigation .fullscreen_subnavigation ul.level1 > li {
    font-size: 13px;
    line-height: 20px;
  }
}
ul.navigation .fullscreen_subnavigation ul.level1 > li a {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
@media screen and (max-width: 1500px) {
  ul.navigation .fullscreen_subnavigation ul.level1 > li {
    font-size: clamp(18px, 2.4vw, 24px);
    line-height: clamp(22px, 3vw, 30px);
  }
}
@media screen and (max-width: 1000px) {
  ul.navigation .fullscreen_subnavigation ul.level1 > li {
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: clamp(19px, 2vw, 20px);
    text-transform: none;
  }
}
ul.navigation .fullscreen_subnavigation ul.level1 > li:first-child:nth-last-child(3), ul.navigation .fullscreen_subnavigation ul.level1 > li:first-child:nth-last-child(2) {
  flex: 0 0 100%;
  max-width: none;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li:first-child:nth-last-child(3) ~ li, ul.navigation .fullscreen_subnavigation ul.level1 > li:first-child:nth-last-child(2) ~ li {
  flex: 0 0 100%;
  max-width: none;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li > a {
  display: block;
  padding: var(--size-20) 0;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li > a span {
  position: relative;
  display: inline-block;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li > a span:after {
  content: "";
  position: absolute;
  top: unset;
  left: 50%;
  width: 0;
  height: 1px;
  display: block;
  background: var(--text-color);
  bottom: -3px;
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li:hover > a span:after {
  opacity: 1;
  width: 100%;
}
ul.navigation .fullscreen_subnavigation ul.level1 > li.current > a {
  font-weight: 500;
  color: var(--text-color);
}
ul.navigation ul.level1 {
  display: none;
}
ul.navigation ul.level2,
ul.navigation ul.level3 {
  display: none;
}

#navigation .show_subnavigation .animation_line {
  opacity: 1;
}
#navigation .show_subnavigation .animation_line svg path {
  animation: move 3s linear 1;
}
#navigation .animation_line {
  display: block;
  opacity: 0;
  position: fixed;
  top: unset;
  right: -2px;
  bottom: -2px;
  left: unset;
  width: clamp(150px, 29vw, 290px);
  z-index: 5;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#navigation .animation_line svg {
  display: block;
  width: 100%;
  height: auto;
}
#navigation .animation_line svg path {
  fill: none;
  stroke: var(--theme-color);
  stroke-dashoffset: 0;
}

.animation_line {
  display: none;
}

@keyframes move {
  0% {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* @end */
/* !@group responsive navigation toggle */
.is_scrolled .responsive_navigation_toggle:before {
  opacity: 1;
}

.responsive_navigation_toggle {
  --icon-width: 30px;
  --height-span: 3px;
  --height-gap: 7px;
  --padding: 10px;
  margin-left: var(--size-30);
  width: var(--icon-width);
  flex: 0 0 var(--icon-width);
  height: var(--icon-width);
  position: fixed;
  top: var(--size-30);
  right: var(--size-30);
  bottom: unset;
  left: unset;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: none;
  border: none;
  padding: 0;
  appearance: none;
  cursor: pointer;
  display: none;
  z-index: 100;
}
.responsive_navigation_toggle:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--padding));
  left: calc(-1 * var(--padding));
  width: auto;
  height: auto;
  display: block;
  background: var(--theme-color);
  right: calc(-1 * var(--padding));
  bottom: calc(-1 * var(--padding));
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.responsive_navigation_toggle span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: var(--height-span);
  background: var(--background-light);
  border-radius: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
  z-index: 1;
}
.responsive_navigation_toggle span:nth-child(1) {
  top: calc(var(--icon-width) / 2 - var(--height-span) / 2 - var(--height-span) - var(--height-gap));
}
.responsive_navigation_toggle span:nth-child(2) {
  top: calc(var(--icon-width) / 2 - var(--height-span) / 2);
}
.responsive_navigation_toggle span:nth-child(3) {
  top: calc(var(--icon-width) / 2 - var(--height-span) / 2 + var(--height-span) + var(--height-gap));
}
.navi_open .responsive_navigation_toggle:after {
  opacity: 1;
  pointer-events: all;
}
.navi_open .responsive_navigation_toggle span:nth-child(1) {
  position: absolute;
  top: calc(50% - var(--height-span) / 2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navi_open .responsive_navigation_toggle span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.navi_open .responsive_navigation_toggle span:nth-child(3) {
  position: absolute;
  top: calc(50% - var(--height-span) / 2);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group global pictures styles */
.picture_content_wrap:not(:first-child) {
  margin-top: var(--size-60);
}
.picture_content_wrap .picture_content .resource_background {
  overflow: visible;
}

.picture {
  position: relative;
  width: 100%;
}
.picture .resource_link {
  position: relative;
  display: block;
}
.picture .resource_link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(var(--background-rgb), 0.3);
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: transparent;
}
.picture .resource_link:after {
  position: absolute;
  top: calc(50% - var(--icon-width) / 2);
  left: calc(50% - var(--icon-width) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  font-weight: 900;
  font-size: calc(var(--icon-width) / 2.2);
  line-height: var(--icon-width);
  color: var(--background-dark-style-dark);
  background: rgba(var(--background-rgb), 0.5);
  border-radius: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  backdrop-filter: blur(10px);
}
.picture .resource_link img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
}
.picture .resource_link:hover:after, .picture .resource_link:hover:before {
  opacity: 1;
}
.picture .resource_link:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0.1s;
}
.picture .resource_link:hover img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.picture .resource_link.fancybox:after {
  content: "\f00e";
  font-weight: 400;
}
.picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
  font-size: 0;
}
.picture a.resource_link:not([data-sources*=".png"]) img {
  background: rgba(var(--background-dark-style-rgb), 0.15);
}
.picture .resource_subtitle {
  display: none;
}
.picture .resource_link {
  overflow: hidden;
}
.picture .resource_description {
  position: absolute;
  bottom: 10px;
  left: 10px;
  clip: unset;
  width: auto;
  height: auto;
  max-width: calc(100% - 20px);
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(15px, 1.8vw, 18px);
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 10px;
  border-radius: var(--border-radius-small);
  box-sizing: border-box;
}
.picture .resource_description p {
  display: inline-block;
  margin: 0;
}
.picture .resource_description .resource_title {
  font-weight: 700;
  padding-right: 5px;
}

/* @end */
/* @group dynamic picture */
.dynamic_picture {
  position: relative;
}
.dynamic_picture:not(:has(img)):before {
  display: none;
}
.dynamic_picture img {
  display: block;
  width: 100%;
  height: clamp(200px, 40vw, 400px);
  object-fit: cover;
}

/* @end */
/* !@group picture top big */
.picture_top {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
  margin-bottom: var(--size-40);
}
.picture_top .resource_link {
  pointer-events: none;
}
.picture_top .resource_link:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.picture_top .resource_link:before, .picture_top .resource_link:after {
  display: none;
}
.picture_top:not(:first-child) {
  margin-top: var(--size-60);
}
.picture_top .resource_background {
  overflow: visible;
  border-radius: var(--border-radius);
}
.picture_top a.resource_link,
.picture_top img {
  border-radius: var(--border-radius);
}
.picture_top .resource_description {
  position: relative;
  bottom: unset;
  left: unset;
  margin-top: var(--size-15);
  padding: 0;
  background: none;
  color: rgba(var(--background-dark-style-rgb), 0.5);
}

/* @end */
/* !@group gallery */
.title_wrap + .gallery {
  margin-bottom: var(--size-40);
}

.gallery {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
  --gap: var(--size-30);
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-gap: var(--gap);
}
.gallery > .cf {
  display: none;
}
.gallery:not(:first-child) {
  margin-top: var(--size-60);
}
.gallery .resource_background {
  overflow: visible;
}
.gallery a.resource_link {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.gallery img {
  border-radius: var(--border-radius);
}
.gallery .picture {
  margin: 0;
}

/* @end */
/* !@group video top */
#content > .videos {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
#content > .videos:not(:first-child) {
  margin-top: var(--size-60);
}
#content > .videos video {
  border-radius: var(--border-radius);
}

.videos video {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.videos .video {
  display: flex;
  flex-flow: column;
}
.videos .video:not(:first-child) {
  margin-top: var(--size-50);
}
.videos .video video {
  order: -1;
}
.videos .resource_video_description_wrap {
  margin-top: var(--size-15);
}
.videos .resource_video_description_wrap,
.videos .resource_video_description_wrap h3 {
  font-size: 14px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: 18px;
  line-height: clamp(16px, 1.8vw, 18px);
  color: rgba(var(--background-dark-style-rgb), 0.5);
}
.videos .resource_video_description_wrap .resource_video_description,
.videos .resource_video_description_wrap h3 {
  display: inline-block;
  margin: 0;
}
.videos .resource_video_description_wrap h3 {
  font-weight: 700;
}
.videos .resource_video_description_wrap h3 + * > p:first-child:before {
  content: ":";
  padding-right: 3px;
  font-weight: 700;
}
.videos + .picture_top {
  display: none;
}

/* @end */
/* !@group slider standard styles */
.slick-track {
  display: flex;
  justify-content: center;
}

.slick-slide {
  margin: 0 var(--size-20);
}
.slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
}

.slick-list {
  width: auto;
  margin: 0 calc(-1 * var(--size-20));
  padding: 0 !important;
  overflow: hidden;
}

span.slick-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(18px, 2.6vw, 26px) clamp(26px, 4vw, 40px);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
}
span.slick-arrow:hover, span.slick-arrow:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  span.slick-arrow {
    display: none;
  }
}
span.slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* @end */
/* !@group documents */
.documents:not(:first-child) {
  margin-top: var(--size-60);
}
.documents .document:not(:first-child) {
  margin-top: var(--size-10);
}
.documents a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-color);
  background: var(--background-medium);
  border: 1px solid var(--background-medium);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.documents a:hover, .documents a:focus {
  color: var(--text-color);
  border: 1px solid var(--background-dark);
  background: var(--background-dark);
}
@media print {
  .documents a {
    display: none;
  }
}
.documents a .description {
  font-weight: 400;
  margin-left: 6px;
}
.documents a i {
  margin-right: 5px;
}

/* @end */
/* !@group music */
.musics:not(:first-child) {
  margin-top: var(--size-90);
}
.musics .music:not(:first-child) {
  margin-top: var(--size-50);
}
.musics .music h3 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 700;
  margin: 0 0 var(--size-5);
}
.musics .music h3 a {
  color: var(--text-color);
}
@media print {
  .musics .music h3 {
    font-size: 13px;
    line-height: 20px;
  }
}
.musics .music h3 a {
  color: var(--text-color);
  text-decoration: none;
}
.musics .music h3:not(:last-child) {
  margin-bottom: var(--size-15);
}
.musics .music audio {
  width: 100%;
  display: block;
}
.musics .music audio:not(:first-child) {
  margin-top: var(--size-20);
}

/* @end */
/* !@group iframe */
iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: none;
}
iframe[src*="www.youtube.com"] {
  aspect-ratio: 16/9;
  height: auto;
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group global portlet styles */
.portlet.portlet_no_title.portlet_no_subtitle.portlet_no_content.hidden {
  display: block;
}
.portlet .pictures .management_controls {
  display: none !important;
}
.portlets .portlet:not(:first-child) {
  margin-top: var(--size-35);
}
.portlets .portlet .portlet-title {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  text-transform: none;
}
.portlets .portlet .portlet-title a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .portlets .portlet .portlet-title {
    font-size: 24px;
    line-height: 29px;
  }
}
.portlets .portlet [class*=_introduction] {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
}
.portlets .portlet [class*=_introduction] a {
  color: var(--text-color);
  text-decoration: none;
}
.portlets .portlet .portlet_content_description > a.portlet_content_link,
.portlets .portlet .portlet_text_wrap > a.portlet_listing_link {
  margin: var(--size-30) 0 0;
}
.portlets .portlet a.portlet_content_link:not(.portlet_listing_second_link),
.portlets .portlet a.portlet_listing_link:not(.portlet_listing_second_link) {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.portlets .portlet a.portlet_content_link:not(.portlet_listing_second_link):hover, .portlets .portlet a.portlet_content_link:not(.portlet_listing_second_link):focus,
.portlets .portlet a.portlet_listing_link:not(.portlet_listing_second_link):hover,
.portlets .portlet a.portlet_listing_link:not(.portlet_listing_second_link):focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .portlets .portlet a.portlet_content_link:not(.portlet_listing_second_link),
  .portlets .portlet a.portlet_listing_link:not(.portlet_listing_second_link) {
    display: none;
  }
}
.portlets .portlet a.portlet_content_link:not(.portlet_listing_second_link):after,
.portlets .portlet a.portlet_listing_link:not(.portlet_listing_second_link):after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
.portlets .portlet a.portlet_content_link.portlet_listing_second_link,
.portlets .portlet a.portlet_listing_link.portlet_listing_second_link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
}
.portlets .portlet a.portlet_content_link.portlet_listing_second_link:hover, .portlets .portlet a.portlet_content_link.portlet_listing_second_link:focus,
.portlets .portlet a.portlet_listing_link.portlet_listing_second_link:hover,
.portlets .portlet a.portlet_listing_link.portlet_listing_second_link:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  .portlets .portlet a.portlet_content_link.portlet_listing_second_link,
  .portlets .portlet a.portlet_listing_link.portlet_listing_second_link {
    display: none;
  }
}
.portlets .portlet .portlet_listing_link_wrap,
.portlets .portlet .portlet_content_link_wrap {
  display: flex;
  flex-flow: wrap;
  margin-top: var(--size-50);
  gap: var(--size-15) var(--size-20);
}

/* @end */
/* !@group search portlet */
.portlet_search h3 {
  display: none;
}
.portlet_search form {
  position: relative;
  display: flex;
  gap: var(--size-20);
}
.portlet_search form:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f002";
  margin-right: 8px;
}
.portlet_search form:before {
  position: absolute;
  top: 50%;
  right: unset;
  bottom: unset;
  left: 14px;
  font-weight: 300;
  pointer-events: none;
  color: var(--text-color);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.portlet_search form:hover #portlet-search-input {
  --input-border: var(--text-color);
}
.portlet_search #portlet-search-input {
  --input-border: var(--background-light);
  --input-background: var(--background-light);
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  padding-left: 46px;
}
.portlet_search #portlet-search-input a {
  color: var(--input-color);
}
@media print {
  .portlet_search #portlet-search-input {
    font-size: 12px;
    line-height: 18px;
  }
}
.portlet_search #portlet-search-input:focus, .portlet_search #portlet-search-input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.portlet_search #portlet-search-input[data-com-onepassword-filled=light], .portlet_search #portlet-search-input:-webkit-autofill, .portlet_search #portlet-search-input:-webkit-autofill:hover, .portlet_search #portlet-search-input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.portlet_search #portlet-search-input::placeholder, .portlet_search #portlet-search-input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.portlet_search #portlet-search-button {
  position: absolute;
  top: 0;
  right: unset;
  bottom: 0;
  left: 0;
  width: 40px;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 0;
  cursor: pointer;
}
.portlet_search .live_search_results {
  display: none !important;
}

/* @end */
/* @group portlets home */
.portlets_homepage {
  padding-bottom: var(--size-100);
}
.portlets_homepage .portlets_inner_wrap {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}
.portlets_homepage .portlet .portlet_inner {
  padding: var(--size-30) var(--size-35);
  background: var(--background-medium);
}
.portlets_homepage .portlet .portlet-title {
  border-bottom: 1px solid var(--theme-color);
  margin: 0 0 var(--size-25);
  padding: 0 0 var(--size-20) clamp(30px, 5vw, 50px);
  position: relative;
  display: flex;
  flex-flow: nowrap;
  align-items: flex-start;
}
.portlets_homepage .portlet .portlet-title:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f736";
  margin-right: 8px;
}
.portlets_homepage .portlet .portlet-title:before {
  position: absolute;
  top: 0;
  right: unset;
  bottom: unset;
  left: 0;
  font-weight: 700;
}
.portlets_homepage .portlet .portlet-title > a:first-child {
  margin: 0 10px 0 0;
}
.portlets_homepage .portlet .portlet-title a.portlet_listing_link {
  align-self: flex-end;
  margin: 0 0 0 auto;
  padding: 0 0 1px;
  background: none;
  border: 0;
  color: var(--theme-color-text);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  font-family: "InputSerif", serif;
  font-weight: 300;
}
@media print {
  .portlets_homepage .portlet .portlet-title a.portlet_listing_link {
    font-size: 12px;
    line-height: 18px;
  }
}
.portlets_homepage .portlet .portlet-title a.portlet_listing_link:after {
  display: none;
}
.portlets_homepage .portlet .portlet-title a.portlet_listing_link:hover, .portlets_homepage .portlet .portlet-title a.portlet_listing_link:focus {
  color: var(--theme-color-text);
  background: none;
  border: 0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.portlets_homepage .portlet:first-child .portlet-title:before {
  content: "\f1ea";
}
.portlets_homepage .portlet:nth-child(3) .portlet-title:before {
  content: "\f85d";
}
.portlets_homepage .portlet .documents a {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  font-weight: 600;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
@media print {
  .portlets_homepage .portlet .documents a {
    font-size: 13px;
    line-height: 20px;
  }
}
.portlets_homepage .portlet .documents a i {
  font-weight: 400;
}
.portlets_homepage .portlet .documents a:hover, .portlets_homepage .portlet .documents a:focus {
  color: var(--theme-color-text);
}
.portlets_homepage .portlet.portlet_listing .portlet-listing-entry:not(:first-child) {
  margin-top: var(--size-25);
}
.portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container {
  display: flex;
}
.portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container > *:first-child {
  flex: 0 0 auto;
  max-width: 95px;
  font-weight: 600;
  margin-right: var(--size-20);
}
.portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h3, .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h3 a,
.portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h4, .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h4 a {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 600;
  margin: 0;
}
@media print {
  .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h3, .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h3 a,
  .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h4, .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container h4 a {
    font-size: 13px;
    line-height: 20px;
  }
}

/* @end */
/* @group portlet badge */
.logged_in div.portlet.portlet_content_badge {
  position: absolute;
}

div.portlet.portlet_content_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: unset;
  right: var(--size-80);
  bottom: calc(-1 * var(--size-40));
  left: unset;
  width: 180px;
  height: 180px;
  text-align: center;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border-radius: 100%;
  box-sizing: border-box;
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: 90;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
div.portlet.portlet_content_badge:hover {
  background: var(--theme-color-dark);
}
div.portlet.portlet_content_badge .portlet-content {
  margin-top: -5px;
}
div.portlet.portlet_content_badge .portlet_content_subtitle {
  color: var(--text-on-theme-color);
  font-weight: 600;
  margin: 0;
}
div.portlet.portlet_content_badge .portlet_content_introduction {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  div.portlet.portlet_content_badge .portlet_content_introduction {
    font-size: 12px;
    line-height: 18px;
  }
}
div.portlet.portlet_content_badge a.portlet_content_link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 100%;
  z-index: 10;
}
div.portlet.portlet_content_badge a.portlet_content_link span {
  display: none;
}
div.portlet.portlet_content_badge span.management_controls {
  top: -50px;
  right: -20px;
}
div.portlet.portlet_content_badge.theme_color_1 {
  --theme-color: #F5CBD4;
  --theme-color-rgb: 245, 203, 212;
  --theme-color-dark: #e4bdc5;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
div.portlet.portlet_content_badge.theme_color_2 {
  --theme-color: #FBBA00;
  --theme-color-rgb: 251, 186, 0;
  --theme-color-dark: #e9ad00;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
div.portlet.portlet_content_badge.theme_color_3 {
  --theme-color: #D9E5A9;
  --theme-color-rgb: 217, 229, 169;
  --theme-color-dark: #cad59d;
  --theme-color-text: #000;
  --text-on-theme-color: #000;
}
div.portlet.portlet_content_badge.theme_color_4 {
  --theme-color: #78160E;
  --theme-color-rgb: 120, 22, 14;
  --theme-color-dark: #6c140d;
  --theme-color-text: #78160E;
}
div.portlet.portlet_content_badge.theme_color_5 {
  --theme-color: #122940;
  --theme-color-rgb: 18, 41, 64;
  --theme-color-dark: #10253a;
  --theme-color-text: #122940;
}

/* @end */
/* @group popup video home */
.logged_in #popup_home_video {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: auto;
  left: auto;
  bottom: 50px;
  right: -400px;
  width: 500px;
  border-radius: 10px;
  overflow: hidden;
}
.logged_in #popup_home_video:hover {
  right: 20px;
}
.logged_in #popup_home_video .close_popup {
  display: none;
}
.logged_in #popup_home_video.hidden {
  opacity: 1;
  pointer-events: all;
}
.logged_in #popup_home_video.hidden .portlet {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.logged_in #popup_home_video .portlet {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#popup_home_video {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: saturate(20%) blur(15px);
  -moz-backdrop-filter: saturate(20%) blur(15px);
  -ms-backdrop-filter: saturate(20%) blur(15px);
  -o-backdrop-filter: saturate(20%) blur(15px);
  backdrop-filter: saturate(20%) blur(15px);
  z-index: 300;
}
#popup_home_video:not(.hidden) {
  -webkit-transition: opacity 0.3s ease-out 0.9s;
  -moz-transition: opacity 0.3s ease-out 0.9s;
  -o-transition: opacity 0.3s ease-out 0.9s;
  transition: opacity 0.3s ease-out 0.9s;
}
#popup_home_video.hidden {
  opacity: 0;
  pointer-events: none;
}
#popup_home_video.hidden .portlet {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
#popup_home_video .close_popup {
  position: absolute;
  top: var(--size-10);
  right: var(--size-10);
  bottom: unset;
  left: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(34px, 6vw, 60px);
  height: clamp(34px, 6vw, 60px);
  font-size: clamp(18px, 2.8vw, 28px);
  background: #fff;
  cursor: pointer;
}
#popup_home_video .close_popup:hover {
  background: rgba(255, 255, 255, 0.7);
}
#popup_home_video .portlet {
  width: 100%;
  -webkit-transition: all 0.4s ease-out 1.2s;
  -moz-transition: all 0.4s ease-out 1.2s;
  -o-transition: all 0.4s ease-out 1.2s;
  transition: all 0.4s ease-out 1.2s;
}
#popup_home_video .portlet .mute_button {
  display: block;
  position: absolute;
  top: auto;
  right: 50%;
  bottom: var(--size-20);
  left: auto;
  width: clamp(36px, 5vw, 50px);
  height: clamp(36px, 5vw, 50px);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  z-index: 50;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#popup_home_video .portlet .mute_button.show {
  opacity: 1;
}
#popup_home_video .portlet .mute_button:after, #popup_home_video .portlet .mute_button:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f028";
  position: absolute;
  top: 50%;
  right: unset;
  bottom: unset;
  left: 50%;
  color: var(--background-light);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#popup_home_video .portlet .mute_button:before {
  content: "\f2e2";
  opacity: 0;
}
#popup_home_video .portlet .mute_button.is_muted:after {
  opacity: 0;
}
#popup_home_video .portlet .mute_button.is_muted:before {
  opacity: 1;
}
#popup_home_video .portlet .videos {
  position: relative;
}
#popup_home_video .portlet video {
  margin: 0 auto;
  width: 100% !important;
  height: 100% !important;
  max-width: 94vw;
  max-height: 86svh;
  aspect-ratio: 16/9;
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* @group management */
.system_page .meta_wrap,
.system_page .dynamic_picture {
  display: none;
}
.system_page .page {
  padding-left: 0;
}

.logged_in div.portlets div.portlets_inner_wrap div[id*=add_portlet_] .portlet-title,
.logged_in div.portlets div.portlets_inner_wrap div[id*=add_portlet_] .portlet-title a {
  border: 0;
}

body.not_logged_in .add_element_link_wrap.mailform_element {
  display: none;
}

/* @end */
/* !@group login message */
.message {
  --paragraph-space: var(--size-10);
  display: flex;
  align-items: center;
  flex-flow: wrap;
  gap: var(--size-10);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: #fff;
  font-weight: 700;
  border-radius: var(--border-radius);
  background: var(--signal-color);
  padding: var(--size-20) var(--size-30);
  box-sizing: border-box;
  border: var(--signal-color);
}
.message a {
  color: #fff;
}
@media print {
  .message {
    font-size: 12px;
    line-height: 18px;
  }
}
.message:not(:first-child) {
  margin-top: var(--size-60);
}
.message:not(:last-child) {
  margin-bottom: var(--size-60);
}
.message ul li:before {
  color: #fff;
}
.message a {
  text-decoration: none;
  margin-left: auto;
}
.message a:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
.message a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.message a.button, .message a[href*="/cart"] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--signal-color);
  background: var(--background-medium);
  border: 1px solid var(--background-medium);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  font-weight: 700;
  text-decoration: none;
  margin-left: auto;
}
.message a.button:hover, .message a.button:focus, .message a[href*="/cart"]:hover, .message a[href*="/cart"]:focus {
  color: var(--signal-color);
  border: 1px solid var(--background-dark);
  background: var(--background-dark);
}
@media print {
  .message a.button, .message a[href*="/cart"] {
    display: none;
  }
}

/* @end */
/* !@group global helpers  */
.no_system_page div.tooltipster-default {
  border: none;
  background: var(--background-dark-style-dark);
}
.no_system_page div.tooltipster-default .tooltipster-content {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--background-light);
  padding: 7px 10px;
}
.no_system_page div.tooltipster-default .tooltipster-content a {
  color: var(--background-light);
}
@media print {
  .no_system_page div.tooltipster-default .tooltipster-content {
    font-size: 12px;
    line-height: 18px;
  }
}

*::-webkit-scrollbar {
  width: 8px;
  height: 2px;
  background: var(--background-light);
}

*::-webkit-scrollbar-thumb {
  background: var(--background-dark-style-light);
  border-radius: 8px;
  height: 1px;
}

/* @end */
/* !@group login mask */
.login_form > p:first-child {
  margin-bottom: var(--paragraph-space);
}
.login_form form {
  max-width: var(--siteframe);
}
.login_form form[action="?action=lost_password"] .p_lost_password:last-child {
  margin-top: var(--size-20);
}
.login_form form[action="?action=lost_password"] .p_lost_password:last-child label {
  display: none;
}
.login_form label {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  display: block;
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}
@media print {
  .login_form label {
    font-size: 12px;
    line-height: 18px;
  }
}
.login_form input {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
}
.login_form input a {
  color: var(--input-color);
}
@media print {
  .login_form input {
    font-size: 12px;
    line-height: 18px;
  }
}
.login_form input:focus, .login_form input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.login_form input[data-com-onepassword-filled=light], .login_form input:-webkit-autofill, .login_form input:-webkit-autofill:hover, .login_form input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.login_form input::placeholder, .login_form input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.login_form input[type=submit].button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(18px, 2.6vw, 26px) clamp(26px, 4vw, 40px);
}
.login_form input[type=submit].button:hover, .login_form input[type=submit].button:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .login_form input[type=submit].button {
    display: none;
  }
}
.login_form .p_remember_me_checkbox label.label_remember_me_checkbox {
  margin: 0;
  padding: 0;
}
.login_form .p_remember_me_checkbox label.prefix_checkbox {
  display: none;
}
.login_form .p_remember_me_checkbox input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.login_form .p_remember_me_checkbox input[type=checkbox] + * {
  display: flex;
  align-items: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  letter-spacing: 0;
}
.login_form .p_remember_me_checkbox input[type=checkbox] + * a {
  color: var(--input-color);
}
@media print {
  .login_form .p_remember_me_checkbox input[type=checkbox] + * {
    font-size: 12px;
    line-height: 18px;
  }
}
.login_form .p_remember_me_checkbox input[type=checkbox] + *:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 100;
  font-size: 1.73em;
  line-height: normal;
  margin-right: 8px;
}
.login_form .p_remember_me_checkbox input[type=checkbox]:hover:not(:checked) + *, .login_form .p_remember_me_checkbox input[type=checkbox]:hover:not(:checked) + * a {
  color: var(--input-color-hover);
}
.login_form .p_remember_me_checkbox input[type=checkbox]:checked + *:before {
  content: "\f192";
  color: var(--theme-color-text);
  font-weight: 900;
}
.login_form .p_remember_me_checkbox input[type=checkbox] + label:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f0c8";
}
.login_form .p_remember_me_checkbox input[type=checkbox]:checked + label:before {
  content: "\f14a";
}
.login_form .p_login_button label {
  display: none;
}
.login_form .p_empty {
  display: none;
}
.login_form .p_register, .login_form + .portlet_shop_register, .login_form + .p_lost_password,
.login_form .p_lost_password {
  margin-top: var(--size-40);
  margin-bottom: 0;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  .login_form .p_register, .login_form + .portlet_shop_register, .login_form + .p_lost_password,
  .login_form .p_lost_password {
    font-size: 12px;
    line-height: 18px;
  }
}
.login_form .p_lost_password + .p_register {
  margin-top: var(--size-10);
}

/* @end */
/* !@group management portlets */
.logged_in div.portlets.portlets_info_left .portlet_zone_label:after {
  content: "Zone: Boxen links";
}
.logged_in div.portlets.portlets_info_left .videos .management_controls,
.logged_in div.portlets.portlets_info_left .pictures .management_controls {
  display: none;
}
.logged_in div.portlets.portlets_all_options .portlets_inner_wrap:after {
  left: 5px;
  right: 5px;
}
.logged_in div.portlets.portlets_all_options .portlet_zone_label {
  margin-left: 10px;
}
.logged_in div.portlets.portlets_all_options .portlet_zone_label:after {
  content: "Zone: Freier Inhalt & Einträge Importieren";
}
.logged_in div.portlets.portlets_all_options .add_portlet_link {
  margin-left: 10px !important;
}
.logged_in div.portlets.portlets_all_options .videos .management_controls,
.logged_in div.portlets.portlets_all_options .pictures .management_controls {
  display: none;
}
.logged_in div.portlets[class*=portlets_home_fix] .portlet_zone_label {
  margin-left: 10px;
}
.logged_in div.portlets[class*=portlets_home_fix] .portlet_zone_label:after {
  content: "Zone: Fixe Inhalte Home";
}
.logged_in div.portlets[class*=portlets_home_fix] .videos .management_controls,
.logged_in div.portlets[class*=portlets_home_fix] .pictures .management_controls {
  display: none;
}
.logged_in div.portlets[class*=portlets_home_fix].portlets_home_fix_dark .portlet_zone_label:after {
  content: "Zone: Fixe Inhalte Home (dunkler Hintergrund)";
}
.logged_in div[class*=portlet_content][class*=_sponsors] {
  position: relative;
  padding: 20px;
}
.logged_in div[class*=portlet_content][class*=_sponsors]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  width: auto;
  height: auto;
  display: block;
  background: rgba(0, 0, 0, 0.03);
  border: dashed 2px rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.logged_in div[class*=portlet_content][class*=_sponsors]:before {
  position: absolute;
  top: -23px;
  content: "Zone: Sponsoren Logos";
  font: 400 15px/21px "VAG Rounded", sans-serif;
  letter-spacing: 0.03em;
  font-size: 13px;
  line-height: 18px;
  color: #666;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
}
.logged_in div[class*=portlet_content][class*=_sponsors].portlet_no_title .portlet-title {
  display: none;
}
.logged_in div[class*=portlet_content][class*=_sponsors].portlet_no_title.portlet_empty.portlet_no_content .management_controls {
  display: inline-block;
  position: relative;
  margin: 0;
}
.logged_in div[class*=portlet_content][class*=_sponsors].portlet_empty.portlet_no_content .portlet-content {
  display: none;
}
.logged_in div[class*=fix_portlets]:not([class*=fix_portlets_links]).portlet_no_title .management_controls ~ .portlet-title {
  font-size: 0;
  margin: 0;
}
.logged_in div[class*=fix_portlets]:not([class*=fix_portlets_links]).portlet_no_title .management_controls ~ .portlet-title:after {
  content: "«Grossen Titel hinzufügen»";
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
}
.logged_in div[class*=fix_portlets]:not([class*=fix_portlets_links]).portlet_no_title .management_controls ~ .portlet-title:after a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .logged_in div[class*=fix_portlets]:not([class*=fix_portlets_links]).portlet_no_title .management_controls ~ .portlet-title:after {
    font-size: 24px;
    line-height: 29px;
  }
}
.logged_in div[class*=fix_portlets]:not([class*=fix_portlets_links]).portlet_no_title .management_controls ~ .portlet-content {
  display: none;
}
.logged_in div[class*=home_links] .portlet-title,
.logged_in div[class*=fix_portlets_links] .portlet-title {
  display: none;
}
.logged_in div[class*=home_links] .management_controls ~ .portlet-content > a,
.logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a {
  text-decoration: none;
}
.logged_in div[class*=home_links] .management_controls ~ .portlet-content > a:after,
.logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a:after {
  content: "Links hinzufügen";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(18px, 2.6vw, 26px) clamp(26px, 4vw, 40px);
  font-weight: 400;
  margin: auto;
}
.logged_in div[class*=home_links] .management_controls ~ .portlet-content > a:after:hover, .logged_in div[class*=home_links] .management_controls ~ .portlet-content > a:after:focus,
.logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a:after:hover,
.logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a:after:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  .logged_in div[class*=home_links] .management_controls ~ .portlet-content > a:after,
  .logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a:after {
    display: none;
  }
}
.logged_in div[class*=home_links] .management_controls ~ .portlet-content > a > span,
.logged_in div[class*=fix_portlets_links] .management_controls ~ .portlet-content > a > span {
  display: none;
}
.logged_in div[class*=home_links].portlet_empty {
  display: inline-block;
}
.logged_in div[class*=home_links] .management_controls ~ .portlet-content > a:after {
  margin: 0;
}
.logged_in .portlet.portlet_no_title .management_controls ~ .portlet-title {
  margin-top: 0;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 700;
  margin: 0 0 var(--size-5);
  margin-bottom: var(--size-10);
}
.logged_in .portlet.portlet_no_title .management_controls ~ .portlet-title a {
  color: var(--text-color);
}
@media print {
  .logged_in .portlet.portlet_no_title .management_controls ~ .portlet-title {
    font-size: 13px;
    line-height: 20px;
  }
}
.logged_in .portlet.portlet_no_title .management_controls ~ .portlet-title a {
  color: var(--text-color);
  text-decoration: none;
}
.logged_in .portlet_listing .portlet_inner > .management_controls .portlet_resource_link {
  display: none;
}

/* @end */
/* !@group management listing */
.logged_in a.add_entry_link {
  height: auto !important;
}

/* @end */
/* !@group management pagination */
.pagination {
  height: auto;
  --icon-width: clamp(36px,4.4vw,44px);
  grid-column: 1/span var(--columns);
}
.pagination:not(:first-child) {
  margin-top: var(--size-90);
}
.pagination .pagination_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 calc(var(--icon-width) + 3px);
  box-sizing: border-box;
}
.pagination .pagination-links,
.pagination .pagination-numbers {
  display: flex;
  flex-flow: wrap;
  align-items: baseline;
  justify-content: center;
}
.pagination .pagination-links a,
.pagination .pagination-numbers a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-width);
  height: var(--icon-width);
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: var(--icon-width);
  font-weight: 700;
  text-decoration: none;
  background: var(--background-medium);
  border-radius: 100%;
}
.pagination .pagination-links a:hover,
.pagination .pagination-numbers a:hover {
  color: var(--text-color);
  background: var(--background-dark);
}
.pagination .pagination-numbers {
  gap: 5px;
}
.pagination .pagination-numbers a.current {
  background: var(--theme-color);
  color: var(--text-on-theme-color);
}
.pagination .pagination-numbers .placeholder {
  margin: 0 3px;
}
.pagination .pagination-links a {
  position: absolute;
  top: calc(50% - var(--icon-width) / 2);
  font-size: 0;
}
.pagination .pagination-links a:after {
  position: absolute;
  left: 0;
  width: 100%;
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  font-size: clamp(14px, 2vw, 19px);
  text-align: center;
}
.pagination .pagination-links a.next {
  right: 0;
}
.pagination .pagination-links a.previous {
  left: 0;
}
.pagination .pagination-links a.previous:after {
  content: "\f060";
}

/* @end */
/* !@group sitemap */
ul.sitemap {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  ul.sitemap {
    font-size: 12px;
    line-height: 18px;
  }
}
ul.sitemap a {
  text-decoration: none;
}
ul.sitemap li.level0 a {
  font-weight: 700;
}
ul.sitemap li.level0:not(:first-child) {
  margin-top: var(--size-20) !important;
}
ul.sitemap li.level1 {
  margin-left: 0 !important;
}
ul.sitemap li.level2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  margin-left: var(--size-15) !important;
}
@media print {
  ul.sitemap li.level2 {
    font-size: 12px;
    line-height: 18px;
  }
}
ul.sitemap li.level2 + li.level1 {
  margin-top: var(--size-10);
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group overview & listing */
#mixItUp.listing,
#overview_wrap {
  max-width: var(--siteframe);
  margin: 0 auto;
}
#mixItUp.listing:not(:first-child),
#overview_wrap:not(:first-child) {
  margin-top: var(--size-70);
}
.flex_wrap #mixItUp.listing,
.flex_wrap #overview_wrap {
  margin-top: 0;
}

/* @end */
/* !@group overview */
.overview_items .overview_item:not(:first-child) > * {
  margin-top: var(--size-50);
  padding-top: var(--size-50);
  border-top: 1px solid var(--background-dark);
}
.overview_items .overview_item > * {
  position: relative;
  display: flex;
  background: none;
  overflow: visible;
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.overview_items .overview_item > *.cf {
  display: none;
}
.overview_items .overview_item .videos,
.overview_items .overview_item .pictures {
  flex: 0 0 30.1%;
  max-width: 30.1%;
}
.overview_items .overview_item .videos video {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.overview_items .overview_item .pictures {
  overflow: visible;
  margin-right: var(--size-40);
}
.overview_items .overview_item .pictures .resource_background {
  overflow: visible;
}
.overview_items .overview_item .pictures a.resource_link {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
  overflow: hidden;
}
.overview_items .overview_item .pictures img {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.overview_items .overview_item .pictures .picture,
.overview_items .overview_item .pictures .resource_background,
.overview_items .overview_item .pictures a.resource_link,
.overview_items .overview_item .pictures img {
  height: auto;
}
.overview_items .overview_item .pictures .picture:not(:first-child) {
  display: none;
}
.overview_items .overview_item .icon {
  --icon-width: clamp(50px,8.8vw,88px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  border-radius: 100%;
  background: var(--background-light);
  color: var(--icon-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.overview_items .overview_item .icon i {
  font-size: calc(var(--icon-width) / 2.2);
  font-weight: 300;
}
.overview_items .overview_item .icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
@media print {
  .overview_items .overview_item .icon {
    --icon-width: 50px;
    background: #eee !important;
  }
}
.overview_items .overview_item .content {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.overview_items .overview_item h2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  margin-bottom: var(--size-20);
}
.overview_items .overview_item h2 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .overview_items .overview_item h2 {
    font-size: 24px;
    line-height: 29px;
  }
}
.overview_items .overview_item [class*=subtitle] {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
  margin: calc(-1 * var(--size-20)) 0 var(--size-50);
}
.overview_items .overview_item [class*=subtitle] a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .overview_items .overview_item [class*=subtitle] {
    font-size: 24px;
    line-height: 29px;
  }
}
.overview_items .overview_item .listing-date {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: var(--size-5);
  order: -1;
}
.overview_items .overview_item .listing-date a {
  color: rgba(0, 0, 0, 0.5);
}
@media print {
  .overview_items .overview_item .listing-date {
    font-size: 12px;
    line-height: 18px;
  }
}
.overview_items .overview_item div[class*=introduction] {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  margin-bottom: var(--size-15);
}
.overview_items .overview_item div[class*=introduction] a {
  color: var(--text-color);
  text-decoration: none;
}
.overview_items .overview_item .text {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  .overview_items .overview_item .text {
    font-size: 12px;
    line-height: 18px;
  }
}
.overview_items .overview_item .text:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.overview_items .overview_item .text h2, .overview_items .overview_item .text h3, .overview_items .overview_item .text h4, .overview_items .overview_item .text h5, .overview_items .overview_item .text h6 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  margin: 0;
  font-weight: 700;
}
@media print {
  .overview_items .overview_item .text h2, .overview_items .overview_item .text h3, .overview_items .overview_item .text h4, .overview_items .overview_item .text h5, .overview_items .overview_item .text h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
.overview_items .overview_item .document a {
  border-color: transparent;
  background: var(--background-dark);
}
.overview_items .overview_item .document a:focus, .overview_items .overview_item .document a:hover {
  border-color: transparent;
  background: rgba(var(--background-dark-style-rgb), 0.2);
}
.overview_items .overview_item .documents,
.overview_items .overview_item .musics {
  margin-top: 0;
}
.overview_items .overview_item .documents:not(:last-child),
.overview_items .overview_item .musics:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.overview_items .overview_item .listing-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.overview_items .overview_item .listing-more-button:hover, .overview_items .overview_item .listing-more-button:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .overview_items .overview_item .listing-more-button {
    display: none;
  }
}
.overview_items .overview_item .listing-more-button:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
.overview_items .overview_item .listing-more-button:not(:first-child) {
  margin-top: auto;
}
.overview_items .overview_item[class*=element_link_entire] > *:hover .content:not(:first-child) > h2:after,
.overview_items .overview_item[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after {
  right: -10px;
}
.overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2,
.overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child {
  position: relative;
  padding-right: calc(var(--icon-width) + 10px);
  box-sizing: border-box;
}
.overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2:only-child,
.overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child:only-child {
  min-height: var(--icon-width);
}
.overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2:after,
.overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  position: absolute;
  top: 0;
  right: 0;
  width: var(--icon-width);
  height: var(--icon-width);
  font-family: "Font Awesome 7 Pro";
  padding: 0;
}
.overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2:after:hover, .overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2:after:focus,
.overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child:after:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2:after,
  .overview_items .overview_item[class*=element_link_entire] .content:first-child > *:first-child:after {
    display: none;
  }
}
.overview_items .overview_item[class*=element_link_entire] .content:not(:first-child) > h2 + [class*=subtitle] {
  padding-right: calc(var(--icon-width) + 10px);
}
.overview_items .overview_item[class*=element_link_entire] .text {
  margin-bottom: 0 !important;
}
.overview_items .overview_item[class*=element_link_entire] .listing-more-button {
  display: none;
}
@media screen and (max-width: 600px) {
  .overview_items .overview_item > * {
    flex-flow: column;
    height: 100%;
  }
  .overview_items .overview_item .videos,
  .overview_items .overview_item .pictures {
    flex: unset;
    max-width: 100%;
    margin: 0 0 var(--size-30);
  }
  .overview_items .overview_item .content {
    height: 100%;
  }
}
@media print {
  .overview_items .overview_item > * {
    background: #fff !important;
    border-radius: 0;
  }
  .overview_items .overview_item .content:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  .overview_items .overview_item .content:not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* @end */
/* !@group listing */
.module-listing .listing_entry:not(:first-child) > * {
  margin-top: var(--size-50);
  padding-top: var(--size-50);
  border-top: 1px solid var(--background-dark);
}
.module-listing .listing_entry > * {
  position: relative;
  display: flex;
  background: none;
  overflow: visible;
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.module-listing .listing_entry > *.cf {
  display: none;
}
.module-listing .listing_entry .videos,
.module-listing .listing_entry .pictures {
  flex: 0 0 30.1%;
  max-width: 30.1%;
}
.module-listing .listing_entry .videos video {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.module-listing .listing_entry .pictures {
  overflow: visible;
  margin-right: var(--size-40);
}
.module-listing .listing_entry .pictures .resource_background {
  overflow: visible;
}
.module-listing .listing_entry .pictures a.resource_link {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
  overflow: hidden;
}
.module-listing .listing_entry .pictures img {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.module-listing .listing_entry .pictures .picture,
.module-listing .listing_entry .pictures .resource_background,
.module-listing .listing_entry .pictures a.resource_link,
.module-listing .listing_entry .pictures img {
  height: auto;
}
.module-listing .listing_entry .pictures .picture:not(:first-child) {
  display: none;
}
.module-listing .listing_entry .icon {
  --icon-width: clamp(50px,8.8vw,88px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  border-radius: 100%;
  background: var(--background-light);
  color: var(--icon-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.module-listing .listing_entry .icon i {
  font-size: calc(var(--icon-width) / 2.2);
  font-weight: 300;
}
.module-listing .listing_entry .icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
@media print {
  .module-listing .listing_entry .icon {
    --icon-width: 50px;
    background: #eee !important;
  }
}
.module-listing .listing_entry .content {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.module-listing .listing_entry h2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  margin-bottom: var(--size-20);
}
.module-listing .listing_entry h2 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .module-listing .listing_entry h2 {
    font-size: 24px;
    line-height: 29px;
  }
}
.module-listing .listing_entry [class*=subtitle] {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
  margin: calc(-1 * var(--size-20)) 0 var(--size-50);
}
.module-listing .listing_entry [class*=subtitle] a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .module-listing .listing_entry [class*=subtitle] {
    font-size: 24px;
    line-height: 29px;
  }
}
.module-listing .listing_entry .listing-date {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: var(--size-5);
  order: -1;
}
.module-listing .listing_entry .listing-date a {
  color: rgba(0, 0, 0, 0.5);
}
@media print {
  .module-listing .listing_entry .listing-date {
    font-size: 12px;
    line-height: 18px;
  }
}
.module-listing .listing_entry div[class*=introduction] {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  margin-bottom: var(--size-15);
}
.module-listing .listing_entry div[class*=introduction] a {
  color: var(--text-color);
  text-decoration: none;
}
.module-listing .listing_entry .listing-content-text {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  .module-listing .listing_entry .listing-content-text {
    font-size: 12px;
    line-height: 18px;
  }
}
.module-listing .listing_entry .listing-content-text:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.module-listing .listing_entry .listing-content-text h2, .module-listing .listing_entry .listing-content-text h3, .module-listing .listing_entry .listing-content-text h4, .module-listing .listing_entry .listing-content-text h5, .module-listing .listing_entry .listing-content-text h6 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  margin: 0;
  font-weight: 700;
}
@media print {
  .module-listing .listing_entry .listing-content-text h2, .module-listing .listing_entry .listing-content-text h3, .module-listing .listing_entry .listing-content-text h4, .module-listing .listing_entry .listing-content-text h5, .module-listing .listing_entry .listing-content-text h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
.module-listing .listing_entry .document a {
  border-color: transparent;
  background: var(--background-dark);
}
.module-listing .listing_entry .document a:focus, .module-listing .listing_entry .document a:hover {
  border-color: transparent;
  background: rgba(var(--background-dark-style-rgb), 0.2);
}
.module-listing .listing_entry .documents,
.module-listing .listing_entry .musics {
  margin-top: 0;
}
.module-listing .listing_entry .documents:not(:last-child),
.module-listing .listing_entry .musics:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.module-listing .listing_entry .listing-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.module-listing .listing_entry .listing-more-button:hover, .module-listing .listing_entry .listing-more-button:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .module-listing .listing_entry .listing-more-button {
    display: none;
  }
}
.module-listing .listing_entry .listing-more-button:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
.module-listing .listing_entry .listing-more-button:not(:first-child) {
  margin-top: auto;
}
.module-listing .listing_entry[class*=element_link_entire] > *:hover .content:not(:first-child) > h2:after,
.module-listing .listing_entry[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after {
  right: -10px;
}
.module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2,
.module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child {
  position: relative;
  padding-right: calc(var(--icon-width) + 10px);
  box-sizing: border-box;
}
.module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2:only-child,
.module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child:only-child {
  min-height: var(--icon-width);
}
.module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2:after,
.module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  position: absolute;
  top: 0;
  right: 0;
  width: var(--icon-width);
  height: var(--icon-width);
  font-family: "Font Awesome 7 Pro";
  padding: 0;
}
.module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2:after:hover, .module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2:after:focus,
.module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child:after:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2:after,
  .module-listing .listing_entry[class*=element_link_entire] .content:first-child > *:first-child:after {
    display: none;
  }
}
.module-listing .listing_entry[class*=element_link_entire] .content:not(:first-child) > h2 + [class*=subtitle] {
  padding-right: calc(var(--icon-width) + 10px);
}
.module-listing .listing_entry[class*=element_link_entire] .listing-content-text {
  margin-bottom: 0 !important;
}
.module-listing .listing_entry[class*=element_link_entire] .listing-more-button {
  display: none;
}
@media screen and (max-width: 600px) {
  .module-listing .listing_entry > * {
    flex-flow: column;
    height: 100%;
  }
  .module-listing .listing_entry .videos,
  .module-listing .listing_entry .pictures {
    flex: unset;
    max-width: 100%;
    margin: 0 0 var(--size-30);
  }
  .module-listing .listing_entry .content {
    height: 100%;
  }
}
@media print {
  .module-listing .listing_entry > * {
    background: #fff !important;
    border-radius: 0;
  }
  .module-listing .listing_entry .content:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  .module-listing .listing_entry .content:not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.listing_content_container {
  display: flex;
  flex-flow: column;
  gap: var(--size-30);
}
.listing_content_container > .flex_content {
  flex: 0 0 auto;
  width: 100%;
}
.listing_content_container > .listing_properties {
  flex: 0 0 auto;
}

.listing_properties:not(:last-child) {
  margin-bottom: var(--size-25);
}
.listing_properties .listing_property_group:not(:first-child),
.listing_properties .spacer {
  display: none;
}
.listing_properties .parent_property_title {
  display: block;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  font-weight: 600;
  margin-bottom: var(--size-10);
}
@media print {
  .listing_properties .parent_property_title {
    font-size: 12px;
    line-height: 18px;
  }
}
.listing_properties .properties {
  --gap: 7px;
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
}
.listing_properties .properties > .cf {
  display: none;
}
.listing_properties .properties .property_text {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: clamp(10px, 1.1vw, 11px);
  line-height: clamp(11px, 1.2vw, 12px);
  color: var(--text-color);
  background: none;
  border: 1px solid var(--text-color);
  border-radius: 20px;
  display: block;
  padding: clamp(4px, 0.6vw, 6px) clamp(6px, 1vw, 10px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.listing_properties .properties .property_text a {
  text-decoration: none;
}

.portlet-entry-tags,
.listing-tags {
  --gap: 7px;
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
}
.portlet-entry-tags > .cf,
.listing-tags > .cf {
  display: none;
}
.portlet-entry-tags:not(:last-child),
.listing-tags:not(:last-child) {
  margin-bottom: var(--size-15);
}
.portlet-entry-tags .title_tag,
.listing-tags .title_tag {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: clamp(10px, 1.1vw, 11px);
  line-height: clamp(11px, 1.2vw, 12px);
  color: var(--text-color);
  background: none;
  border: 1px solid var(--text-color);
  border-radius: 20px;
  display: block;
  padding: clamp(4px, 0.6vw, 6px) clamp(6px, 1vw, 10px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.mod_action_show_entry .listing_detail_icon {
  --icon-width: clamp(50px,8.8vw,88px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  border-radius: 100%;
  background: var(--background-light);
  color: var(--icon-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-left: auto;
  margin-right: auto;
  background: var(--background-medium);
}
.mod_action_show_entry .listing_detail_icon i {
  font-size: calc(var(--icon-width) / 2.2);
  font-weight: 300;
}
.mod_action_show_entry .listing_detail_icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
@media print {
  .mod_action_show_entry .listing_detail_icon {
    --icon-width: 50px;
    background: #eee !important;
  }
}
.mod_action_show_entry .listing_entry_backlink:not(:first-child) {
  margin-top: var(--size-50);
}
.mod_action_show_entry .listing_entry_backlink a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.mod_action_show_entry .listing_entry_backlink a:hover, .mod_action_show_entry .listing_entry_backlink a:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .mod_action_show_entry .listing_entry_backlink a {
    display: none;
  }
}
.mod_action_show_entry .listing_entry_backlink a:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f060";
  margin-right: 8px;
}

.mod_listing.no_system_page {
  --input-border: var(--background-medium);
  --input-background: var(--background-medium);
  --input-background-hover: var(--background-light);
}

.listing_property_filter {
  max-width: var(--siteframe);
  margin: auto;
}
.listing_property_filter form {
  --gap: var(--size-30) var(--size-40);
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
  justify-content: center;
}
.listing_property_filter form > .cf {
  display: none;
}
.listing_property_filter form label {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  display: block;
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}
@media print {
  .listing_property_filter form label {
    font-size: 12px;
    line-height: 18px;
  }
}
.listing_property_filter form .p_select2_filter,
.listing_property_filter form .p_select2 {
  margin: 0;
  flex: 1 0 calc(33.3333333333% - var(--size-40) + var(--size-40) / 3);
}
.listing_property_filter form .p_select2_filter:only-of-type,
.listing_property_filter form .p_select2:only-of-type {
  flex: 0 0 100%;
}
.listing_property_filter form .p_select2_filter select,
.listing_property_filter form .p_select2 select {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
  overflow: hidden;
}
.listing_property_filter form .p_select2_filter select a,
.listing_property_filter form .p_select2 select a {
  color: var(--input-color);
}
@media print {
  .listing_property_filter form .p_select2_filter select,
  .listing_property_filter form .p_select2 select {
    font-size: 12px;
    line-height: 18px;
  }
}
.listing_property_filter form .p_select2_filter select:focus, .listing_property_filter form .p_select2_filter select:hover,
.listing_property_filter form .p_select2 select:focus,
.listing_property_filter form .p_select2 select:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.listing_property_filter form .p_select2_filter select[data-com-onepassword-filled=light], .listing_property_filter form .p_select2_filter select:-webkit-autofill, .listing_property_filter form .p_select2_filter select:-webkit-autofill:hover, .listing_property_filter form .p_select2_filter select:-webkit-autofill:focus,
.listing_property_filter form .p_select2 select[data-com-onepassword-filled=light],
.listing_property_filter form .p_select2 select:-webkit-autofill,
.listing_property_filter form .p_select2 select:-webkit-autofill:hover,
.listing_property_filter form .p_select2 select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.listing_property_filter form .p_select2_filter select::placeholder, .listing_property_filter form .p_select2_filter select::-moz-placeholder,
.listing_property_filter form .p_select2 select::placeholder,
.listing_property_filter form .p_select2 select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.listing_property_filter form .p_select2_filter select:hover, .listing_property_filter form .p_select2_filter select:focus,
.listing_property_filter form .p_select2 select:hover,
.listing_property_filter form .p_select2 select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
@media (prefers-color-scheme: dark) {
  body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2_filter select,
  body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2 select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
    background-size: 12.5px var(--input-padding-left-right);
  }
  body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2_filter select:hover, body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2_filter select:focus,
  body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2 select:hover,
  body[data-theme=dynamic_dark_mode] .listing_property_filter form .p_select2 select:focus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
    background-size: 12.5px var(--input-padding-left-right);
  }
}
body[data-theme=dark_mode] .listing_property_filter form .p_select2_filter select,
body[data-theme=dark_mode] .listing_property_filter form .p_select2 select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
body[data-theme=dark_mode] .listing_property_filter form .p_select2_filter select:hover, body[data-theme=dark_mode] .listing_property_filter form .p_select2_filter select:focus,
body[data-theme=dark_mode] .listing_property_filter form .p_select2 select:hover,
body[data-theme=dark_mode] .listing_property_filter form .p_select2 select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
.listing_property_filter form .p_select2_filter select option,
.listing_property_filter form .p_select2 select option {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
}
.listing_property_filter form .p_select2_filter select option a,
.listing_property_filter form .p_select2 select option a {
  color: var(--input-color);
}
@media print {
  .listing_property_filter form .p_select2_filter select option,
  .listing_property_filter form .p_select2 select option {
    font-size: 12px;
    line-height: 18px;
  }
}
.listing_property_filter form .p_select2_filter select option:not(:first-child),
.listing_property_filter form .p_select2 select option:not(:first-child) {
  display: none;
}
.listing_property_filter form .listing_search_wrap {
  width: calc(100% - var(--icon-width) - var(--size-40));
  order: -2;
  position: relative;
}
.listing_property_filter form .listing_search_wrap input {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
}
.listing_property_filter form .listing_search_wrap input a {
  color: var(--input-color);
}
@media print {
  .listing_property_filter form .listing_search_wrap input {
    font-size: 12px;
    line-height: 18px;
  }
}
.listing_property_filter form .listing_search_wrap input:focus, .listing_property_filter form .listing_search_wrap input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.listing_property_filter form .listing_search_wrap input[data-com-onepassword-filled=light], .listing_property_filter form .listing_search_wrap input:-webkit-autofill, .listing_property_filter form .listing_search_wrap input:-webkit-autofill:hover, .listing_property_filter form .listing_search_wrap input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.listing_property_filter form .listing_search_wrap input::placeholder, .listing_property_filter form .listing_search_wrap input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.listing_property_filter form .listing_search_buttons {
  order: -1;
  flex: 0 0 calc(var(--icon-width));
  align-self: flex-end;
  position: relative;
}
.listing_property_filter form .listing_search_buttons:before {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: var(--icon-width);
  max-height: var(--icon-width);
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  padding: var(--input-padding);
  font-family: "Font Awesome 7 Pro";
  content: "\f002";
  line-height: clamp(16px, 1.8vw, 18px);
  color: var(--text-on-theme-color);
  border-radius: var(--border-radius-small);
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.listing_property_filter form .listing_search_buttons input {
  position: absolute;
  bottom: 0;
  right: 0;
  width: var(--icon-width);
  height: var(--icon-width);
  border-radius: var(--border-radius-small);
  background: none;
  font-size: 0;
  border: none;
  cursor: pointer;
}
.listing_property_filter form .listing_search_buttons:hover:before {
  background: var(--theme-color-dark);
  border: 1px solid var(--theme-color-dark);
}
.listing_property_filter form .listing_reset_filter_wrap {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
}
.listing_property_filter form .listing_reset_filter_wrap .listing_reset_filter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-color);
  background: var(--background-light);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
}
.listing_property_filter form .listing_reset_filter_wrap .listing_reset_filter:hover, .listing_property_filter form .listing_reset_filter_wrap .listing_reset_filter:focus {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-medium);
}
@media print {
  .listing_property_filter form .listing_reset_filter_wrap .listing_reset_filter {
    display: none;
  }
}
.listing_property_filter form .listing_reset_filter_wrap .listing_reset_filter:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f2ed";
  margin-left: 8px;
}

/* @end */
/* !@group mailform global styles */
.property_entry_count {
  display: none;
}

select + span.select2-container {
  width: 100% !important;
  min-width: unset;
}

span.select2-container.select2-container--default .select2-selection {
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  background: var(--input-background);
  height: auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  min-height: unset;
}
span.select2-container.select2-container--default .select2-selection .select2-selection__rendered {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  padding: var(--input-padding);
}
span.select2-container.select2-container--default .select2-selection .select2-selection__rendered a {
  color: var(--input-color);
}
@media print {
  span.select2-container.select2-container--default .select2-selection .select2-selection__rendered {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container.select2-container--default .select2-selection--single {
  height: auto;
  outline: none;
}
span.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: var(--input-padding-left-right);
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
}
span.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  font-family: "Font Awesome 7 Pro";
  content: "\f107";
}
span.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after a {
  color: var(--input-color);
}
@media print {
  span.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
span.select2-container.select2-container--default:hover .select2-selection, span.select2-container.select2-container--default.select2-container--open .select2-selection, span.select2-container.select2-container--default.select2-container--focus .select2-selection {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
}
span.select2-container.select2-container--default:hover .select2-selection .select2-selection__arrow:after,
span.select2-container.select2-container--default:hover .select2-selection .select2-selection__rendered, span.select2-container.select2-container--default.select2-container--open .select2-selection .select2-selection__arrow:after,
span.select2-container.select2-container--default.select2-container--open .select2-selection .select2-selection__rendered, span.select2-container.select2-container--default.select2-container--focus .select2-selection .select2-selection__arrow:after,
span.select2-container.select2-container--default.select2-container--focus .select2-selection .select2-selection__rendered {
  color: var(--input-color-hover);
}
span.select2-container.select2-container--default:hover .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after, span.select2-container.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after, span.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after {
  color: var(--input-color-hover);
}
span.select2-container.select2-container--default.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
span.select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  overflow: auto;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  display: flex;
  align-items: center;
  border: none;
  background: rgba(0, 0, 0, 0.09);
  color: var(--text-color);
  margin: -1px 5px -1px 0;
  padding: 1px 6px 1px 8px;
  border-radius: calc(var(--input-border-radius) * 2);
}
@media print {
  span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  display: flex;
  font-size: 0;
  line-height: 0;
  order: 2;
  margin: 0 0 0 5px;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: rgba(var(--background-dark-style-rgb), 0.3);
  font-family: "Font Awesome 7 Pro";
  content: "\f057";
  font-weight: 900;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before a {
  color: rgba(var(--background-dark-style-rgb), 0.3);
}
@media print {
  span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover:before {
  color: rgba(var(--background-dark-style-rgb), 1);
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  width: 100%;
  min-width: 30px;
  padding-right: 12px;
  box-sizing: border-box;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  width: 100% !important;
  color: var(--input-color);
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline input::-moz-placeholder {
  opacity: 1;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after {
  position: absolute;
  right: 0;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  font-family: "Font Awesome 7 Pro";
  content: "\f107";
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after a {
  color: var(--input-color);
}
@media print {
  span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline:after {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
  width: 10px;
  height: 2px;
  background: var(--background-dark);
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
  background: var(--background-dark-style-medium);
  border-radius: 2px;
  height: 1px;
}
span.select2-container.select2-container--default .select2-selection--multiple .select2-search__field {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  margin: 0;
}
@media print {
  span.select2-container.select2-container--default .select2-selection--multiple .select2-search__field {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container .select2-dropdown {
  background: var(--input-background-hover);
  border-color: var(--input-border-hover);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  border-radius: var(--input-border-radius);
  overflow: hidden;
  z-index: 100;
}
span.select2-container .select2-dropdown a {
  color: var(--input-color);
}
@media print {
  span.select2-container .select2-dropdown {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container .select2-dropdown.select2-dropdown--above {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
}
span.select2-container .select2-dropdown.select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
}
span.select2-container .select2-dropdown li.select2-results__option {
  padding: var(--input-padding);
}
span.select2-container .select2-dropdown li.select2-results__option.select2-results__option--highlighted {
  background: var(--input-border-hover);
  color: var(--background-light);
}
span.select2-container .select2-dropdown li.select2-results__option[aria-selected=true] {
  background: var(--background-medium);
  color: var(--input-color);
}
span.select2-container .select2-dropdown li.select2-results__option[aria-disabled=true] {
  opacity: 0.5;
}
span.select2-container .select2-dropdown .select2-search--dropdown {
  padding: 5px;
}
span.select2-container .select2-dropdown .select2-search__field {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  padding: 8px;
  border-radius: 2px;
}
span.select2-container .select2-dropdown .select2-search__field a {
  color: var(--input-color);
}
@media print {
  span.select2-container .select2-dropdown .select2-search__field {
    font-size: 12px;
    line-height: 18px;
  }
}
span.select2-container .select2-dropdown .select2-search__field:focus, span.select2-container .select2-dropdown .select2-search__field:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
span.select2-container .select2-dropdown .select2-search__field[data-com-onepassword-filled=light], span.select2-container .select2-dropdown .select2-search__field:-webkit-autofill, span.select2-container .select2-dropdown .select2-search__field:-webkit-autofill:hover, span.select2-container .select2-dropdown .select2-search__field:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
span.select2-container .select2-dropdown .select2-search__field::placeholder, span.select2-container .select2-dropdown .select2-search__field::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}

.no_system_page div.ui-datepicker {
  width: 300px;
  background: var(--input-background-hover);
  border: 1px solid var(--input-border);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--box-shadow);
  margin: 5px 0 0 5px;
  padding: 0;
}
.no_system_page div.ui-datepicker .ui-widget-header {
  --icon-width: 32px;
  display: flex;
  background: var(--background-medium);
  border: none;
  border-radius: 0;
  padding: 10px var(--input-padding-left-right);
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 calc(var(--icon-width) + 10px);
}
.no_system_page div.ui-datepicker .ui-widget-header select {
  --input-background: rgba(var(--background-dark-style-rgb),0.06);
  --input-background-hover: rgba(var(--background-dark-style-rgb),0.09);
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
  max-width: calc(50% - 5px);
  border: none;
  font-weight: 700;
  margin: 0;
  padding: 9px var(--input-padding-left-right);
}
.no_system_page div.ui-datepicker .ui-widget-header select a {
  color: var(--input-color);
}
@media print {
  .no_system_page div.ui-datepicker .ui-widget-header select {
    font-size: 12px;
    line-height: 18px;
  }
}
.no_system_page div.ui-datepicker .ui-widget-header select:focus, .no_system_page div.ui-datepicker .ui-widget-header select:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.no_system_page div.ui-datepicker .ui-widget-header select[data-com-onepassword-filled=light], .no_system_page div.ui-datepicker .ui-widget-header select:-webkit-autofill, .no_system_page div.ui-datepicker .ui-widget-header select:-webkit-autofill:hover, .no_system_page div.ui-datepicker .ui-widget-header select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.no_system_page div.ui-datepicker .ui-widget-header select::placeholder, .no_system_page div.ui-datepicker .ui-widget-header select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.no_system_page div.ui-datepicker .ui-widget-header select:hover, .no_system_page div.ui-datepicker .ui-widget-header select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
@media (prefers-color-scheme: dark) {
  body[data-theme=dynamic_dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
    background-size: 12.5px var(--input-padding-left-right);
  }
  body[data-theme=dynamic_dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select:hover, body[data-theme=dynamic_dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select:focus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
    background-size: 12.5px var(--input-padding-left-right);
  }
}
body[data-theme=dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
body[data-theme=dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select:hover, body[data-theme=dark_mode] .no_system_page div.ui-datepicker .ui-widget-header select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next,
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  top: calc(50% - var(--icon-width) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  text-decoration: none;
  border: 0 !important;
  background: none;
  color: var(--background-dark-style-dark);
  border-radius: 100%;
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next:hover, .no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover,
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev:hover,
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover {
  background: var(--background-light);
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next:before,
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f104";
  font-weight: 700;
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next span,
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev span {
  display: none;
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  left: 10px;
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next {
  right: 10px;
}
.no_system_page div.ui-datepicker .ui-widget-header .ui-datepicker-next:before {
  content: "\f105";
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  border: 10px solid transparent;
  margin: 0;
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar a {
  color: var(--input-color);
}
@media print {
  .no_system_page div.ui-datepicker .ui-datepicker-calendar {
    font-size: 12px;
    line-height: 18px;
  }
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar th {
  padding: 9px;
  text-transform: uppercase;
  color: var(--input-color-hover);
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar td {
  padding: 1px;
  min-width: 0 !important;
  border: none;
  background: var(--input-background-hover);
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar td a {
  padding: 9px;
  text-align: center;
  background: var(--input-background-hover);
  border: none;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
  background: var(--background-medium);
  color: var(--input-color);
}
.no_system_page div.ui-datepicker .ui-datepicker-calendar td a:hover, .no_system_page div.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  background: var(--theme-color);
  color: var(--text-on-theme-color);
}

.required {
  color: var(--signal-color) !important;
  font-weight: 700;
}

/* @end */
/* !@group mailform */
#mailform_content + form {
  margin-top: var(--size-50);
}

#mailform_elements {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: calc(-1 * var(--size-30));
}

.mailform_element {
  position: relative;
  flex: 1 0 100%;
  margin-top: var(--size-30);
  --space-between: var(--size-20);
}
.mailform_element.zwei {
  flex: 0 0 calc(50% - var(--space-between) / 2);
}
.mailform_element.drei {
  flex: 0 0 calc(33.33% - var(--space-between) / 1.5);
}
.mailform_element label {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  display: block;
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}
@media print {
  .mailform_element label {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element input {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
}
.mailform_element input a {
  color: var(--input-color);
}
@media print {
  .mailform_element input {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element input:focus, .mailform_element input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.mailform_element input[data-com-onepassword-filled=light], .mailform_element input:-webkit-autofill, .mailform_element input:-webkit-autofill:hover, .mailform_element input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.mailform_element input::placeholder, .mailform_element input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.mailform_element input.tooltip {
  padding-right: 40px;
}
.mailform_element textarea {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  height: 150px;
  height: clamp(120px, 15vw, 150px);
}
.mailform_element textarea a {
  color: var(--input-color);
}
@media print {
  .mailform_element textarea {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element textarea:focus, .mailform_element textarea:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.mailform_element textarea[data-com-onepassword-filled=light], .mailform_element textarea:-webkit-autofill, .mailform_element textarea:-webkit-autofill:hover, .mailform_element textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.mailform_element textarea::placeholder, .mailform_element textarea::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.mailform_element select {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
.mailform_element select a {
  color: var(--input-color);
}
@media print {
  .mailform_element select {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element select:focus, .mailform_element select:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.mailform_element select[data-com-onepassword-filled=light], .mailform_element select:-webkit-autofill, .mailform_element select:-webkit-autofill:hover, .mailform_element select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.mailform_element select::placeholder, .mailform_element select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.mailform_element select:hover, .mailform_element select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
@media (prefers-color-scheme: dark) {
  body[data-theme=dynamic_dark_mode] .mailform_element select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
    background-size: 12.5px var(--input-padding-left-right);
  }
  body[data-theme=dynamic_dark_mode] .mailform_element select:hover, body[data-theme=dynamic_dark_mode] .mailform_element select:focus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
    background-size: 12.5px var(--input-padding-left-right);
  }
}
body[data-theme=dark_mode] .mailform_element select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
body[data-theme=dark_mode] .mailform_element select:hover, body[data-theme=dark_mode] .mailform_element select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
.mailform_element.select_field .helptext {
  right: 38px;
}
.mailform_element .helptext {
  position: absolute;
  right: var(--input-padding-left-right);
  bottom: calc(var(--input-padding-top-bottom) + 1px);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  color: rgba(var(--background-dark-style-rgb), 0.5);
}
.mailform_element .helptext a {
  color: var(--input-color);
}
@media print {
  .mailform_element .helptext {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element .helptext i {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  font-weight: 900;
  font-family: "Font Awesome 7 Pro";
}
.mailform_element .helptext i a {
  color: var(--input-color);
}
@media print {
  .mailform_element .helptext i {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element .helptext i:hover {
  color: var(--input-color-hover);
}
.mailform_element.mailform_error {
  --input-border: var(--signal-color);
  --input-color: var(--signal-color);
}
.mailform_element.mailform_error label {
  color: var(--signal-color);
}
.mailform_element.heading3_field:not(:first-child) {
  margin-top: var(--size-80);
}
.mailform_element.infotext_field:not(:last-child) {
  margin-bottom: var(--size-20);
}
.mailform_element.date_field p:after {
  position: absolute;
  right: var(--input-padding-left-right);
  bottom: calc(var(--input-padding-top-bottom) + 2px);
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  font-family: "Font Awesome 7 Pro";
  content: "\f133";
}
.mailform_element.date_field p:after a {
  color: var(--input-color);
}
@media print {
  .mailform_element.date_field p:after {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element.date_field p:hover:after, .mailform_element.date_field p:focus-within:after {
  color: var(--input-color-hover);
}
.mailform_element.radio_field input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.mailform_element.radio_field input[type=radio] + * {
  display: flex;
  align-items: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  letter-spacing: 0;
}
.mailform_element.radio_field input[type=radio] + * a {
  color: var(--input-color);
}
@media print {
  .mailform_element.radio_field input[type=radio] + * {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element.radio_field input[type=radio] + *:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 100;
  font-size: 1.73em;
  line-height: normal;
  margin-right: 8px;
}
.mailform_element.radio_field input[type=radio]:hover:not(:checked) + *, .mailform_element.radio_field input[type=radio]:hover:not(:checked) + * a {
  color: var(--input-color-hover);
}
.mailform_element.radio_field input[type=radio]:checked + *:before {
  content: "\f192";
  color: var(--theme-color-text);
  font-weight: 900;
}
.mailform_element.radio_field .wrap_radio_buttons > label {
  margin-bottom: var(--size-15);
}
.mailform_element.radio_field .multiple_radio_inputs {
  --gap: var(--size-15) var(--size-25);
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
}
.mailform_element.radio_field .multiple_radio_inputs > .cf {
  display: none;
}
.mailform_element.radio_field .helptext {
  bottom: 0;
  right: 0;
}
.mailform_element.checkbox_field input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.mailform_element.checkbox_field input[type=checkbox] + * {
  display: flex;
  align-items: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  letter-spacing: 0;
}
.mailform_element.checkbox_field input[type=checkbox] + * a {
  color: var(--input-color);
}
@media print {
  .mailform_element.checkbox_field input[type=checkbox] + * {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element.checkbox_field input[type=checkbox] + *:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 100;
  font-size: 1.73em;
  line-height: normal;
  margin-right: 8px;
}
.mailform_element.checkbox_field input[type=checkbox]:hover:not(:checked) + *, .mailform_element.checkbox_field input[type=checkbox]:hover:not(:checked) + * a {
  color: var(--input-color-hover);
}
.mailform_element.checkbox_field input[type=checkbox]:checked + *:before {
  content: "\f192";
  color: var(--theme-color-text);
  font-weight: 900;
}
.mailform_element.checkbox_field input[type=checkbox] + label:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f0c8";
}
.mailform_element.checkbox_field input[type=checkbox]:checked + label:before {
  content: "\f14a";
}
.mailform_element.checkbox_field .helptext {
  bottom: 0;
  right: 0;
}
.mailform_element.time_field p, .mailform_element.datetime_field p {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin: 0;
}
.mailform_element.time_field span.separator, .mailform_element.datetime_field span.separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--space-between);
}
.mailform_element.time_field select,
.mailform_element.time_field span.select2-container {
  flex: 0 0 calc(50% - var(--space-between) / 2);
}
.mailform_element.datetime_field input {
  flex: 0 0 calc(50% - var(--space-between) / 2);
  margin-right: auto;
}
.mailform_element.datetime_field select,
.mailform_element.datetime_field span.select2-container {
  flex: 0 0 calc(25% - var(--space-between) / 1.33);
}
.mailform_element.file_field input {
  position: absolute;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  z-index: -1;
}
.mailform_element.file_field input + label {
  display: flex;
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  cursor: pointer;
  margin: 0;
}
.mailform_element.file_field input + label a {
  color: var(--input-color);
}
@media print {
  .mailform_element.file_field input + label {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element.file_field input + label:focus, .mailform_element.file_field input + label:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.mailform_element.file_field input + label[data-com-onepassword-filled=light], .mailform_element.file_field input + label:-webkit-autofill, .mailform_element.file_field input + label:-webkit-autofill:hover, .mailform_element.file_field input + label:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.mailform_element.file_field input + label::placeholder, .mailform_element.file_field input + label::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.mailform_element.file_field input + label:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f574";
  margin-right: 8px;
}
.mailform_element.signature_field .signature-pad-wrapper canvas {
  border: 1px solid rgba(var(--background-dark-style-rgb), 0.25);
  border-radius: var(--input-border-radius);
}
.mailform_element.signature_field .signature-pad-reset {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  text-decoration: none;
}
@media print {
  .mailform_element.signature_field .signature-pad-reset {
    font-size: 12px;
    line-height: 18px;
  }
}
.mailform_element.signature_field .signature-pad-reset:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f00d";
  margin-right: 8px;
}
.mailform_element.signature_field .helptext {
  right: calc(100% - 330px);
  bottom: 22px;
}

#mailform_submit_button {
  clear: both;
}

.mailform_submit_button {
  margin-left: auto;
  margin-top: var(--size-30);
}
.mailform_submit_button label {
  display: none;
}
.mailform_submit_button input {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.mailform_submit_button input:hover, .mailform_submit_button input:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .mailform_submit_button input {
    display: none;
  }
}

.mod_action_mailform_sent h1 {
  display: none;
}

/* @end */
/* !@group search */
#search_results:not(:first-child) {
  margin-top: var(--size-60);
}
#search_results .search_item_wrap:not(:first-child) > * {
  margin-top: var(--size-50);
  padding-top: var(--size-50);
  border-top: 1px solid var(--background-dark);
}
#search_results .search_item_wrap > * {
  position: relative;
  display: flex;
  background: none;
  overflow: visible;
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#search_results .search_item_wrap > *.cf {
  display: none;
}
#search_results .search_item_wrap .videos,
#search_results .search_item_wrap .pictures {
  flex: 0 0 30.1%;
  max-width: 30.1%;
}
#search_results .search_item_wrap .videos video {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
#search_results .search_item_wrap .pictures {
  overflow: visible;
  margin-right: var(--size-40);
}
#search_results .search_item_wrap .pictures .resource_background {
  overflow: visible;
}
#search_results .search_item_wrap .pictures a.resource_link {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
  overflow: hidden;
}
#search_results .search_item_wrap .pictures img {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
#search_results .search_item_wrap .pictures .picture,
#search_results .search_item_wrap .pictures .resource_background,
#search_results .search_item_wrap .pictures a.resource_link,
#search_results .search_item_wrap .pictures img {
  height: auto;
}
#search_results .search_item_wrap .pictures .picture:not(:first-child) {
  display: none;
}
#search_results .search_item_wrap .icon {
  --icon-width: clamp(50px,8.8vw,88px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  border-radius: 100%;
  background: var(--background-light);
  color: var(--icon-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#search_results .search_item_wrap .icon i {
  font-size: calc(var(--icon-width) / 2.2);
  font-weight: 300;
}
#search_results .search_item_wrap .icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
@media print {
  #search_results .search_item_wrap .icon {
    --icon-width: 50px;
    background: #eee !important;
  }
}
#search_results .search_item_wrap .content {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
#search_results .search_item_wrap h2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  margin-bottom: var(--size-20);
}
#search_results .search_item_wrap h2 a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  #search_results .search_item_wrap h2 {
    font-size: 24px;
    line-height: 29px;
  }
}
#search_results .search_item_wrap .search_item_subtitle {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
  margin: calc(-1 * var(--size-20)) 0 var(--size-50);
}
#search_results .search_item_wrap .search_item_subtitle a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  #search_results .search_item_wrap .search_item_subtitle {
    font-size: 24px;
    line-height: 29px;
  }
}
#search_results .search_item_wrap .search_item_date {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: var(--size-5);
  order: -1;
}
#search_results .search_item_wrap .search_item_date a {
  color: rgba(0, 0, 0, 0.5);
}
@media print {
  #search_results .search_item_wrap .search_item_date {
    font-size: 12px;
    line-height: 18px;
  }
}
#search_results .search_item_wrap .search_item_introduction {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  margin-bottom: var(--size-15);
}
#search_results .search_item_wrap .search_item_introduction a {
  color: var(--text-color);
  text-decoration: none;
}
#search_results .search_item_wrap .search_item_content {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  #search_results .search_item_wrap .search_item_content {
    font-size: 12px;
    line-height: 18px;
  }
}
#search_results .search_item_wrap .search_item_content:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
#search_results .search_item_wrap .search_item_content h2, #search_results .search_item_wrap .search_item_content h3, #search_results .search_item_wrap .search_item_content h4, #search_results .search_item_wrap .search_item_content h5, #search_results .search_item_wrap .search_item_content h6 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  margin: 0;
  font-weight: 700;
}
@media print {
  #search_results .search_item_wrap .search_item_content h2, #search_results .search_item_wrap .search_item_content h3, #search_results .search_item_wrap .search_item_content h4, #search_results .search_item_wrap .search_item_content h5, #search_results .search_item_wrap .search_item_content h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
#search_results .search_item_wrap .document a {
  border-color: transparent;
  background: var(--background-dark);
}
#search_results .search_item_wrap .document a:focus, #search_results .search_item_wrap .document a:hover {
  border-color: transparent;
  background: rgba(var(--background-dark-style-rgb), 0.2);
}
#search_results .search_item_wrap .documents,
#search_results .search_item_wrap .musics {
  margin-top: 0;
}
#search_results .search_item_wrap .documents:not(:last-child),
#search_results .search_item_wrap .musics:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
#search_results .search_item_wrap .search_item_detail_link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
#search_results .search_item_wrap .search_item_detail_link:hover, #search_results .search_item_wrap .search_item_detail_link:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  #search_results .search_item_wrap .search_item_detail_link {
    display: none;
  }
}
#search_results .search_item_wrap .search_item_detail_link:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
#search_results .search_item_wrap .search_item_detail_link:not(:first-child) {
  margin-top: auto;
}
#search_results .search_item_wrap[class*=element_link_entire] > *:hover .content:not(:first-child) > h2:after,
#search_results .search_item_wrap[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after {
  right: -10px;
}
#search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2,
#search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child {
  position: relative;
  padding-right: calc(var(--icon-width) + 10px);
  box-sizing: border-box;
}
#search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2:only-child,
#search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child:only-child {
  min-height: var(--icon-width);
}
#search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2:after,
#search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  position: absolute;
  top: 0;
  right: 0;
  width: var(--icon-width);
  height: var(--icon-width);
  font-family: "Font Awesome 7 Pro";
  padding: 0;
}
#search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2:after:hover, #search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2:after:focus,
#search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
#search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child:after:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  #search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2:after,
  #search_results .search_item_wrap[class*=element_link_entire] .content:first-child > *:first-child:after {
    display: none;
  }
}
#search_results .search_item_wrap[class*=element_link_entire] .content:not(:first-child) > h2 + .search_item_subtitle {
  padding-right: calc(var(--icon-width) + 10px);
}
#search_results .search_item_wrap[class*=element_link_entire] .search_item_content {
  margin-bottom: 0 !important;
}
#search_results .search_item_wrap[class*=element_link_entire] .search_item_detail_link {
  display: none;
}
@media screen and (max-width: 600px) {
  #search_results .search_item_wrap > * {
    flex-flow: column;
    height: 100%;
  }
  #search_results .search_item_wrap .videos,
  #search_results .search_item_wrap .pictures {
    flex: unset;
    max-width: 100%;
    margin: 0 0 var(--size-30);
  }
  #search_results .search_item_wrap .content {
    height: 100%;
  }
}
@media print {
  #search_results .search_item_wrap > * {
    background: #fff !important;
    border-radius: 0;
  }
  #search_results .search_item_wrap .content:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  #search_results .search_item_wrap .content:not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.highlighting {
  background: rgba(var(--management-highlight-color-rgb), 0.25);
}

/* @end */
/* @group available calendar */
#module_available_calendar .available-calendar-wrap:not(:first-child) {
  margin-top: var(--size-40);
}
#module_available_calendar .available-calendar-month-switcher {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--size-20);
}
#module_available_calendar .available-calendar-month-switcher a {
  color: var(--text-color);
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: var(--text-color);
  text-decoration-thickness: 1px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: clamp(0.4px, 0.05vw, 0.5px);
  color: rgba(0, 0, 0, 0.6);
}
#module_available_calendar .available-calendar-month-switcher a:hover {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  #module_available_calendar .available-calendar-month-switcher a {
    font-size: 12px;
    line-height: 18px;
  }
}
#module_available_calendar .available-calendar-month-switcher a.available-calendar-previous-month:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f060";
  margin-right: 8px;
}
#module_available_calendar .available-calendar-month-switcher a.available-calendar-next-month {
  order: 2;
}
#module_available_calendar .available-calendar-month-switcher a.available-calendar-next-month:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
#module_available_calendar .available-calendar-month-switcher a:hover {
  color: var(--text-color);
}
#module_available_calendar .available-calendars {
  --gap: var(--size-30);
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
  --columns: 3;
}
#module_available_calendar .available-calendars > .cf {
  display: none;
}
#module_available_calendar .available-calendars > * {
  flex: 0 0 calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  max-width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
}
#module_available_calendar .available-calendars > * {
  float: none !important;
  margin: 0 !important;
}
#module_available_calendar .available-calendars h2 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  font-weight: 700;
  margin: 0 0 var(--size-5);
  text-align: center;
}
#module_available_calendar .available-calendars h2 a {
  color: var(--text-color);
}
@media print {
  #module_available_calendar .available-calendars h2 {
    font-size: 13px;
    line-height: 20px;
  }
}
#module_available_calendar .available-calendars h2 a {
  color: var(--text-color);
  text-decoration: none;
}
#module_available_calendar .available-calendars .table_wrap_container:not(:first-child) {
  margin-top: var(--size-10);
}
#module_available_calendar table.table-available-calendar {
  width: 100%;
  table-layout: auto;
  margin: 0;
  border: 0;
  text-align: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  #module_available_calendar table.table-available-calendar {
    font-size: 12px;
    line-height: 18px;
  }
}
#module_available_calendar table.table-available-calendar th {
  padding: 0 0 4px;
  font-weight: 300;
  border-bottom: 1px solid var(--background-dark);
}
#module_available_calendar table.table-available-calendar tr:nth-child(2) td {
  padding-top: 10px;
}
#module_available_calendar table.table-available-calendar td {
  min-width: 0;
  padding: 2px;
  border: 0;
}
#module_available_calendar table.table-available-calendar td > *[class*=available-calendar] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  color: rgba(0, 0, 0, 0.7);
}
#module_available_calendar table.table-available-calendar td .available-calendar-red {
  background: rgba(202, 68, 44, 0.6) !important;
}
#module_available_calendar table.table-available-calendar td .available-calendar-green {
  background: rgba(82, 156, 61, 0.6) !important;
}
#module_available_calendar table.table-available-calendar td .available-calendar-yellow {
  background: rgba(251, 186, 0, 0.6) !important;
}
#module_available_calendar .available-calendar-legend {
  display: flex;
  flex-flow: wrap;
  gap: 0 var(--size-20);
  margin-top: var(--size-20) !important;
}
#module_available_calendar .available-calendar-legend > * {
  display: flex;
  align-items: center;
  justify-content: center;
}
#module_available_calendar .available-calendar-legend .available-calendar-legend-green {
  background: rgba(82, 156, 61, 0.6) !important;
}
#module_available_calendar .available-calendar-legend .available-calendar-legend-yellow {
  background: rgba(251, 186, 0, 0.6) !important;
}
#module_available_calendar .available-calendar-legend .available-calendar-legend-red {
  background: rgba(202, 68, 44, 0.6) !important;
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group events */
#event_listing_wrap {
  margin: 0 auto;
}
#event_listing_wrap:not(:first-child) {
  margin-top: var(--size-70);
}

.portlet_events .portlet_events_subtitle {
  display: none !important;
}
.portlet_events .show_more {
  margin-top: var(--size-30);
}

.portlet-events-entry-wrap .portlet-events-entry:not(:first-child) > *,
.portlet-events-entry-wrap .event:not(:first-child) > *,
.event_listing .portlet-events-entry:not(:first-child) > *,
.event_listing .event:not(:first-child) > * {
  margin-top: var(--size-50);
  padding-top: var(--size-50);
  border-top: 1px solid var(--background-dark);
}
.portlet-events-entry-wrap .portlet-events-entry > *,
.portlet-events-entry-wrap .event > *,
.event_listing .portlet-events-entry > *,
.event_listing .event > * {
  position: relative;
  display: flex;
  background: none;
  overflow: visible;
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.portlet-events-entry-wrap .portlet-events-entry > *.cf,
.portlet-events-entry-wrap .event > *.cf,
.event_listing .portlet-events-entry > *.cf,
.event_listing .event > *.cf {
  display: none;
}
.portlet-events-entry-wrap .portlet-events-entry .videos,
.portlet-events-entry-wrap .portlet-events-entry .pictures,
.portlet-events-entry-wrap .event .videos,
.portlet-events-entry-wrap .event .pictures,
.event_listing .portlet-events-entry .videos,
.event_listing .portlet-events-entry .pictures,
.event_listing .event .videos,
.event_listing .event .pictures {
  flex: 0 0 30.1%;
  max-width: 30.1%;
}
.portlet-events-entry-wrap .portlet-events-entry .videos video,
.portlet-events-entry-wrap .event .videos video,
.event_listing .portlet-events-entry .videos video,
.event_listing .event .videos video {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.portlet-events-entry-wrap .portlet-events-entry .pictures,
.portlet-events-entry-wrap .event .pictures,
.event_listing .portlet-events-entry .pictures,
.event_listing .event .pictures {
  overflow: visible;
  margin-right: var(--size-40);
}
.portlet-events-entry-wrap .portlet-events-entry .pictures .resource_background,
.portlet-events-entry-wrap .event .pictures .resource_background,
.event_listing .portlet-events-entry .pictures .resource_background,
.event_listing .event .pictures .resource_background {
  overflow: visible;
}
.portlet-events-entry-wrap .portlet-events-entry .pictures a.resource_link,
.portlet-events-entry-wrap .event .pictures a.resource_link,
.event_listing .portlet-events-entry .pictures a.resource_link,
.event_listing .event .pictures a.resource_link {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
  overflow: hidden;
}
.portlet-events-entry-wrap .portlet-events-entry .pictures img,
.portlet-events-entry-wrap .event .pictures img,
.event_listing .portlet-events-entry .pictures img,
.event_listing .event .pictures img {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.portlet-events-entry-wrap .portlet-events-entry .pictures .picture,
.portlet-events-entry-wrap .portlet-events-entry .pictures .resource_background,
.portlet-events-entry-wrap .portlet-events-entry .pictures a.resource_link,
.portlet-events-entry-wrap .portlet-events-entry .pictures img,
.portlet-events-entry-wrap .event .pictures .picture,
.portlet-events-entry-wrap .event .pictures .resource_background,
.portlet-events-entry-wrap .event .pictures a.resource_link,
.portlet-events-entry-wrap .event .pictures img,
.event_listing .portlet-events-entry .pictures .picture,
.event_listing .portlet-events-entry .pictures .resource_background,
.event_listing .portlet-events-entry .pictures a.resource_link,
.event_listing .portlet-events-entry .pictures img,
.event_listing .event .pictures .picture,
.event_listing .event .pictures .resource_background,
.event_listing .event .pictures a.resource_link,
.event_listing .event .pictures img {
  height: auto;
}
.portlet-events-entry-wrap .portlet-events-entry .pictures .picture:not(:first-child),
.portlet-events-entry-wrap .event .pictures .picture:not(:first-child),
.event_listing .portlet-events-entry .pictures .picture:not(:first-child),
.event_listing .event .pictures .picture:not(:first-child) {
  display: none;
}
.portlet-events-entry-wrap .portlet-events-entry .icon,
.portlet-events-entry-wrap .event .icon,
.event_listing .portlet-events-entry .icon,
.event_listing .event .icon {
  --icon-width: clamp(50px,8.8vw,88px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  border-radius: 100%;
  background: var(--background-light);
  color: var(--icon-color);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.portlet-events-entry-wrap .portlet-events-entry .icon i,
.portlet-events-entry-wrap .event .icon i,
.event_listing .portlet-events-entry .icon i,
.event_listing .event .icon i {
  font-size: calc(var(--icon-width) / 2.2);
  font-weight: 300;
}
.portlet-events-entry-wrap .portlet-events-entry .icon:not(:last-child),
.portlet-events-entry-wrap .event .icon:not(:last-child),
.event_listing .portlet-events-entry .icon:not(:last-child),
.event_listing .event .icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .icon,
  .portlet-events-entry-wrap .event .icon,
  .event_listing .portlet-events-entry .icon,
  .event_listing .event .icon {
    --icon-width: 50px;
    background: #eee !important;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .content,
.portlet-events-entry-wrap .event .content,
.event_listing .portlet-events-entry .content,
.event_listing .event .content {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.portlet-events-entry-wrap .portlet-events-entry .event_title, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-title,
.portlet-events-entry-wrap .event .event_title,
.portlet-events-entry-wrap .event .portlet-entry-title,
.event_listing .portlet-events-entry .event_title,
.event_listing .portlet-events-entry .portlet-entry-title,
.event_listing .event .event_title,
.event_listing .event .portlet-entry-title {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  margin-bottom: var(--size-20);
}
.portlet-events-entry-wrap .portlet-events-entry .event_title a, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-title a,
.portlet-events-entry-wrap .event .event_title a,
.portlet-events-entry-wrap .event .portlet-entry-title a,
.event_listing .portlet-events-entry .event_title a,
.event_listing .portlet-events-entry .portlet-entry-title a,
.event_listing .event .event_title a,
.event_listing .event .portlet-entry-title a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .event_title, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-title,
  .portlet-events-entry-wrap .event .event_title,
  .portlet-events-entry-wrap .event .portlet-entry-title,
  .event_listing .portlet-events-entry .event_title,
  .event_listing .portlet-events-entry .portlet-entry-title,
  .event_listing .event .event_title,
  .event_listing .event .portlet-entry-title {
    font-size: 24px;
    line-height: 29px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .event_subtitle, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-subtitle,
.portlet-events-entry-wrap .event .event_subtitle,
.portlet-events-entry-wrap .event .portlet-entry-subtitle,
.event_listing .portlet-events-entry .event_subtitle,
.event_listing .portlet-events-entry .portlet-entry-subtitle,
.event_listing .event .event_subtitle,
.event_listing .event .portlet-entry-subtitle {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
  margin: calc(-1 * var(--size-20)) 0 var(--size-50);
}
.portlet-events-entry-wrap .portlet-events-entry .event_subtitle a, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-subtitle a,
.portlet-events-entry-wrap .event .event_subtitle a,
.portlet-events-entry-wrap .event .portlet-entry-subtitle a,
.event_listing .portlet-events-entry .event_subtitle a,
.event_listing .portlet-events-entry .portlet-entry-subtitle a,
.event_listing .event .event_subtitle a,
.event_listing .event .portlet-entry-subtitle a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .event_subtitle, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-subtitle,
  .portlet-events-entry-wrap .event .event_subtitle,
  .portlet-events-entry-wrap .event .portlet-entry-subtitle,
  .event_listing .portlet-events-entry .event_subtitle,
  .event_listing .portlet-events-entry .portlet-entry-subtitle,
  .event_listing .event .event_subtitle,
  .event_listing .event .portlet-entry-subtitle {
    font-size: 24px;
    line-height: 29px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .event_date, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date,
.portlet-events-entry-wrap .event .event_date,
.portlet-events-entry-wrap .event .portlet-entry-date,
.event_listing .portlet-events-entry .event_date,
.event_listing .portlet-events-entry .portlet-entry-date,
.event_listing .event .event_date,
.event_listing .event .portlet-entry-date {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: var(--size-5);
  order: -1;
}
.portlet-events-entry-wrap .portlet-events-entry .event_date a, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date a,
.portlet-events-entry-wrap .event .event_date a,
.portlet-events-entry-wrap .event .portlet-entry-date a,
.event_listing .portlet-events-entry .event_date a,
.event_listing .portlet-events-entry .portlet-entry-date a,
.event_listing .event .event_date a,
.event_listing .event .portlet-entry-date a {
  color: rgba(0, 0, 0, 0.5);
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .event_date, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date,
  .portlet-events-entry-wrap .event .event_date,
  .portlet-events-entry-wrap .event .portlet-entry-date,
  .event_listing .portlet-events-entry .event_date,
  .event_listing .portlet-events-entry .portlet-entry-date,
  .event_listing .event .event_date,
  .event_listing .event .portlet-entry-date {
    font-size: 12px;
    line-height: 18px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .event_introdcution, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-introduction,
.portlet-events-entry-wrap .event .event_introdcution,
.portlet-events-entry-wrap .event .portlet-entry-introduction,
.event_listing .portlet-events-entry .event_introdcution,
.event_listing .portlet-events-entry .portlet-entry-introduction,
.event_listing .event .event_introdcution,
.event_listing .event .portlet-entry-introduction {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  margin-bottom: var(--size-15);
}
.portlet-events-entry-wrap .portlet-events-entry .event_introdcution a, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-introduction a,
.portlet-events-entry-wrap .event .event_introdcution a,
.portlet-events-entry-wrap .event .portlet-entry-introduction a,
.event_listing .portlet-events-entry .event_introdcution a,
.event_listing .portlet-events-entry .portlet-entry-introduction a,
.event_listing .event .event_introdcution a,
.event_listing .event .portlet-entry-introduction a {
  color: var(--text-color);
  text-decoration: none;
}
.portlet-events-entry-wrap .portlet-events-entry .event_description, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content,
.portlet-events-entry-wrap .event .event_description,
.portlet-events-entry-wrap .event .portlet-entry-content,
.event_listing .portlet-events-entry .event_description,
.event_listing .portlet-events-entry .portlet-entry-content,
.event_listing .event .event_description,
.event_listing .event .portlet-entry-content {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .event_description, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content,
  .portlet-events-entry-wrap .event .event_description,
  .portlet-events-entry-wrap .event .portlet-entry-content,
  .event_listing .portlet-events-entry .event_description,
  .event_listing .portlet-events-entry .portlet-entry-content,
  .event_listing .event .event_description,
  .event_listing .event .portlet-entry-content {
    font-size: 12px;
    line-height: 18px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .event_description:not(:last-child), .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content:not(:last-child),
.portlet-events-entry-wrap .event .event_description:not(:last-child),
.portlet-events-entry-wrap .event .portlet-entry-content:not(:last-child),
.event_listing .portlet-events-entry .event_description:not(:last-child),
.event_listing .portlet-events-entry .portlet-entry-content:not(:last-child),
.event_listing .event .event_description:not(:last-child),
.event_listing .event .portlet-entry-content:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.portlet-events-entry-wrap .portlet-events-entry .event_description h2, .portlet-events-entry-wrap .portlet-events-entry .event_description h3, .portlet-events-entry-wrap .portlet-events-entry .event_description h4, .portlet-events-entry-wrap .portlet-events-entry .event_description h5, .portlet-events-entry-wrap .portlet-events-entry .event_description h6, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h2, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h3, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h4, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h5, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h6,
.portlet-events-entry-wrap .event .event_description h2,
.portlet-events-entry-wrap .event .event_description h3,
.portlet-events-entry-wrap .event .event_description h4,
.portlet-events-entry-wrap .event .event_description h5,
.portlet-events-entry-wrap .event .event_description h6,
.portlet-events-entry-wrap .event .portlet-entry-content h2,
.portlet-events-entry-wrap .event .portlet-entry-content h3,
.portlet-events-entry-wrap .event .portlet-entry-content h4,
.portlet-events-entry-wrap .event .portlet-entry-content h5,
.portlet-events-entry-wrap .event .portlet-entry-content h6,
.event_listing .portlet-events-entry .event_description h2,
.event_listing .portlet-events-entry .event_description h3,
.event_listing .portlet-events-entry .event_description h4,
.event_listing .portlet-events-entry .event_description h5,
.event_listing .portlet-events-entry .event_description h6,
.event_listing .portlet-events-entry .portlet-entry-content h2,
.event_listing .portlet-events-entry .portlet-entry-content h3,
.event_listing .portlet-events-entry .portlet-entry-content h4,
.event_listing .portlet-events-entry .portlet-entry-content h5,
.event_listing .portlet-events-entry .portlet-entry-content h6,
.event_listing .event .event_description h2,
.event_listing .event .event_description h3,
.event_listing .event .event_description h4,
.event_listing .event .event_description h5,
.event_listing .event .event_description h6,
.event_listing .event .portlet-entry-content h2,
.event_listing .event .portlet-entry-content h3,
.event_listing .event .portlet-entry-content h4,
.event_listing .event .portlet-entry-content h5,
.event_listing .event .portlet-entry-content h6 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  margin: 0;
  font-weight: 700;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .event_description h2, .portlet-events-entry-wrap .portlet-events-entry .event_description h3, .portlet-events-entry-wrap .portlet-events-entry .event_description h4, .portlet-events-entry-wrap .portlet-events-entry .event_description h5, .portlet-events-entry-wrap .portlet-events-entry .event_description h6, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h2, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h3, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h4, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h5, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-content h6,
  .portlet-events-entry-wrap .event .event_description h2,
  .portlet-events-entry-wrap .event .event_description h3,
  .portlet-events-entry-wrap .event .event_description h4,
  .portlet-events-entry-wrap .event .event_description h5,
  .portlet-events-entry-wrap .event .event_description h6,
  .portlet-events-entry-wrap .event .portlet-entry-content h2,
  .portlet-events-entry-wrap .event .portlet-entry-content h3,
  .portlet-events-entry-wrap .event .portlet-entry-content h4,
  .portlet-events-entry-wrap .event .portlet-entry-content h5,
  .portlet-events-entry-wrap .event .portlet-entry-content h6,
  .event_listing .portlet-events-entry .event_description h2,
  .event_listing .portlet-events-entry .event_description h3,
  .event_listing .portlet-events-entry .event_description h4,
  .event_listing .portlet-events-entry .event_description h5,
  .event_listing .portlet-events-entry .event_description h6,
  .event_listing .portlet-events-entry .portlet-entry-content h2,
  .event_listing .portlet-events-entry .portlet-entry-content h3,
  .event_listing .portlet-events-entry .portlet-entry-content h4,
  .event_listing .portlet-events-entry .portlet-entry-content h5,
  .event_listing .portlet-events-entry .portlet-entry-content h6,
  .event_listing .event .event_description h2,
  .event_listing .event .event_description h3,
  .event_listing .event .event_description h4,
  .event_listing .event .event_description h5,
  .event_listing .event .event_description h6,
  .event_listing .event .portlet-entry-content h2,
  .event_listing .event .portlet-entry-content h3,
  .event_listing .event .portlet-entry-content h4,
  .event_listing .event .portlet-entry-content h5,
  .event_listing .event .portlet-entry-content h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .document a,
.portlet-events-entry-wrap .event .document a,
.event_listing .portlet-events-entry .document a,
.event_listing .event .document a {
  border-color: transparent;
  background: var(--background-dark);
}
.portlet-events-entry-wrap .portlet-events-entry .document a:focus, .portlet-events-entry-wrap .portlet-events-entry .document a:hover,
.portlet-events-entry-wrap .event .document a:focus,
.portlet-events-entry-wrap .event .document a:hover,
.event_listing .portlet-events-entry .document a:focus,
.event_listing .portlet-events-entry .document a:hover,
.event_listing .event .document a:focus,
.event_listing .event .document a:hover {
  border-color: transparent;
  background: rgba(var(--background-dark-style-rgb), 0.2);
}
.portlet-events-entry-wrap .portlet-events-entry .documents,
.portlet-events-entry-wrap .portlet-events-entry .musics,
.portlet-events-entry-wrap .event .documents,
.portlet-events-entry-wrap .event .musics,
.event_listing .portlet-events-entry .documents,
.event_listing .portlet-events-entry .musics,
.event_listing .event .documents,
.event_listing .event .musics {
  margin-top: 0;
}
.portlet-events-entry-wrap .portlet-events-entry .documents:not(:last-child),
.portlet-events-entry-wrap .portlet-events-entry .musics:not(:last-child),
.portlet-events-entry-wrap .event .documents:not(:last-child),
.portlet-events-entry-wrap .event .musics:not(:last-child),
.event_listing .portlet-events-entry .documents:not(:last-child),
.event_listing .portlet-events-entry .musics:not(:last-child),
.event_listing .event .documents:not(:last-child),
.event_listing .event .musics:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}
.portlet-events-entry-wrap .portlet-events-entry .show_detail, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link,
.portlet-events-entry-wrap .event .show_detail,
.portlet-events-entry-wrap .event .portlet-entry-link,
.event_listing .portlet-events-entry .show_detail,
.event_listing .portlet-events-entry .portlet-entry-link,
.event_listing .event .show_detail,
.event_listing .event .portlet-entry-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.portlet-events-entry-wrap .portlet-events-entry .show_detail:hover, .portlet-events-entry-wrap .portlet-events-entry .show_detail:focus, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link:hover, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link:focus,
.portlet-events-entry-wrap .event .show_detail:hover,
.portlet-events-entry-wrap .event .show_detail:focus,
.portlet-events-entry-wrap .event .portlet-entry-link:hover,
.portlet-events-entry-wrap .event .portlet-entry-link:focus,
.event_listing .portlet-events-entry .show_detail:hover,
.event_listing .portlet-events-entry .show_detail:focus,
.event_listing .portlet-events-entry .portlet-entry-link:hover,
.event_listing .portlet-events-entry .portlet-entry-link:focus,
.event_listing .event .show_detail:hover,
.event_listing .event .show_detail:focus,
.event_listing .event .portlet-entry-link:hover,
.event_listing .event .portlet-entry-link:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .show_detail, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link,
  .portlet-events-entry-wrap .event .show_detail,
  .portlet-events-entry-wrap .event .portlet-entry-link,
  .event_listing .portlet-events-entry .show_detail,
  .event_listing .portlet-events-entry .portlet-entry-link,
  .event_listing .event .show_detail,
  .event_listing .event .portlet-entry-link {
    display: none;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .show_detail:after, .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link:after,
.portlet-events-entry-wrap .event .show_detail:after,
.portlet-events-entry-wrap .event .portlet-entry-link:after,
.event_listing .portlet-events-entry .show_detail:after,
.event_listing .portlet-events-entry .portlet-entry-link:after,
.event_listing .event .show_detail:after,
.event_listing .event .portlet-entry-link:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  margin-left: 8px;
}
.portlet-events-entry-wrap .portlet-events-entry .show_detail:not(:first-child), .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-link:not(:first-child),
.portlet-events-entry-wrap .event .show_detail:not(:first-child),
.portlet-events-entry-wrap .event .portlet-entry-link:not(:first-child),
.event_listing .portlet-events-entry .show_detail:not(:first-child),
.event_listing .portlet-events-entry .portlet-entry-link:not(:first-child),
.event_listing .event .show_detail:not(:first-child),
.event_listing .event .portlet-entry-link:not(:first-child) {
  margin-top: auto;
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] > *:hover .content:not(:first-child) > .event_title, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] > *:hover .portlet-entry-title:after,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after,
.portlet-events-entry-wrap .event[class*=element_link_entire] > *:hover .content:not(:first-child) > .event_title,
.portlet-events-entry-wrap .event[class*=element_link_entire] > *:hover .portlet-entry-title:after,
.portlet-events-entry-wrap .event[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after,
.event_listing .portlet-events-entry[class*=element_link_entire] > *:hover .content:not(:first-child) > .event_title,
.event_listing .portlet-events-entry[class*=element_link_entire] > *:hover .portlet-entry-title:after,
.event_listing .portlet-events-entry[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after,
.event_listing .event[class*=element_link_entire] > *:hover .content:not(:first-child) > .event_title,
.event_listing .event[class*=element_link_entire] > *:hover .portlet-entry-title:after,
.event_listing .event[class*=element_link_entire] > *:hover .content:first-child > *:first-child:after {
  right: -10px;
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title,
.event_listing .event[class*=element_link_entire] .portlet-entry-title,
.event_listing .event[class*=element_link_entire] .content:first-child > *:first-child {
  position: relative;
  padding-right: calc(var(--icon-width) + 10px);
  box-sizing: border-box;
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:only-child, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:only-child,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:only-child,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title:only-child,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title:only-child,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child:only-child,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:only-child,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:only-child,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:only-child,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title:only-child,
.event_listing .event[class*=element_link_entire] .portlet-entry-title:only-child,
.event_listing .event[class*=element_link_entire] .content:first-child > *:first-child:only-child {
  min-height: var(--icon-width);
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title:after,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child:after,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
.event_listing .event[class*=element_link_entire] .portlet-entry-title:after,
.event_listing .event[class*=element_link_entire] .content:first-child > *:first-child:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  position: absolute;
  top: 0;
  right: 0;
  width: var(--icon-width);
  height: var(--icon-width);
  font-family: "Font Awesome 7 Pro";
  padding: 0;
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after:hover, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after:focus, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after:hover, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after:focus,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after:focus,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after:hover,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after:focus,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title:after:hover,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title:after:focus,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child:after:focus,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after:hover,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after:focus,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after:hover,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after:focus,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after:focus,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after:hover,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after:focus,
.event_listing .event[class*=element_link_entire] .portlet-entry-title:after:hover,
.event_listing .event[class*=element_link_entire] .portlet-entry-title:after:focus,
.event_listing .event[class*=element_link_entire] .content:first-child > *:first-child:after:hover,
.event_listing .event[class*=element_link_entire] .content:first-child > *:first-child:after:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after,
  .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after,
  .portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
  .portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-title:after,
  .portlet-events-entry-wrap .event[class*=element_link_entire] .content:first-child > *:first-child:after,
  .event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
  .event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-title:after,
  .event_listing .portlet-events-entry[class*=element_link_entire] .content:first-child > *:first-child:after,
  .event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title:after,
  .event_listing .event[class*=element_link_entire] .portlet-entry-title:after,
  .event_listing .event[class*=element_link_entire] .content:first-child > *:first-child:after {
    display: none;
  }
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content .portlet-entry-title + .event_subtitle, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .content .portlet-entry-subtitle,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content:not(:first-child) > .event_title,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content .portlet-entry-title + .event_subtitle,
.portlet-events-entry-wrap .event[class*=element_link_entire] .content .portlet-entry-subtitle,
.event_listing .portlet-events-entry[class*=element_link_entire] .content:not(:first-child) > .event_title,
.event_listing .portlet-events-entry[class*=element_link_entire] .content .portlet-entry-title + .event_subtitle,
.event_listing .portlet-events-entry[class*=element_link_entire] .content .portlet-entry-subtitle,
.event_listing .event[class*=element_link_entire] .content:not(:first-child) > .event_title,
.event_listing .event[class*=element_link_entire] .content .portlet-entry-title + .event_subtitle,
.event_listing .event[class*=element_link_entire] .content .portlet-entry-subtitle {
  padding-right: calc(var(--icon-width) + 10px);
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .event_description, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-content,
.portlet-events-entry-wrap .event[class*=element_link_entire] .event_description,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-content,
.event_listing .portlet-events-entry[class*=element_link_entire] .event_description,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-content,
.event_listing .event[class*=element_link_entire] .event_description,
.event_listing .event[class*=element_link_entire] .portlet-entry-content {
  margin-bottom: 0 !important;
}
.portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .show_detail, .portlet-events-entry-wrap .portlet-events-entry[class*=element_link_entire] .portlet-entry-link,
.portlet-events-entry-wrap .event[class*=element_link_entire] .show_detail,
.portlet-events-entry-wrap .event[class*=element_link_entire] .portlet-entry-link,
.event_listing .portlet-events-entry[class*=element_link_entire] .show_detail,
.event_listing .portlet-events-entry[class*=element_link_entire] .portlet-entry-link,
.event_listing .event[class*=element_link_entire] .show_detail,
.event_listing .event[class*=element_link_entire] .portlet-entry-link {
  display: none;
}
@media screen and (max-width: 600px) {
  .portlet-events-entry-wrap .portlet-events-entry > *,
  .portlet-events-entry-wrap .event > *,
  .event_listing .portlet-events-entry > *,
  .event_listing .event > * {
    flex-flow: column;
    height: 100%;
  }
  .portlet-events-entry-wrap .portlet-events-entry .videos,
  .portlet-events-entry-wrap .portlet-events-entry .pictures,
  .portlet-events-entry-wrap .event .videos,
  .portlet-events-entry-wrap .event .pictures,
  .event_listing .portlet-events-entry .videos,
  .event_listing .portlet-events-entry .pictures,
  .event_listing .event .videos,
  .event_listing .event .pictures {
    flex: unset;
    max-width: 100%;
    margin: 0 0 var(--size-30);
  }
  .portlet-events-entry-wrap .portlet-events-entry .content,
  .portlet-events-entry-wrap .event .content,
  .event_listing .portlet-events-entry .content,
  .event_listing .event .content {
    height: 100%;
  }
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry > *,
  .portlet-events-entry-wrap .event > *,
  .event_listing .portlet-events-entry > *,
  .event_listing .event > * {
    background: #fff !important;
    border-radius: 0;
  }
  .portlet-events-entry-wrap .portlet-events-entry .content:first-child,
  .portlet-events-entry-wrap .event .content:first-child,
  .event_listing .portlet-events-entry .content:first-child,
  .event_listing .event .content:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  .portlet-events-entry-wrap .portlet-events-entry .content:not(:first-child),
  .portlet-events-entry-wrap .event .content:not(:first-child),
  .event_listing .portlet-events-entry .content:not(:first-child),
  .event_listing .event .content:not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.portlet-events-entry-wrap .portlet-events-entry:not(:first-child),
.portlet-events-entry-wrap .event:not(:first-child),
.event_listing .portlet-events-entry:not(:first-child),
.event_listing .event:not(:first-child) {
  margin: 0;
}
.portlet-events-entry-wrap .portlet-events-entry .event_location,
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-location,
.portlet-events-entry-wrap .event .event_location,
.portlet-events-entry-wrap .event .portlet-entry-location,
.event_listing .portlet-events-entry .event_location,
.event_listing .portlet-events-entry .portlet-entry-location,
.event_listing .event .event_location,
.event_listing .event .portlet-entry-location {
  margin-bottom: var(--paragraph-space);
}
.portlet-events-entry-wrap .portlet-events-entry ul.category + h2.event_title,
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-categories + .portlet-entry-title,
.portlet-events-entry-wrap .event ul.category + h2.event_title,
.portlet-events-entry-wrap .event .portlet-entry-categories + .portlet-entry-title,
.event_listing .portlet-events-entry ul.category + h2.event_title,
.event_listing .portlet-events-entry .portlet-entry-categories + .portlet-entry-title,
.event_listing .event ul.category + h2.event_title,
.event_listing .event .portlet-entry-categories + .portlet-entry-title {
  margin-top: 0;
}
.portlet-events-entry-wrap .portlet-events-entry .event_subtitle,
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-subtitle,
.portlet-events-entry-wrap .event .event_subtitle,
.portlet-events-entry-wrap .event .portlet-entry-subtitle,
.event_listing .portlet-events-entry .event_subtitle,
.event_listing .portlet-events-entry .portlet-entry-subtitle,
.event_listing .event .event_subtitle,
.event_listing .event .portlet-entry-subtitle {
  margin-bottom: var(--size-25);
}
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date,
.portlet-events-entry-wrap .portlet-events-entry .event_date,
.portlet-events-entry-wrap .event .portlet-entry-date,
.portlet-events-entry-wrap .event .event_date,
.event_listing .portlet-events-entry .portlet-entry-date,
.event_listing .portlet-events-entry .event_date,
.event_listing .event .portlet-entry-date,
.event_listing .event .event_date {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--text-color);
  order: unset;
  margin: 0;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date,
  .portlet-events-entry-wrap .portlet-events-entry .event_date,
  .portlet-events-entry-wrap .event .portlet-entry-date,
  .portlet-events-entry-wrap .event .event_date,
  .event_listing .portlet-events-entry .portlet-entry-date,
  .event_listing .portlet-events-entry .event_date,
  .event_listing .event .portlet-entry-date,
  .event_listing .event .event_date {
    font-size: 13px;
    line-height: 20px;
  }
}
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-date .date,
.portlet-events-entry-wrap .portlet-events-entry .event_date .date,
.portlet-events-entry-wrap .event .portlet-entry-date .date,
.portlet-events-entry-wrap .event .event_date .date,
.event_listing .portlet-events-entry .portlet-entry-date .date,
.event_listing .portlet-events-entry .event_date .date,
.event_listing .event .portlet-entry-date .date,
.event_listing .event .event_date .date {
  font-weight: 700;
}
.portlet-events-entry-wrap .portlet-events-entry .portlet-entry-location,
.portlet-events-entry-wrap .portlet-events-entry .event_location,
.portlet-events-entry-wrap .event .portlet-entry-location,
.portlet-events-entry-wrap .event .event_location,
.event_listing .portlet-events-entry .portlet-entry-location,
.event_listing .portlet-events-entry .event_location,
.event_listing .event .portlet-entry-location,
.event_listing .event .event_location {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
}
@media print {
  .portlet-events-entry-wrap .portlet-events-entry .portlet-entry-location,
  .portlet-events-entry-wrap .portlet-events-entry .event_location,
  .portlet-events-entry-wrap .event .portlet-entry-location,
  .portlet-events-entry-wrap .event .event_location,
  .event_listing .portlet-events-entry .portlet-entry-location,
  .event_listing .portlet-events-entry .event_location,
  .event_listing .event .portlet-entry-location,
  .event_listing .event .event_location {
    font-size: 12px;
    line-height: 18px;
  }
}
.portlet-events-entry-wrap .noborder,
.event_listing .noborder {
  grid-column-end: span 3;
  max-width: var(--siteframe-medium);
  margin: auto;
  width: 100%;
}
.portlet-events-entry-wrap .noborder h3,
.event_listing .noborder h3 {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: clamp(25px, 2.7vw, 27px);
  letter-spacing: unset;
  text-transform: none;
  font-weight: 700;
}
@media print {
  .portlet-events-entry-wrap .noborder h3,
  .event_listing .noborder h3 {
    font-size: 13px;
    line-height: 20px;
  }
}

/* @end */
.event_listing .portlet-entry-categories:not(:last-child),
.portlet-events-entry-wrap .portlet-entry-categories:not(:last-child),
.mod_events_show_entry .portlet-entry-categories:not(:last-child) {
  margin-bottom: var(--size-25);
}
.event_listing ul.category,
.portlet-events-entry-wrap ul.category,
.mod_events_show_entry ul.category {
  --gap: 5px;
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
}
.event_listing ul.category > .cf,
.portlet-events-entry-wrap ul.category > .cf,
.mod_events_show_entry ul.category > .cf {
  display: none;
}
.event_listing ul.category:not(:last-child),
.portlet-events-entry-wrap ul.category:not(:last-child),
.mod_events_show_entry ul.category:not(:last-child) {
  margin-bottom: var(--size-25);
}
.event_listing ul.category > li,
.portlet-events-entry-wrap ul.category > li,
.mod_events_show_entry ul.category > li {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 500;
  font-size: clamp(10px, 1.1vw, 11px);
  line-height: clamp(11px, 1.2vw, 12px);
  color: var(--text-color);
  background: none;
  border: 1px solid var(--text-color);
  border-radius: 20px;
  display: block;
  padding: clamp(4px, 0.6vw, 6px) clamp(6px, 1vw, 10px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  margin: 0;
}
.event_listing ul.category > li:before,
.portlet-events-entry-wrap ul.category > li:before,
.mod_events_show_entry ul.category > li:before {
  display: none;
}
.event_listing ul.category > li.status_1,
.portlet-events-entry-wrap ul.category > li.status_1,
.mod_events_show_entry ul.category > li.status_1 {
  background: rgba(225, 26, 26, 0.5);
}
.event_listing ul.category > li.status_2,
.portlet-events-entry-wrap ul.category > li.status_2,
.mod_events_show_entry ul.category > li.status_2 {
  background: rgba(52, 140, 28, 0.5);
}
.event_listing ul.category > li.status_3,
.portlet-events-entry-wrap ul.category > li.status_3,
.mod_events_show_entry ul.category > li.status_3 {
  background: rgba(238, 230, 84, 0.6);
}

.mod_events_show_entry .event_images {
  max-width: calc(var(--siteframe) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
  margin-bottom: var(--size-40);
}
.mod_events_show_entry .event_images .resource_link {
  pointer-events: none;
}
.mod_events_show_entry .event_images .resource_link:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.mod_events_show_entry .event_images .resource_link:before, .mod_events_show_entry .event_images .resource_link:after {
  display: none;
}
.mod_events_show_entry .event_images:not(:first-child) {
  margin-top: var(--size-60);
}
.mod_events_show_entry .event_images .resource_background {
  overflow: visible;
  border-radius: var(--border-radius);
}
.mod_events_show_entry .event_images a.resource_link,
.mod_events_show_entry .event_images img {
  border-radius: var(--border-radius);
}
.mod_events_show_entry .event_images .resource_description {
  position: relative;
  bottom: unset;
  left: unset;
  margin-top: var(--size-15);
  padding: 0;
  background: none;
  color: rgba(var(--background-dark-style-rgb), 0.5);
}
.mod_events_show_entry .text_wrap:not(:first-child) {
  margin-top: var(--size-60);
}
.mod_events_show_entry .event_dates {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: clamp(24px, 3vw, 30px);
  letter-spacing: unset;
  text-transform: uppercase;
  color: var(--theme-color-text);
  margin-bottom: var(--size-20);
  font-weight: 340;
  margin-bottom: var(--size-40);
}
.mod_events_show_entry .event_dates a {
  color: var(--theme-color-text);
  text-decoration: none;
}
@media print {
  .mod_events_show_entry .event_dates {
    font-size: 24px;
    line-height: 29px;
  }
}
.mod_events_show_entry .online_event_hyperlink {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  margin-top: var(--size-10);
}
.mod_events_show_entry .online_event_hyperlink:hover, .mod_events_show_entry .online_event_hyperlink:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .mod_events_show_entry .online_event_hyperlink {
    display: none;
  }
}
.mod_events_show_entry .online_event_hyperlink:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f0ac";
  margin-right: 8px;
}
.mod_events_show_entry #events_google_maps {
  height: clamp(250px, 30vw, 300px);
  margin-top: var(--size-20);
}
.mod_events_show_entry #events_google_maps:not(:last-child) {
  margin-bottom: var(--size-60);
}
.mod_events_show_entry .ics_export:not(:first-child) {
  margin-top: var(--size-60);
}
.mod_events_show_entry .ics_export a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--theme-color-text);
  background: transparent;
  border: 1px solid var(--theme-color-text);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  gap: 8px;
}
.mod_events_show_entry .ics_export a:hover, .mod_events_show_entry .ics_export a:focus {
  color: var(--text-on-theme-color);
  border: 1px solid var(--background-light);
  background: var(--background-light);
}
@media print {
  .mod_events_show_entry .ics_export a {
    display: none;
  }
}
.mod_events_show_entry h3 + .documents {
  margin-top: 0 !important;
}
.mod_events_show_entry .detail_back_link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
}
.mod_events_show_entry .detail_back_link:hover, .mod_events_show_entry .detail_back_link:focus {
  color: var(--text-on-theme-color);
  border: 1px solid transparent;
  background: var(--theme-color-dark);
}
@media print {
  .mod_events_show_entry .detail_back_link {
    display: none;
  }
}
.mod_events_show_entry .detail_back_link:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f060";
  margin-right: 8px;
}
.mod_events_show_entry .detail_back_link i {
  display: none;
}
.mod_events_show_entry .detail_back_link:not(:first-child) {
  margin-top: var(--size-80);
}

.categories_tags {
  display: flex;
  flex-flow: wrap;
  gap: var(--size-10);
  margin-top: var(--size-30);
}
.categories_tags .category_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-color);
  background: var(--background-medium);
  border: 1px solid var(--background-medium);
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  padding: clamp(6px, 0.9vw, 9px) clamp(10px, 1.4vw, 14px);
}
.categories_tags .category_tag:hover, .categories_tags .category_tag:focus {
  color: var(--text-color);
  border: 1px solid var(--background-dark);
  background: var(--background-dark);
}
@media print {
  .categories_tags .category_tag {
    display: none;
  }
}
@media print {
  .categories_tags .category_tag {
    font-size: 12px;
    line-height: 18px;
  }
}
.categories_tags .category_tag.selected {
  color: var(--text-on-theme-color);
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.filter_wrap {
  max-width: var(--siteframe-medium);
  margin: auto;
}
.filter_wrap > h2 {
  display: none;
}
.filter_wrap form {
  --gap: var(--size-30) var(--size-40);
  display: flex;
  flex-flow: wrap;
  gap: var(--gap);
  justify-content: center;
}
.filter_wrap form > .cf {
  display: none;
}
.filter_wrap form label {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  display: block;
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}
@media print {
  .filter_wrap form label {
    font-size: 12px;
    line-height: 18px;
  }
}
.filter_wrap form .reset_link + .form_element,
.filter_wrap form .form_element.select_field:first-child {
  display: none;
}
.filter_wrap form .form_element:not(.search_field) {
  margin: 0;
  flex: 1 0 calc(33.3333333333% - var(--size-40) + var(--size-40) / 3);
}
.filter_wrap form .form_element:not(.search_field):only-of-type {
  flex: 0 0 calc(66.66% + var(--size-40));
}
.filter_wrap form .form_element:not(.search_field) select {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
  overflow: hidden;
}
.filter_wrap form .form_element:not(.search_field) select a {
  color: var(--input-color);
}
@media print {
  .filter_wrap form .form_element:not(.search_field) select {
    font-size: 12px;
    line-height: 18px;
  }
}
.filter_wrap form .form_element:not(.search_field) select:focus, .filter_wrap form .form_element:not(.search_field) select:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.filter_wrap form .form_element:not(.search_field) select[data-com-onepassword-filled=light], .filter_wrap form .form_element:not(.search_field) select:-webkit-autofill, .filter_wrap form .form_element:not(.search_field) select:-webkit-autofill:hover, .filter_wrap form .form_element:not(.search_field) select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.filter_wrap form .form_element:not(.search_field) select::placeholder, .filter_wrap form .form_element:not(.search_field) select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.filter_wrap form .form_element:not(.search_field) select:hover, .filter_wrap form .form_element:not(.search_field) select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(34, 34, 34,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
@media (prefers-color-scheme: dark) {
  body[data-theme=dynamic_dark_mode] .filter_wrap form .form_element:not(.search_field) select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
    background-size: 12.5px var(--input-padding-left-right);
  }
  body[data-theme=dynamic_dark_mode] .filter_wrap form .form_element:not(.search_field) select:hover, body[data-theme=dynamic_dark_mode] .filter_wrap form .form_element:not(.search_field) select:focus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
    background-size: 12.5px var(--input-padding-left-right);
  }
}
body[data-theme=dark_mode] .filter_wrap form .form_element:not(.search_field) select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
body[data-theme=dark_mode] .filter_wrap form .form_element:not(.search_field) select:hover, body[data-theme=dark_mode] .filter_wrap form .form_element:not(.search_field) select:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(243, 241, 239,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}
.filter_wrap form .form_element:not(.search_field) select option {
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
}
.filter_wrap form .form_element:not(.search_field) select option a {
  color: var(--input-color);
}
@media print {
  .filter_wrap form .form_element:not(.search_field) select option {
    font-size: 12px;
    line-height: 18px;
  }
}
.filter_wrap form .form_element:not(.search_field) select option:not(:first-child) {
  display: none;
}
.filter_wrap form .date_field input {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
}
.filter_wrap form .date_field input a {
  color: var(--input-color);
}
@media print {
  .filter_wrap form .date_field input {
    font-size: 12px;
    line-height: 18px;
  }
}
.filter_wrap form .date_field input:focus, .filter_wrap form .date_field input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.filter_wrap form .date_field input[data-com-onepassword-filled=light], .filter_wrap form .date_field input:-webkit-autofill, .filter_wrap form .date_field input:-webkit-autofill:hover, .filter_wrap form .date_field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.filter_wrap form .date_field input::placeholder, .filter_wrap form .date_field input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.filter_wrap form .search_field {
  width: calc(100% - var(--icon-width) - var(--size-40));
  position: relative;
}
.filter_wrap form .search_field input {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: 340;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(22px, 2.6vw, 26px);
  letter-spacing: unset;
  text-transform: none;
  color: var(--input-color);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none !important;
}
.filter_wrap form .search_field input a {
  color: var(--input-color);
}
@media print {
  .filter_wrap form .search_field input {
    font-size: 12px;
    line-height: 18px;
  }
}
.filter_wrap form .search_field input:focus, .filter_wrap form .search_field input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
.filter_wrap form .search_field input[data-com-onepassword-filled=light], .filter_wrap form .search_field input:-webkit-autofill, .filter_wrap form .search_field input:-webkit-autofill:hover, .filter_wrap form .search_field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
.filter_wrap form .search_field input::placeholder, .filter_wrap form .search_field input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
.filter_wrap form .submit_wrap {
  flex: 0 0 calc(var(--icon-width)) !important;
  align-self: stretch;
  position: relative;
}
.filter_wrap form .submit_wrap:before {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width: var(--icon-width);
  max-height: var(--icon-width);
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  padding: var(--input-padding);
  font-family: "Font Awesome 7 Pro";
  content: "\f002";
  line-height: clamp(16px, 1.8vw, 18px);
  color: var(--text-on-theme-color);
  border-radius: var(--border-radius-small);
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.filter_wrap form .submit_wrap input {
  position: absolute;
  bottom: 0;
  right: 0;
  width: var(--icon-width);
  height: 100%;
  border-radius: var(--border-radius-small);
  background: none;
  font-size: 0;
  border: none;
  cursor: pointer;
}
.filter_wrap form .submit_wrap:hover:before {
  background: var(--theme-color-dark);
  border: 1px solid var(--theme-color-dark);
}
.filter_wrap form .reset_link {
  display: flex;
  justify-content: center;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  color: var(--text-color);
  background: var(--background-light);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: fit-content;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-weight: 800;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(9px, 1.4vw, 14px) clamp(12px, 2.5vw, 25px);
  font-weight: 400;
  order: 10;
}
.filter_wrap form .reset_link:hover, .filter_wrap form .reset_link:focus {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-medium);
}
@media print {
  .filter_wrap form .reset_link {
    display: none;
  }
}

/* !@group event responsive */
@media screen and (max-width: 600px) {
  .filter_wrap form .form_element:not(.search_field) {
    flex: 1 0 calc(50% - var(--size-40) + var(--size-40) / 3);
  }
  .filter_wrap form .form_element.select_field {
    flex: 1 0 100%;
  }
}
@media screen and (max-width: 500px) {
  .filter_wrap form {
    --icon-width: 40px;
    gap: var(--size-20);
  }
  .filter_wrap form .form_element:not(.search_field) {
    flex: 1 0 100%;
  }
  .filter_wrap form .form_element.search_field {
    width: calc(100% - var(--icon-width) - var(--size-20));
  }
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group max-height: 1080px */
@media screen and (max-height: 1080px) {
  body {
    --sidebar-width: calc(320px + var(--management-panel-width));
    --sidebar-space: var(--size-40);
  }
  header #logo {
    max-width: calc(180px + 2 * var(--sidebar-space));
  }
  header .portlet {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: clamp(16px, 1.8vw, 18px);
    letter-spacing: unset;
    text-transform: none;
  }
  ul.navigation li.level0 > a {
    padding: 15px var(--sidebar-space);
  }
}
/* @end */
/* !@group max-width: 1600px */
@media screen and (max-width: 1600px) {
  body {
    --sidebar-width: calc(320px + var(--management-panel-width));
    --sidebar-space: var(--size-40);
  }
  header #logo {
    max-width: calc(180px + 2 * var(--sidebar-space));
  }
  header .portlet {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: clamp(16px, 1.8vw, 18px);
    letter-spacing: unset;
    text-transform: none;
  }
  ul.navigation li.level0 > a {
    padding: 15px var(--sidebar-space);
  }
  div.portlet.portlet_content_badge {
    right: var(--size-40);
    width: 150px;
    height: 150px;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: clamp(22px, 2.6vw, 26px);
    letter-spacing: unset;
    text-transform: none;
  }
  div.portlet.portlet_content_badge .portlet_content_introduction {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: clamp(16px, 1.8vw, 18px);
    letter-spacing: unset;
    text-transform: none;
  }
}
/* @end */
/* !@group max-width: 1250px */
@media screen and (max-width: 1250px) {
  body {
    --sidebar-space: var(--size-40);
  }
  body.navi_open:before {
    opacity: 1;
    visibility: visible;
  }
  .meta_wrap {
    display: none !important;
  }
  .rwd_header,
  .responsive_navigation_toggle {
    display: block;
  }
  .page {
    padding-left: 0;
  }
  header {
    position: fixed;
    height: 100%;
    left: -100%;
    overflow: auto;
    width: calc(100vw - 90px);
    max-width: 370px;
    z-index: 300;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .navi_open header {
    left: 0;
  }
  header .portlet,
  header #logo {
    display: none;
  }
  header ul.meta-navigation {
    display: flex;
  }
  ul.navigation .fullscreen_subnavigation .fullscreen_subnavigation_inner {
    padding: 6vh var(--size-80);
  }
  ul.navigation .fullscreen_subnavigation .close_menu {
    top: var(--size-30);
    right: var(--size-30);
    font-size: clamp(26px, 3.4vw, 34px);
  }
  ul.navigation .fullscreen_subnavigation ul.level1 {
    --columns: 1;
    --gap: 0;
    max-width: none;
  }
  ul.navigation .fullscreen_subnavigation ul.level1 > li > a {
    padding: var(--size-10) 0;
  }
  .dynamic_picture:has(img):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(100px, 15vw, 150px);
    display: block;
    background: none;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
/* @end */
/* !@group max-width: 1000px */
@media screen and (max-width: 1000px) {
  .with_fullscreen_menu header {
    background: var(--background-medium);
  }
  .with_fullscreen_menu ul.navigation li.level0.current:not(.show_subnavigation) > a:not(:only-child):after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  .with_fullscreen_menu ul.navigation li.level0.current:not(.show_subnavigation) .fullscreen_subnavigation {
    display: none;
  }
  ul.navigation li.level0 > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
  }
  ul.navigation li.level0 > a:not(:only-child):after {
    display: inline-block;
    font-family: "Font Awesome 7 Pro";
    content: "\f107";
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 18px;
  }
  ul.navigation li.level0.current > a:not(:only-child):after, ul.navigation li.level0.show_subnavigation > a:not(:only-child):after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  ul.navigation li.current .fullscreen_subnavigation, ul.navigation li.show_subnavigation .fullscreen_subnavigation {
    left: 0;
    display: block;
  }
  ul.navigation .fullscreen_subnavigation {
    display: none;
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: auto;
    padding: 0 var(--sidebar-space) var(--size-20);
    opacity: 1;
    pointer-events: all;
    background: var(--background-medium);
  }
  ul.navigation .fullscreen_subnavigation .fullscreen_subnavigation_inner {
    height: auto;
    overflow: hidden;
    max-width: none;
    padding: 0;
  }
  ul.navigation .fullscreen_subnavigation:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  ul.navigation .fullscreen_subnavigation .close_menu {
    display: none;
  }
  ul.navigation .fullscreen_subnavigation ul.level1 > li > a {
    padding: 7px 0;
    color: var(--text-color);
  }
  ul.navigation .fullscreen_subnavigation ul.level1 > li.current > a {
    color: var(--theme-color-text);
  }
  #navigation .animation_line {
    display: none;
  }
}
/* @end */
/* !@group max-width: 900px */
@media screen and (max-width: 900px) {
  #module_available_calendar .available-calendars {
    --columns: 2;
  }
  #module_available_calendar .available-calendars .available-calendar-2 {
    display: none;
  }
}
/* @end */
/* !@group max-width: 800px */
@media screen and (max-width: 800px) {
  body {
    --icon-width: 44px;
  }
  .picture_top {
    margin-bottom: 0;
  }
  .title_wrap + .gallery {
    margin-bottom: 0;
  }
}
/* @end */
/* !@group max-width: 700px */
@media screen and (max-width: 700px) {
  div.portlet.portlet_content_badge {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: 100%;
    height: auto;
    padding: var(--size-30) var(--siteframe-space);
    border-radius: 0;
    box-shadow: none;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(15px, 1.8vw, 18px);
    line-height: clamp(25px, 2.7vw, 27px);
    letter-spacing: unset;
    text-transform: none;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  div.portlet.portlet_content_badge .portlet-content {
    margin-top: 0;
  }
  div.portlet.portlet_content_badge .portlet_content_introduction {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: clamp(22px, 2.6vw, 26px);
    letter-spacing: unset;
    text-transform: none;
  }
  .gallery {
    --columns: 2;
  }
}
/* @end */
/* !@group max-width: 600px */
@media screen and (max-width: 600px) {
  body {
    --icon-width: 40px;
  }
  footer .footer_top .footer_inner > .portlet:first-child {
    flex: 0 0 50%;
  }
  footer .footer_top .portlet .pictures {
    display: none;
  }
  footer .copyright {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-weight: 340;
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: clamp(16px, 1.8vw, 18px);
    letter-spacing: unset;
    text-transform: none;
  }
  footer .copyright ul {
    gap: var(--size-10) var(--size-20);
  }
  footer .copyright ul li:nth-last-child(2) {
    margin-right: unset;
  }
  footer .copyright ul li:last-child {
    margin-left: unset;
  }
  #module_available_calendar .available-calendars {
    --columns: 1;
  }
  #module_available_calendar .available-calendars .available-calendar-1 {
    display: none;
  }
  .listing_property_filter form .p_select2_filter,
  .listing_property_filter form .p_select2 {
    flex: 1 0 calc(50% - var(--size-40) + var(--size-40) / 3);
  }
  .mailform_element.zwei,
  .mailform_element.drei {
    flex: 0 0 100%;
  }
  .portlets_homepage .portlet .portlet-title {
    flex-flow: wrap;
  }
  .portlets_homepage .portlet .portlet-title > a:first-child {
    margin: 0;
    flex: 0 0 100%;
  }
  .portlets_homepage .portlet .portlet-title,
  .portlets_homepage .portlet .portlet-title > a:first-child {
    font-size: clamp(18px, 2.5vw, 25px);
    line-height: clamp(24px, 3vw, 30px);
  }
  .portlets_homepage .portlet .portlet-title a.portlet_listing_link {
    flex: 0 0 auto;
    align-self: flex-start;
    text-align: left;
    margin: var(--size-15) 0 0 0;
  }
  .portlets_homepage .portlet.portlet_listing .portlet-listing-entry:not(:first-child) {
    margin-top: var(--size-25);
  }
  .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container {
    display: flex;
    flex-flow: wrap;
  }
  .portlets_homepage .portlet.portlet_listing .portlet-listing-entry .portlet-listing-content-container > *:first-child {
    flex: 0 0 100%;
    max-width: none;
    margin-right: 0;
    opacity: 0.5;
  }
}
/* @end */
/* !@group  max-width: 550px */
@media screen and (max-width: 550px) {
  .gallery .resource_description {
    position: relative;
    bottom: unset;
    left: unset;
    margin-top: var(--size-15);
    padding: 0;
    background: none;
  }
  .gallery .resource_description, .gallery .resource_description h2 {
    color: rgba(var(--background-dark-style-rgb), 0.5);
  }
}
/* @end */
/* !@group  max-width: 500px */
@media screen and (max-width: 500px) {
  body {
    --icon-width: 34px;
  }
  .listing_property_filter {
    --icon-width: 40px;
  }
  .listing_property_filter form .p_select2_filter,
  .listing_property_filter form .p_select2 {
    flex: 1 0 100%;
  }
  #privacy_banner {
    border-radius: 0;
  }
}
/* @end */
/* !@group  max-width: 400px */
@media screen and (max-width: 400px) {
  #module_available_calendar .available-calendar-month-switcher {
    margin-bottom: 0;
  }
  #module_available_calendar .available-calendar-month-switcher a {
    font-size: 0;
  }
  #module_available_calendar .available-calendar-month-switcher a:before, #module_available_calendar .available-calendar-month-switcher a:after {
    font-size: 18px;
  }
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
 */
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
@media print {
  @page {
    margin: 1.5cm 1.5cm 1.5cm 2cm;
  }
  body {
    background: #fff !important;
    --text-color: #000 !important;
    --background-light: #fff !important;
    --background-dark-style-dark: #000 !important;
    --background-medium: #fff !important;
    --siteframe-space: 0;
    --siteframe: 100%;
    --sidebar-width: 0px;
    --sidebar-space: 0px;
  }
  p, h1, h2, h3, h4, h5, h6, a, i,
  ul li:before, ol li:before {
    color: var(--text-color) !important;
    text-align: left;
  }
  footer .copyright,
  footer .portlet_search,
  div.portlet.portlet_content_badge,
  .dynamic_picture,
  .meta_wrap,
  header,
  .pagination,
  ul.tags,
  .picture .resource_description,
  .listing_property_filter,
  .musics, .documents, .videos,
  .portlet_quicklinks_quicklinks_footer,
  .copy {
    display: none !important;
  }
  .rwd_header {
    display: block;
  }
  .rwd_header .rwd_logo {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
  }
  .rwd_header .rwd_logo a {
    padding: 0;
  }
  #content {
    padding-top: var(--size-30);
    padding-bottom: var(--size-60);
  }
  footer {
    color: var(--text-color);
    padding-top: var(--size-30);
    background: none;
    border-top: 1px solid var(--background-dark);
  }
  footer .footer_top {
    padding: 0;
  }
  footer .footer_top .portlet .pictures {
    display: none;
  }
  footer .footer_top .portlet .portlet-title,
  footer .footer_top .portlet .portlet-title a {
    color: var(--text-color);
  }
  footer .footer_top .portlet a {
    color: var(--text-color);
  }
  .portlets_homepage .portlet .portlet_inner {
    border: 1px solid var(--background-dark);
  }
  .portlets_homepage .portlet .portlet-title {
    border-color: var(--background-dark);
  }
}