/* -------------------------------- 
inCMS Framework v1.15.0  - Start
TODO: Transparent bg (rgb(from var(--color) r g b / var(--opacity)))
-------------------------------- */
/* Legacy Reset */
.ym-cbox,.footer,#main,.footerbottom {padding: 0}
.onecol .ym-column,.header_wrap,.footer_wrap,.footerbottom {max-width: 100% !important}
*{box-sizing: border-box;float:none}
.twocols .ym-column, .threecols .ym-column{display:flex; gap: var(--legacy-grid-gap,20px)}
.ym-col2 .ym-cbox,
.ym-col3 .ym-cbox {padding: 0 !important;}
.threecols #main, .twocols #main {padding-top: 20px;}
.ym-col1,
.ym-col2,
.ym-col3 {float: none !important;margin: 0 !important;}
.twocols .ym-col3,
.threecols .ym-col2 {order: -1}
.twocols.right .ym-col3,
.threecols .ym-col3 {order: 2}
.header {float:none}
.ym-column:before,
.ym-column:after,
.ym-cbox:before,
.ym-cbox:after,
.ym-wbox > nav#nav,
#nav:after,
#nav .ym-hlist:after{display: none;}

/* HEADER */
.view-normal .header,
.view-normal .header:has(.header-normal) {
  position: relative;
  z-index: 3;
}
.view-normal header.header.header-sticky,
.view-normal .header:has(.header-sticky) {
  position: sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.header-fixed,
.view-normal .header:has(.header-fixed) {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 99;
}


/* Legacy Navigation : New SVG Flags */
.lang-list ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 7px;
}
.lang-list ul li {margin: 0 !important}
.lang-list ul li.active {display: none}

#menulangtop li.flag a,
.lang-list ul li.flag a {
  background-repeat: no-repeat !important;
  background-position: center !important;
  aspect-ratio: 4/3;
  padding: 0.5em 0 !important;
  box-sizing: border-box;
  height:16px;
  background-size:auto;
  display:block;
}
#menulangtop li.flag_text a,
.lang-list ul li.flag_text a {
  background-repeat: no-repeat !important;
  background-position: left center !important;
  display: flex;
  gap: 5px;
  background-size: 0;
  align-items: center;
}
#menulangtop li.flag_text a:before,
.lang-list ul li.flag_text a:before {
  content: '';
  background: inherit;
  background-repeat: no-repeat !important;
  background-position: center !important;
  aspect-ratio: 4 / 3;
  padding: 0.5em 0 !important;
  box-sizing: border-box;
  height: 16px;
  display: block;
  background-size: auto;
}
#menulangbottom li.flag a {
  padding-left: 20px;
  background-position: center;
}
/* Legacy Grid Reset */
.ym-grid{
  column-gap: var(--legacy-grid-gap,20px);
  display: flex;
  flex-direction:column;
}
@media screen and (min-width: 769px){
  .ym-grid{
    flex-direction:row;
  }
}
.ym-grid > div {
  padding: 0;
  flex-grow: 1;
}
/* SmartElement List Fix */
.module-actions-top .toggle:hover > div {
  max-height: 440px;
  overflow-y: auto;
}
/* Subnavigation */
.ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
  width: 100%;
  padding: calc(var(--container-space)/2) var(--container-space);
}

/* Legacy Space Corrections */
.view-normal #main:has(.ym-col3) {
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--legacy-grid-gap,20px)) !important;
}
.view-normal #main:has(.ym-col3) > * {
  --incms-hero-correction: 0;
}
.view-normal .ym-cbox > .incms-chatbot-section:first-of-type,
.view-normal .ym-cbox > iframe:first-child {
  padding-top: calc(var(--incms-hero-correction, 0px)) !important;
}
/* Colors */
.bg-white {background: white !important;}
.view-edit,
.view-normal{
  --core-incms-text: var(--incms-text);
  --core-incms-background: var(--incms-background);
  --core-incms-primary: var(--incms-primary);
  --core-incms-primary-text: var(--incms-primary-text);
  --core-incms-accent: var(--incms-accent);
  --core-incms-accent-text: var(--incms-accent-text);
}
.view-edit,
.view-normal{
  --incms-secondary: var(--incms-text);
  --incms-secondary-text: var(--incms-background);
}
.view-normal ::selection {
  color: var(--incms-background);
  background: var(--incms-accent);
}
[data-colors="incms"][data-theme="primary"]{
  --incms-background: var(--incms-primary);
  --incms-text: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"]{
  --incms-background: var(--incms-secondary);
  --incms-text: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"]{
  --incms-background: var(--incms-accent);
  --incms-text: var(--incms-accent-text);
}

[data-colors="incms"] .ym-hlist ul > li > a {
  color: var(--incms-text);
}
[data-colors="incms"] .ym-hlist ul > li > a.active,
[data-colors="incms"] .ym-hlist ul > li > a:focus,
[data-colors="incms"] .ym-hlist ul > li > a:hover,
[data-colors="incms"] .ym-hlist ul > li > a:active,
[data-colors="incms"] .ym-hlist ul > li > a.active:hover{
  color: var(--incms-primary);
  background: inherit;
}
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a.active,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:focus,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:hover,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:active,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a.active:hover{
  color: var(--incms-accent);
  background: inherit;
}
/* Blend Mode */
[data-blend-mode="multiply"]{mix-blend-mode: multiply;}
[data-blend-mode="overlay"]{mix-blend-mode: overlay;}
/* Globals */
body {
  background: var(--incms-background);
  touch-action: pan-x pan-y;
  font-family: var(--text-ff, sans-serif);
}
.border-box {
  box-sizing: border-box
}
.h100 {
  height:100%
}
a[name] {
  top: calc(-1 * var(--incms-anchor-correction));
  position: relative;
  display: block
}
hr {
  margin: 0 0 1.618em 0;
  padding: 0 0 1.618em 0;
}
/* Typography */
a,p,h1,h2,h3{
  word-wrap:break-word;
}
p:has(span[style^="font-size"]) {
  line-height: normal;
}
strong, b{
  font-weight: 600;
}
p:last-child {
  margin-bottom: 0;
}
#tinymce * {
  color: inherit;
}
/* Breadcrumbs */
.breadcrumbs-list p{margin:0}

/* Links */
[data-colors="incms"] h1 a,
[data-colors="incms"] h2 a,
[data-colors="incms"] h3 a,
[data-colors="incms"] h4 a,
[data-colors="incms"] h5 a,
[data-colors="incms"] h6 a,
[data-colors="incms"] p a,
[data-colors="incms"] .incms-form p a,
[data-colors="incms"] .incms-form span a,
[data-colors="incms"] .tooltip{
  color: var(--incms-primary);
  background-color: transparent;
  position: relative;
  /*transition: color .3s ease;*/
}
[data-colors="incms"][data-theme="primary"] p a,
[data-colors="incms"][data-theme="primary"] .incms-form a,
[data-colors="incms"][data-theme="primary"] .tooltip{
  color: var(--incms-accent);
}
a:focus-visible,
button:focus-visible {
  outline: 1px dashed var(--incms-text,--text-color) !important;
  outline-offset: 2px;
}
[data-colors] p a {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s var(--ease-in-out);
  text-decoration: none;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 93%, currentColor 93%);
}

[data-colors] p a:hover {
  background-size: 100% 100%;
}

/* Box Shadow */
.box-shadow-0{box-shadow: none}
.box-shadow-sm{box-shadow: 0 0 2px rgb(0 0 0 / 25%)}
.box-shadow-md{box-shadow: 0 0 5px rgb(0 0 0 / 25%)}
.box-shadow-lg{box-shadow: 0 0 10px rgb(0 0 0 / 35%)}

.box-shadow-sm--bottom{box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)}
.box-shadow-md--bottom{box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1)}
.box-shadow-lg--bottom{box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1)}


/* Image Shadow */
.img-shadow-none {box-shadow: none}
.img-shadow-sm {box-shadow: 0 0 10px rgb(0 0 0 / 15%)}
.img-shadow-md {box-shadow: 0 0 24px rgb(0 0 0 / 20%)}
.img-shadow-lg {box-shadow: 0 0 48px rgb(0 0 0 / 25%)}

/* Flex Alignment */
.jc-center{justify-content: center}
.jc-between{justify-content: space-between}
.jc-end{justify-content: end}
.ai-center{align-items:center}

/* Flexbox */
.flex-column{flex-direction:column}
.flex-column-reverse{flex-direction:column-reverse}
.flex-row{flex-direction:row}

@media screen and (min-width: 769px){
  .d-jc-between{justify-content: space-between}
  .flex-revert,.flex-reverse{flex-direction: row-reverse}
  .flex-column-reverse-desktop{flex-direction:column-reverse}
}

@media screen and (max-width: 768px){
  .flex-reverse-mobile{
    flex-direction: column-reverse;
  }
  .gap-xl{
    --gap: var(--space-lg)
  }
  .jc-center{
    justify-content: normal;
    align-items:center;
  }
  .ai-center{
    /* align-items:normal; */
    /* justify-content: center; */
  }
  .m-flex-column{
    flex-direction:column;
  }
}

/* Background */
.incms-parallax{
  isolation: isolate;
  background-position: -99999px -99999px;
  clip-path: inset(0 0 0 0);
}
.incms-parallax:before {
  content: '';
  background-image: inherit;
  position: fixed;
  inset: 0;
  /*top: 0;*/
  /*left: 0;*/
  /*height: 100vh;*/
  /*width: 100%;*/
  background-size: inherit;
  background-position: center calc(50% + var(--parallax-distance, 0px));
  z-index: -1;
}
.bg-cover {
  background-size: cover;
}

/* Border */


/* Border Radius */
:root{
  --incms-radius-sm: 5px;
  --incms-radius-md: 10px;
  --incms-radius-lg: 15px;
  --incms-radius-circle: 50em;
}
.border-circle{
  border-radius: var(--incms-radius-circle);
}
/* Pointer Events */
.pointer-none{pointer-events:none}
/* Cursor */
.cursor-pointer{cursor: pointer}
/* Display */
.flex{display:flex}
.block{display:block}
.is-hidden{display:none!important;}
/* Float */
/* Font Family */
/* Font Size */
/* Font Style */
/* Font Weight */
/* Gap */
/* Justify Content */
/* Letter Spacing */

