#wommain .checkbox-quantifier:hover input:checked ~ .checkbox-quantifier__focus {
  display:block;
}


/**
 * Aenderungen fuer iOS-dark markiert mit MF 
 */
body,
#wommain .dialog__window,
#wommain .party-comparison #party-comparison__modal .dialog__window {
	/* background-image: url(../images/trianglesmaller.png); */
}

#wommain {
  overflow-x: hidden;
}

#wommain span.checkbox__square.checkbox_disabled {
  background-color:#888;
  border: 2px solid #ddd;  
}

#wommain p.tuning-disable-uebereinstimmung {
  display:none;
}

#wommain .footer__top--intro {
  /*flex-direction: row !important;*/
}

#wommain .results__info {
  width: inherit !important;
}

#wommain .party-comparison header p {
  max-width: inherit !important;
  margin-top: 20px !important;
  font-weight: inherit !important;
}

#wommain .parties-pisition .glide__tooltip {
  max-width: 240px;
  height: auto;
  white-space: inherit;
}

#wommain .party-selection .party-selection__list-item .tooltip {
  max-width: 240px;
  height: auto;
  white-space: normal;
  width: max-content;
}

#wommain .parties-pisition .glide__slide .tooltip {
  top:30%;
  z-index:3
} 

/*
#wommain [data-tooltip-context].focus-visible .tooltip {
  opacity: 1;
  transition: transform .2s ease-in,opacity .2s ease-in;
  transition-delay: 0s, 0s;
  transition-delay: .2s;
}
*/

#wommain a.wom_link_normal {
  text-decoration:underline;
}

.glide__slides {
  position: relative;
}

.footer a {
  display: inline-block;
}

#survey-toggle[aria-expanded="true"] {
  display: none;
}

#wommain ul.wom-faq-liste,
#wommain ul.wom-faq {
  border: none;
  margin-top: 20px;
}

#wommain ul.wom-bitv-liste {
  font-weight: 600;
}

#wommain ul.wom-faq-liste li,
#wommain ul.wom-faq-liste li:last-child,
#wommain ul.wom-faq li,
#wommain ul.wom-faq li:last-child {
  border: none;
  padding-top:5px;
  padding-bottom:15px;
  margin-left:20px;
  padding-left:5px;
  list-style:disc;
  list-style-type:disc;
}

#wom-meldung-keine-parteien {
  margin-top:20px;
}


#wommain .parties-pisition ol.party__reasons,
#wommain .parties-pisition ol.party__reasons li,
#wommain .parties-pisition ol.party__reasons li::before {
    list-style: none !important;
    list-style-type: none !important;    
    list-style-position: inside !important;
}

.womicon-skip {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../icons/vorspulen.svg");
  background-size: cover;
}

.womicon-back {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../icons/zurueck.svg");
  background-size: cover;
}

#wommain .readspeaker__controller-btn {
  display:inline-block;
}

#wommain .readspeaker__controller-btn.focus-visible i.womicon-skip:before,
#wommain .readspeaker__controller-btn:hover i.womicon-skip:before,
#wommain .readspeaker__controller-btn.focus-visible i.womicon-back:before,
#wommain .readspeaker__controller-btn:hover i.womicon-back:before {
  content: none;
}

#wommain .readspeaker__controller-btn.focus-visible i.womicon-skip,
#wommain .readspeaker__controller-btn:hover i.womicon-skip {
  background-image: url("../icons/vorspulen_hover.svg");
  order: 3;
}

#wommain .readspeaker__controller-btn.focus-visible i.womicon-back,
#wommain .readspeaker__controller-btn:hover i.womicon-back {
  background-image: url("../icons/zurueck_hover.svg");
  order: 1;
}

#wommain .readspeaker__controller-btn.focus-visible i.icon-backward:before,
#wommain .readspeaker__controller-btn:hover i.icon-backward:before {
  font-weight: 800;
    order: 1;
}

#wommain .readspeaker__controller-btn.focus-visible i.icon-pause:before,
#wommain .readspeaker__controller-btn:hover i.icon-pause:before {
  font-weight: 800;
  /*content: "\e905";*/
  order: 2;
}

#wommain .readspeaker__controller-btn.focus-visible i.icon-forward:before,
#wommain .readspeaker__controller-btn:hover i.icon-forward:before {
  font-weight: 800;
  order: 3;
}

#wommain .readspeaker__controller-btn.focus-visible i.icon-play:before,
#wommain .readspeaker__controller-btn:hover i.icon-play:before {
  content: "\e911";
  order: 2;  
}

#wommain div.intro__text p {
  word-break: keep-all;
}
 
#wommain .readspeaker .readspeaker__controller {
  text-align:center;
}

#wommain .readspeaker .readspeaker__controller.is-active {
  display: flex !important;
  text-align:center;
}

#wommain .readspeaker .readspeaker__controller .tooltip {
  position: absolute !important;
  display:inline-block;
  text-align: center;
  width: fit-content; 
  top: -20px;
  left: 0;
  margin-top:0px;
  white-space: nowrap !important;
  z-index: 1001; 
  transform: translateX(-50%); 
}

#wommain .readspeaker .readspeaker__controller .tooltip.tooltip--to-bottom {
    top: 100%;
    right: pxtorem(-30);
    left: auto;
    transform: translateY(10%) scale(1);
}

#wommain .footer__top {
  padding-bottom: 20px;
  /* Platz fuer tooltip nach unten */
}


#wommain .readspeaker .readspeaker__controller-btn {
  margin: 0 1px;
}

#wommain .readspeaker__controller-btn.focus-visible {
  padding:5px;
  border: solid 3px #fff;
  outline: solid 2px #000;
}

#wommain .readspeaker__controller-btn.focus-visible i {
  outline:none;
}

.is-hidden {
  display: none !important;
}


#wommain .readspeaker div.tooltip {
  opacity: 0;
}

.dialog__tab-item.is-active {
  border: 1px solid #000;
}

/*#wommain .theses__slider li.is-hovered .glide__bullet.is-danger,*/
/*#wommain .theses__slider li.is-hovered .glide__bullet.is-success, */
/*#wommain .theses__slider li.is-hovered .glide__bullet.is-skip {*/
/*  border: 1px solid #000 !important;*/
/*}*/

#wommain #party-comparison__modal .traffic-light.traffic-light--success,
#wommain #party-comparison__modal .traffic-light.traffic-light--danger {
  border: 1px solid #000 !important;
}

#wommain .party-comparison__spot .party-comparion__empty-spot {
  opacity: 1;
  background-color: #b8830b;
}

#wommain #party-comparison__modal .dialog__tab-item.is-active {
  border: 1px solid #000 !important;
}

