.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#D5FF2F;--e-global-color-text:#000000;--e-global-color-accent:#D5FF2F;--e-global-color-6bcf79c:#FFFFFF;--e-global-color-3b6058f:#F0F0F5;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.2em;--e-global-typography-9af04ab-font-family:"Inter";--e-global-typography-9af04ab-font-size:25px;--e-global-typography-9af04ab-font-weight:500;--e-global-typography-9af04ab-line-height:1.1em;--e-global-typography-6fcecd2-font-family:"Inter";--e-global-typography-6fcecd2-font-size:30px;--e-global-typography-6fcecd2-font-weight:700;--e-global-typography-6fcecd2-line-height:1em;--e-global-typography-84ec5bb-font-family:"Inter";--e-global-typography-84ec5bb-font-size:20px;--e-global-typography-84ec5bb-font-weight:600;--e-global-typography-84ec5bb-line-height:1em;--e-global-typography-11bb1ee-font-family:"Inter";--e-global-typography-11bb1ee-font-size:15px;--e-global-typography-11bb1ee-font-weight:400;--e-global-typography-11bb1ee-line-height:1.1em;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-6fcecd2-font-family ), Sans-serif;font-size:var( --e-global-typography-6fcecd2-font-size );font-weight:var( --e-global-typography-6fcecd2-font-weight );line-height:var( --e-global-typography-6fcecd2-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-84ec5bb-font-family ), Sans-serif;font-size:var( --e-global-typography-84ec5bb-font-size );font-weight:var( --e-global-typography-84ec5bb-font-weight );line-height:var( --e-global-typography-84ec5bb-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1200px){.elementor-kit-6{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:18px;--e-global-typography-9af04ab-font-size:18px;--e-global-typography-6fcecd2-font-size:20px;--e-global-typography-84ec5bb-font-size:20px;--e-global-typography-11bb1ee-font-size:14px;}.elementor-kit-6 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-6fcecd2-font-size );line-height:var( --e-global-typography-6fcecd2-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-84ec5bb-font-size );line-height:var( --e-global-typography-84ec5bb-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:800px){.elementor-kit-6{--e-global-typography-primary-font-size:25px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-9af04ab-font-size:15px;--e-global-typography-84ec5bb-font-size:15px;}.elementor-kit-6 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-6fcecd2-font-size );line-height:var( --e-global-typography-6fcecd2-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-84ec5bb-font-size );line-height:var( --e-global-typography-84ec5bb-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:800px;}.e-con{--container-max-width:800px;}}/* Start custom CSS */::selection {
  color: black;
background-color: var(--e-global-color-secondary);
}

.blacklink a {
    color: black !important;
    text-decoration: underline !important;
}


.inverted ::selection {
  color: white;
background-color: black;
}

.linkhover .elementor-button-text {
    text-align: left;
}


.clusterlist ul {
  padding-left: 20px;
  margin-bottom: 40px;
}

.clusterlist li {
  padding-bottom: 10px;
}

.clusterlist ul li::marker {
  font-size: 120%;
}
/* 1) Keep the browser's marker layout */
.clusterlist ul ul {
  list-style-position: inside;   /* marker is inline with text */
  padding-left: 10px;               /* don't push the whole block */
  margin: 0;
  margin-top: 10px;
}

/* 2) Control the gap with a hanging indent */
.clusterlist ul ul > li {
  /* tweak this to increase/decrease space between bullet and text */
  --gap: 1.3rem;
  padding-left: var(--gap);
  text-indent: calc(-1 * var(--gap));
}

/* 3) Your custom ring marker (10px, stroke 2px) */
.clusterlist ul ul > li::marker {
  content: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 12 12">\
<circle cx="6" cy="6" r="5" fill="none" stroke="currentColor" stroke-width="2"/></svg>') "\2002";
  /* ↑ \2002 = en space. Alternatives: \2003 (em space), \00A0\00A0 (two nbsp), \2007 (figure space) */

}

/* Optional: avoid resets forcing inline tags to blocks */
.clusterlist strong,
.clusterlist b,
.clusterlist em,
.clusterlist i {
  display: inline;
  white-space: normal;
}
.clusterlist a {
    color: black;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.clusterlist a:hover {
    background-color: var(--e-global-color-secondary);
}

h2 {
    text-decoration: underline;
    text-decoration-color: var(--e-global-color-secondary) !important;
     -webkit-text-decoration-color: var(--e-global-color-secondary) !important;;
    text-decoration-thickness: 6px;
     text-decoration-skip-ink: none;
     padding-bottom: 8px !important;
     
}

h3 {
    background-color: var(--e-global-color-secondary);
    padding: 10px 20px;
      display: inline-block;
      margin-top: 15px;
      font-weight: var(--e-global-typography-84ec5bb-font-weight);
}

h3 strong {
  font-weight: var(--e-global-typography-84ec5bb-font-weight);  
}

.clusterlinkhover a{
    background-color: none !important;
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    color: black !important;
    text-decoration-color: black !important;
    display: inline-block;
    transition: transform ease 0.3s;
    margin-top: 7px;
margin-bottom: 8px;
    
}
.clusterlinkhover a:hover{
    background-color: white !important;
    text-decoration: underline;
transform: translateX(10px) !important;
transition: transform ease 0.3s;

}

.clusterlinkhover a::before {
  content: "";
  display: inline-block;
    height: 1.1em;
    width: 1.1em;
    margin-right: 5px;
    margin-bottom: -3px;
  background: url("https://fair-attraktiv.ch/wp-content/uploads/2025/09/link-icon.svg") no-repeat center / contain;
}

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
background-color: white;
border-left: solid 2px black;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: black;

  border-left: solid 2px black;
  /*   border-top: solid 2px black;
 border-bottom: solid 2px black; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background-color: var(--e-global-color-secondary);

}

blockquote {
  padding: 25px 25px 20px 25px;
  margin: -25px 0px 40px 0px;
  background-color: #f0f0f5;
}

 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}/* End custom CSS */