/* Line Height */
/* Mix-Blend-Mode */
/* Object Fit */
.object-cover {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Opacity */
/* Order */
.order-0{order:0}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-4{order:4}

/* Overflow */
.of-hidden{overflow:hidden}

/* Position */
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
.position-sticky{
  position: sticky;
}

/* Scroll Behavior */
/* SVG */
svg.svg-icon{
  transition: fill .2s,transform .2s,-webkit-transform .2s;
  fill: currentColor;
  width: 1em;
  pointer-events: none;
}
svg.svg-icon.icon-sm {
  width: 1.5em
}
svg.svg-icon.icon-md {
  width: 2em;
}
svg.svg-icon.icon-lg {
  width: 2.5em;
}
/* Text */
ul.sitemap, ul li, ol li {
  margin-bottom: 0.618em;
}
.rich-text {
  font-family: var(--text-ff);
  /* font-size: var(--text-fs); */
  color: var(--incms-text);
  line-height: var(--text-lh);
}
.rich-text p {
  /* font-size: 100%; */
}
.rich-text ul,
.rich-text ol {
  /* font-size: 100%; */
  color: var(--incms-text);
  margin-left: 0.75em;
}
.rich-text li {
  /* font-size: 100%; */
  position:relative;
  /*display: block;*/
}
.rich-text li:before {
  /*content: '';*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*position: absolute;*/
  /*background: var(--incms-primary);*/
  /*border-radius: 50%;*/
  /*top: 7px;*/
  /*left: -18px;*/
}
section header li::marker,
.rich-text ::marker{
  color: currentColor;
  font-size:120%;
  line-height:100%;
}
section header ol li::marker,
.rich-text ol ::marker{
  font-size: inherit;
}
.rich-text li ~ li{
  /*margin-top: .25em;*/
}
.rich-text .incms-form-element {color: #222}
/* Text Align */
.text-center{
  text-align: center;
}
@media screen and (max-width: 768px){
  .m-text-center{
    text-align:center;
  }
  .m-text-left{
    text-align:left;
  }
}
/* Text Decoration */
.text-gradient,
gr{
  background-image: linear-gradient(120deg, var(--incms-primary), var(--incms-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-colors="incms"][data-theme="accent"] text-gradient,
[data-colors="incms"][data-theme="accent"] gr {
  background-image: linear-gradient(120deg, var(--incms-primary), var(--incms-primary));
}
[data-colors="incms"][data-theme="primary"] text-gradient,
[data-colors="incms"][data-theme="primary"] gr {
  background-image: linear-gradient(120deg, var(--incms-accent), var(--incms-accent));
}
/* Text Shadow */
/* Text Transform */
.text-uppercase{
  text-transform: uppercase;
}
.text-balance{
  text-wrap: balance
}
/* Animations */
:root{
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.view-normal [data-animate="true"] .fade-in-up,
.view-normal [data-animate="true"] .fade-in-down{
  will-change: transform, opacity;
  opacity: 0;
  transition: all 1s var(--ease-out);
  transition-delay: 0.3s;
  filter: blur(10px);
}
.view-normal [data-animate="true"] .fade-in-up {transform: translateY(100px)}
.view-normal [data-animate="true"] .fade-in-down {transform: translateY(-30px)}

[data-animate="true"] .fade-in-down.animate,
[data-animate="true"] .fade-in-up.animate{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
/* Transform */
/* User Select */
/* Visibility */
/* White Space */
/* Width */
/* Z-Index */
/* Forms */
button[type="submit"] span.fa {
  letter-spacing: -.25em;
}
/* Spacing */
/* Helpers */
.reset{
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.text-info {
  display: block;
  background: var(--core-incms-background, var(--incms-background, rgba(0, 0, 0, 0.05)));
  color: var(--core-incms-text, var(--incms-text, #081d27));
  padding: 1.75em 2.25em;
  border-left: 4px solid var(--text-info-border, #000000);
  margin: 1.75em 0 !important;
}

[data-colors="incms"][data-theme="normal"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
  background: rgba(0, 0, 0, 0.05);
  background: rgb(from var(--core-incms-text, var(--incms-text)) r g b / 0.05);
}

[data-colors="incms"][data-theme="classic"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
  background: var(--core-incms-background, var(--incms-background));
}

[data-colors="incms"][data-theme="primary"] .text-info,
[data-colors="incms"][data-theme="secondary"] .text-info,
[data-colors="incms"][data-theme="accent"] .text-info {
  background: rgba(255, 255, 255, 0.85);
  background: rgb(from var(--incms-text) r g b / 0.85);
}

[data-colors="incms"][data-theme="primary"] .text-info {
  border-left-color: var(--core-incms-accent, var(--incms-accent));
}

[data-colors="incms"][data-theme="secondary"] .text-info,
[data-colors="incms"][data-theme="accent"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
}
/* Footer Vertical Menu */
.text-footer-menu{}
ul:has(.text-footer-menu) {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul:has(.text-footer-menu) li {
  margin: 0 0 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--incms-text) 10%, transparent);
  padding-bottom: 8px;
}

.text-footer-menu a {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s var(--ease-in-out);
  text-decoration: none;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 93%, currentColor 93%);
  color: #fff;
}

.text-footer-menu a:hover {
  background-size: 100% 100%;
}

/* Popup Module Fix */
#fancybox-overlay {
  background-color: var(--incms-text) !important;
}

#fancybox-wrap {
  box-sizing: content-box;
}
#fancybox-wrap:has([id*=popup]){
  position: fixed !important;
  max-width: var(--popup-module-width);
  width: calc(100% - 40px) !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  overflow-y: auto;
  max-height: calc(100% - 40px);
  transform: translate(-50%,-50%);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#fancybox-wrap:has([id*=popup])::-webkit-scrollbar {
  display: none;
}

#fancybox-wrap #fancybox-content[style*="border-width"]:has([id*=popup] > div:not(.embed-container)) {
  border-width: 25px !important;
}
#fancybox-content {
  width: 100% !important;
  border-radius: var(--incms-radius-sm);
}
.view-edit [data-module="popup"] {
  width: var(--popup-module-width);
  margin: 0 auto;
}
/* IFRAMES */
iframe{
  display:block;
  width:100%;
  border: none;
  box-sizing: content-box;
}
iframe[src*="google.com/maps"]{
  display:block;
  width:100%;
  border: none;
}
@media screen and (min-width: 769px) {
  /* Google Maps iframe fills the column height in an equal-height grid */
  .equal-grid .ym-gbox:has(iframe[src*="google.com/maps"]) {
    height: 100%;
  }
  /* plain embed: the consent wrapper sits in the height chain */
  .equal-grid .ym-gbox > [data-consent]:has(> iframe[src*="google.com/maps"]) {
    display: block;
    height: 100%;
  }
  /* embed inside a FlexBox */
  .equal-grid .ym-gbox > .incms-flexbox:has(> iframe[src*="google.com/maps"]) {
    height: 100%;
  }
  .equal-grid .ym-gbox iframe[src*="google.com/maps"] {
    height: 100%;
    min-height: var(--map-min-height, 320px);
  }
}
/* Layout
.view-normal.threecols #main .linearize-level-1 {display: flex}
.view-normal.threecols #main .linearize-level-1 > div {margin: 0}
.view-normal.threecols #main .linearize-level-1 .ym-col2{order: -1}
.embed-container {border-radius: 10px;}

.margin-bottom-lg{margin-bottom:35px} */

/* -------------------------------- 
_Grid
-------------------------------- */
:root{
  --website-width: 1200px;
  --grid-cols: 12;
  --container-space: 15px;
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 15px;
  --space-lg: 20px;
  --space-xl: 40px;
  --space-xl: 40px;
  --section-space-m: calc(var(--section-space) / 1.25);

  --section-space-top: var(--section-space);
  --section-space-bottom: var(--section-space);

  --section-space-xs: calc(var(--section-space) / 4);
  --section-space-sm: calc(var(--section-space) / 2);
  --section-space-md: var(--section-space);
  --section-space-lg: calc(var(--section-space) * 1.5);
  --section-space-xl: calc(var(--section-space) * 2);

}
.incms-container,
.twocols .ym-column,
.threecols .ym-column{
  max-width: var(--website-width);
  padding: 0 var(--container-space);
  /* padding-left: max(var(--container-space), min(4vw, 4rem)); */
  /* padding-right: max(var(--container-space), min(4vw, 4rem)); */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.twocols #main section .incms-container,
.threecols #main section .incms-container{
  max-width: 100%;
  padding: 0;
}
.twocols .section,
.threecols .section{
  /*padding: 0;*/
  /*margin-bottom: var(--section-space);*/
}
.incms-container-fullwidth,
.incms-container.fullwidth,
.incms-container-fullwidth-content:has([data-animated="false"]) {
  max-width: 100%;
  padding: 0 var(--container-space);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px){
  .incms-container-fullwidth,
  .incms-container.fullwidth,
  .incms-container-fullwidth-content:has([data-animated="false"]) {
    padding: 0 calc(var(--container-space)*2);
  }
  .incms-container, .twocols .ym-column, .threecols .ym-column {
    padding-inline: calc(var(--container-space)*2);
  }
}

.incms-container :is(.incms-container){
  padding: 0;
}
.incms-grid{
  display: flex;
  flex-wrap: wrap;
  --gap: var(--space-md);
  gap: var(--gap);
}
.incms-grid > *{
  width: 100%;
  min-width: 0;
}
.gap-sm{
  --gap: var(--space-sm);
  gap: var(--gap);
}
.gap-md{
  --gap: var(--space-md);
  gap: var(--gap);
}
.gap-lg{
  --gap: var(--space-lg);
  gap: var(--gap);
}
.gap-xl{
  --gap: var(--space-xl);
  gap: var(--gap);
}


.col,
.col-1{--grid-col:1}
.col-2{--grid-col:2}
.col-3{--grid-col:3}
.col-4{--grid-col:4}
.col-5{--grid-col:5}
.col-6,.col-{--grid-col:6}
.col-7{--grid-col:7}
.col-8{--grid-col:8}
.col-9{--grid-col:9}
.col-10{--grid-col:10}
.col-11{--grid-col:11}
.col-12{--grid-col: 12}
@media screen and (min-width: 769px){
  .col,.col-,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    width: calc((100% - (var(--grid-cols) - 1) * var(--gap)) * var(--grid-col) / var(--grid-cols) + (var(--grid-col) - 1) * var(--gap));
    flex: initial;
  }
  .col-auto{flex: 1}
}
/* Padding */
.p-0{
  padding: 0 !important;
}
.pt-0{
  padding-top: 0 !important;
}
.p-sm{
  padding: var(--space-sm);
}
.p-md{
  padding: var(--space-md);
}
.p-lg{
  padding: var(--space-lg);
}
.pr-lg{
  padding-right: var(--space-lg);
}
.px-sm{
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}
.px-md{
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
.px-lg{
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
.py-sm{
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}
.py-md{
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.py-lg{
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}
/* Margin */
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.mt-auto{
  margin-top:auto;
}
.mt-0{
  margin-top: 0 !important;
}
.m-0{
  margin: 0 !important;
}
.m-sm{
  margin: var(--space-sm);
}
.m-md{
  margin: var(--space-md);
}
.m-lg{
  margin: var(--space-lg);
}
.mb-sm{
  margin-bottom: var(--space-sm);
}
.mb-md{
  margin-bottom: var(--space-md);
}
.mb-lg{
  margin-bottom: var(--space-lg);
}
.mr-lg{
  margin-right: var(--space-lg);
}
.mx-sm{
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}
.mx-md{
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}
.mx-lg{
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
.my-sm{
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
.my-md{
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.my-lg{
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

/* -------------------------------- 
_Button Group
-------------------------------- */
.btn-group {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
header.text-center ~ .btn-group,
.text-center .btn-group{
  justify-content: center;
}
h2:empty + p:empty + .btn-group,
h1:empty + p:empty + .btn-group{
  margin-top:0;
}
.btn-group > div {
  margin: 0;
}
.btn-group > div a,
.btn-group > div button{
  display: block;
}
.btn-group:empty{
  display: none;
}
.incms-btn,
.incms-button-button1,
.incms-button-button2,
.incms-button-button3{
  transition: transform ease 0.2s, box-shadow ease 0.2s;
}
.incms-btn:hover,
.incms-button-button1:hover,
.incms-button-button2:hover,
.incms-button-button3:hover{
  transform: translate(0, -3px);
}
.incms-btn a,
.incms-btn button{
  padding: .75em 1.5em;
  border-radius: var(--incms-radius-sm);
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  border: 0;
}
.incms-btn.incms-btn-outline a,
.incms-btn.incms-btn-outline button{
  background: transparent;
  color: var(--incms-text);
}
.incms-primary-button a,
.incms-primary-button button{
  background-color: var(--incms-primary);
  color: var(--incms-primary-text);
}
.incms-secondary-button a,
.incms-secondary-button button{
  background-color: var(--incms-secondary);
  color: var(--incms-secondary-text);
}
.incms-accent-button a,
.incms-accent-button button{
  background-color: var(--incms-accent);
  color: var(--incms-accent-text);
}
.incms-primary-button.incms-btn-outline a,
.incms-primary-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-primary);
}
.incms-secondary-button.incms-btn-outline a,
.incms-secondary-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-secondary);
}
.incms-accent-button.incms-btn-outline a,
.incms-accent-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-accent);
}
.incms-btn a .fa.fa-left {
  margin-right: 5px;
}
.incms-btn a .fa.fa-right {
  margin-left: 5px;
}

[data-colors="incms"][data-theme="primary"] .incms-primary-button a,
[data-colors="incms"][data-theme="primary"] .incms-primary-button button {
  color: var(--incms-primary);
  color: color-mix(in srgb, var(--incms-primary) 65%, #000000 35%);
  background-color: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button a,
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button button {
  color: var(--incms-secondary);
  color: color-mix(in srgb, var(--incms-secondary) 65%, #000000 35%);
  background-color: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"] .incms-accent-button a,
[data-colors="incms"][data-theme="accent"] .incms-accent-button button {
  color: var(--incms-accent);
  color: color-mix(in srgb, var(--incms-accent) 65%, #000000 35%);
  background-color: var(--incms-accent-text);
}
[data-colors="incms"][data-theme="primary"] .incms-primary-button.incms-btn-outline a,
[data-colors="incms"][data-theme="primary"] .incms-primary-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-primary-text);
  background: transparent;
  color: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button.incms-btn-outline a,
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-secondary-text);
  background: transparent;
  color: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"] .incms-accent-button.incms-btn-outline a,
[data-colors="incms"][data-theme="accent"] .incms-accent-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-accent-text);
  background: transparent;
  color: var(--incms-accent-text);
}

@media screen and (max-width: 768px) {
  .m-text-center .btn-group{
    justify-content: center;
  }
  .btn-group > div {
    flex: auto;
  }
}
/* -------------------------------- 
_Author
-------------------------------- */
.incms-author {
  display: flex;
  align-items: center;
  gap: var(--legacy-grid-gap);
}
header.text-center + .incms-author {
  justify-content: center;
}
a.incms-author_avatar {
  background:transparent; 
}
.incms-author_avatar img {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}

.incms-author_content p{
  margin: 0;
}
.incms-author_name {
  font-size: 112%; 
  font-weight: 600;
}
.incms-author_label {
  font-size: 100%;
}
/* -------------------------------- 
_Img
-------------------------------- */
/* Aspect Ratio (_Img)*/
[data-ratio="1:1"] .media-wrapper,
.ar-1\:1{aspect-ratio: 1/1;}

[data-ratio="2:1"] .media-wrapper,
.ar-2\:1{aspect-ratio: 2/1;}

[data-ratio="25:10"] .media-wrapper,
.ar-25\:10{aspect-ratio: 25/10;}

[data-ratio="3:1"] .media-wrapper,
.ar-3\:1{aspect-ratio: 3/1;}

[data-ratio="4:3"] .media-wrapper,
.ar-4\:3{aspect-ratio: 4/3;}

[data-ratio="3:4"] .media-wrapper,
.ar-3\:4{aspect-ratio: 3/4;}

[data-ratio="3:2"] .media-wrapper,
.ar-3\:2{aspect-ratio: 3/2;}

[data-ratio="2:3"] .media-wrapper,
.ar-2\:3{aspect-ratio: 2/3;}

[data-ratio="16:9"] .media-wrapper,
.ar-16\:9{aspect-ratio: 16/9;}

[data-ratio="9:16"] .media-wrapper,
.ar-9\:16{aspect-ratio: 9/16;}

figure.media-wrapper img {
  position: relative;
  border-radius: var(--border-radius);
  z-index: 0;
}
[data-decoration-top],[data-decoration-bottom]{
  position: relative;
  overflow: visible;
  isolation: isolate;
  padding: 5.7%;
  padding: min(5.7%, 32px);
}
[data-decoration-top]:before,
[data-decoration-bottom]:after{
  content: '';
  position: absolute;
}
[data-decoration-top="dots"]:before{
  background-image: radial-gradient(var(--incms-accent) 25%, transparent 25%);
  background-size: 15px 15px;
  width: 30%;
  height: 30%;
  right: 0;
  top: 0;
  background-repeat: round;
}
[data-decoration-bottom="dots"]:after{
  background-image: radial-gradient(var(--incms-primary) 25%, transparent 25%);
  background-size: 15px 15px;
  width: 30%;
  height: 30%;
  left: 0;
  bottom: 0;
  background-position: bottom left;
  background-repeat: round;
}

[data-decoration-top="cross-dots"]:before{
  width: 30%;
  height: 30%;
  position: absolute;
  top: 0;
  right: 0;
  background: radial-gradient(var(--incms-accent) 3px, transparent 3px), radial-gradient(var(--incms-accent) 3px, transparent 3px), transparent;
  background-position: -4px 4px, 8px 16px;
  background-size: 24px 24px;
  background-repeat: round;
}
[data-decoration-bottom="cross-dots"]:after{
  width: 24%;
  height: 24%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: radial-gradient(var(--incms-primary) 3px, transparent 3px), radial-gradient(var(--incms-primary) 3px, transparent 3px), transparent;
  background-position: -4px 4px, 8px 16px;
  background-size: 24px 24px;
  background-repeat: round;
}

[data-decoration-top="diagonal-lines"]:before{
  width: 25%;
  height: 25%;
  position: absolute;
  right: 0;
  top: 0;
  background: repeating-linear-gradient(-45deg, var(--incms-accent) 0, var(--incms-accent) 3px, transparent 0, transparent 50%);
  background-size: 24px 24px;
}
[data-decoration-bottom="diagonal-lines"]:after{
  width: 30%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: repeating-linear-gradient(-45deg, var(--incms-primary) 0, var(--incms-primary) 3px, transparent 0, transparent 50%);
  background-size: 24px 24px;
}

[data-decoration-top="triangle"]:before {
  width: 29%;
  height: 29%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(225deg, var(--incms-accent) 20%, transparent 20%);
  background-size: 18px 18px;
  background-position: top right;
  background-repeat: round;
}
[data-decoration-bottom="triangle"]:after {
  width: 29%;
  height: 29%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(45deg, var(--incms-primary) 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: bottom left;
  background-repeat: round;
}

[data-decoration-top="zigzag"]:before{
  width: 29%;
  height: 29%;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(225deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(315deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(45deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), transparent;
  background-size: 20px 20px;
  background-position: -10px -10px, -10px -10px, 0 10px, 0 10px;
}
[data-decoration-bottom="zigzag"]:after {
  width: 29%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(225deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(315deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(45deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), transparent;
  background-size: 20px 20px;
  background-position: -10px -10px, -10px -10px, 0 10px, 0 10px;
}

[data-decoration-top="none"]:before,
[data-decoration-bottom="none"]:after{
  display:none;
}
[data-decoration-top="none"] {
  padding-top: 0;
  padding-right: 0;
}
[data-decoration-bottom="none"] {
  padding-bottom: 0;
  padding-left: 0;
}
[data-level="1"][data-decoration-top]:before {z-index: -1}
[data-level="1"][data-decoration-bottom]:after{z-index: -1}
[data-level="2"][data-decoration-top]:before {z-index: -1}
[data-level="2"][data-decoration-bottom]:after{z-index: 1}
[data-level="3"][data-decoration-top]:before {z-index: 1}
[data-level="3"][data-decoration-bottom]:after{z-index: -1}
[data-level="4"][data-decoration-top]:before {z-index: 1}
[data-level="4"][data-decoration-bottom]:after{z-index: 1}

[data-colors="incms"][data-theme="primary"] [data-decoration-bottom] {
  --incms-primary: var(--incms-text);
}
[data-colors="incms"][data-theme="accent"] [data-decoration-top] {
  --incms-accent: var(--incms-text);
}
img[src='']{
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 480' xml:space='preserve'%3E%3Cpath fill='%23F2F2F2' d='M0,0v480h800V0H0z M304.6,156.3c0-6.5,5.1-11.6,11.5-11.6h167.5c6.4,0,11.5,5.1,11.5,11.6V267 c-6.2-3.2-13.2-5.1-20.4-5.1c-1.3,0-2.7,0.3-4,0.3c-9.4-29.8-36.3-50.8-67.2-50.8c-24.2,0-46.5,12.9-59.4,34.1 c-1.6-0.3-3.2-0.3-4.8-0.3c-13.2,0-25.3,4.8-34.7,13.2V156.3z M495.4,323.7c0,6.5-5.4,11.6-11.5,11.6H316.1c-6.5,0-11.5-5.1-11-11.8 V285c5.9-14,19.1-23.9,34.7-23.9c2.7,0,5.1,0.3,7.5,0.8l5.9,1.3l2.7-5.4c9.4-18.8,27.7-30.4,47.8-30.4c25.8,0,48.1,19.3,53.2,45.7 l1.6,8.6l8.6-2.4c2.7-0.8,5.4-1.1,7.8-1.1c7.8,0,15,3.2,20.4,8.6V323.7z'/%3E%3C/svg%3E%0A");}
/* -------------------------------- 
_Section
-------------------------------- */

/* Section */
@media screen and (min-width: 769px){
  .section {
    padding-top: var(--section-space-top);
    padding-bottom: var(--section-space-bottom);
  }
  .incms-inner-container {
    padding: var(--section-space-top) var(--section-space) var(--section-space-bottom);
  }
}
@media screen and (max-width: 768px){
  .section {
    --section-space-top-m: calc(var(--section-space-top) / 1.25);
    --section-space-bottom-m: calc(var(--section-space-bottom) / 1.25);
    padding-top: var(--section-space-top-m);
    padding-bottom: var(--section-space-bottom-m);

  }
  .twocols .section,
  .threecols .section{
    margin-bottom: var(--section-space-m);
  }
  .incms-inner-container {
    padding: var(--section-space-top-m) var(--section-space-m) var(--section-space-bottom-m);
  }
}

.bg-transparent,
.bg-transparent:before{
  background-color:transparent !important;
  backdrop-filter:none !important;
}
[data-colors="incms"][data-theme="classic"].section,
[data-colors="incms"].section.bg-05 {
  --opacity: 0.05;
  background-color: rgb(from var(--incms-text) r g b / var(--opacity));
}
[class^="incms-header"][data-colors="incms"][data-theme="classic"]:before {
    opacity: 1;
    --opacity: 0.05;
    background-color: rgb(from var(--incms-text) r g b / var(--opacity));
}
[class^="incms-header"][data-colors="incms"][data-theme="classic"] {
    --opacity: 0.85;
    background-color: rgb(from var(--incms-background) r g b / var(--opacity));
}

[data-colors="incms"].section {
  background-color: var(--incms-background);
  position: relative;
  isolation: isolate;
  z-index: 1;
}
section header {
  margin: 0 auto;
}
section header.text-left {
  margin: 0 auto 0 0;
}
section header + * {
  margin-top: max(
    calc(var(--section-space-top) / 1.5),
    calc(var(--section-space-bottom) / 1.5),
    calc(var(--section-space) / 1.5)
  );
}
section header h1,
section header h2,
section header h3,
section header h4,
section header h5,
section header h6,
.incms-custom-heading :is(h1,h2,h3,h4,h5,h6){
  margin-bottom: 0.618em;
  font-size: var(--title-size);
  color: var(--title-color);
}
section header p,
section header li{
  color: var(--text-color);
  margin-bottom: 0.618em;
}
section[data-colors="incms"] header h1,
section[data-colors="incms"] header h2,
section[data-colors="incms"] header h3,
section[data-colors="incms"] header h4,
section[data-colors="incms"] header p,
section[data-colors="incms"] header li{
  color: var(--incms-text);
}
@media screen and (max-width: 768px) {
  section header h1,
  section header h2,
  section header h3,
  section header h4,
  section header h5,
  section header h6,
  .incms-custom-heading :is(h1,h2,h3,h4,h5,h6){
    --title-size: var(--title-mobile-size);
  }
}
@media screen and (min-width: 769px) {
  section header {
    width: calc(var(--section-header-width) * 1%);
  }
}
/* Section Label */
[data-slabel]:before {
  content: attr(data-slabel);
  color: var(--incms-text);
  margin-bottom: 20px;
  display: inline-block;
  font-size: 85%;
  border: 1px solid rgb(from var(--incms-text) r g b / 0.5);
  border-radius: 2em;
  padding: 4px 15px;
}
[data-colors="custom"] [data-slabel]:before {
  color: var(--text-color);
  border-color: rgb(from var(--text-color) r g b / 0.5);
}
[data-slabel=""]:before {
  display: none;
}
/* Section space */
.spy-xs{
  padding-top: var(--section-space-xs);
  padding-bottom: var(--section-space-xs);
}
.spy-sm{
  padding-top: var(--section-space-sm);
  padding-bottom: var(--section-space-sm);
}

/* -------------------------------- 
_Shapes
-------------------------------- */
:root,
[data-shape*="-"],
.section.section{
  --shape-correction: 120px;
  --hero-shape-size: min(18vw, calc(var(--section-space-bottom-m, var(--section-space-bottom)) * 2));
  --section-shape-size-top: min(18vw, var(--section-space-top-m, var(--section-space-top)));
  --section-shape-size-bottom: min(18vw, var(--section-space-bottom-m, var(--section-space-bottom)));
}
section[data-shape*="-"],
section.incms-custom-section[data-shape*="-"]:has( + section){
  position: relative;
  z-index: 3;
}
section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] {
  z-index: 2;
}
section[data-shape*="-"] + section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] {
  z-index: 1;
}
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] section[data-shape*="-"]{
  z-index: 0;
}

section[class*="hero"][data-shape*="-"]{
  --shape-size: var(--hero-shape-size);
}
section[class*="hero"][data-shape*="-"] + section,
section.incms-custom-section[data-shape*="-"]{
  --shape-size: calc(var(--section-shape-size-bottom) /2);
  --shape-size-top: calc(var(--section-shape-size-top) /2);
}
section.section[data-shape*="-"] + section{
  padding-top: calc(var(--section-space-top) + var(--shape-correction));
  margin-top: calc(-1 * var(--shape-correction));
}
section[data-shape*="top"],
section[data-shape*="top"] + section[data-shape*="bottom"] {
  padding-top: var(--section-space-top-m, var(--section-space-top)) !important;
  margin-top: 0 !important;
}
section:not([data-shape]):has( + section.section[data-shape*="top"]),
section[data-shape="none"]:has( + section.section[data-shape*="top"]){
  padding-bottom: calc(var(--section-space-bottom) + var(--shape-correction));
  margin-bottom: calc(-1 * var(--shape-correction));
  z-index: 0 !important;
}

/* ✅ Top Tilts */
[data-shape="tilt-tl-right"],
[data-shape="tilt-top-left-right"]{
  clip-path: polygon(0 var(--shape-size-top), 100% 0, 100% 100%, 0 100%);
}
[data-shape="tilt-tr-left"],
[data-shape="tilt-top-right-left"]{
  clip-path: polygon(0 0, 100% var(--shape-size-top), 100% 100%, 0 100%);
}

/* ✅ Bottom Tilts */
[data-shape="tilt-bl-right"],
[data-shape="tilt-bottom-left-right"]{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--shape-size)));
}
[data-shape="tilt-br-left"],
[data-shape="tilt-bottom-right-left"]{
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--shape-size)), 0 100%);
}

/* ✅ Top and Bottom: Diagonal Tilt */
[data-shape="tilt-diag-top-bottom-1"] {
  clip-path: polygon(0 var(--shape-size-top), 100% 0, 100% calc(100% - var(--shape-size)), 0 100%)
}
[data-shape="tilt-diag-top-bottom-2"] {
  clip-path: polygon(0 0, 100% var(--shape-size-top), 100% 100%, 0 calc(100% - var(--shape-size)));
}

/* ✅ Left Side Tilts */
[data-shape="tilt-bl-top"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--shape-size) 100%);
}
[data-shape="tilt-tl-bottom"] {
  clip-path: polygon(var(--shape-size) 0, 100% 0, 100% 100%, 0 100%);
}
/* ✅ Right Side Tilts */
[data-shape="tilt-br-top"] {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--shape-size)) 100%, 0 100%);
}
[data-shape="tilt-tr-bottom"] {
  clip-path: polygon(0 0, calc(100% - var(--shape-size)) 0, 100% 100%, 0 100%);
}
/* ✅ Left and Right: Diagonal Tilt */
[data-shape="tilt-diag-lr"] {
  clip-path: polygon(0 0, calc(100% - var(--shape-size)) 0, 100% 100%, var(--shape-size) 100%);
}
[data-shape="tilt-diag-rl"] {
  clip-path: polygon(var(--shape-size) 0, 100% 0, calc(100% - var(--shape-size)) 100%, 0 100%);
}
[data-shape="tilt-diag-lr"], [data-shape="tilt-diag-rl"]{
  padding-left: var(--shape-size);
  padding-right: var(--shape-size);
}