#wommain .parties-reason .party-reason__panel .traffic-light.traffic-light--success,
#wommain .parties-reason .party-reason__panel .traffic-light.traffic-light--danger {
  border: 1px solid #000 !important;
}



#wommain .partner .partner__list-item {
  overflow:hidden;
}

#wommain .partner .partner__list-item[data-tooltip-active] {
  overflow:visible;
}

#wommain .partner .tooltip {  
  width:150px !important;
  white-space:inherit;
}

#wommain .tuning__list-wrapper.no-result {
  width: 100%;
}

#wommain .tuning__list-wrapper.no-result .tuning__text.no-result {
  width: auto;
}

#wommain .tuning__list-wrapper.no-result .tuning__text.no-result p {
  width:90%;
}

#wommain #tuning-checkbox-label.checkbox--disabled {
  display:none
}

#wommain .traffic-light--skip--outline::before {
  width: 88%;
  height: 88%;
}

/*
#wommain .party-comparison header {
  padding-right: 0px;
  padding-left: 0px;
}

*/

#wommain .tuning__list-outer {
  max-height:3000px !important; 
}

html {
  overflow:visible !important;
}

#wommain .button--big,
#wommain li.tabs__list-item button.tabs__button {
  line-height: 1.50;
}
  
/*
#wommain .party-comparison__buttons {
  display: inline-table;
  width: 100%;
}

#wommain .party-comparison__buttons.is-sticky::before {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100vw;
}

#wommain .party-comparison__buttons.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  width: 100%;
  max-width: 100vw;
  background-color: #ffb600;
  background-color: var(--c-orange);
}

#wommain .party-comparison__buttons .party-comparison__buttons_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#wommain .party-comparison__buttons .party-comparison__buttons_row .party-comparison__thesis-col {
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: .5rem;
  padding-bottom: calc(10/var(--font-size)*1rem);
  pointer-events: none;
  width: 51%;
  font-weight: 700;
  font-size: 1.6rem;
  font-size: calc(32/var(--font-size)*1rem);
  text-align: left;
}

#wommain .party-comparison__buttons .party-comparison__buttons_row .party-comparison__party-col {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: .5rem;
    padding-bottom: calc(10/var(--font-size)*1rem);
    pointer-events: none;
    position: relative;
    align-items: flex-end;
    width: 16%;
}

#wommain .party-comparison__buttons.is-sticky .party-comparison__buttons_row {
  width: 100%;
  max-width: 1448px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 74px;
  padding-left: 74px;
}

#wommain .party-comparison__buttons.is-sticky .party-comparison__buttons_row .pcbr__col {
  padding-top: .25rem;
  padding-top: calc(5/var(--font-size)*1rem);
  padding-bottom: .25rem;
  padding-bottom: calc(5/var(--font-size)*1rem);
}

*/

#wommain li.tabs__list-item button.tabs__button {
   color: inherit;
}

@media screen and (max-width:1199px) {
  #wommain .button--big {
    line-height: 1.75rem;
    line-height: calc(35/var(--font-size)*1rem);    
  }
}

#wommain .tuning__list-wrapper {
  overflow-x: hidden;
}

#wommain .results__text p.second,
#wommain .party__panel-infobox p.second {
  margin-top:20px;
}

#wommain a.party-selection__more-link.first-link {
  margin-bottom: 0.75rem;
}

#wommain a.link--right.first-link {
  margin-bottom: 0.75rem;
}

/* Platz fuer Mouse-Over bei audio */
#wommain .footer__top:only-child {
  margin-bottom: 60px;
}

#wommain .faq-accordion h3 {
  margin-top:1.75rem;
  margin-bottom:0;
  font-size: calc((35 / 20) * 0.8rem);
  font-size: calc((35 / var(--font-size)) * 0.8rem);
  line-height: calc((42 / 20) * 0.8rem);
  line-height: calc((42 / var(--font-size)) * 0.8rem);
  font-weight: 700;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#wommain div.footer__bottom.unterstuetzer {
  margin-top:0px;
}

#wommain .footer__bottom.unterstuetzer .wom-partner-logo {
  background-image: url('../../version/logos_unterstuetzer_v1_00.png');
  background-repeat: no-repeat;
  display: block;
}

#wommain .readspeaker__controller ul,
.readspeaker__controller-list-wrapper {
  display: flex;
}

#wommain .readspeaker__controller ul li,
.readspeaker__controller-list-item {
  list-style:none;
  float:left;
}

#wommain .share div.tooltip.tooltip-share {
  opacity: 0;
  right:0px;
  top:-5px;
}

#wommain .share [data-tooltip-context][data-tooltip-active] div.tooltip.tooltip-share {
  opacity: 1;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
  transition-delay: 0.2s;
}

.icon-dgs.is-active:before {
  content: "";
}

#wommain .header .tooltip {
  z-index: 200;
}

#wommain .leichtesprache-text h2 {
  margin-top: 1.75rem;
  margin-bottom: 0;
  font-size: calc((35 / 20) * 0.8rem);
  font-size: calc((35 / var(--font-size)) * 0.8rem);
  line-height: calc((42 / 20) * 0.8rem);
  line-height: calc((42 / var(--font-size)) * 0.8rem);
  font-weight: 700;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


#wommain [data-tooltip-active] .tooltip {
  pointer-events: auto;
}

#wommain .glide__tooltip {
  pointer-events: all;
}

#wommain .easy-lang__link {
  font-size: 2rem;
  font-size: calc(40/var(--font-size)*1rem);
}

#wommain .easy-lang__link.focus-visible,
#wommain .easy-lang__link:focus,
#wommain .easy-lang__link:hover {
  outline: 2px solid canvastext;
}

#wommain .share .tooltip.tooltip--to-left {
  top: 50%;
}

#wommain .dgs__link,
#wommain .easy-lang__link {
  display: block;
  padding: 0.25rem;
  padding: calc(5/var(--font-size)*1rem);
  font-size: 2rem;
  font-size: calc(40/var(--font-size)*1rem);
}

#wommain [data-tooltip-context].tooltip-context-absolute {
  position: absolute;
}

#wommain button.tabs__button.focus-visible {
  outline: 0.15rem solid #000;
  outline: calc(3/var(--font-size)*1rem) solid var(--c-black);
  outline-offset: 1px;
}

#wommain button.link--left,
#wommain button.link--right {
  outline-offset: 1px;
  line-height: inherit;
}

