.elementor-30560 .elementor-element.elementor-element-a1e8248{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-30560 .elementor-element.elementor-element-06db3b5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-30560 .elementor-element.elementor-element-d2d61fc{text-align:center;}.elementor-30560 .elementor-element.elementor-element-d2d61fc .elementor-heading-title{font-size:40px;}.elementor-30560 .elementor-element.elementor-element-5ff6280{text-align:center;}.elementor-30560 .elementor-element.elementor-element-5ff6280 .elementor-heading-title{font-size:28px;line-height:40px;}.elementor-30560 .elementor-element.elementor-element-2a7d97a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-size:18px;line-height:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-30560 .elementor-element.elementor-element-d2d61fc .elementor-heading-title{line-height:1.2em;}.elementor-30560 .elementor-element.elementor-element-2a7d97a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-30560 .elementor-element.elementor-element-a1e8248{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-30560 .elementor-element.elementor-element-d2d61fc .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-30560 .elementor-element.elementor-element-5ff6280 .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-30560 .elementor-element.elementor-element-2a7d97a{font-size:16px;line-height:1.8em;}}/* Start custom CSS for shortcode, class: .elementor-element-55a5845 */.yop-poll-answers {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    --gap: 50px !important;
    --line-offset: calc(var(--gap) / 2) !important;
    --line-thickness: 1px !important;
    --line-color: var(--e-global-color-322ee2f) !important;
    display: grid !important;
    overflow: hidden !important;
    gap: var(--gap) !important;
    
    @media (max-width: 1024px) {
      grid-template-columns: 1fr 1fr 1fr !important;
    }
      @media (max-width: 767px) {
      grid-template-columns: 1fr 1fr !important;
    }
     @media (max-width: 450px) {
      grid-template-columns: 1fr !important;
    }
    
    label {
        width: 100% !important;
    } 
    .yop-poll-image-answer { 
        max-width: 100% !important;
        img {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover ;
            object-position: center center ;
            border-radius: 0 !important;
        }
    }
}

label.yop-poll-image-answer:has(input[name="yop-poll-2-11"]) > img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 400px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
}


.yop-poll .yop-poll-media-result > img {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            object-position: center center !important;
}
.yop-poll .yop-poll-media-result > img {
    width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            object-position: center center !important;
}
.yop-poll-image-caption, .yop-poll-media-caption {
    font-weight: 600 !important;
    margin-top:15px !important;
    font-size: 16px !important;
}

.yop-poll-image-indicator {
    border: 1px solid var( --e-global-color-322ee2f ) !important;
}
.yop-poll-image-answer--selected .yop-poll-image-indicator {
    border-color: var( --e-global-color-accent ) !important;
}
.yop-poll-image-answer--selected .yop-poll-image-indicator::after {
    background: var( --e-global-color-accent ) !important;
}
.yop-poll-element {
    overflow: hidden;
}
.yop-poll-page-nav--right, .yop-poll-footer--right {
    justify-content: flex-end !important;
}
.yop-poll-page-nav {
    gap: 10px !important;
    margin-top: 20px !important;
}
.yop-poll-question {
    margin: 20px 0 !important;
        font-size: 24px !important;
        width: fit-content !important;
        background-color: var(--e-global-color-primary) !important;
        padding: 9px 10px 9px 10px !important;
        font-weight: 300 !important;
        color: white !important;
        position: relative;
        &:after {
            content: "";
            width: 2000px;
            left:0;
            height: 1px;
            position: absolute;
            bottom: 0;
            background-color: var( --e-global-color-322ee2f );
        }
}

.yop-poll-answers > div {
  position: relative;
}

/* Vertikale Linien */
/* Grundlayout */
.yop-poll-answers {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;

  --gap: 50px !important;
  --line-offset: calc(var(--gap) / 2) !important;
  --line-thickness: 1px !important;
  --line-color: var(--e-global-color-322ee2f) !important;

  gap: var(--gap) !important;
  overflow: hidden !important;
}

.yop-poll-answers > div {
  position: relative;
}

/* Alle Linien erstmal deaktivieren */
.yop-poll-answers > div::before,
.yop-poll-answers > div::after {
  content: "";
  position: absolute;
  display: none;
  background: var(--line-color);
  pointer-events: none;
}


/* =========================
   DESKTOP: 4 Spalten
========================= */

/* Vertikale Linien */
.yop-poll-answers > div:not(:nth-child(4n))::after {
  display: block;
  top: 0;
  right: calc(var(--line-offset) * -1);
  width: var(--line-thickness);
  height: 100%;
}

/* Horizontale Linie komplett durchgehend */
.yop-poll-answers > div:nth-child(4n + 5)::before {
  display: block;
  top: calc(var(--line-offset) * -1);
  left: 0;
  width: calc(400% + (var(--gap) * 3));
  height: var(--line-thickness);
}


/* =========================
   TABLET: 3 Spalten
========================= */

@media (max-width: 1024px) {
  .yop-poll-answers {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .yop-poll-answers > div::before,
  .yop-poll-answers > div::after {
    display: none;
  }

  .yop-poll-answers > div:not(:nth-child(3n))::after {
    display: block;
    top: 0;
    right: calc(var(--line-offset) * -1);
    width: var(--line-thickness);
    height: 100%;
  }

  .yop-poll-answers > div:nth-child(3n + 4)::before {
    display: block;
    top: calc(var(--line-offset) * -1);
    left: 0;
    width: calc(300% + (var(--gap) * 2));
    height: var(--line-thickness);
  }
}


/* =========================
   KLEIN: 2 Spalten
========================= */

@media (max-width: 767px) {
  .yop-poll-answers {
    grid-template-columns: repeat(2, 1fr) !important;
    --gap: 35px !important;
  }

  .yop-poll-answers > div::before,
  .yop-poll-answers > div::after {
    display: none;
  }

  .yop-poll-answers > div:not(:nth-child(2n))::after {
    display: block;
    top: 0;
    right: calc(var(--line-offset) * -1);
    width: var(--line-thickness);
    height: 100%;
  }

  .yop-poll-answers > div:nth-child(2n + 3)::before {
    display: block;
    top: calc(var(--line-offset) * -1);
    left: 0;
    width: calc(200% + var(--gap));
    height: var(--line-thickness);
  }
}


/* =========================
   HANDY: 1 Spalte
========================= */

@media (max-width: 450px) {
  .yop-poll-answers {
    grid-template-columns: 1fr !important;
    --gap: 30px !important;
  }

  .yop-poll-answers > div::before,
  .yop-poll-answers > div::after {
    display: none;
  }

  /* Nur horizontale Linien zwischen den Items */
  .yop-poll-answers > div:nth-child(n + 2)::before {
    display: block;
    top: calc(var(--line-offset) * -1);
    left: 0;
    width: 100%;
    height: var(--line-thickness);
  }
}
.yop-poll-result-bar {
    border-radius: 0 !important;
}/* End custom CSS */