/* ✅ Top: Double Tilt */
[data-shape="tilt-top-double-in"] {
  clip-path: polygon(0 0, 50% var(--shape-size-top), 100% 0, 100% 100%, 50% 100%, 0 100%); /* In */
}
[data-shape="tilt-top-double-out"] {
  clip-path: polygon(0 var(--shape-size-top), 50% 0, 100% var(--shape-size-top), 100% 100%, 50% 100%, 0 100%); /* Out */
}
/* ✅ Bottom: Double Tilt */
[data-shape="tilt-bottom-double-in"] {
  clip-path: polygon(0 0, 50% 0%, 100% 0, 100% 100%, 50% calc(100% - var(--shape-size)), 0 100%); /* In */
}
[data-shape="tilt-bottom-double-out"] {
  clip-path: polygon(0 0, 50% 0, 100% 0, 100% calc(100% - var(--shape-size)), 50% 100%, 0 calc(100% - var(--shape-size))); /* Out */
}
/* ✅ Top and Bottom: Double Tilt */
[data-shape="tilt-top-bottom-in"] {
  clip-path: polygon(0 0, 50% var(--shape-size-top), 100% 0, 100% 100%, 50% calc(100% - var(--shape-size)), 0 100%); /* In */
}
[data-shape="tilt-top-bottom-out"] {
  clip-path: polygon(0 var(--shape-size-top), 50% 0, 100% var(--shape-size-top), 100% calc(100% - var(--shape-size)), 50% 100%, 0 calc(100% - var(--shape-size))); /* Out */
}

/* ✅ Fancy Top and Bottom Tilts */
[data-shape="tilt-fancy-top-bottom"] {
  clip-path: polygon(0 0, 23% var(--shape-size-top), 100% 0, 100% 100%, 77% calc(100% - var(--shape-size)), 0 100%);
}

/* ✅ Bottom: Curve */
[data-shape="curve-top"]{
  --curve-size: max(100%, var(--website-width));
  clip-path: ellipse(var(--curve-size) 100% at bottom);
  mask: linear-gradient(black, black);
}
[data-shape="curve-bottom"]{
  --curve-size: max(100%, var(--website-width));
  clip-path: ellipse(var(--curve-size) 100% at top);
  mask: linear-gradient(black, black);
}
.view-normal .fullheight[data-shape="curve-bottom"] {
  --curve-size: max(120%, var(--website-width));
}