#wommain .theses__slider .theses__box__error-msg.is-active {
    border: none;
}
#wommain .theses__slider .theses__box__error-msg.is-active {
    top: -2.25rem;
    top: calc(-45/var(--font-size)*1rem);
    border: 0.1rem solid white;
    border: calc(1/var(--font-size)*1rem) solid white;
    left: -0.2rem;
    left: calc(-4/var(--font-size)*1rem) solid white;
}
#wommain .theses__slider .theses__box__error-msg {
  color: var(--c-white);
}

/*MF in allgemeinem DM*/
@media (-ms-high-contrast:active),(forced-colors:active),(prefers-color-scheme:dark) {
  #wommain .button--big,
  #wommain .button.link--left,
  #wommain .button.link--right {
    color: linktext;
    border: .1rem solid;
    border: calc(2/var(--font-size)*1rem) solid;
    outline: none
  }
}

#wommain .readspeaker__controller-list-item {
  /*margin:2px !important;
  outline-offset: 1px !important;
  outline: solid 1px #00ff00 !important;*/
}

#wommain .share__link.focus-visible {
  outline: calc(3/var(--font-size)*1rem) solid canvas;
}
 
#wommain .plyr--video .plyr__control--overlaid {
  border: 2px solid canvastext;
}

#wommain .plyr--video .plyr__control--overlaid:focus, #wommain .plyr--video .plyr__control--overlaid:hover {
  border: 2px solid var(--ci-color);
}

  
/*MF unter allgemeinem DM*/
@media not all, (forced-colors: active) {
  #wommain .readspeaker__controller-list-item button.focus-visible {
    outline-offset: 2px !important;
    outline: solid 3px canvastext !important;
    border: solid canvas 1px !important;
    border-radius: calc(5/var(--font-size)*1rem);
    background-color: canvastext !important;
    color: canvas;
  }
  
  #wommain li.tabs__list-item button.tabs__button {
    color: canvastext;
  }
  
  #wommain .glide__bullets li:not(.is-hovered) button.glide__bullet.glide__bullet--active {  
    outline: solid 2px;
    outline-color: canvastext;
    outline-offset: 2px;
  }
  
  #wommain .traffic-light--success--outline--forced-colors {
    border: .1rem solid canvastext !important;
    border: calc(2/var(--font-size)*1rem) solid canvastext !important;
    border-color: canvastext !important;
    background-color: canvas !important;
  }
  
  #wommain .traffic-light--success--outline--forced-colors::after, 
  #wommain .traffic-light--success--outline--forced-colors::after, 
  #wommain .traffic-light--success--outline--forced-colors:hover::after {
    background-color: canvastext !important;
  }

}

#wommain .party-position .party-position__content .party__panel-infobox h2 {
  font-size: 2rem;
  font-size: calc(40/var(--font-size)*1rem);
  line-height: 2.4rem;
  line-height: calc(48/var(--font-size)*1rem);
}

#wommain #party-comparison__modal .dialog__panel-title h3,
#wommain .party-position .party__reason-item .party__reason__text h4 {
  font-weight: 700;
  font-size: 1.1rem;
  font-size: calc(22/var(--font-size)*1rem);
  line-height: 1.5rem;
  line-height: calc(30/var(--font-size)*1rem);
}

@media not all, (prefers-color-scheme: dark) {
  :root {
    --c-darkmode-light: #FFF;
    --c-darkmode-dark: #000;
    --c-darkmode-link: #5B5FFD;
    --c-darkmode-grey: grey;
  }
  
 
  html {
    color-scheme: dark;
    background-color: var(--c-darkmode-dark);
  }

  body {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
  }
  
  #wommain .theses__slider .theses__box-peek:before {
    border-top: 1.5rem solid var(--c-darkmode-light);
    border-top: calc(30/var(--font-size)*1rem) solid var(--c-darkmode-light);
    border-right: 1.5rem solid transparent;
    border-right: calc(30/var(--font-size)*1rem) solid transparent;
    border-bottom: 1.5rem solid transparent;
    border-bottom: calc(30/var(--font-size)*1rem) solid transparent;
    border-left: 1.5rem solid var(--c-darkmode-light);
    border-left: calc(30/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  /*MF*/
  #wommain .button--big,
  #wommain .button.link--left,
  #wommain .button.link--right {
    color: var(--c-darkmode-link) !important;
  }

  #wommain .readspeaker__controller-btn i {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .readspeaker__controller-btn {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  [class*=" icon-"], [class^=icon-] {
    color: var(--c-darkmode-light);
  }

  #wommain .theses__slider .glide__bullet[disabled] {
    background-color: var(--c-darkmode-grey) !important;
  }

  #wommain .button {
    border-color: var(--c-darkmode-light) !important;
    outline: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .glide .glide__bullet {
    background: var(--c-darkmode-dark);
  }

  #wommain .checkbox-quantifier {
    border: 0.1rem solid var(--c-darkmode-light);
    border: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .checkbox-quantifier.is-checked .checkbox-quantifier__quantifier, #wommain .checkbox-quantifier:hover.is-checked .checkbox-quantifier__quantifier {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .checkbox-quantifier.is-checked, #wommain .checkbox-quantifier:hover.is-checked {
    border-color: var(--c-darkmode-light);
  }

  #wommain .theses-accordion__btn {
    color: var(--c-darkmode-light);
  }

  #wommain .burger-menu__line {
    background-color: var(--c-darkmode-light);
  }

  #wommain .intro__text p {
    color: var(--c-darkmode-light) !important;
  }

  #wommain .button, #wommain button {
    color: var(--c-darkmode-light);
  }

  #wommain .glide .glide__bullet {
    color: var(--c-darkmode-light) !important;
  }

  #wommain .traffic-light--dark:before {
    background-color: var(--c-darkmode-dark);
  }
  #wommain .traffic-light--success {
    /*background-color: var(--c-darkmode-light); wegen PV success black ring */
    border-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot i, #wommain .traffic-light i {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison #party-comparison__modal .dialog__close-btn:hover, 
  #wommain .party-comparison #party-comparison__modal .dialog__close-btn:focus {
    /* ist ein outline im bundle.css border: 2px solid var(--c-darkmode-light); */ 
  }

  .icon-check:before, .icon-cross:before {
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot:after, 
  #wommain .traffic-light:after {
    background-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light.traffic-light--skip:after {
    background-color: var(--c-darkmode-dark);
  }
  
  #wommain .traffic-light--skip {
    background-color: var(--c-light-gray);
    border-color: var(--c-darkmode-light);
  }

  #wommain .checkbox__square {
    background-color: var(--c-darkmode-dark);
    border: 0.1rem solid var(--c-darkmode-light);
    border: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .results__bar-wrapper:after {
    background-color: var(--c-darkmode-light);
  }

  #wommain .results__bar {
    background-color: var(--c-darkmode-grey);
  }

  #wommain .survey__infobox {
    background-color: var(--c-darkmode-dark);
    border: 0.15rem solid var(--c-darkmode-light);
    border: calc(3/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }
  
  #wommain .survey__close-btn:hover i,
  #wommain .survey__close-btn:focus i {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
  }
   
  #wommain .survey__close-btn i {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .survey__close-btn {
    background-color: var(--c-darkmode-light);
  }

  #wommain .survey__close-btn.focus-visible, #wommain .survey__close-btn:focus, #wommain .survey__close-btn:hover {
      background-color: var(--c-darkmode-dark);
      outline: 2px solid var(--c-darkmode-light);
  }

  #wommain .tabs__button.focus-visible .tabs__image, #wommain .tabs__button.is-active .tabs__image, #wommain .tabs__button:hover .tabs__image {
    background-color: hsla(0,0%,100%,.4);
  }

  #wommain .tabs__button .tabs__image {
    background-color: hsla(0,0%,100%,.4);
  }

  #wommain .survey__toggle {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .selectfield__select {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light);
  }

  #wommain .glide .arrow {
    color: var(--c-darkmode-light);
  }

  #wommain .glide .arrow:disabled {
    opacity: 0.5;
  }

  #wommain .tuning__bar {
    background-color: var(--c-darkmode-grey);
  }

  #wommain .tuning__bar-wrapper:after {
      background-color: var(--c-darkmode-light);
  }

  #wommain .tuning__list.is-sticky {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .tuning__list.is-sticky {
    border-bottom: 0.1rem solid var(--c-darkmode-light);
    border-bottom: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .traffic-light-select__list li.is-selected {
    outline: .1rem solid var(--c-darkmode-light);
    outline: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .traffic-light-select__list {
    background-color: var(--c-darkmode-grey);
  }

  #wommain .traffic-light--danger.is-selected, #wommain .traffic-light--danger.traffic-light--hover.focus-visible, #wommain .traffic-light--danger.traffic-light--hover:hover {
    border-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--danger {
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--dark.is-selected:after, #wommain .traffic-light--dark.traffic-light--hover.focus-visible:after, #wommain .traffic-light--dark.traffic-light--hover:hover:after {
    background-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--success--outline {
    border-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--danger.is-selected:after, #wommain .traffic-light--danger.traffic-light--hover.focus-visible:after, #wommain .traffic-light--danger.traffic-light--hover:hover:after {
    background-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--dark {
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--success {
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light);
  }

  #wommain .theses__slider .glide__slide:focus .theses__box {
    box-shadow: 0 0 0 .15rem var(--c-darkmode-light);
    box-shadow: 0 0 0 calc(3/var(--font-size)*1rem) var(--c-darkmode-light);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet {
    border: .05rem solid var(--c-darkmode-light);
    border: calc(1/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .parties-reason .parties-reason__slider .glide__bullet {
    background-color: var(--c-darkmode-grey);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral {
    background-color: var(--c-darkmode-light);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral:before {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success {
    background-color: var(--c-darkmode-light);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success:before {
    color: var(--c-darkmode-dark);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-skip {
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light)!important;
  }

  #wommain .reason-accordion__trafficlight {
    border-top: 0.1rem solid var(--c-darkmode-light);
    border-top: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .party-comparison__add-party, #wommain .party-comparison__remove-party {
    border: .1rem solid var(--c-darkmode-light);
    border: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .party-comparison__add-party [class*=" icon-"]:before, #wommain .party-comparison__add-party [class^=icon-]:before, #wommain .party-comparison__remove-party [class*=" icon-"]:before, #wommain .party-comparison__remove-party [class^=icon-]:before {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .party-comparison__add-party {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .party-comparison__thesis .party-comparison__weighting {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot {
    border-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--dark--outline {
    border: .1rem solid canvastext;
    border: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .traffic-light--dark--outline:before {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot {
    opacity: 0.4;
  }

  #wommain .party-comparison #party-comparison__modal .dialog__tab-item.focus-visible, #wommain .party-comparison #party-comparison__modal .dialog__tab-item.is-active {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__sticky-action-bar {
    background-color: var(--c-darkmode-dark);
    border-color: var(--c-darkmode-light);
  }

  #wommain .dialog__window {
    background-image: none;
  }

  #wommain .dialog__reset-btn:focus {
    outline: .1rem solid var(--c-darkmode-light);
    outline: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control.plyr__tab-focus, #wommain .plyr--video .plyr__control:hover, #wommain .plyr--video .plyr__control[aria-expanded=true] {
    color: var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control.plyr__tab-focus, #wommain .plyr--video .plyr__control, #wommain .plyr--video .plyr__control[aria-expanded=true] {
    color: var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control {
    color: var(--c-darkmode-dark);
    outline-color: var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control svg {
    fill: var(--c-darkmode-light);
  }
   
  #wommain .plyr--video .plyr__control--overlaid:focus, #wommain .plyr--video .plyr__control--overlaid:hover {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
    border: 2px solid var(--c-darkmode-dark);
    outline: 0.1rem solid var(--c-darkmode-light);
    outline: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
    
  }

  #wommain .plyr--video .plyr__control--overlaid {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-dark);
    border: 2px solid var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control svg {
      fill: var(--c-darkmode-light);
  }

  #wommain .plyr--video input[type=range] {
    color: var(--c-darkmode-light);
  }

  #wommain .plyr--video .plyr__control.plyr__control--overlaid:hover svg, 
  #wommain .plyr--video .plyr__control.plyr__control--overlaid:focus svg {
      fill: var(--c-darkmode-dark);
  }

  #wommain .glide__bullets li:not(.is-hovered) button.glide__bullet.glide__bullet--active {
    outline: solid 2px;
    outline-color: var(--c-darkmode-light);
    outline-color: var(--c-darkmode-light);
    outline-offset: 2px;
  }  
  /*MF Ende*/

  #wommain .footer__bottom,
  #wommain .header__navigation,
  #wommain .theses__slider .theses__box-inner::before,
  #wommain .button,
  #wommain .theses__slider .theses__box-wrapper,
  #wommain .theses-accordion__speech-bubble,
  #wommain .selectfield__select,
  #wommain .dialog__window, #wommain .party-comparison #party-comparison__modal .dialog__window,
  #wommain .party-comparison #party-comparison__modal .dialog__window::after,
  #wommain .checkbox__square
  {
    background-color: var(--c-darkmode-dark) !important;
  }

  #wommain .button--big:not(:hover):not(.focus-visible) {
    background-color: var(--c-darkmode-dark) !important;
    color: var(--c-darkmode-link);
  }


  #wommain .partner .partner__list-item {
    background-color: var(--c-darkmode-light);
    box-shadow: 0 0 0 5px var(--c-darkmode-light);
  }

  #wommain .share__link i {
    color: var(--c-darkmode-dark);
  }

  #wommain .share li {
    background-color: var(--c-darkmode-light);
  }

  #wommain a,
  #wommain a:visited,
  #wommain a[class^="link-"],
  #wommain a[class^="link-"]:visited,
  #wommain a[href^="tel:"],
  #wommain a[href^="tel:"]:visited,
  a i[class*=" icon-"],
  a i[class^=icon-]
  {
    color: var(--c-darkmode-link);
  }

  #wommain a,
  #wommain a:visited,
  #wommain a[class^="link-"],
  #wommain a[class^="link-"]:visited,
  #wommain a[href^="tel:"],
  #wommain a[href^="tel:"]:visited {
    text-decoration: underline;
  }

  #wommain a.focus-visible {
    outline-color: var(--c-darkmode-link);
  }

  #wommain .link--extern span {
    text-decoration: underline;
  }

  #wommain .checkbox-quantifier__tooltip {
    color: var(--c-darkmode-dark) !important;
    background-color: var(--c-darkmode-light) !important;
  }

  #wommain .results__panel,
  #wommain .party-selection .party-selection__panel,
  #wommain .party-comparison #party-comparison__modal .dialog__panel-item.is-active,
  #wommain .party-comparison__thesis-wrapper,
  #wommain .party-position .party__panel-infobox,
  #wommain .party-position .party__reason-item .theses-accordion__speech-bubble
  {
    background-color: var(--c-darkmode-dark);
    border: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .party-selection .party-selection__list-item.is-selected .party-selection__label {
    outline: calc(2/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }


  /* MF #wommain .tabs__button .tabs__image {
    background-color: hsla(0,0%,100%,.3);
  }*/

  #wommain .footer__logo use {
    color: var(--c-darkmode-light);
    fill: var(--c-darkmode-light);
  }

  #wommain .tabs__image .st0 {
    fill: var(--c-darkmode-light);
  }

  #wommain .party-comparison__thesis .traffic-light {
    top: .7rem;
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot {
    background-color: var(--c-darkmode-dark);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot::after {
    background-color: hsla(0,0%,100%,.3);
  }

  #wommain .traffic-light--success--outline--forced-colors:after {
    background-color: var(--c-darkmode-light) !important;
  }

  #wommain .traffic-light--success.is-selected {
    background-color: var(--c-darkmode-dark);
    border-width: 0.1rem;
    border-width: calc(2/var(--font-size)*1rem);
    border-color: var(--c-darkmode-light);
  }

  #wommain .party-selection__container {
    border-top-color: var(--c-darkmode-light);
  }

  #wommain .tabs__button.is-active .tabs__image {
    box-shadow: 0 0 0 0.2rem var(--c-darkmode-dark), 0 0 0 0.3rem var(--c-darkmode-light);
    box-shadow: 0 0 0 calc(4/var(--font-size)*1rem) var(--c-darkmode-dark), 0 0 0 calc(6/var(--font-size)*1rem) var(--c-darkmode-light);
  }

  #wommain button.tabs__button.focus-visible {
    outline: none;
  }

  #wommain .tabs__button.is-active.focus-visible .tabs__image {
    outline: 0.3rem solid var(--c-darkmode-light);
    outline: calc(6/var(--font-size)*1rem) solid var(--c-darkmode-light);
  }

  #wommain .partner a.focus-visible {
    outline: 0.15rem solid var(--c-darkmode-link);
    outline: calc(3/var(--font-size)*1rem) solid var(--c-darkmode-link);
  }

  #wommain .share__link.focus-visible {
    outline: 0.15rem dotted var(--c-darkmode-dark);
    outline: calc(3/var(--font-size)*1rem) solid var(--c-darkmode-dark);
  }

  /*MF*/
  #wommain .button.focus-visible:not([href]), #wommain .button:hover:not([href]), #wommain .button[aria-pressed=true]:not([href]) {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light) !important;
  }

  #wommain .readspeaker__controller-list-item button.focus-visible {
    color: var(--c-darkmode-dark);
  }
  #wommain .readspeaker__controller-btn:focus i, 
  #wommain .readspeaker__controller-btn:hover i {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
  }
  #wommain .readspeaker__controller-btn:focus, 
  #wommain .readspeaker__controller-btn:hover {
    background-color: var(--c-darkmode-dark);
    border: 2px solid var(--c-darkmode-light);
  }  
  
  #wommain li.tabs__list-item button.tabs__button {
    color: var(--c-darkmode-light);
  }
  
  #wommain .glide__bullets li:not(.is-hovered) button.glide__bullet.glide__bullet--active {
    outline-color: var(--c-darkmode-light);
  }
  
  #wommain .traffic-light--success--outline--forced-colors {
    border: .1rem solid white !important;
    border: calc(2/var(--font-size)*1rem) solid white !important;
    border-color: var(--c-darkmode-light) !important;
    background-color: var(--c-darkmode-dark) !important;
  }
  
  #wommain .traffic-light--success--outline--forced-colors::after, 
  #wommain .traffic-light--success--outline--forced-colors::after, 
  #wommain .traffic-light--success--outline--forced-colors:hover::after {
    background-color: var(--c-darkmode-light) !important;
  }

  #wommain .glide .glide__bullet--active, #wommain .glide .glide__bullet--already-active {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
    /*outline: .05rem solid white;
    outline: calc(1/var(--font-size)*1rem) solid white;*/
  }  

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger {
    background-color: var(--c-darkmode-light);
  }
  #wommain .glide .glide__bullet {
    color: white!important;
    background-color: var(--c-darkmode-light);
    border-color: var(--c-darkmode-light) !important;
  }

  #wommain .glide .glide__bullet--active, #wommain .glide .glide__bullet--already-active {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
    /*outline: .05rem solid white;
    outline: calc(1/var(--font-size)*1rem) solid white;*/
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger:before {
    color: var(--c-darkmode-dark);
  }

  #wommain .tooltip {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot .icon-check, #wommain .party-comparison__spot .party-comparion__empty-spot .icon-cross, #wommain .party-comparison__spot .party-comparion__empty-spot:after, #wommain .party-comparison__spot .traffic-light .icon-check, #wommain .party-comparison__spot .traffic-light .icon-cross, #wommain .party-comparison__spot .traffic-light:after {
    color: var(--c-darkmode-dark);
    background-color: var(--c-darkmode-light);
  }

  #wommain .traffic-light--danger--outline.is-selected:after, #wommain .traffic-light--danger--outline.traffic-light--hover.focus-visible:after, #wommain .traffic-light--danger--outline.traffic-light--hover:hover:after {
    background-color: var(--c-darkmode-light);
  }

  #wommain .party-comparison__toggle-modal .party-comparision__description {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
    border: 2px solid var(--c-darkmode-light);
  }

  #wommain .traffic-light--danger--outline {
    border-color: var(--c-darkmode-light);
  }

  #wommain .parties-reason .party-reason__panel .traffic-light.traffic-light--success, #wommain .parties-reason .party-reason__panel .traffic-light.traffic-light--danger {
    border: 2px solid var(--c-darkmode-light)!important;
  }

  #wommain .party-selection .party-selection__close-btn:hover, 
  #wommain .party-selection .party-selection__close-btn:focus {
    background-color: var(--c-darkmode-light);
    border: 2px solid var(--c-darkmode-light);
  }  
  #wommain .party-selection .party-selection__close-btn i:hover,
  #wommain .party-selection .party-selection__close-btn i:focus {
    background-color: var(--c-darkmode-light);
    color: var(--c-darkmode-dark);
  } 
  #wommain .party-selection .party-selection__label {
    background-color: grey;
  }
}
/*MF Ende*/