/* ✅ Zig-Zag */
[data-shape="zig-zag-bottom"]{
  mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/40px 100.3%
}
[data-shape="zig-zag-top"]{
  mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/40px 100.3%
}
[data-shape="zig-zag-top-bottom"]{
  mask: repeating-conic-gradient(from 135deg at 50% 20px,#0000 0,#000 1deg 89deg,#0000 90deg 180deg) 50% -20px/40px
}

/* ✅ Wavy */
[data-shape="wavy-top"]{
  mask: 
    radial-gradient(15.5px at 50% 21.45px,#000 99%,#0000 101%) calc(50% - 26px) 0/52px 100%,
    radial-gradient(15.5px at 50% -8.45px,#0000 99%,#000 101%) 50% 13px/52px 100% repeat-x;
}
[data-shape="wavy-bottom"]{
  mask:
    radial-gradient(15.5px at 50% calc(100% - 21.45px),#000 99%,#0000 101%) calc(50% - 26px) 0/52px 100%,
    radial-gradient(15.5px at 50% calc(100% + 8.45px),#0000 99%,#000 101%) 50% calc(100% - 13px)/52px 100% repeat-x;
}
[data-shape="wavy-top-bottom"]{
  mask: 
    radial-gradient(15.5px at 50% 21.45px,#000 99%,#0000 101%) calc(50% - 26px) 0/52px 51% repeat-x,
    radial-gradient(15.5px at 50% -8.45px,#0000 99%,#000 101%) 50% 13px/52px calc(51% - 13px) repeat-x,
    radial-gradient(15.5px at 50% calc(100% - 21.45px),#000 99%,#0000 101%) calc(50% - 26px) 100%/52px 51% repeat-x,
    radial-gradient(15.5px at 50% calc(100% + 8.45px),#0000 99%,#000 101%) 50% calc(100% - 13px)/52px calc(51% - 13px) repeat-x;
}
/* -------------------------------- 
_Testimonial
-------------------------------- */
.testimonial-item {
  padding-top: calc(var(--section-space)/2.5);
  padding-bottom: calc(var(--section-space)/2.5);
}
.testimonial-item.incms-box-bg {
  padding: calc(var(--section-space)/2.5) calc(var(--section-space)/3);
}
.testimonial-item .testimonial-rating i {
  font-size:18px;
}
.testimonial-item figure img.avatar {
  width: 3em;
  height: 3em;
  border-radius: 50%;
}
.testimonial-item figure img.avatar[src=''] {
  outline: solid 1px var(--incms-primary);
  background: var(--incms-primary);
}
.testimonial-item .inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testimonial-item .testimonial-quote {
  position: relative;
  font-size: calc(var(--text-fs) * .9);
  isolation: isolate;
}
.testimonial-item svg.testimonial-icon {
  position: absolute;
  width: 60px;
  color: var(--incms-text);
  left: 0;
  top: -15px;
  z-index: -1;
  opacity: .2;
}
[data-colors="incms"] .testimonial-item {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
[data-colors="incms"] .testimonial-item.incms-box-bg:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"] .testimonial-item.incms-box-bg:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"] .testimonial-item .testimonial-quote,
[data-colors="incms"] .testimonial-item .name{
  color: var(--incms-text);
}
.yellow-stars .fa-star-o {
  color: #fbbd03 !important;
}
/* -------------------------------- 
_Click-To-Scroll Button
-------------------------------- */
.incms-scroll-to{
  --scroll-to-width: 25px;
  --scroll-to-height: calc(var(--scroll-to-width) * 1.5);
  -webkit-animation: incms-scroll-to-loaded 1.5s ease;
  animation: incms-scroll-to-loaded 1.5s ease;
  width: var(--scroll-to-width);
  display: block;
  margin: 0;
  background-color: transparent!important;
}
.incms-scroll-to-icon{
  width: var(--scroll-to-width);
  height: var(--scroll-to-height);
  box-shadow: inset 0 0 0 calc(var(--scroll-to-width)/10) var(--incms-scroll-to-color);
  border-radius: 50em;
  cursor: pointer;
  transition: all .25s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  text-align: center;
}
.incms-scroll-to-icon:after {
  content: '';
  width: calc(var(--scroll-to-width)/5);
  height: calc(var(--scroll-to-height)/4);
  background: var(--incms-scroll-to-color);
  margin-left: calc(var(--scroll-to-width)/-10);
  top: calc((var(--scroll-to-height)/4));
  border-radius: 50em;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: incms-scroll;
  animation-name: incms-scroll;
  position: absolute;
  transition: background .25s
}
@-webkit-keyframes incms-scroll-to-loaded {
  0%,80% {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes incms-scroll-to-loaded {
  0%,80% {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@-webkit-keyframes incms-scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
}
@keyframes incms-scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
}
/* -------------------------------- 
_Carousel
-------------------------------- */
.owl-carousel .owl-item.center {
  margin-top: 0;
  margin: 0;
  text-align: left;
}
.owl-carousel, .owl-carousel .owl-item {
  position: relative;
}
.owl-carousel .owl-dots {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -30px;
}
.owl-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--testimonial2-dots);
  margin: 0 5px;
  border-radius: 10px;
  opacity: .5;
  transition: all .15s ease;
}
.owl-carousel button.owl-dot.active {
  width: 30px;
  opacity: 1;
}
[data-colors="incms"] .owl-carousel button.owl-dot {
  background-color: var(--incms-text);
}
[data-colors="custom"] .owl-carousel button.owl-dot {
  background-color: var(--carousel-dots);
}

/* -- News Module Fix -- */
.news_item .ym-contain-dt {
  border-top: 1px solid rgb(150 150 150 / 20%);
}
.news-image {
  max-width: var(--blog-img-small);
  aspect-ratio: var(--blog-img-ratio);
  border-radius: var(--blog-img-radius);
  overflow: hidden;
}
.list-view.fullimage .news-image{
  max-width: var(--blog-img-large);
}
#news_items {
  margin: 0;
}
.news_item {
  padding: 0;
}
.news-image img {
  border: none;
  box-shadow: none;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.news_item.grid-view .ym-contain-dt {
  border-top: none;
}
.news-image a {
  width: 100%;
  height: 100%;
}
.list-view .ym-contain-dt {
  padding-right: 75px;
}
.list-view .news_detail_info {
  position: absolute;
  left: 0;
  top: 25px;
}
.ym-contain-dt {
  position: relative;
  padding-top: 20px !important;
}
.news_item h2 {
  font-size: var(--blog-title-size);
  margin: 0 0 calc(var(--blog-title-size)/1.618);
}
.list-view .ym-contain-dt:after {
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNy4xIDIzLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjEgMjMuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNC43LDExLjdIMSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjMsMS40bDEwLjMsMTAuMyIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjMsMjJsMTAuMy0xMC4zIi8+CjwvZz4KPC9zdmc+Cg==') no-repeat center center;
  width: 37px;
  height: 23px;
}
.news_item:not(:has(.news.button, .incms-button, .incms-btn)) .news-image a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.news_detail_info p strong {
  font-weight: normal !important;
}
#news_items:has(.grid-view) {
  display: flex;
  gap: var(--legacy-grid-gap, 20px);
  flex-direction: column;
  flex-wrap: wrap;  
}
.news_item.grid-view.ym-g50,
.news_item.grid-view.ym-g33,
.news_item.grid-view.ym-g25{
  width: 100%;
}
ul.pager {
  float: none;
  display: flex;
  justify-content: end;
}
[data-colors="incms"][data-theme="primary"] .news_item .ym-contain-dt h2 a {
  color: inherit!important;
}
@media screen and (max-width: 768px) {
  #news_items {
    display: flex;
    gap: var(--legacy-grid-gap, 20px);
    flex-wrap: wrap;  
  }
  .ym-contain-dt {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px !important;
  }
  .news_item .ym-contain-dt {
    padding: 0;
  }
  .list-view .ym-contain-dt:after {
    display: none;
  }
  .news-image, .list-view.fullimage .news-image {
    margin-right: 0;
    max-width:100%;
  }
  .list-view .news_detail_info {
    top: 10px;
  }
  .news_item .ym-contain-dt {
    border: none;
  }
  .list-view.news_item{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}
@media screen and (max-width: 480px) {
  .list-view.news_item{
    width: 100%;
  }
}
@media screen and (min-width: 569px){
  #news_items:has(.grid-view){
    flex-direction:row;
  }
  .news_item.grid-view.ym-g50,
  .news_item.grid-view.ym-g33,
  .news_item.grid-view.ym-g25{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}
@media screen and (min-width: 769px){
  .list-view .ym-contain-dt:has(.news_detail_info) {
    padding-left: 105px;
  }
  .news_item.grid-view.ym-g25{
    width: calc(25% - (var(--legacy-grid-gap, 20px)*3/4));
  }
  .news_item.grid-view.ym-g33{
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
  .news_item.grid-view.ym-g50{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}

/* -- News Post -- */
.news_detail h1{
  font-size: var(--post-title-size);
  /*text-wrap: balance;*/
}
.news_detail h1,
.news_detail .news_detail_info{
  text-align: var(--post-title-alignment);
}

.news_detail.incms-container {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}
.news_detail.incms-container:before {
  content: "";
  display: block;
  padding-top: var(--incms-hero-correction);
}
.news_detail .float-left {
  margin-top: 0;
  display: block;
  width: 100%;
  max-width: calc(var(--post-img-width)*1px);
  aspect-ratio: var(--post-img-ratio);
}

.news_detail .ym-contain-dt:after,
.news_detail.incms-container:after{
  content: '';
  display: table;
  clear: both;
}

.news_detail .ym-contain-dt img.bordered {
  box-shadow: none;
  border: none;
  border-radius: var(--post-img-radius);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_detail .ym-contain-dt a + p:first-letter {
  float: left;
  line-height: 1;
  font-size: 4.4em;
  padding: 0 0.125em 0 0;
  text-transform: uppercase;
}
.news_detail h1,.news_detail p {
  color: var(--incms-text);
}
.news_detail .ym-contain-dt a {
  color: var(--incms-primary);
  background: transparent;
}
.news_detail .float-left{
  margin-right: calc(var(--legacy-grid-gap)*2);
}
#disqus_recommendations {
  margin: 0 -8px;
}
.news_detail ~ .incms-container #disqus_thread,
.news_detail ~ #news_add_comment.incms-container{
  padding-bottom: var(--section-space);
}
.news_detail ~ #news_add_comment.incms-container {
  margin: 0 auto;
}
@media screen and (max-width: 568px) {
  .news_detail .float-left {
    float: none;
    margin-right: 0;
  }
}

/* -- Form Fields -- */
.incms-form .incms-form-field {
  box-shadow: none;
  padding: 10px;
  border-radius: 5px;
}

/* -- Member Auth Login -- */
.incms-form-container:has(form.auth.auth-login.incms-form),
form.auth.auth-profile.incms-form,
form.auth.auth-password.incms-form,
.incms-form-container p:has(.auth-user){
  margin: 0 auto;
  padding: var(--container-space);
  background: rgb(from var(--incms-text) r g b / 0.05);
  border-radius: var(--incms-radius-md);
}
[data-colors="incms"][data-theme="classic"] .incms-form-container:has(form.auth.auth-login.incms-form),
[data-colors="incms"][data-theme="classic"] form.auth.auth-profile.incms-form,
[data-colors="incms"][data-theme="classic"] form.auth.auth-password.incms-form,
[data-colors="incms"][data-theme="classic"] .incms-form-container p:has(.auth-user){
  background: var(--incms-background);
}
[data-colors="custom"] .incms-form-container:has(form.auth.auth-login.incms-form),
[data-colors="custom"] form.auth.auth-profile.incms-form,
[data-colors="custom"] form.auth.auth-password.incms-form,
[data-colors="custom"] .incms-form-container p:has(.auth-user){
  background: rgb(from var(--text-color) r g b / 0.05);
}
.incms-form-container:has(form.auth.auth-login.incms-form) {
  max-width: 512px;
}
.incms-form-container p:has(.auth-user) {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--container-space);
}
.incms-form-container p .auth-user {
  width:100%;
  order: 1;
  margin:0 0 10px;
}
.incms-form-container p .auth-logout {
  order: 3;
  margin-left: auto;
  margin-right: 0;
}
.incms-form-container p .auth-profile {
  order: 2;
  margin:0;
}
.incms-form-container p:has(.auth-backlink,.auth-resetpw,.auth-backtologin) {
  margin-top: var(--container-space);
  margin-bottom: 0;
}
p:has(a.auth-resetpw[style="display: none;"]) {
  margin: 0;
}

/* -- Gallery Module Fix -- */
.ym-grid.gallery {
  gap: 0;
  flex-direction: column;
}
.ym-grid.gallery > .row {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--legacy-grid-gap, 20px);
}
.ym-grid.gallery > .row > * {
  padding: 0;
}
.ym-grid.gallery .ym-g33,
.ym-grid.gallery .ym-g25{
  width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
}

.ym-grid .image {
  margin: 0;
}

.gallery .pager {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 569px){
  .ym-grid.gallery .ym-g25 {
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
}
@media screen and (min-width: 769px){
  .ym-grid.gallery .ym-g33 {
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
  .ym-grid.gallery .ym-g25 {
    width: calc(25% - (var(--legacy-grid-gap, 20px)*3/4));
  }
}

/* Font Awesome 5 Fix */
.fa.fa-phone:before {
  transform: rotate(90deg);
  display: block;
}
/* -------------------------------- 
inCMS Framework v1.15.0   - End
-------------------------------- */

.view-edit,.view-normal {
	/*incms-color: Premium Red;*/--incms-text: #201f33; --incms-background: #edf2f4; --incms-primary: #d90429; --incms-primary-text: #ffffff; --incms-accent: #2b2d42; --incms-accent-text: #ffffff;;
}

.incms-container, .twocols .ym-column, .threecols .ym-column {
	--website-width: 1280px;
}

.section,:root {
	--section-space: 60px;
}

.ym-grid,:root {
	--legacy-grid-gap: 20px;
}

.incms-popup-module,:root {
	--popup-module-width: 768px;
}

.news_container,:root {
	--blog-title-size: 24px;
	--blog-img-small: 290px;
	--blog-img-large: 400px;
	--blog-img-ratio: 16/9;
}

.news_detail.incms-container,:root {
	--post-title-size: 40px;
	--post-title-alignment: left;
	--post-img-width: 400;
	--post-img-ratio: 4:3;
	--post-img-radius: var(--incms-radius-sm);
}

.btn-group.incms-custom-btn {
  margin-top: 0;
  margin-top: auto;
}
.btn-stretch > .incms-btn{
  flex-grow:1;
}

.incms-custom-btn {
	justify-content: flex-start;
}

/* -------------------------------- 
CTA 01
-------------------------------- */
.incms-cta1{
  background-color: var(--incms-cta1-bg);
}

.incms-cta1 {
	--incms-cta1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-cta1-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
CTA 02
-------------------------------- */
.incms-cta2{
  background-color: var(--incms-cta2-bg);
}
.incms-cta2-inner{
  border-radius: var(--border-radius);
  overflow:hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
}
.incms-cta2-inner .incms-section-overlay {
  z-index: -1;
}
.incms-cta2 .incms-btn.incms-btn-outline a {
  color: var(--text-color);
}

.incms-cta2 {
	--incms-cta2-bg: #FFFFFF;
	--title-color: #0a2d42;
	--text-color: #0a2d42;
}

.incms-cta2-inner {
	background-image: url(https://www.hcbueetigen.ch/incms_files/filebrowser/cache/abstract_placeholder_image_9e5befb27cd1990fc46991e80f84f808.jpg);
	background-color: #FFFFFF;
	--border-radius: var(--incms-radius-lg);
}

.incms-cta2-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
CopyCockpit Chatbot
-------------------------------- */
iframe{display: block;}
html:has(.view-normal .incms-chatbot-section),
.view-normal .ym-wrapper:has(.incms-chatbot-section),
.view-normal .ym-wbox:has(.incms-chatbot-section){
  height: 100%;
}
body.view-normal:has(.incms-chatbot-section) {
  height: 100%;
  touch-action: pan-x pan-y;
}
.view-normal .ym-wbox:has(.incms-chatbot-section) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.view-normal #main:has(.incms-chatbot-section) {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.view-normal #main:has(.incms-chatbot-section) * {
  height: 100%;
}

/* Firefox Fix */
.has-incms-chatbot,
.has-incms-chatbot .view-normal .ym-wrapper,
.has-incms-chatbot .view-normal .ym-wbox{
  height: 100%;
}
.has-incms-chatbot .view-normal{
  height: 100%;
  touch-action: pan-x pan-y;
}
.has-incms-chatbot .view-normal .ym-wbox{
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.has-incms-chatbot .view-normal #main{
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.has-incms-chatbot .view-normal #main *{
  height: 100%;
}

.info-copycockpit-chatbot {
	cls: copycockpit-chatbot;
	iconCls: fa fa-exclamation-triangle;
	style: background: #ffde92;;
}

/* -------------------------------- 
Custom Section
-------------------------------- */
.incms-custom-section {
  position:relative;
  isolation: isolate;
  background-color: var(--custom-section-bg-color);
  --section-space-m: calc(var(--section-space) / 1.25);
  background-size: cover;
}
.incms-custom-section table tr > * {
  padding: 4px 0;
}
.incms-custom-section *:last-child:not(hr),
.incms-custom-section :has(> :last-child:is(.incms-desktop-hidden, .incms-mobile-hidden)) > :nth-last-child(2){
  margin-bottom: 0;
}

.incms-custom-section .incms-container.custom-width{
  max-width: var(--custom-width);
}
.section-overlap{
  margin-top: calc(var(--section-overlap) * -1)
}
.incms-custom-section h1,
.incms-custom-section h2,
.incms-custom-section h3,
.incms-custom-section h4,
.incms-custom-section h5,
.incms-custom-section h6,
.incms-form .incms-form-title{
  color: var(--headings-color);
}

[data-colors="custom"].incms-custom-section .incms-form .checkbox.terms-field label,
[data-colors="custom"].incms-custom-section .incms-form .incms-form-item-label,
[data-colors="custom"].incms-custom-section p,
[data-colors="custom"].incms-custom-section li {
  color: var(--text-color);
}

[data-colors="custom"].incms-custom-section .news_item h2 a,
[data-colors="custom"].incms-custom-section p a,
[data-colors="custom"].incms-custom-section .incms-form p a,
[data-colors="custom"].incms-custom-section .incms-form span a,
[data-colors="custom"] .tooltip {
  color: var(--link-color);
}

[data-colors="incms"].incms-custom-section h1,
[data-colors="incms"].incms-custom-section h2,
[data-colors="incms"].incms-custom-section h3,
[data-colors="incms"].incms-custom-section h4,
[data-colors="incms"].incms-custom-section h5,
[data-colors="incms"].incms-custom-section h6,
[data-colors="incms"].incms-custom-section p,
[data-colors="incms"].incms-custom-section li,
[data-colors="incms"].incms-custom-section .incms-form .checkbox.terms-field label,
[data-colors="incms"].incms-custom-section .incms-form .incms-form-item-label {
  color: var(--incms-text);
}

@media screen and (min-width: 769px){
  .onecol #main .ym-cbox > .incms-custom-section:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .onecol #main .ym-cbox > .incms-custom-section:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.incms-custom-section.custom-height{
  display: flex;
  align-items: center;
  min-height: var(--custom-height);
}
.incms-custom-section.fullheight{
  display: flex;
  align-items: center;
}
.incms-custom-section.fullheight {
  min-height: 100svh;
}
.incms-section-overlay,
.incms-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.incms-custom-section[style*="--section-space-bottom: 0px;"] .incms-container .ym-grid:last-child .media-single-image:last-child figure > img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* Parallax Animation */
.incms-parallax.parallax-animation {
  background-size: cover;
  background-position: center calc(50% + var(--parallax-distance, 0px));
}
.incms-parallax.parallax-animation:before {
  display: none;
}
/* VIDEO */
video.incms-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Pager */
.incms-custom-section ul.pager {
  --pager-size:      2.25em;
  --pager-gap:       0.375em;
  --pager-radius:    var(--incms-radius-sm, 5px);
  --pager-ink:       var(--incms-text);
  --pager-accent:    var(--incms-primary);
  --pager-on-accent: var(--incms-primary-text);
  --pager-line:      rgba(0, 0, 0, 0.2);
  --pager-line:      rgb(from var(--pager-ink) r g b / 0.25);
  --pager-muted:     rgba(0, 0, 0, 0.5);
  --pager-muted:     rgb(from var(--pager-ink) r g b / 0.55);
  --pager-fill:      rgba(0, 0, 0, 0.06);
  --pager-fill:      rgb(from var(--pager-ink) r g b / 0.07);
}

[data-colors="custom"].incms-custom-section ul.pager {
  --pager-ink:       var(--text-color);
  --pager-accent:    var(--link-color);
  --pager-on-accent: var(--custom-section-bg-color, #fff);
}

/* themed sections remap --incms-text but not --incms-primary, so a primary
   chip would vanish into a Primary section's surface */
[data-colors="incms"][data-theme="primary"].incms-custom-section ul.pager,
[data-colors="incms"][data-theme="secondary"].incms-custom-section ul.pager,
[data-colors="incms"][data-theme="accent"].incms-custom-section ul.pager {
  --pager-accent:    var(--incms-text);
  --pager-on-accent: var(--incms-background);
}

.incms-custom-section ul.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--pager-gap);
  float: none;
  margin: 0;
  margin-left: 0;
  padding: 20px 0 0;
  list-style: none;
}

.incms-custom-section ul.pager li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.incms-custom-section ul.pager li.page.placeholder,
.incms-custom-section ul.pager li a,
.incms-custom-section ul.pager li.current {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  float: none;
  width: var(--pager-size);
  height: var(--pager-size);
  padding: 0;
  line-height: 1;
  text-decoration: none;
  border: 1px solid var(--pager-line);
  border-left-width: 1px;
  border-radius: var(--pager-radius);
  color: var(--pager-ink);
  background-color: transparent;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.incms-custom-section ul.pager li.page.placeholder {
    display: flex;
}

/* the core stylesheet pins a:hover/a:focus colour AND background-color,
   so both must be restated or the fill disappears on hover */
.incms-custom-section ul.pager li a:hover,
.incms-custom-section ul.pager li a:focus {
  color: var(--pager-on-accent);
  background-color: var(--pager-accent);
  border-color: var(--pager-accent);
  text-decoration: none;
}

.incms-custom-section ul.pager li.active a,
.incms-custom-section ul.pager li.active a:hover,
.incms-custom-section ul.pager li.active a:focus {
  color: var(--pager-on-accent);
  background-color: var(--pager-accent);
  border-color: var(--pager-accent);
  cursor: default;
}

.incms-custom-section ul.pager li.current {
  color: var(--pager-muted);
  background-color: var(--pager-fill);
  cursor: default;
}

.incms-custom-section ul.pager li.disabled a {
  color: var(--pager-muted);
  opacity: 0.6;
  pointer-events: none;
}
/* Temporary code start */
.incms-custom-section {
	--custom-height: 700px;
}
.incms-custom-section-bg-img {
	background-position-x: center;
	background-position-y: center;
}
/* Temporary code end */

.incms-custom-section {
	--custom-width: 0px;
	--custom-height: 0px;
}

/* -------------------------------- 
FAQ 01
-------------------------------- */
.incms-faq1{
  background-color: var(--accordion-bg-color);
}
.incms-accordion-item-header {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  color: inherit;
  line-height: inherit;
  appearance: none;
  padding: calc(var(--section-space)/3) 0;
}
.incms-accordion-item-header svg {
  --size: calc(var(--accordion-title-size) + var(--accordion-title-size)/4);
  height: var(--size);
  width: var(--size);
  display: inline-block;
  color: var(--text-color);
  fill: currentcolor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}
.incms-accordion-item.is-open > .incms-accordion-panel {
  display: block;
}
.incms-accordion-panel {
  display: none;
  will-change: height;
  transform: translateZ(0px);
  padding: 0 0 calc(var(--section-space)/3);
}
[data-colors="incms"] .incms-accordion-panel {
  opacity: .75;
}
button.incms-accordion-item-header:before {
  /* content: ""; */
  position: absolute;
  inset: 0px;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-accordion-item-header h3 {
  margin: 0;
  font-size: var(--accordion-title-size);
  color:var(--title-color)
}
.incms-accordion-item {
  position: relative;
}
.incms-accordion-item + .incms-accordion-item:before {
  content: '';
  background: var(--text-color);
  height: 1px;
  position: absolute;
  width: 100%;
  opacity: .2;
  top: 0;
  left: 0;
}
.incms-accordion-item:after {
  bottom: 0;
  left: 0;
}
[data-colors="custom"] .incms-accordion-panel,
[data-colors="custom"] .incms-accordion-panel p{
  margin: 0;
  color:var(--text-color);
}
[data-colors="incms"] .incms-accordion-item svg {color: var(--incms-text);}
[data-colors="incms"] .incms-accordion-item h3,
[data-colors="incms"] .incms-accordion-item p {
  color: var(--incms-text);
}
[data-colors="incms"] .incms-accordion-item:before,
[data-colors="incms"] .incms-accordion-item:after {
  background: var(--incms-text);
}
/* animations */
.incms-accordion-item .icon__group{
  transition: -webkit-transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out), -webkit-transform 0.3s var(--ease-out);
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.incms-accordion-item .icon__group > * {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 20;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition: stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition-timing-function: var(--ease-out);
}
.incms-accordion-item .icon__group > *:first-child {
  stroke-dashoffset: 10.15;
}
.incms-accordion-item .icon__group > *:last-child {
  stroke-dashoffset: 10.15;
}
.incms-accordion-item.is-open .icon__group {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.incms-accordion-item.is-open .icon__group > *:first-child,.incms-accordion-item.is-open .icon__group *:last-child {
  stroke-dashoffset: 0;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.incms-accordion-item.is-open .incms-accordion-panel > * {
  -webkit-animation: incms-accordion-animation 0.4s var(--ease-out);
  animation: incms-accordion-animation 0.4s var(--ease-out);
}

@-webkit-keyframes incms-accordion-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes incms-accordion-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@media screen and (max-width: 768px) {
  .incms-accordion-item-header h3 {
    --accordion-title-size: var(--accordion-title-mobile-size);
  }
}

.incms-faq1 {
	--accordion-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-faq1_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-faq1_items {
	--accordion-title-size: 20px;
	--accordion-title-mobile-size: 18px;
}

/* -------------------------------- 
Feature 01
TODO: Transparent bg rgb(from var(--color) r g b / var(--opacity))
-------------------------------- */
.incms-feature-box-icon .icon-wrapper{
  display:block;
  position: relative;
  isolation: isolate;
  padding: 1.75em 0;
}
.incms-feature-box-icon .icon-wrapper:has(.fa-hidden) {
  display: none;
}
.incms-feature-box-icon .smart-fa-size {
  position: relative;
  display: inline-block;
}
.incms-feature-box-icon .smart-fa-size:after {
  content: "";
  background: #fff;
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.incms-feature-box-icon {
  text-align: var(--fbox3-alignment);
  background-color: var(--fbox3-bg-color);
}
.incms-feature-box-icon .smart-box-container{
  padding: var(--fbox3-padding-y) var(--fbox3-padding-x);
}
.incms-feature-box-icon .incms-grid {
  display: flex;
  --gap: var(--legacy-grid-gap, 20px);
}
@media screen and (max-width: 768px) {
  .incms-feature-box-icon .incms-grid {
    flex-direction: column;
  }
}
.incms-feature-box-icon .incms-grid > div {
  padding: calc(var(--section-space)/2) calc(var(--section-space)/2);
  border-radius: var(--fbox3-box-radius);
  background-color:  var(--fbox3-box-color);
  display: flex;
  flex-direction: column;
}
.incms-feature-box-icon .incms-grid > div > p{
  margin-bottom:auto;
}
.incms-feature-box-icon .smart-fa-size{
  font-size: var(--fbox3-icon-size);
  color: var(--fbox3-icon-color);
  margin-top: calc((1.75em - var(--fbox3-icon-size))* -1 / 2);
}
.incms-feature-box-icon h3{
  font-size: var(--fbox3-title-size);
}
.incms-feature-box-icon h3:has(+ .rich-text:empty) {
  margin-bottom: 0;
}
.incms-feature-box-icon .incms-grid > div p{
  color: var(--fbox3-text-color);
}
.incms-feature-box-icon h3{
  color: var(--fbox3-title-color, var(--fbox3-text-color));
}
.incms-feature-box-icon .btn-group {
  margin-top: calc(var(--section-space)/2.5);
}
.incms-feature-box-icon .btn-group .incms-btn a {
  padding: 0.625em 1.125em;
  font-size: var(--text-fs);
}
.incms-feature-box-icon .incms-grid{
  text-align: center;
}
.incms-feature-box-icon .incms-grid .btn-group {
  justify-content: center;
}
.incms-feature-box-icon .incms-grid.text-left{
  text-align: left;
}
.incms-feature-box-icon .incms-grid.text-left .btn-group {
  justify-content: start;
}
.incms-feature-box-icon .incms-grid.text-left .smart-fa-size{
  margin-left: calc((1.75em - var(--fbox3-icon-size)) / 2);
}

/**/
[data-colors="custom"].incms-feature-box-icon .incms-btn a{
  background-color: var(--fbox3-btn-color);
  color: var(--fbox3-btntext-color);
}
[data-colors="incms"].incms-feature-box-icon {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature-box-icon .smart-fa-size:after{
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature-box-icon .incms-grid > div:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"].incms-feature-box-icon .smart-fa-size{
  color: var(--incms-accent);
}
[data-colors="incms"].incms-feature-box-icon h3{
  color: var(--incms-text);
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div p{
  color: var(--incms-text);
}

.incms-feature-box-icon {
	--fbox3-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--fbox3-box-color: #FFFFFF;
	--fbox3-icon-color: #039dd8;
	--fbox3-text-color: #081d27;
}

.incms-feature-box-icon_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature-box-icon_icon {
	--grid-cols: 2;
	--fbox3-icon-size: 44px;
	--fbox3-title-size: 20px;
}

/* -------------------------------- 
Feature 02
-------------------------------- */
.feature-img-content{
  background-color: var(--feature-img-content-bg);
}
[data-colors="incms"].feature-img-content.bg-transparent + [data-colors="incms"].feature-img-content.bg-transparent,
[data-colors="custom"].feature-img-content.bg-transparent + [data-colors="custom"].feature-img-content.bg-transparent,
[data-colors="incms"].feature-img-content.bg-05 + [data-colors="incms"].feature-img-content.bg-05,
[data-colors="custom"].feature-img-content.bg-05 + [data-colors="custom"].feature-img-content.bg-05{
  padding-top: 0;
}

.media-wrapper img {
	border: var(--img-border-size, 0) solid var(--img-border-color, transparent);
}

.feature-img-content {
	--feature-img-content-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.feature-img-content-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature-img-content-media {
	--img-border-size: 0px;
}

/* -------------------------------- 
Feature 03
-------------------------------- */
.incms-feature3 {
  text-align: var(--feature3box-alignment);
  background-color: var(--feature3box-bg-color);
}
.incms-feature3 .incms-grid {
  display: flex;
  --gap: var(--legacy-grid-gap);
}
@media screen and (max-width: 768px) {
  .incms-feature3 .incms-grid {
    flex-direction: column;
  }
}
.incms-feature3 .incms-grid > div {
  background-color:  var(--feature3box-color);
  border-radius: var(--feature3box-radius);
  /*overflow: hidden;*/
}
.incms-feature3 .incms-feature3-media{
  max-width: calc(var(--feature3img-maxWidth) * 1%);
}
.incms-feature3 .text-center .incms-feature3-media{
  margin: 0 auto;
}
.incms-feature3 .incms-feature3-content{
  background: var(--feature3box-text-bg);
  padding: calc(var(--section-space)/3) 0;
  border-radius: inherit;
}
.incms-feature3 .incms-grid.text-center .incms-feature3-content {
  padding: calc(var(--section-space)/3);
}
.incms-feature3 .incms-feature3-content p:last-child{
  margin-bottom:0;
}

.incms-feature3 .incms-grid > div p{
  color: var(--feature3box-text-color);
}
.incms-feature3 h3{
  font-size: var(--feature3box-title-size);
  color: var(--feature3box-title-color, var(--feature3box-text-color));
}
.incms-feature3 h3:has(+p:empty) {
  margin-bottom: 0;
}
[data-colors="incms"].incms-feature3 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-feature3 .incms-grid > div {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
a[data-colors="incms"].incms-feature3 .incms-grid > div:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"].incms-feature3 .incms-feature3-content{
  background-color: transparent;
}
[data-colors="incms"][data-theme="classic"].incms-feature3 .smart-fa-size:after{
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature3 .incms-grid > div:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"].incms-feature3 .smart-fa-size{
  color: var(--incms-accent);
}
[data-colors="incms"].incms-feature3 h3{
  color: var(--incms-text);
}
[data-colors="incms"].incms-feature3 .incms-grid > div p{
  color: var(--incms-text);
}


.incms-feature3 {
	--feature3box-bg-color: #FFFFFF;
	--title-color: #000000;
	--text-color: #000000;
	--feature3box-color: rgba(0, 0, 0, 0);
	--feature3box-text-bg: rgba(0, 0, 0, 0);
	--feature3box-text-color: #000000;
}

.incms-feature3_header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature3_box {
	--grid-cols: 3;
	--feature3box-title-size: 20px;
	--feature3img-maxWidth: 100;
}

/* -------------------------------- 
Feature 04
-------------------------------- */
.incms-feature4 {
  background-color: var(--feature4-bg-color);
}
.incms-feature4-header{
  margin-bottom: calc(var(--section-space) / 1.5);
}
.incms-scroller{
  overflow: hidden;
}
.incms-scroller[data-animated="true"]{
  --animation-duration: calc(100s / var(--feature4-speed));
}
.incms-container-fullwidth-content .incms-scroller[data-animated="true"] {
  --animation-duration: calc(100s / var(--feature4-speed) * 2);
}
.view-normal .incms-scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--animation-duration, 10s) var(--animation-direction, forwards) linear infinite;
}
.incms-scroller[data-hover="true"][data-animated="true"]:hover .scroller__inner{
  animation-play-state: paused;
}
.incms-scroller[data-mask="true"][data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%,transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.incms-scroller[data-direction="right"] {
  --animation-direction: reverse;
}
.incms-scroller[data-direction="left"] {
  --animation-direction: forwards;
}
.scroller__inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--legacy-grid-gap);
  justify-content: center;
}
.scroller__inner img {
  height: var(--feature4-image-height);
  display: block;
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - var(--legacy-grid-gap)/2));
  }
}
.view-edit .scroller__inner{
  animation-play-state: paused !important;
}

.incms-feature4 {
	--feature4-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-feature4_header {
	hidden: 1;
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature4_animation {
	--feature4-speed: 5;
	--feature4-image-height: 42px;
	--legacy-grid-gap: 40px;
}

/* -------------------------------- 
FlexBox
-------------------------------- */
.incms-flexbox{
  background-color: var(--custom-flexbox-bg-color); /* VAR */
  padding: var(--flexbox-p-top) var(--flexbox-p-right) var(--flexbox-p-bottom) var(--flexbox-p-left); /* VAR */
  border: var(--flexbox-border-size) var(--flexbox-border-style) var(--flexbox-border-color); /* VAR */
  border-radius: var(--flexbox-radius);
}
/* A radius clips the content to the rounded edge. The radius field is a plain CSS
   variable, so the state is detected from the inline style the CMS writes on this
   element: any real radius value contains "--incms-radius-", "none" does not.
   (Same technique as reading-indicator.json's [style*="scroll-indicator"].) */
.incms-flexbox[style*="--incms-radius-"] {
  overflow: hidden;
}

/* inCMS mode: the surface comes from the palette, not the custom colour field.
   The framework rebinds --incms-background/--incms-text on this element for the
   primary/secondary/accent themes, so this follows the chosen theme automatically. */
.incms-flexbox[data-colors="incms"] {
  background-color: var(--incms-background);
}
/* Normal theme is pinned to the CORE palette so a themed parent section cannot drag
   it. NOTE: no var(--core-x, var(--x)) fallback here on purpose - rebinding a custom
   property to itself is a cycle and would invalidate it. On a framework without the
   core block these become invalid and inherit, which is the old behaviour anyway. */
.incms-flexbox[data-colors="incms"][data-theme="normal"] {
  --incms-background: var(--core-incms-background);
  --incms-text: var(--core-incms-text);
}
.incms-flexbox[data-colors="incms"].incms-flexbox :is(h1,h2,h3,h4,h5,h6,p,li) {
  color: var(--incms-text);
}
.incms-flexbox[data-colors="custom"].incms-flexbox :is(h1,h2,h3,h4,h5,h6) {
  color: var(--headings-color);
}
.incms-flexbox[data-colors="custom"].incms-flexbox :is(p,li) {
  color: var(--text-color);
}
.incms-flexbox[data-colors="custom"].incms-flexbox a {
  color: var(--link-color);
}

.incms-flexbox {
	--custom-flexbox-bg-color: #081d27;
	--headings-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--flexbox-p-top: 20px;
	--flexbox-p-bottom: 20px;
	--flexbox-p-left: 20px;
	--flexbox-p-right: 20px;
	--flexbox-border-size: 1px;
	--flexbox-border-style: none;
	--flexbox-radius: none;
}

/* -------------------------------- 
Footer 01
-------------------------------- */
.incms-footer1 {
  background-color: var(--incms-footer1-bg);
  padding: calc(var(--section-space)/2) 0;
  position:relative;
  isolation: isolate;
}
.footer1-social:empty{display:none}
.incms-footer1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: var(--incms-text,--text-color);
  transition: opacity .2s;
  opacity: 0.1;
}
[data-colors="incms"][data-theme="classic"].incms-footer1:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-copy p {
  margin: 0;
}
.incms-footer1 a {
  background-color: transparent;
}
.incms-copy a + a {
  margin-left: 8px;
}
.footer1-social{
  font-size: var(--icon-size, 20px);
  display:flex;
  align-items: center;
}
.footer1-social a * {
  display: block;
}
.footer1-social a + a {
  margin-left: 12px;
}
.incms-copy p{
  color: var(--text-color);
}
.incms-copy p a,
.footer1-social a{
  color: var(--link-color);
}
.incms-copy p a:hover,
.incms-copy p a:focus,
.footer1-social a:hover,
.footer1-social a:focus {
  color: var(--hover-color);
}
.footer1-social a:hover svg.svg-icon{
  fill: currentColor;
  transform: scale(1.2);
}
.incms-footer1 .incms-creator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.incms-footer1 .incms-creator img{
  height: var(--icon-size);
  width: auto;
  display: block;
}
[data-colors="custom"].incms-footer1 p a:before{
  background: var(--hover-color);
}
[data-colors="incms"].incms-footer1 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-footer1 .incms-copy p,
[data-colors="incms"].incms-footer1 .incms-copy a,
[data-colors="incms"].incms-footer1 .footer1-social a{
  color: var(--incms-text);
}
[data-colors="incms"].incms-footer1 .incms-copy a:hover,
[data-colors="incms"].incms-footer1 .incms-copy a:focus,
[data-colors="incms"].incms-footer1 .footer1-social a:hover,
[data-colors="incms"].incms-footer1 .footer1-social a:focus {
  color: var(--incms-text);
}

@media screen and (max-width: 768px){
  .incms-footer1 {
    padding: calc(var(--section-space)/3) 0;
  }
  .incms-copy{
    margin-bottom:1em;
  }
  .footer1-social{
    justify-content: space-evenly;
  }
}

.incms-footer1 {
	--incms-footer1-bg: #081d27;
	--text-color: #FFFFFF;
	--link-color: #FFFFFF;
	--hover-color: #FFFFFF;
	--icon-size: 20px;
}

/* --------------------------------
Header 01
-------------------------------- */
.incms-header1-logo, .incms-header1-lang {
  display: flex;
}
.incms-header1-lang {
  justify-content: end;
}
.view-normal .header {
  position: relative;
  z-index: 3;
}
.view-normal header.header.header-sticky {
  position: sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.header-fixed {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 99;
}
.incms-header1{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header1-height);
  min-height: var(--header1-height);
  background-color: var(--header1-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header1 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header1 .incms-logo {
  background-color: transparent !important;
}
.incms-header1-logo {
  min-width: min-content;
}
.incms-header1 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  max-height: calc(var(--header1-height) - var(--container-space) * 2);
}
.incms-header1 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header1 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header1 .burger-menu-btn-icon::before,.incms-header1 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header1 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header1 .burger-menu-btn-icon::before, .incms-header1 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header1 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header1 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header1 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header1 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header1 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header1 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header1 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu alignment */
.incms-header1[data-menu="left"] .ym-hlist,
.incms-header1[data-menu="right"] .ym-hlist {
  gap: var(--space-xl);
}

.incms-header1[data-menu="right"] .incms-header1-menu {
  margin-left: auto;
}

.incms-header1[data-menu="left"] .incms-header1-lang,
.incms-header1[data-menu=""] .incms-header1-logo,
.incms-header1[data-menu=""] .incms-header1-lang,
.incms-header1[data-menu="center"] .incms-header1-logo,
.incms-header1[data-menu="center"] .incms-header1-lang{
  flex-basis: 0;
  flex-grow: 1;
}

.incms-header1[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active:hover{
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 768px){
  .incms-header1-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header1 .mobile-menu.burger-active + .incms-header1-menu {
    display: block;
  }
  .incms-header1-menu #topmenu{
    flex-direction: column;
  }
  .incms-header1-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header1-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  /*.incms-header1-menu .ym-hlist > ul > li:hover > a,*/
  .incms-header1-menu .ym-hlist > ul > li > a {
    padding: 10px;
    display: block;
    color: var(--mobile-link-color);
  }
  .incms-header1-menu .ym-hlist > ul > li > a.active,
  .incms-header1-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header1-menu #topmenu {
    display: flex !important;
    padding: 0;
  }
  .incms-header1-lang,
  .incms-header1-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header1-lang .lang-list ul {padding: 0}
.incms-header1-lang .lang-list ul li {margin: 0 !important}

.incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header1-lang .lang-list ul li.active {display: none}
.incms-header1 .mobile-menu{height:100%;}
@media screen and (min-width: 769px){
  .incms-header1 .mobile-menu{display:none;}
}

/* Edit mode fix */
.view-edit .incms-header1 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header1 nav.ym-hlist {position: relative;}
.view-edit .incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang {display: none;}

/* Colors */
[data-colors="incms"].incms-header1{
  background-color: transparent;
}
[data-colors="incms"].incms-header1:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-menu="center"] {}
@media screen and (max-width: 768px){
  [data-colors="incms"] .incms-header1-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}
/* Smart header */
[data-smart="true"].incms-header1.header-fixed{
  height: calc(var(--header1-height) + var(--container-space));
}
[data-smart="true"].incms-header1.header-fixed.active-scroll {
  height: var(--header1-height);
}

.incms-header1-colors {
	--header1-bg: rgba(255, 255, 255, 0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #06aeef;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header1 {
	--header1-height: 65px;
}

/* -------------------------------- 
Header 02
-------------------------------- */
.incms-header2-logo, .incms-header2-lang {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
}
.incms-header2-lang {
  justify-content: end;
}
.incms-header2{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header2-height);
  background-color: var(--header2-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header2 .incms-logo {
  background-color: transparent !important;
}

.incms-header2 .incms-logo img {
  height: 100%;
  display: block;
}
.incms-header2 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header2 .incms-btn{
  transform: none;
}
.incms-header2 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}
.incms-header2-lang .lang-list ul {padding: 0}
.incms-header2-lang .lang-list ul li {margin: 0 !important}
.view-normal #menulangtop,
#menulangtop li.active,
.lang-list ul li.active {display: none}


/* Edit mode fix */
.view-edit .incms-header2 #menulangtop {position: absolute;right: var(--container-space);}

[data-colors="incms"].incms-header2{
  background-color: transparent;
}
[data-colors="incms"].incms-header2:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}

.incms-header2-colors {
	--header2-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
}

.incms-header2 {
	--header2-height: 60px;
}

/* --------------------------------
Header 03
-------------------------------- */
.incms-header3-menu, .incms-header3-right, .incms-header3 .mobile-menu{
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
}
.incms-header3-right {
  justify-content: end;
}
.incms-header3{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header3-height);
  background-color: var(--header3-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header3 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header3 .incms-logo {
  background-color: transparent !important;
}
.incms-header3 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.incms-header3 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header3 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header3 .burger-menu-btn-icon::before,.incms-header3 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header3 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header3 .burger-menu-btn-icon::before, .incms-header3 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header3 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header3 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header3 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header3 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header3 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header3 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header3 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header3 .incms-btn{
  transform: none;
}
.incms-header3 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}

.incms-header3[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header3[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:active,
.incms-header3[data-colors="custom"] .ym-hlist ul li a.active:hover{
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 1279px){
  .incms-header3-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header3 .mobile-menu.burger-active + .incms-header3-menu {
    display: block;
  }
  .incms-header3-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header3-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header3-menu .ym-hlist > ul > li > a,
  .incms-header3-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
    color: var(--mobile-link-color) !important;
  }
  .incms-header3-menu .ym-hlist > ul > li > a.active,
  .incms-header3-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header3-menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
    width: 100%;
  }
  .incms-header3-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header3-lang .lang-list ul {padding: 0}
.incms-header3-lang .lang-list ul li {margin: 0 !important}

.incms-header3-menu:has(#menulangtop:empty) + .incms-header3-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header3-lang .lang-list ul li.active {display: none}
.incms-header3 .mobile-menu{height:100%;}
@media screen and (min-width: 1280px){
  .incms-header3 .mobile-menu{display:none;}
}

/* Edit mode fix */
.view-edit .incms-header3 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header3 nav.ym-hlist {position: relative;}
.view-edit .incms-header3-menu:has(#menulangtop:empty) + .incms-header3-lang,
.view-edit .incms-header3:not(:has(.incms-header3-lang)) #menulangtop {display: none;}



/* Colors */
[data-colors="incms"].incms-header3{
  background-color: transparent;
}
[data-colors="incms"].incms-header3:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-menu="center"] {}
@media screen and (max-width: 768px){
  [data-colors="incms"] .incms-header3-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

.incms-header3-colors {
	--header3-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #039dd8;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header3 {
	--header3-height: 65px;
}

/* --------------------------------
Header 04
-------------------------------- */
/* Globals Start */
.incms-header4 a,
[data-smart="true"].header-fixed {
  transition: all .5s var(--ease-in-out) !important;
}
[data-smart="true"]:not(.state2) {
  box-shadow: none;
}
/* Globals End */
.incms-header4-logo, .incms-header4-lang, .incms-header4-btn {
  display: flex;
}
.incms-header4-lang,
.incms-header4-btn{
  justify-content: end;
}
.view-normal .header {
  position: relative;
  z-index: 3;
}
.incms-header4{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  /*backdrop-filter: blur(15px);*/
  isolation: isolate;
}
.incms-header4.state1:has(.incms-container-fullwidth) {
  padding-top: calc(var(--container-space)* 2);
  padding-bottom: calc(var(--container-space)* 2);
}

.incms-header4.state1{
  min-height: var(--header4-height-state1);
  background-color: var(--header4-bg-state1);
}
.incms-header4.state2{
  min-height: var(--header4-height-state2);
  background-color: var(--header4-bg-state2);
}
.incms-header4.state1 .incms-logo {
  height: calc(var(--header4-height-state1) - var(--container-space)* 2);
}
.incms-header4.state2 .incms-logo {
  height: calc(var(--header4-height-state2) - var(--container-space)* 2);
}
.incms-header4.state2 .logo1,
.incms-header4.state1 .logo2{
  display: none;
}
.incms-header4 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header4 .incms-logo {
  background-color: transparent !important;
}
.incms-header4 .incms-logo img {
  max-width: auto;
  height: 100%;
  display: block;
}
.incms-header4 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header4 .burger-menu-btn-icon {
  color: inherit;
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header4 .burger-menu-btn-icon::before,
.incms-header4 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header4 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header4 .burger-menu-btn-icon::before,
.incms-header4 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header4 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header4 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header4 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header4 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header4 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header4 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header4 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu alignment */
.incms-header4[data-menu="left"] .ym-hlist,
.incms-header4[data-menu="right"] .ym-hlist {
  gap: var(--space-xl);
}

.incms-header4[data-menu="right"] .incms-header4-menu {
  margin-left: auto;
}

.incms-header4[data-menu="left"] .incms-header4-lang,
.incms-header4[data-menu="left"] .incms-header4-btn,
.incms-header4[data-menu=""] .incms-header4-logo,
.incms-header4[data-menu=""] .incms-header4-lang,
.incms-header4[data-menu=""] .incms-header4-btn,
.incms-header4[data-menu="center"] .incms-header4-logo,
.incms-header4[data-menu="center"] .incms-header4-lang,
.incms-header4[data-menu="center"] .incms-header4-btn {
  flex-basis: 0;
  flex-grow: 1;
}
.incms-header4.state1 .ym-hlist ul li a {
  color: var(--desktop-link-color-state1);
}
.incms-header4.state1 .ym-hlist ul li a.active,
.incms-header4.state1 .ym-hlist ul li a:focus,
.incms-header4.state1 .ym-hlist ul li a:hover,
.incms-header4.state1 .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color-state1);
}
.incms-header4.state2 .ym-hlist ul li a {
  color: var(--desktop-link-color-state2);
}
.incms-header4.state2 .ym-hlist ul li a.active,
.incms-header4.state2 .ym-hlist ul li a:focus,
.incms-header4.state2 .ym-hlist ul li a:hover,
.incms-header4.state2 .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color-state2);
}
header .incms-header4.bg-transparent, header .incms-header4.bg-transparent:before {
  background-color: transparent;
  backdrop-filter: none;
}

.incms-header4 .incms-btn{
  transform: none;
}
.incms-header4 .incms-btn a {
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
  white-space: nowrap;
}
@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 768px){
  .incms-header4-menu{
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header4 .mobile-menu.burger-active + .incms-header4-menu {
    display: block;
  }
  .incms-header4-menu #topmenu{
    flex-direction: column;
  }
  .incms-header4-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header4-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header4-menu .ym-hlist > ul > li > a,
  .incms-header4-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
  }
  .incms-header4-menu #topmenu {
    display: flex !important;
    padding: 0;
  }
  .incms-header4-lang,
  .incms-header4-btn,
  .incms-header4-menu #nav-trigger {
    display: none !important;
  }
  .state1 .incms-header4-menu{
    background: var(--mobile-menu-bg-state1);
  }
  .state1 .incms-header4-menu .ym-hlist > ul > li > a,
  .state1 .incms-header4-menu .ym-hlist > ul > li:hover > a{
    color: var(--mobile-link-color-state1);
  }
  .state1 .incms-header4-menu .ym-hlist > ul > li > a.active,
  .state1 .incms-header4-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color-state1);
  }
  .state2 .incms-header4-menu{
    background: var(--mobile-menu-bg-state2);
  }
  .state2 .incms-header4-menu .ym-hlist > ul > li > a,
  .state2 .incms-header4-menu .ym-hlist > ul > li:hover > a{
    color: var(--mobile-link-color-state2);
  }
  .state2 .incms-header4-menu .ym-hlist > ul > li > a.active,
  .state2 .incms-header4-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color-state2);
  }
}

.incms-header4-lang .lang-list ul {padding: 0}
.incms-header4-lang .lang-list ul li {margin: 0 !important}

.incms-header4-menu:has(#menulangtop:empty) + .incms-header4-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header4-lang .lang-list ul li.active {display: none}
.incms-header4 .mobile-menu{height:100%;}
@media screen and (min-width: 769px){
  .incms-header4 .mobile-menu{display:none;}
}

/* Colors */
.incms-header4.state1 .burger-menu-btn-icon {
  background-image: linear-gradient(var(--desktop-link-color-state1), var(--desktop-link-color-state1));
}
.incms-header4.state2 .burger-menu-btn-icon {
  background-image: linear-gradient(var(--desktop-link-color-state2), var(--desktop-link-color-state2));
}

#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

/* Edit mode fix */
.view-edit .incms-header4 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header4 nav.ym-hlist {position: relative;}
.view-edit .incms-header4-menu:has(#menulangtop:empty) + .incms-header4-lang {display: none;}
.view-edit .incms-header4:has(.incms-header4-btn) #menulangtop {
  display: none;
}


.incms-header4-state1 {
	--header4-height-state1: 65px;
	--header4-bg-state1: rgba(255,255,255,0);
	--desktop-link-color-state1: #FFFFFF;
	--desktop-link-active-color-state1: #039dd8;
	--mobile-menu-bg-state1: #039dd8;
	--mobile-link-color-state1: #FFFFFF;
	--mobile-link-active-color-state1: #FFFFFF;
}

.incms-header4-state2 {
	--header4-height-state2: 60px;
	--header4-bg-state2: #FFFFFF;
	--desktop-link-color-state2: #081d27;
	--desktop-link-active-color-state2: #06aeef;
	--mobile-menu-bg-state2: #039dd8;
	--mobile-link-color-state2: #FFFFFF;
	--mobile-link-active-color-state2: #FFFFFF;
}

/* --------------------------------
Header 05
-------------------------------- */
.incms-header5-left, .incms-header5-right{
  display: none;
}
[data-menu="aside"] .incms-header5-right {
  justify-content: end;
}
[data-menu="center"] .incms-header5-left {
  justify-content: end;
}
.incms-header5{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header5-height);
  background-color: var(--header5-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header5 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-xl);
}
.incms-header5 .incms-logo {
  background-color: transparent !important;
}
.incms-header5 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.incms-header5 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header5 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header5 .burger-menu-btn-icon::before,.incms-header5 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header5 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header5 .burger-menu-btn-icon::before, .incms-header5 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header5 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header5 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header5 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header5 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header5 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header5 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header5 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header5 .incms-btn{
  transform: none;
}
.incms-header5 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}

.incms-header5[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header5[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 1279px){
  .incms-header5-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header5 .mobile-menu.burger-active + .incms-header5-menu {
    display: block;
  }
  .incms-header5-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header5-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header5-menu .ym-hlist > ul > li > a,
  .incms-header5-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
    color: var(--mobile-link-color) !important;
  }
  .incms-header5-menu .ym-hlist > ul > li > a.active,
  .incms-header5-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header5-menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
    width: 100%;
  }
  .incms-header5-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header5 .mobile-menu{height:100%;}

@media screen and (min-width: 1280px){
  .incms-header5 .incms-header5-menu,
  .incms-header5 .mobile-menu{display:none;}
  .incms-header5-left, .incms-header5-right{
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
  }
}

/* Colors */
[data-colors="incms"].incms-header5{
  background-color: transparent;
}
[data-colors="incms"].incms-header5:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}

@media screen and (max-width: 1279px){
  [data-colors="incms"] .incms-header5-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

/* Edit mode fix */
.view-edit .incms-header5 nav.ym-hlist {position: relative;}

.view-edit .incms-header5-left:empty:before,
.view-edit .incms-header5-right:empty:before {
    content: "";
    display: block;
    width: 80px;
    height: 12px;
    border-radius: 30px;
    background: #777;
}

.view-edit [data-menu="aside"] .incms-header5-left:empty:before,
.view-edit [data-menu="center"] .incms-header5-right:empty:before{
    box-shadow: 100px 0 #777,200px 0 #777;
}
.view-edit [data-menu="center"] .incms-header5-left:empty:before,
.view-edit [data-menu="aside"] .incms-header5-right:empty:before {
    margin-left: auto;
    box-shadow: -100px 0 #777,-200px 0 #777;
}


.info-header5 {
	cls: header5;
	iconCls: fa fa-exclamation-triangle;
	style: background: #ffde92;;
}

.incms-header5-colors {
	--header5-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #039dd8;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header5 {
	--header5-height: 60px;
}

/* -------------------------------- 
Heading
-------------------------------- */
.custom-width header.text-center {
  margin: 0 auto;
}
@media screen and (min-width: 769px){
  [data-header-layout="horizontal"] header{
    display: flex;
    gap: calc(var(--legacy-grid-gap) * 1.5)
  }
  [data-header-layout="horizontal"] header > * {
    flex: 1;
  }
  [data-header-layout="horizontal"] header > div {
    flex: 0 0 70%;
  }
  [data-header-layout="horizontal"] header.text-center {
    text-align: left;
  }
}

.incms-custom-heading {
	--section-header-width: 100;
	--title-size: 40px;
	--title-mobile-size: 30px;
}

/* -------------------------------- 
Hero 01
-------------------------------- */
.incms-hero1 {
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: calc(var(--section-space-top) * 2);
  padding-bottom: calc(var(--section-space-bottom) * 2);
  --incms-scroll-to-color: var(--text-color);
  isolation: isolate;
}
.incms-hero1.custom-height{
  display: flex;
  align-items: center;
  min-height: var(--custom-height);
}
.incms-hero1.fullheight{
  display: flex;
  align-items: center;
}
.incms-section-overlay,
.incms-hero1-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.incms-section-overlay + .incms-container {
  /*position: relative;*/
}
.custom-width header{
  max-width: var(--custom-width);
  margin: 0;
}
.text-center .custom-width header {
  margin: 0 auto;
}
body.view-normal:has(.header-fixed) .incms-hero1.fullheight {
  min-height: 100svh !important;
}
.incms-hero1 [data-slabel]::before {
  --incms-text: var(--text-color);
}
.incms-hero1 h1:empty,
.incms-hero1 p:empty,
.incms-hero1 .p:empty{
  display: none;
}
.incms-hero1 h1{
  font-size: var(--title-size);
  color: var(--title-color);
  margin-bottom: 0.618em;
}
.incms-hero1 p{
  color: var(--text-color);
  margin-bottom: 0.618em;
}
.incms-hero1 .incms-btn.incms-btn-outline a {
  color: var(--text-color);
}
@media screen and (max-width: 768px) {
  .incms-hero1 h1{
    font-size: var(--title-mobile-size);
  }
}
.view-edit .incms-hero1.fullheight {
  min-height: 100svh;
}
.incms-hero1 .incms-scroll-to{
  position: absolute;
  bottom: calc(var(--section-space) - var(--scroll-to-height)/2);
}
.incms-hero1 .incms-scroll-to + a[name] {
  position: absolute;
  top: auto;
  bottom: var(--incms-anchor-correction, 0);
}
.incms-hero1.text-center .incms-scroll-to {
  left: calc(50% - var(--scroll-to-width) / 2);
  /* left: calc(50% + var(--website-width)/2 - var(--scroll-to-width) - var(--container-space)); */
}
/* Parallax Animation */
.incms-parallax.parallax-animation {
  background-size: cover;
  background-position: center calc(50% + var(--parallax-distance, 0px));
}
.incms-parallax.parallax-animation:before {
  display: none;
}
/* VIDEO */
video.incms-hero1-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px){
  .incms-hero1:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top) * 2) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero1 {
    padding-top: calc(var(--section-space-top-m) * 2);
    padding-bottom: calc(var(--section-space-bottom-m) * 2);
  }
  .incms-hero1:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m) * 2) !important;
  }
}