/* benutzerdefinierte Einstellungen */
@media not all, (forced-colors: active) {
  #wommain .partner .partner__list-item {
    background-image: url(data:image/bmp;base64,Qk1CAAAAAAAAAD4AAAAoAAAAAQAAAAEAAAABAAEAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wCAAAAA);
    padding: 5px;
    margin-top: 1rem;
    margin-top: calc(20/var(--font-size)*1rem);
    margin-right: 2.75rem;
    margin-right: calc(55/var(--font-size)*1rem);
  }

  /*MF*/
  /* allgemein */
  #wommain .footer__logo a, #wommain .footer__logo svg, #wommain .footer__logo use {
    color: linktext;
    fill: linktext;
  }  
  [class*=" icon-"], [class^="icon-"] {
    color: canvastext;
  }
  #wommain .button, #wommain button {
    color: canvastext;
  }
  #wommain .button:hover, #wommain button:hover {
    border: 1px solid canvastext;
  }
  #wommain .button--big:not(:hover):not(.focus-visible) {
    background-color: canvas !important;
    color: canvastext !important;
    border: 2px solid canvastext;
  }
  #wommain .button.focus-visible:not([href]), #wommain .button:hover:not([href]), #wommain .button[aria-pressed="true"]:not([href]) {
    color: canvas;
    background-color: canvastext !important;
  } 
  #wommain a, #wommain a:visited, #wommain a[class^="link-"], #wommain a[class^="link-"]:visited, #wommain a[href^="tel:"], #wommain a[href^="tel:"]:visited, a i[class*=" icon-"], a i[class^="icon-"] {
    color: linktext;
    outline-offset: 6px;
  }  
  /* Dialog */
  #wommain .dialog__close-btn--round {
    color: canvastext;
    background-color: canvas;
    border-color: canvas;
    transition: none;
  }  
  #wommain .dialog__close-btn--round [class*=" icon-"], #wommain .dialog__close-btn--round [class^="icon-"] {
    color: canvastext;
  }  
  #wommain .dialog__close-btn--round:focus, 
  #wommain .dialog__close-btn--round:hover {
    color: canvas;
    background-color: canvastext;
    border: 2px solid canvas;
  } 
  #wommain .dialog__close-btn--round:focus [class*=" icon-"], #wommain .dialog__close-btn--round:focus [class^="icon-"], 
  #wommain .dialog__close-btn--round:hover [class*=" icon-"], #wommain .dialog__close-btn--round:hover [class^="icon-"] {
    color: canvas;
  }  
  /* Tooltip */
  #wommain .tooltip {
    color: canvas;
    background-color: canvastext;
  }   
  /* Menue */
  #wommain .burger-menu__line {
    background-color: canvastext;
  }
  #wommain .header__nav-list a:hover {
    color: canvas;
    background-color: linktext;
  }

  /* Vorlesefunktion */
  #wommain .readspeaker__controller-btn {
    color: canvas;
    background-color: canvastext;
  }
  #wommain .readspeaker__controller-btn i {
    color: canvas;
    background-color: canvastext;
  } 
  #wommain .readspeaker__controller-btn:focus i {
    color: canvas;
    background-color: canvastext;
  }
  #wommain .readspeaker__controller-btn:hover i {
    color: canvastext;
    background-color: canvas;
  } 
  #wommain .readspeaker__controller-btn:focus, #wommain .readspeaker__controller-btn:hover {
    background-color: canvas;
    border: 2px solid canvastext;
  }
  /* Share-icons */
  #wommain .share li {
    background-color: canvastext;
  }
  #wommain .share li a {
    text-decoration: none;
  }
  /* Thesen */
  #wommain .glide .glide__bullet--active, #wommain .glide .glide__bullet--already-active {
    background-color: canvastext;
  }
  #wommain .footer__bottom, #wommain .header__navigation, #wommain .theses__slider .theses__box-inner::before, #wommain .button, #wommain .theses__slider .theses__box-wrapper, #wommain .theses-accordion__speech-bubble, #wommain .selectfield__select, #wommain .dialog__window, #wommain .party-comparison #party-comparison__modal .dialog__window, #wommain .party-comparison #party-comparison__modal .dialog__window::after, #wommain .checkbox__square {
    background-color: canvas !important;
  } 
  #wommain .button {
    border-color: canvastext !important;
    outline: calc(2/var(--font-size)*1rem) solid canvastext;
  }  
  #wommain .theses__slider .glide__bullet[disabled] {
    background-color: canvas !important;
    border: 2px solid canvastext !important;
  }  
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success {
    background-color: canvastext;
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet {
    border: .05rem solid canvastext;
    border: calc(1/var(--font-size)*1rem) solid canvastext;
  }
  #wommain .glide .glide__bullet {
    color: canvastext !important;
    background-color: canvastext;
    border-color: canvastext !important;
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral, 
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success, 
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger {
    background-color: canvastext;
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success:before, 
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger:before {
    background-color: canvastext;
    color: canvas;
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral:before {
    background-color: canvas;
    color: canvastext;
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-skip {
    background-color: canvas;
    border-color: canvastext !important;
  }  
  #wommain .theses__slider .theses__box-peek::before {
    border-top: 1.5rem solid canvastext;
    border-top: calc(30/var(--font-size)*1rem) solid canvastext;
    border-right: 1.5rem solid transparent;
    border-right: calc(30/var(--font-size)*1rem) solid canvas;
    border-bottom: 1.5rem solid transparent;
    border-bottom: calc(30/var(--font-size)*1rem) solid canvas;
    border-left: 1.5rem solid canvastext;
    border-left: calc(30/var(--font-size)*1rem) solid canvastext;
  }  
  /* Gewichtung */
  #wommain .checkbox-quantifier.is-checked .checkbox-quantifier__quantifier, #wommain .checkbox-quantifier:hover.is-checked .checkbox-quantifier__quantifier {
    color: canvas;
    background-color: canvastext;
  }
  #wommain .traffic-light--dark::before {
    background-color: canvas;
  }
  /* Parteiauswahl */
  #wommain .party-selection .party-selection__close-btn:hover, #wommain .party-selection .party-selection__close-btn:focus {
    background-color: canvastext;
    border: 2px solid canvastext;
  }
  #wommain .party-selection .party-selection__close-btn i:hover, #wommain .party-selection .party-selection__close-btn i:focus {
    background-color: canvastext;
    color: canvas;
  }
  #wommain .party-selection .party-selection__label {
    background-color: canvas;
  }
  /* Ergebnis */
  #wommain .results__bar {
    background-color: canvas;
    border: 2px solid canvastext;
  }
  #wommain .results__panel, #wommain .party-selection .party-selection__panel, #wommain .party-comparison #party-comparison__modal .dialog__panel-item.is-active, #wommain .party-comparison__thesis-wrapper, #wommain .party-position .party__panel-infobox, #wommain .party-position .party__reason-item .theses-accordion__speech-bubble {
    background-color: canvas;
    border: calc(2/var(--font-size)*1rem) solid canvastext;
  }
  #wommain .results__bar-wrapper::after {
    background-color: canvastext;
  }
  /* Umfrage */
  #wommain .survey__close-btn {
    background-color: canvastext;
  }
  #wommain .survey__close-btn i {
    background-color: canvastext;
    color: canvas;
  }
  #wommain .survey__close-btn.focus-visible i, #wommain .survey__close-btn:focus i, #wommain .survey__close-btn:hover i {
    color: canvastext;
    background-color: canvas;
  }
  #wommain .survey__close-btn.focus-visible, #wommain .survey__close-btn:focus, #wommain .survey__close-btn:hover {
    background-color: CANVAS;
  }
  #wommain .survey__toggle {
    color: canvas;
    background-color: canvastext;
  }
  /* Tuning */
  #wommain .selectfield__select {
    color: canvastext;
    background-color: canvas !important;
    border-color: canvastext;
  }
  #wommain .tuning__bar {
    background-color: canvas;
    border: 2px solid canvastext;
  }
  #wommain .tuning__bar-wrapper::after {
    background-color: canvastext;
  }
  #wommain .theses-accordion__btn {
    color: canvastext;
  }
  #wommain .traffic-light--danger.is-selected, #wommain .traffic-light--danger.traffic-light--hover.focus-visible, #wommain .traffic-light--danger.traffic-light--hover:hover {
    border-color: canvastext;
  }
  #wommain .traffic-light--dark {
    background-color: currentColor;
    border-color: canvastext;
  }
  #wommain .traffic-light--success--outline {
    border-color: canvastext;
  }
  /*#wommain .traffic-light--dark::before {
    background-color: canvastext;
  }*/
  #wommain .tuning__list-outer {
    scrollbar-color: canvas canvastext;
    scrollbar-width: auto;
  }
  #wommain .traffic-light--danger.is-selected::after, #wommain .traffic-light--danger.traffic-light--hover.focus-visible::after, #wommain .traffic-light--danger.traffic-light--hover:hover::after {
    background-color: canvastext;
  }
  #wommain .traffic-light--dark.is-selected::after, #wommain .traffic-light--dark.traffic-light--hover.focus-visible::after, #wommain .traffic-light--dark.traffic-light--hover:hover::after {
    background-color: canvastext;
  }
  #wommain .traffic-light--success.is-selected::after, #wommain .traffic-light--success.traffic-light--hover.focus-visible::after, #wommain .traffic-light--success.traffic-light--hover:hover::after {
    background-color: canvastext;
  }
  #wommain .traffic-light--success--outline--forced-colors::after, #wommain .traffic-light--success--outline--forced-colors::after, #wommain .traffic-light--success--outline--forced-colors:hover::after {
    background-color: canvastext !important;
  }
  #wommain .traffic-light--success--outline--forced-colors {
    border: .1rem solid white !important;
    border: calc(2/var(--font-size)*1rem) solid canvastext !important;
    border-color: canvastext !important;
    background-color: canvas !important;
  }
  /* Parteivergleich */
  #wommain li.tabs__list-item button.tabs__button {
    color: canvastext;
  }
  #wommain .party-comparison__add-party, #wommain .party-comparison__remove-party {
    border: .1rem solid var(--c-darkmode-light);
    border: calc(2/var(--font-size)*1rem) solid canvastext;
  }
  #wommain .traffic-light--danger--outline.traffic-light--hover:hover::after {
    background-color: canvastext;
  }
  #wommain .party-comparison__add-party {
    background-color: canvas;
  }
  #wommain .party-comparison__spot .party-comparion__empty-spot {
    opacity: 0.7;
  }
  #wommain .party-comparison #party-comparison__modal .dialog__tab-item.focus-visible, #wommain .party-comparison #party-comparison__modal .dialog__tab-item.is-active {
    color: canvas;
    background-color: canvastext;
  }
  #wommain .party-comparison__spot .party-comparion__empty-spot i, #wommain .traffic-light i {
    color: canvastext;
    background-color: canvastext;
  }
  #wommain .glide__bullets li:not(.is-hovered) button.glide__bullet.glide__bullet--active {
    outline-color: canvastext;
  }
  #wommain .parties-reason .parties-reason__slider .glide__bullet {
    background-color: canvastext;
  }
  #wommain .party-comparison__spot .party-comparion__empty-spot .icon-check, #wommain .party-comparison__spot .party-comparion__empty-spot .icon-cross, 
  #wommain .party-comparison__spot .party-comparion__empty-spot::after, 
  #wommain .party-comparison__spot .traffic-light .icon-check, 
  #wommain .party-comparison__spot .traffic-light .icon-cross, #wommain .party-comparison__spot .traffic-light::after, 
  #wommain .traffic-light::after {
    color: canvas;
    background-color: canvastext;
  }  
  #wommain .traffic-light--dark::before {
    color: canvas;
  }
  .icon-check::before, 
  .icon-cross::before {
    background-color: canvastext;
    color: canvas;
  }  
  #wommain .party-comparison__spot .party-comparion__empty-spot::after {
    background-color: canvastext;
  }
  #wommain .traffic-light--dark--outline {
    border: .1rem solid canvastext;
    border: calc(2/var(--font-size)*1rem) solid canvastext;
  }
  #wommain .traffic-light--skip .traffic-light::after {
    background-color: canvas !important;
    border: 2px solid canvastext;
  }
  #wommain .party-comparison__toggle-modal .party-comparision__description {
    z-index: 999;
  }  
  #wommain .party-comparison__remove-party [class^="icon-"]::before {
    background-color: canvas;
    color: canvastext;
  }
  #wommain .party-comparison__thesis .party-comparison__weighting {
    color: canvas;
    background-color: canvastext;
  }  
  /* Videoplayer */
  #wommain .plyr--video .plyr__control.plyr__tab-focus, #wommain .plyr--video .plyr__control, #wommain .plyr--video .plyr__control[aria-expanded="true"] {
    color: canvastext;
  }
  #wommain .plyr--video .plyr__control svg {
    fill: canvastext;
  }
  #wommain .plyr--video .plyr__control--overlaid {
    border: 2px solid canvastext;
    color: canvastext;
    background-color: canvas;
  }
  #wommain .plyr--video .plyr__control.plyr__tab-focus, #wommain .plyr--video .plyr__control:hover, #wommain .plyr--video .plyr__control[aria-expanded="true"] {
    color: canvastext;
  }
  #wommain .plyr--video .plyr__control--overlaid:focus svg, #wommain .plyr--video .plyr__control--overlaid:hover svg {
    fill: canvas;
  }
  #wommain .plyr--video .plyr__control--overlaid:focus, #wommain .plyr--video .plyr__control--overlaid:hover {
    color: canvas;
    background-color: canvastext;
    border: 2px solid canvas;
    outline: .1rem solid canvas;
    outline: calc(2/var(--font-size)*1rem) solid canvastext;
    
  }
  .plyr__tooltip {
    color: canvas;
    background-color: canvastext;
  } 
  #wommain .plyr--video .plyr__control.plyr__control--overlaid:hover svg, #wommain .plyr--video .plyr__control.plyr__control--overlaid:focus svg {
    fill: canvas;
  }    
  .plyr__progress input[type="range"]:focus, 
  .plyer__volumebar input[type="range"]:focus {
    border: 3px dotted canvastext;
  }
  #wommain .plyr--video .plyr__control {
    color: canvas;
    outline-color: canvastext;
  }
  /*MF Ende*/
}/* benutzerdefiniert Ende */