.incms-hero1 {
	--custom-width: 900px;
	--custom-height: 700px;
	background-image: url(https://www.hcbueetigen.ch/incms_files/filebrowser/cache/abstract_placeholder_image_9e5befb27cd1990fc46991e80f84f808.jpg);
	background-color: #004863;
}

.incms-hero1-title {
	--title-color: #FFFFFF;
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.incms-hero1-text {
	--text-color: #FFFFFF;
}

/* -------------------------------- 
Hero 02
-------------------------------- */
.incms-hero2{
  min-height: 500px;
  background-color: var(--incms-hero2-bg);
  padding: 0;
}
.incms-hero2:first-of-type{
  padding-top: var(--incms-hero-correction) !important;
}
[data-layout="content-image"].incms-hero2 .side-image{
  right: 0;
}
[data-layout="content-image"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
[data-layout="image-content"].incms-hero2 .side-image{
  left: 0;
}
[data-layout="image-content"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
.incms-hero2 .incms-container-fullwidth {
  margin-right: 0;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .incms-hero2 .side-image {
    position: absolute;
    width: 50%;top: 0;
  }
  .incms-hero2 .inner-container{
    width: 50%;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) var(--section-space) calc(var(--section-space) * 2) 0;
  }
  [data-layout="image-content"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) 0 calc(var(--section-space) * 2) var(--section-space);
    margin-left:auto;
  }
  /* Hero 2 Shapes */
  .incms-hero2 [data-shape^="tilt"] {
    --shape-size:var(--hero-shape-size);
  }
  [data-layout="content-image"].incms-hero2 [data-shape="tilt-tr-bottom"] {
    clip-path: polygon(var(--shape-size) 0, 100% 0, 100% 100%, 0 100%);
  }

  [data-layout="content-image"].incms-hero2 [data-shape="tilt-br-top"] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--shape-size) 100%);
  }
}
@media screen and (max-width: 768px) {
  .incms-hero2{
    flex-direction: column;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    /*text-align: center;*/
  }
  section.section.incms-hero2 {
    padding-top: 0;
    padding-bottom: 0;
  }
  body:has(.header_wrap .incms-header4) #main .incms-hero2 {
    padding-top: 0 !important;
  }
  .incms-hero2 .side-image {
    aspect-ratio: 4/3;
  }
  .incms-hero2 [data-shape^="tilt"]{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--hero-shape-size)));
    margin-bottom: calc(-0.5*var(--section-space-m));
  }
}

.incms-hero2 {
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero2-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

/* -------------------------------- 
Hero 03
-------------------------------- */
.incms-hero3{
  min-height: 500px;
  background-color: var(--incms-hero3-bg);
  position:relative;
  isolation: isolate;
  background-size: cover;
}
@media screen and (min-width: 769px){
  .incms-hero3:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
  .incms-hero3[style*="--section-space-bottom: 0px"] .col-auto {
    padding-bottom: var(--section-space-top);
  }
}
@media screen and (max-width: 768px){
  .incms-hero3:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}
@media screen and (min-width: 769px){
  
}


.incms-hero3 {
	--incms-hero3-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero3-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.incms-hero3-media {
	--border-radius: var(--incms-radius-md);
}

/* -------------------------------- 
Hero 04
-------------------------------- */
.incms-hero4{
  background-color: var(--incms-hero4-bg);
}
.incms-hero4 .incms-container-fullwidth{
  padding: 0;
}
.incms-video{
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  z-index: 0;
}

.incms-hero4 .incms-container-fullwidth .inner-container{
  padding: 0 var(--container-space) var(--section-space-m) var(--container-space);
}

@media screen and (min-width: 769px) {
  .incms-hero4 .incms-container-fullwidth .inner-container{
    padding: var(--section-space) var(--container-space) var(--section-space) 0;
    /*max-width: calc(var(--website-width)/2 + var(--gap)/2);*/
  }
  .incms-hero4 .incms-container-fullwidth .flex-revert .inner-container {
    padding: var(--section-space) 0 var(--section-space) var(--container-space);
    margin-left: auto;
  }
}

.view-edit .incms-video:before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--title-color, var(--incms-text));
}
.view-edit .incms-video:before,
.view-edit [data-colors="incms"] .incms-video:before {
  background: var(--incms-text);
}
.view-edit .incms-video:after {
  content: "\f04b";
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--incms-background);
  font-size: 128px;
}