/**
 * Votematch Popup
 */

/* abgetoenter Hintergrund nicht scrollbar*/
#votematch_background {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Roboto', arial, sans-serif;
    z-index:1001;
}

/**
 * Muss scollbar sein
 */ 
#votematch_popup {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    font-family: 'Roboto', arial, sans-serif;
    z-index:1002;
}

#votematch_popup .votematch_popup_rahmen {
    max-width:600px;
    position:relative;
    margin:auto;
}

#votematch_popup .votematch_popup_rahmen .votematch_popup_rahmen_inner {
    background-color:#fff;
    margin:7%;
    padding:6%;
    padding-bottom:5%;
    padding-top:5%;
    position:relative;
}

#votematch_popup .votematch_popup_rahmen .votematch_popup_rahmen_inner h2 {
    font-size: 31px;
    font-weight: normal;
    margin-bottom: 24px;
    color: #000;
    line-height: 38px;
    margin-right:30px;
}
 
#votematch_popup .votematch_popup_rahmen .votematch_popup_rahmen_inner p {
    font-size: 17px;
    line-height: 22px;
    margin-bottom:30px;
}

#votematch_popup .votematch_popup_rahmen .votematch_popup_rahmen_inner p a {
    font-size: 17px;
    line-height: 22px;
    color: #b63700;
    text-decoration: none;
}

#votematch_popup .votematch_popup_rahmen .votematch_popup_rahmen_inner p a:hover {
    text-decoration: underline;
}

#votematch_popup .wom_link_zu_votematch {
	text-align: right;
	margin-bottom: 40px;
}

#votematch_popup .wom_link_zu_votematch a {
	color: #b63700;
	float: right;
	padding-right: 45px;
	position: relative;
	min-height:60px;
}

#votematch_popup .votematch_popup_submit {
	position: relative;
	float:right;
	display: block;
	padding: 8px 52px 9px 0;
	height:45px;
	margin-right: 20px;
	color: #b63700;
	/*background: rgba(0, 0, 0, 0) url(../pix/icon/arrow_next.png) no-repeat scroll 98% 6px;*/
	background: url(../pix/icon/zum_teaser.png) no-repeat right center;
	background-size: 20% auto;
	font-size: 20px;
	font-weight:normal;
	font-family: 'Roboto', arial, sans-serif;
	cursor: pointer;
}

/*#votematch_popup .votematch_popup_submit:visited,*/
#votematch_popup .votematch_popup_submit:hover,
#votematch_popup .votematch_popup_submit:focus,
#votematch_popup .votematch_popup_submit.touch {
	background-size: 22%;
	text-decoration:underline;
	
}