@media screen and (min-width: 769px){
  .incms-hero4:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero4:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}
.incms-hero4:has(.incms-container-fullwidth) {
  padding: 0 !important;
}

.incms-hero4 {
	--incms-hero4-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero4-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

/* -------------------------------- 
Hero 05
-------------------------------- */
.incms-hero5{
  background-color: var(--incms-hero5-bg);
}
.incms-hero5 .incms-grid{
  --gap: var(--space-xl)
}
.incms-hero5[style*="--section-space-bottom: 0px"] .flex-column-reverse-desktop figure.media-wrapper img {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media screen and (min-width: 769px){
  .incms-hero5 .incms-grid{
    --gap: calc(var(--space-xl) * 2)
  }
  .incms-hero5:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero5-media {
    margin: 0 calc(var(--container-space) * -1);
    --border-radius: 0 !important;
    aspect-ratio: auto;
  }
  .incms-hero5{
    padding-top: 0;
  }
  .incms-hero5:first-of-type {
    padding-top: var(--incms-hero-correction, 0px) !important;
  }
  .incms-hero5:has(.flex-reverse-mobile):first-of-type {
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
  .incms-hero5:has(.flex-column-reverse-desktop.flex-reverse-mobile-none):first-of-type {
    padding-bottom: var(--section-space-top-m) !important;
  }
  
}


.incms-hero5 {
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-hero5-header {
	--section-header-width: 85;
	--title-size: 56px;
	--title-mobile-size: 32px;
}

.incms-hero5-media {
	--border-radius: var(--incms-radius-md);
}

/* -------------------------------- 
Hero 06
-------------------------------- */
.incms-hero6{
  width: 100%;
  height: calc(100vh - var(--incms-header-height, 0px));
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
.incms-hero6[data-layout="compact"]{
  --incms-header-height: calc(var(--container-space)* 2);
}
.view-normal:has(.header .header-fixed) .incms-hero6{
  height: 100vh;
}
.incms-hero6 .responsive_image {
  margin: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.incms-hero6 .responsive_image--img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  opacity: 0;
  transition: opacity 0.2s var(--ease-in-out),transform .8s var(--ease-in-out) 0.2s;
}
.incms-hero6.loaded .responsive_image--img {
  transform: scale(1);
  opacity: 1;
}
.incms-hero6 .responsive_image:after {
  content:'';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #fff;
  border-top-width:0;
  transition: all .6s var(--ease-in-out) 0.2s;
  box-sizing: border-box;
}
.incms-hero6.loaded .responsive_image:after {
  border-width: 0 var(--container-space, 0) var(--container-space, 0);
  border-top-width:0;
}
.view-normal:has(.header .header-fixed) .incms-hero6.loaded .responsive_image:after{
  border-top-width: var(--incms-header-height, 0);
}
.incms-hero6 .incms-section-overlay{
  z-index: 0;
}
.incms-hero6 .incms-hero6-content {
  position: absolute;
  inset: 0;
  display:flex;
  align-items:end;
  padding: var(--container-space, 0);
  /*transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;*/
}
.incms-hero6 .inner-container.content-overlay:before {
  content: '';
  position: absolute;
  background-color: var(--hero6-content-overlay-color);
  mix-blend-mode: var(--hero6-content-overlay-blendmode);
  inset: 0;
  display: block;
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
  z-index: 0;
  backdrop-filter: blur(5px);
}
.incms-hero6 .inner-container {
  position: relative;
  overflow: hidden;
  transition: all .6s var(--ease-in-out) 0.2s;
  padding: calc(var(--container-space, 0)* 2);
}

.incms-hero6 .inner-container header {
  display: block;
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
}
.view-normal .incms-hero6 .inner-container .btn-group {
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
}
.incms-hero6 .incms-btn-outline a{
  color: var(--title-color);
}
.view-edit .incms-hero6 .inner-container header, .incms-hero6.loaded .inner-container header, .incms-hero6.loaded .inner-container .btn-group {
  transform: translateY(0);
  opacity: 1;
}
.incms-hero6.loaded .inner-container:before{
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 769px){
  .incms-hero6 .inner-container {
    padding: var(--incms-header-height, var(--section-space));
    max-width: 1000px;
  }
  .incms-hero6[data-layout="compact"] .inner-container {
    margin: var(--incms-header-height);
    padding: var(--section-space-md);
  }
  .incms-hero6 .incms-hero6-content{
    padding: var(--incms-header-height);
  }
  .view-normal:has(.incms-hero6:first-of-type) [class^="incms-header"] .incms-container-fullwidth {
    padding: 0 var(--incms-header-height);
  }
  .view-normal:has(.incms-hero6[data-layout="compact"]:first-of-type) [class^="incms-header"] .incms-container-fullwidth {
    padding: 0 calc(var(--container-space)* 2);
  }
  .incms-hero6.loaded .responsive_image:after {
    border-width: 0 var(--incms-header-height, 0) var(--incms-header-height, 0);
  }
}

@media screen and (max-width: 1440px){
  .incms-hero6[data-layout="compact"] .incms-hero6-content{
    padding: 0;
  }
  .incms-hero6[data-layout="compact"].loaded .responsive_image:after{
    border:0;
  }
}

@media screen and (max-width: 1279px){
  .view-normal:has(.incms-hero6) [class^="incms-header5"] .incms-container-fullwidth {
    padding: 0 var(--container-space);
  }
  .view-normal:has(.header .incms-header5) .incms-hero6.loaded .responsive_image:after {
    border-width: 0 var(--container-space, 0) var(--container-space, 0);
  }
}

.view-normal:has(.incms-hero6:first-of-type) [class^="incms-header"] {
  /*transform: translateY(-20px);*/
  transition: all .4s var(--ease-in-out) 1.2s;
  opacity: 0;
}
.view-normal:has(.incms-hero6.loaded:first-of-type) [class^="incms-header"] {
  opacity: 1;
  transition: opacity .4s var(--ease-in-out) 1.2s, padding .4s var(--ease-in-out) 0s, min-height .4s var(--ease-in-out) 0s !important;
  /*transform: translateY(0%)*/
}
.view-edit .incms-hero6{
  min-height: 768px;
}
.view-edit .incms-hero6 .responsive_image--img {
  transform: scale(1);
  opacity: 1;
}
.view-edit .incms-hero6 .inner-container:before{
  opacity:1;
  transform:none;
}

.incms-hero6-header {
	--title-size: 60px;
	--title-mobile-size: 40px;
}

/* -------------------------------- 
Hero 03
-------------------------------- */
.incms-hero7{
  min-height: 500px;
  background-color: var(--incms-hero7-bg);
  --imggap: calc(var(--legacy-grid-gap) - 4px);
}
.incms-img-grid {
  display: flex;
  gap: var(--imggap);
  box-sizing: border-box;
  max-width: 700px;
  margin: 0 auto;
}
.incms-img-grid .img-box img {
  max-width: 100%;
  border: var(--border-width) solid var(--border-color);
  display: block;
  animation: .7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0s 1 imgScale;
  transform: scale(.5);
  opacity:0;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  width: 100%;
}
.group1 {
  width: 52%;
  gap: var(--imggap);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.group2 {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--imggap);
}
.incms-img-grid .img-box.img-box-1 {
  max-width: 58%;
}
.incms-img-grid .img-box.img-box-3 {
  max-width: 46%;
}
.incms-img-grid .img-box.img-box-4 {
  max-width: 100%;
}
.incms-img-grid .img-box.img-box-5 {
  max-width: 73%;
}
.img-box.img-box-1 img {animation-delay: .1s;}
.img-box.img-box-2 img {animation-delay: .2s;}
.img-box.img-box-3 img {animation-delay: .3s;}
.img-box.img-box-4 img {animation-delay: .4s;}
.img-box.img-box-5 img {animation-delay: .5s;}
@keyframes imgScale {
  0% {
    transform: scale(.5);
    opacity:0;

  }
  100% {
    transform: scale(1);
    opacity:1;
  }
}
@media screen and (min-width: 769px){
  .incms-hero7:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero7:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.incms-hero7 {
	--incms-hero7-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero7-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.incms-hero7-media {
	--border-radius: var(--incms-radius-md);
	--border-width: 4px;
	--border-color: rgba(255, 255, 255, 0.1);
}

/* -------------------------------- 
Image
-------------------------------- */
.media-single-image {
  max-width: var(--img-max-width, 100%);
}
.media-single-image[style]:not([style*="--img-max-width"]),
.media-single-image[style*="--img-max-width: 0px"] {
  max-width: 100%;
}
.media-single-image[data-align="center"]{
  margin: 0 auto;
}
.media-single-image[data-align="right"]{
  margin-left: auto;
}
.media-single-image a {
    position: absolute;
    inset: 0;
}

.media-single-image {
	--img-max-width: 0px;
	--border-radius: var(--incms-radius-sm);
}

/* -------------------------------- 
News Hero 01
-------------------------------- */
.incms-post-hero1{
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
}
[data-colors="incms"].incms-post-hero1 .incms-author_label{
  color: var(--incms-text);
}
[data-colors="custom"].incms-post-hero1{
  background-color: var(--incms-post-hero1-bg);
}
[data-colors="custom"].incms-post-hero1 .incms-author_label{
  color: var(--text-color);
}
[data-colors="custom"].incms-post-hero1 a{
  color: var(--link-color);
  background-color: transparent;
}

@media screen and (max-width: 768px){
  .incms-post-hero1:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.incms-post-hero1 {
	--incms-post-hero1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-post-hero1-header {
	--section-header-width: 85;
	--title-size: 40px;
	--title-mobile-size: 30px;
}

.incms-post-hero1-media {
	--border-radius: var(--incms-radius-md);
}

.smartPaddings {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* -------------------------------- 
Page Title 01
-------------------------------- */
.incms-page-title1{
  background-size: cover;
  background-position: center;
  background-color: var(--incms-page-title1-bg);
  /*padding:0;*/
  isolation: isolate;
  --section-space-top: var(--section-space-sm);
  --section-space-bottom: var(--section-space-sm);
}
.incms-page-title1:first-child{
  /*padding-top: var(--incms-hero-correction) !important;*/
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
}
.incms-page-title1 h1 {
  margin-bottom: 0;
}
.incms-page-title1 header > div{
  flex-grow: 1;
  align-self: var(--valign);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.incms-page-title1 header{
  display: flex;
  min-height: var(--page-title1-min-height);
}
.incms-page-title1.content-reverse header > div{
  flex-direction: column-reverse;
}
.incms-page-title1 header p {
  color: var(--title-color);
}
[data-colors="custom"] .breadcrumbs-list a{
  color: var(--link-color);
}
/* Edit Mode Fix */
.view-edit .breadcrumbs-list > *{display: inline;}
.view-edit .breadcrumbs-list:before {
  line-height: 1.5em;
  color: var(--incms-primary);
  content: 'Home';
}
.view-edit .breadcrumbs-list:after {
  line-height: 1.5em;
  color: var(--title-color);
  content: ' / Page Title';
}
html[lang="de"] .view-edit .breadcrumbs-list:after {
  content: ' / Seite Titel';
}
.view-edit section[data-colors="incms"] .breadcrumbs-list:after {
  color: var(--incms-text);
}
.view-edit section[data-colors="custom"] .breadcrumbs-list:before{
  color: var(--link-color);
}

.incms-page-title1 {
	--incms-page-title1-bg: #081d27;
	--title-color: #FFFFFF;
	--link-color: #01afef;
	--page-title1-min-height: 0px;
}

.incms-page-title1-title {
	--title-size: 38px;
	--title-mobile-size: 28px;
	--valign: flex-start;
}

/* --------------------------------
Pre-Header 01
-------------------------------- */
.incms-pre-header1{
  padding-top: calc(var(--container-space)/2);
  padding-bottom: calc(var(--container-space)/2);
  background-color: var(--incms-preheader-bg);
  font-size: 0.875em;
}
.incms-pre-header1.hidden{
  display:none;
}
.incms-pre-header1 p{
    margin-bottom: 0;
}
.incms-pre-header1[data-colors="incms"] p{
  color: var(--incms-text);
}
.incms-pre-header1[data-colors="custom"] p{
  color: var(--text-color);
}
.incms-pre-header1[data-colors="custom"] a{
  color: var(--text-link-color);
  background-color: transparent;
}
.incms-pre-header1-button {
  position: absolute;
  background: transparent;
  border: none;
  right: var(--container-space);
  top: calc(50% - 8px);
  opacity: 0.85;
  transition: 0.2s;
  cursor: pointer;
}
[data-colors="incms"] .incms-pre-header1-button {
  color: var(--incms-text);
}
[data-colors="custom"] .incms-pre-header1-button {
  color: var(--text-color);
}
.incms-container.fullwidth .incms-pre-header1-button {
  right: 10px;
}
.incms-pre-header1-button svg {
  width: 14px;
  height: 14px;
  display: block;
  pointer-events: none;
}
.incms-pre-header1-button:hover {
  opacity: 1;
  transform: scale(1.1);
}

.incms-pre-header1 {
	--incms-preheader-bg: #081d27;
	--text-color: #FFFFFF;
	--text-link-color: #FFFFFF;
}

/* --------------------------------
Pre-Header 02
-------------------------------- */
.incms-pre-header2{
  padding-top: calc(var(--container-space)/2);
  padding-bottom: calc(var(--container-space)/2);
  background-color: var(--incms-preheader-bg);
}
.incms-pre-header2 .incms-container.fullwidth{
  padding: 0 var(--container-space);
}

.incms-pre-header2 p{
  font-size: 0.875em;
  margin-bottom: 0;
}
.incms-pre-header2 .social_btns {
  gap: 7px;
}
.incms-pre-header2[data-colors="incms"] p,
.incms-pre-header2[data-colors="incms"] .social_btn,
.incms-pre-header2[data-colors="incms"] .social_btn {
  color: var(--incms-text);
}
.incms-pre-header2[data-colors="incms"] .social_btn:hover,
.incms-pre-header2[data-colors="incms"] .social_btn:focus {
  color: var(--incms-primary);
}
.incms-pre-header2[data-colors="incms"] .social_btn:hover .svg-icon,
.incms-pre-header2[data-colors="incms"] .social_btn:focus .svg-icon {
  fill: currentColor;
}
.incms-pre-header2[data-colors="custom"] .social_btn:hover .svg-icon,
.incms-pre-header2[data-colors="custom"] .social_btn:focus .svg-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.incms-pre-header2[data-colors="custom"] p{
  color: var(--text-color);
}
.incms-pre-header2[data-colors="custom"] a{
  color: var(--text-link-color);
  background-color: transparent;
}
.incms-pre-header2 .lang-list a {
  font-size: .9em;
  background-color: transparent;
}
.lang-list.js-incms-pre-header2-lang ul li a {
  aspect-ratio: auto !important;
  padding: 0 !important;
}
.incms-pre-header2[data-colors="incms"] .lang-list a {
  color: var(--incms-text);
}
.incms-pre-header2[data-colors="incms"] .lang-list a:hover {
  color: var(--incms-primary);
}
[data-colors="incms"][data-theme="primary"] .lang-list a:hover,
[data-colors="incms"][data-theme="primary"] .social_btn:hover,
[data-colors="incms"][data-theme="primary"] .social_btn:focus {
  color: var(--incms-accent);
}
.incms-pre-header2[data-colors="custom"] .lang-list a {
  color: var(--text-link-color);
}

.view-edit .incms-pre-header2 .lang-list:before {
  display: block;
  content: "\f0ac";
  font-family: 'FontAwesome5', 'FontAwesome' !important;
  transform: scale(1.2);
  color: var(--incms-text);
}


.incms-pre-header2 {
	--incms-preheader-bg: #081d27;
	--text-color: #FFFFFF;
	--text-link-color: #FFFFFF;
	--icon-color: #FFFFFF;
}

.incms-pricelist + .incms-pricelist .incms-pricelist_header {
  margin-top: 1.618em;
  /* padding-top: calc(var(--section-space) / 2.5); */
  /* border-top: 1px solid rgb(from var(--incms-text) r g b / .15); */
}
.incms-pricelist_header{
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.618em;
  font-size: var(--title-size);
  line-height: normal;
}
.incms-pricelist_dots {
  content: "";
  display: block;
  flex: 1;
  mask-position: left center;
  mask-repeat: repeat-x;
  mask-size: 7px 2px;
  margin: 0 15px;
  background-color: var(--incms-text);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 2'%3E%3Crect width='1.5' height='1.5' y='0' fill='%23fff' rx='0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 2'%3E%3Crect width='1.5' height='1.5' y='0' fill='%23fff' rx='0'/%3E%3C/svg%3E");
  min-width: 50px;
}

@media screen and (max-width: 768px) {
  .incms-pricelist_header{
    --title-size: var(--title-mobile-size);
  }
}

.incms-pricelist {
	--title-size: 24px;
	--title-mobile-size: 20px;
}

.view-normal[style*="scroll-indicator"] header.header:before,
.view-normal[style*="scroll-indicator"] header.header:after{
  content: '';
  position: fixed;
  top: 0;
  bottom: auto;
  height: 4px;
  display: block;
  z-index: 2;
}
.view-normal[style*="scroll-indicator"] header.header:before{
  width: 100%;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.view-normal[style*="scroll-indicator"] header.header:after {
  background: var(--incms-indicator-color,var(--incms-primary));
  width: var(--scroll-indicator);
  z-index: 999;
}
.view-normal[style*="scroll-indicator"] header.header.header-sticky:before,
.view-normal[style*="scroll-indicator"] header.header.header-sticky:after,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:before,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:after{
  position: absolute;
  top: auto;
  bottom: -4px;
}
.view-normal[style*="scroll-indicator"] header.header.header-sticky:before,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:before{
  z-index: -1;
}

/* -------------------------------- 
Share 01
-------------------------------- */
.incms-share1 {
  padding-top: var(--share-space);
  padding-bottom: var(--share-space);
  position: relative;
}

.incms-share-wrapper {
  display: flex;
  justify-content: var(--share-alignment, center);
  align-items: center;
}
.incms-share-wrapper header{
  width: auto;
  margin:0;
  padding: 0 var(--container-space);
}
.incms-share1 .sharebar {
  display: flex;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 0 var(--container-space);
}
.incms-share1 .sharebar li {
  margin: 0;
}
a.incms-share-btn {
  --size: calc(var(--icon-size) * 2);
  width: var(--size);
  height: var(--size);
  display: flex;
  transition: 0.2s;
  background-color: var(--incms-text);
  color: var(--incms-background);
}
[data-variant="circle"] a.incms-share-btn {
  border-radius: 50%;
}
[data-variant="normal"] a.incms-share-btn {
  background-color: transparent;
  color: var(--incms-text);
}
.sharebar a.incms-share-btn svg {
  display: block;
  margin: auto;
  color: var(--color-contrast-high);
  transition: color 0.2s;
  width: var(--icon-size);
}
.incms-share1 header > *{
  font-size: var(--title-size);
  color: var(--incms-text);
  margin: 0;
}
.incms-share1:before,
.incms-share1:after {
  width: 100%;
}
.incms-share-wrapper:before,
.incms-share-wrapper:after {
  content: '';
  width: calc(var(--website-width) - var(--container-space)*4);  
  max-width: calc(var(--website-width) - var(--container-space)*2);
  height: 1px;
  position: absolute;
  background: var(--incms-text);
  opacity: 0.15;
}
.incms-share-wrapper:before {
  top: 0;
}
.incms-share-wrapper:after {
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .incms-share1 header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
  }
  .incms-share-wrapper {
    gap: 15px;
  }
}
[data-colors="custom"] a.incms-share-btn {
  background-color: var(--link-color);
  color: var(--text-color);
}
[data-colors="custom"] .incms-share1 header > *{
  color: var(--text-color);
}
[data-colors="custom"] .incms-share-wrapper:before,
[data-colors="custom"] .incms-share-wrapper:after{
  background: var(--text-color);
}
/*
.incms-share1 {
  container-type: inline-size;
  container-name: share;
}
@container share (width < 470px) {
  .incms-share1 header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
    gap: 15px;
  }
}
*/

.incms-share1 {
	--share-space: var(--section-space-xs);
	--share-alignment: space-between;
	--icon-size: 20px;
}

.incms-share1-title {
	--title-size: 20px;
	--title-mobile-size: 16px;
}

/* -------------------------------- 
Social 01
-------------------------------- */

.incms-social1 {
  background-color: var(--incms-social1-bg);
}

.social_btns {
  display: flex;
  list-style: none;
  margin: 0;
  width: 100%;
}
.social_btns>* {
  flex-grow: 1;
}
.incms-social1 .social_btn {
  position: relative;
  display: block;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
  border-radius: 5px;
  transition: .3s;
}

.social_btns svg.svg-icon {
  display: block;
  margin: 0 auto;
}
.social_btns li {
  margin: 0;
}
.incms-social1 li+li .social_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--incms-text,--icon-color);
  transition: opacity .2s;
  opacity: 0.1;
}
.social_btn:hover,
.social_btn:focus{
  background-color: var(--title-color);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
  opacity: 1!important
}
.social_btn .svg-icon {
  fill: var(--icon-color);
  transition: fill .2s,transform .2s,-webkit-transform .2s;
}
.social_btn:hover .svg-icon,
.social_btn:focus .svg-icon{
  fill: var(--incms-social1-bg);
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.social_btns:hover .social_btn::before,
.social_btns:focus .social_btn::before{
  opacity: 0;
}
[data-colors="incms"] .social_btn:hover,
[data-colors="incms"] .social_btn:focus {
  background-color: var(--incms-text);
}
[data-colors="incms"] .social_btn .svg-icon{
  fill: var(--incms-text);
}
[data-colors="incms"] .social_btn:hover .svg-icon,
[data-colors="incms"] .social_btn:focus .svg-icon {
  fill: var(--incms-background);
}
@media screen and (max-width: 768px) {
  .social_btn {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .incms-social1 svg.svg-icon.icon-md {
    width: 1.5em;
  }
}


.incms-social1 {
	--incms-social1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--icon-color: #FFFFFF;
}

.incms-social1_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
Steps 
TODO: .incms-steps {counter-set: list-items 1;}
-------------------------------- */
.view-edit .incms-pane-container:has(.incms-steps) {
  counter-reset: list-items;
}
.incms-steps {
  --incms-steps-bullet-size: 40px;
  --incms-steps-bullet-margin-right: calc(var(--incms-steps-bullet-size)/3);
  counter-increment: list-items;
  position: relative;
}
.incms-steps_bullet {
  position: relative;
  margin-left: calc(-1 * var(--incms-steps-bullet-size));
  left: calc(-1 * var(--incms-steps-bullet-margin-right));
}
.incms-steps_bullet::before {
  content: "X";
  display: inline-flex;
  width: var(--incms-steps-bullet-size);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.incms-steps_bullet::after {
  content: counter(list-items);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: var(--incms-steps-bullet-size);
  height: var(--incms-steps-bullet-size);
  background-color: var(--incms-text);
  color: var(--incms-background);
  border-radius: 50%;
  font-size: calc(var(--incms-steps-bullet-size) / 2);
  font-weight: 600;
}
.incms-steps:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(var(--incms-steps-bullet-size)/2);
  left: calc(var(--incms-steps-bullet-size) / 2 - 2px);
  width: 4px;
  height: 100%;
  background: var(--incms-text);
  opacity: .2;
}
header.incms-steps_header  + * {
  margin-top: 0;
}
.incms-steps_title,
.incms-steps_content{
  padding-left: calc(var(--incms-steps-bullet-size) + var(--incms-steps-bullet-margin-right));
}
.incms-steps_title {
  line-height: normal;
}
.incms-steps_content{
  padding-bottom: calc(var(--incms-steps-bullet-size) + var(--incms-steps-bullet-margin-right));
}
.incms-steps .incms-steps_title {
  margin-bottom: 10px;
}
[data-colors="custom"] .incms-steps_bullet::after {
  background-color: var(--headings-color);
  color: var(--custom-section-bg-color);
}
[data-colors="custom"] .incms-steps:not(:last-child)::before {
  background: var(--headings-color);
}
@media screen and (max-width: 768px) {
  .incms-steps {
    --incms-steps-bullet-size: 34px;
  }
}
.incms-steps.last-step:before{display:none}

.incms-steps_header {
	--title-size: 34px;
	--title-mobile-size: 24px;
}

/* -------------------------------- 
Testimonials 01
-------------------------------- */
.incms-testimonials1 {
  background-color: var(--incms-testimonial1-bg);
}
.incms-testimonials1 .testimonial-item {
  border-radius: var(--testimonial1-box-radius);
}
.incms-testimonials1 .incms-grid {
  display: flex;
  --gap: 20px;
}
.incms-testimonials1 .testimonial-item.favorite {
  width: 100%;
}
.incms-testimonials1 .testimonial-item.incms-box-bg.favorite .testimonial-quote {
    max-width: 100%;
}
.incms-testimonials1 .testimonial-item.favorite .testimonial-quote {
  font-size: 1.125em;
  margin-left: auto;
  margin-right: auto;
  max-width: 950px;
}
.incms-testimonials1 .testimonial-item.favorite .avatar {
  width: 4em;
  height: 4em;
}
@media screen and (max-width: 768px) {
  .incms-testimonials1 .testimonial-item.favorite .testimonial-quote {
    font-size: 1em;
  }
}
@media screen and (min-width: 769px){
  .incms-testimonials1 .testimonial-item.favorite {
    padding-left: var(--section-space);
    padding-right: var(--section-space);
  }
}
.incms-testimonials1 .testimonial-rating i{
  color: var(--testimonial1-star-color);
}
.incms-testimonials1 .testimonial-quote,
.incms-testimonials1 .name{
  color: var(--testimonial1-text-color);
}
/**/
[data-colors="custom"].incms-testimonials1 .testimonial-item {
  background-color: var(--testimonial1-box-color);
}
[data-colors="incms"].incms-testimonials1 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-testimonials1 .testimonial-rating i{
  color: var(--incms-primary);
}
/**/
@media screen and (max-width: 768px) {
  .incms-testimonials1 .incms-grid {
    flex-direction: column;
  }
}

.incms-testimonials1 {
	--incms-testimonial1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--testimonial1-box-color: #FFFFFF;
	--testimonial1-star-color: #039dd8;
	--testimonial1-text-color: #081d27;
}

.incms-testimonials1-header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-testimonials1-box {
	--grid-cols: 3;
}

/* -------------------------------- 
Testimonials 02
-------------------------------- */
.incms-testimonials2 {
  background-color: var(--incms-testimonial2-bg);
}
.incms-testimonials2 .owl-stage{
  display: flex;
}
[data-colors="incms"].incms-testimonials2 .incms-box-bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-testimonials2 .owl-carousel {
  animation-duration: 1s;
}
.incms-testimonials2 .testimonial-item {
  border-radius: var(--testimonial2-box-radius);
}
.view-normal .incms-testimonials2 .testimonial-item{
  height: 100%;
  display: flex;
  width: inherit;
}
.incms-testimonials2 .owl-stage-outer,
.incms-testimonials2 .owl-stage,
.incms-testimonials2 .owl-item.animated {
  animation-duration: inherit;
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-prev {
  left: calc(var(--container-space) * -1);
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  right: calc(var(--container-space) * -1);
}
.view-normal .incms-testimonials2 .owl-carousel{
  opacity: 0;
  transition: opacity .2s ease;
  margin-top: calc(var(--section-space) / 1.5);
}
.incms-testimonials2 .owl-carousel.incms-loaded {
  opacity: 1;
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-prev,
.incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--testimonial2-arrows-bg);
  color: var(--testimonial2-arrows);
  border-radius: var(--testimonial2-box-radius);
  height: calc(var(--container-space)*4);
  width: calc(var(--container-space)*2);
}
.incms-testimonials2 .testimonial-rating i{
  color: var(--testimonial2-star-color);
}
.incms-testimonials2 .testimonial-quote,
.incms-testimonials2 .name{
  color: var(--testimonial2-text-color);
}

[data-colors="custom"].incms-testimonials2 .testimonial-item{
  background-color: var(--testimonial2-box-color);
}
[data-colors="incms"].incms-testimonials2 .testimonial-rating i{
  color: var(--incms-primary);
}
[data-colors="incms"].incms-testimonials2 .owl-carousel .owl-nav .owl-prev,
[data-colors="incms"].incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  background-color: var(--incms-text);
  color: var(--incms-background);
}
.view-edit .incms-testimonials2 .owl-carousel {
  display: flex;
  flex-wrap: wrap;
  --gap: 20px;
  gap: var(--gap);
  --grid-cols: 3;
  --grid-col: 1;
}
.view-edit .incms-testimonials2 .owl-carousel[data-cols="2"] {
  --grid-cols: 2;
}
.view-edit .incms-testimonials2 .owl-carousel[data-cols="1"] {
  --grid-cols: 1;
}
.view-edit .incms-testimonials2 .owl-carousel .testimonial-item {
  width: calc((100% - (var(--grid-cols) - 1) * var(--gap)) * var(--grid-col) / var(--grid-cols) + (var(--grid-col) - 1) * var(--gap));
  flex: initial;
}
@media screen and (max-width: 999px){
  .incms-testimonials2 .owl-carousel[data-cols="2"] .owl-item{
    max-width: calc(var(--incms-fullwidth) - var(--container-space));
    width:100% !important;
  }
}
@media screen and (max-width: 599px){
  .incms-testimonials2 .owl-carousel .owl-item{
    /*max-width: calc(var(--incms-fullwidth) - var(--container-space));*/
    /*width:100% !important;*/
  }
}



.incms-testimonials2 {
	--incms-testimonial2-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--testimonial2-box-color: #FFFFFF;
	--testimonial2-star-color: #039dd8;
	--testimonial2-text-color: #081d27;
	--testimonial2-arrows-bg: #FFFFFF;
	--testimonial2-arrows: #039dd8;
	--testimonial2-dots: #081d27;
}

.incms-testimonials2-header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
Video
-------------------------------- */
video{display: block}
.incms-yt-shorts .embed-container {
  padding-bottom: 177.78%;
}
video.incms-mp4-video {
  max-width: 100%;
}
.view-edit .incms-video:has(video):before,
.view-edit .incms-video:has(video):after{content: none;}
.view-edit .incms-video:has(.incms-yt-shorts):before {
  aspect-ratio: 9 / 16;
}

/* -------------------------------- 
inCMS Custom Palette
-------------------------------- */
.incms-custom-color-palette {
  position: fixed;
  z-index: 9999 !important;
  bottom: 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 10px;
}
.incms-custom-color-palette .incms-custom-color-palette-wrapper {
  backdrop-filter: blur(50px);
  display: flex;
  flex-direction: row;
  background-color: rgb(196 196 196 / 50%);
  padding: 6px;
  border-radius: 8px;
  gap: 10px;
}
.color-preview {
  position: relative;
  padding: 0.75em 1.5em;
  border-radius: var(--incms-radius-sm);
  font-size: 16px;
  text-align: center;
}
.color-preview input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.color-preview label {
  /* filter: invert(100%) grayscale(1) brightness(2); */
}
.color-copy-button button {
  --copy-button-size: 43px;
  width: var(--copy-button-size);
  height: var(--copy-button-size);
  border-radius: var(--incms-radius-sm);
  color: #000000;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.color-copy-button button svg {
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.color-copy-button button:hover,.color-preview:hover {
  box-shadow: 0 0 0 2px rgb(0 0 0 / 40%);
}
.color-copy-button button, .color-preview {
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
}

/* Custom Palett Select */
.palett-list .custom-select {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 6px;
  border-radius: 8px;
  gap: 10px;
  background: conic-gradient(#fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c);
}

.palett-list .select-selected {
  background-color: #ffffff;
  --copy-button-size: 43px;
  width: var(--copy-button-size);
  height: var(--copy-button-size);
  border-radius: var(--incms-radius-sm);
  color: #000000;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.palett-list .select-items {
  display: none;
  position: absolute;
  flex-direction: column;
  white-space: nowrap;
  border-top: none;
  bottom: 100%;
  left: 0;
  transform: translate(0, -6px);
  backdrop-filter: blur(50px);
  background-color: rgb(139 139 139 / 45%);
  padding: 6px;
  border-radius: 8px;
}
.palett-list .select-items label {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.palett-list .select-items-wrapper div {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: var(--incms-radius-sm);
  text-align: center;
  background: var(--incms-background);
  color: var(--incms-text);
  display: flex;
  padding-top: 14px;
  text-transform: uppercase;
  font: 600 9px/14px var(--text-ff);
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
  width: 118px;
}
.select-items-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}
.palett-list .select-items-wrapper div:hover {
  box-shadow: 0 0 0 3px rgb(0 0 0 / 40%);
}
.palett-list .select-selected .fa {
  font-size: 20px;
}
.palett-list .select-items span{
  width: 40px;
  height: 26px;
}
.palett-list .select-items-wrapper div + div {
}
.palett-list span.incms-background{background: var(--incms-background);}
.palett-list span.incms-text{background: var(--incms-text);}
.palett-list span.incms-primary{background: var(--incms-primary)}
.palett-list span.incms-primary-text{background: var(--incms-primary-text);display: none;}
.palett-list span.incms-accent{background: var(--incms-accent)}
.palett-list span.incms-accent-text{background: var(--incms-accent-text);display: none;}

.view-edit .incms-custom-color-palette {
  position: initial;
}
.view-edit .palett-list{display:none}