#votematch_popup .votematch_ds_input {
    display:flex;
    margin-bottom:15px;
}

#votematch_popup .votematch_input {
    text-align:left;
    float:left;
    display:block;
    padding-left:0px;
    margin-top:0px;   
    width:35px;     
}

#votematch_popup label {
    float:left;
    display:block;
    padding-left: 10px;
    min-width:10px;
    width: auto;
    font-size: 16px;
    line-height: 21px;
}

#votematch_popup .wom_link_zu_votematch a {
        
}

#votematch_popup .wom_link_zu_votematch a span {
    padding-top:12px;
    display:inline-block;
}

#votematch_popup .votematch_close:hover {
    background-size: 80% auto;
}

#votematch_popup .votematch_close {
    style="background-image: url(./media/pix_change/umfrage_close1.png);"
    cursor: pointer;
    background: url(../pix/icon/schliessen.png) no-repeat center center;
    background-size: 70% auto;
    height: 25px;
    width: 25px;
    padding: 0px;
    margin: 0;
    top: 20px;
    right: 20px;
    position: absolute;
    font-size: 0;
}

#wommain .footer__actions div.readspeaker button,
#wommain .footer__actions div.easy-lang button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  padding: calc(5/var(--font-size)*1rem); 
}

@media not all, (prefers-color-scheme: dark) {
    img.lzpb {
      filter: grayscale(0.75) invert(1) contrast(1);
    }
}