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-pause:before,
#wommain .readspeaker__controller-btn:hover i.icon-pause:before {
  content:"";
  order: 2;  
}

#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;
}


@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;*/
}


@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 (prefers-color-scheme: dark) and (forced-colors:none) {

  :root {
    --c-darkmode-light: #FFF;
    --c-darkmode-dark: #000;
    --c-darkmode-link: #5B5FFD;
  }

  body {
    color: var(--c-darkmode-light);
    background-color: var(--c-darkmode-dark);
  }

  
  #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 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.focus-visible {
    outline-color: var(--c-darkmode-link);
  }

  #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 .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 .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) dotted var(--c-darkmode-dark);
  }

}


@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);
  }
}

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

@media (prefers-color-scheme: dark) and (forced-colors:none) {
  #wommain .theses__slider .theses__box__error-msg.is-active {
    border: none;
  }
}

@media (forced-colors: active) {
  #wommain .theses__slider .theses__box__error-msg.is-active {
    background: canvastext;
    color: canvas;
    border: none;
  }
}

/**
 * Darkmode aus
 */

@media (prefers-color-scheme: dark) {
  
  html {
    color-scheme: light;
    background: linear-gradient(#ffab0e,#ffca11) fixed;
    background-color: #ffb600;
    background-color: var(--ci-color);
  }
  
  :root {
    --font-size: 20;
    --font-scaling-factor: var(--font-size)/16;
    --font-size-in-percent: calc(var(--font-scaling-factor)*100%);
    --c-black: #000;
    --c-black-rgb: 0,0,0;
    --c-white: #fff;
    --c-white-rgb: 255,255,255;
    --c-dark-gray: #1d1d1b;
    --c-dark-gray-rgb: 29,29,27;
    --c-light-gray: #a8a8a8;
    --c-light-gray-rgb: 168,168,168;
    --c-orange: #ffb600;
    --c-orange-rgb: 255,182,0;
    --c-green: #158802;
    --c-green-rgb: 21,136,2;
    --c-red: #ed0311;
    --c-red-rgb: 237,3,17;
    --ci-color: var(--c-orange);
    --ci-color-rgb: var(--c-orange-rgb);
    --plyr-color-main: var(--ci-color);
    --plyr-tooltip-background: canvastext;
    --plyr-tooltip-color: canvas;
  }

  body {
    color: #000;
    background-color: #ffb600;
    background: linear-gradient(#ffab0e,#ffca11) fixed;
    
    width: 100%;
    min-height: 100%;
    
  }
  
  #wommain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 595.3 491.9' style='enable-background:new 0 0 595.3 491.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;fill:url(%23SVGID_1_);enable-background:new ;%7D .st1%7Bopacity:0.7;fill:url(%23SVGID_2_);enable-background:new ;%7D%0A%3C/style%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='411.103' y1='493.8545' x2='411.103' y2='57.0545' gradientTransform='matrix(1 0 0 -1 0 491.8898)'%3E%3Cstop offset='0' style='stop-color:%23F6C13E'/%3E%3Cstop offset='0.1358' style='stop-color:%23F9CA40;stop-opacity:0.9321'/%3E%3Cstop offset='0.4121' style='stop-color:%23FED842;stop-opacity:0.7939'/%3E%3Cstop offset='0.6968' style='stop-color:%23FFE043;stop-opacity:0.6516'/%3E%3Cstop offset='1' style='stop-color:%23FFE243;stop-opacity:0.5'/%3E%3C/linearGradient%3E%3Cpolygon class='st0' points='379.4,-0.6 226.3,434.8 595.3,179.7 595.9,-2 '/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='-0.4206' y1='384.6898' x2='593.8794' y2='384.6898' gradientTransform='matrix(1 0 0 -1 0 491.8898)'%3E%3Cstop offset='0' style='stop-color:%23F6C13E'/%3E%3Cstop offset='0.1358' style='stop-color:%23F9CA40;stop-opacity:0.9321'/%3E%3Cstop offset='0.4121' style='stop-color:%23FED842;stop-opacity:0.7939'/%3E%3Cstop offset='0.6968' style='stop-color:%23FFE043;stop-opacity:0.6516'/%3E%3Cstop offset='1' style='stop-color:%23FFE243;stop-opacity:0.5'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M-0.4,73.2l594.3,141.1V0.1H0.4C0.4,0.1,1.3,74.9-0.4,73.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
    
  }
  
  #wommain .theses__slider .glide__bullet  {
    background-color: #fff;
  }
  
  /* Remove outline for non-keyboard :focus */
  #wommain .theses__slider .glide__bullet:focus:not(.focus-visible) {
    outline: none;
  }


  #wommain .theses__slider .glide__bullet.glide__bullet--active,
  #wommain .theses__slider .glide__bullet.glide__bullet--already-active  {
    background-color: #000;
  }
  
  /* Links allgemein */
  #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: #000;
  }
  
  /* Links Parteibox */
  #wommain .link--left span, 
  #wommain .link--right span {
      background-image: linear-gradient(180deg,transparent 92%,canvastext 0);
      background-repeat: no-repeat;
      transition: background-size .4s ease;
      background-size: 0 100%;
  }
  #wommain .link--left.focus-visible span, 
  #wommain .link--left:hover span, 
  #wommain .link--right.focus-visible span, 
  #wommain .link--right:hover span {
    background-size: 100% 100%;
    text-decoration:none;
  }
  /* TODO
  #wommain .party-selection .party-selection__more-link.focus-visible, 
  #wommain .party-selection .party-selection__more-link:hover {
    text-decoration-thickness: 2px;
  }
  */
  
  #wommain .burger-menu__line.line-1,
  #wommain .burger-menu__line.line-2 {
    background-color: #000;
  }
  
  /* @media (prefers-color-scheme: dark) and (forced-colors: none) */
  #wommain .share__link i {
    color: #fff;
  }
  
  #wommain .burger-menu.focus-visible{
    background-color:canvastext;
    outline:calc((2 / 20) * 1rem) solid canvastext;
    outline:calc((2 / var(--font-size)) * 1rem) solid canvastext
  }
  #wommain .burger-menu.focus-visible .burger-menu__line{
    background-color:canvas
  }
  
  #wommain a.focus-visible,
  #wommain .partner a.focus-visible{
    outline:calc((3 / 20) * 1rem) solid canvastext;
    outline:calc((3 / var(--font-size)) * 1rem) solid 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: #fff;
  }

  .chromecontent_overlay #wommain {
    background-image: !important url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 595.3 491.9' style='enable-background:new 0 0 595.3 491.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;fill:url(%23SVGID_1_);enable-background:new ;%7D .st1%7Bopacity:0.7;fill:url(%23SVGID_2_);enable-background:new ;%7D%0A%3C/style%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='411.103' y1='493.8545' x2='411.103' y2='57.0545' gradientTransform='matrix(1 0 0 -1 0 491.8898)'%3E%3Cstop offset='0' style='stop-color:%23F6C13E'/%3E%3Cstop offset='0.1358' style='stop-color:%23F9CA40;stop-opacity:0.9321'/%3E%3Cstop offset='0.4121' style='stop-color:%23FED842;stop-opacity:0.7939'/%3E%3Cstop offset='0.6968' style='stop-color:%23FFE043;stop-opacity:0.6516'/%3E%3Cstop offset='1' style='stop-color:%23FFE243;stop-opacity:0.5'/%3E%3C/linearGradient%3E%3Cpolygon class='st0' points='379.4,-0.6 226.3,434.8 595.3,179.7 595.9,-2 '/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='-0.4206' y1='384.6898' x2='593.8794' y2='384.6898' gradientTransform='matrix(1 0 0 -1 0 491.8898)'%3E%3Cstop offset='0' style='stop-color:%23F6C13E'/%3E%3Cstop offset='0.1358' style='stop-color:%23F9CA40;stop-opacity:0.9321'/%3E%3Cstop offset='0.4121' style='stop-color:%23FED842;stop-opacity:0.7939'/%3E%3Cstop offset='0.6968' style='stop-color:%23FFE043;stop-opacity:0.6516'/%3E%3Cstop offset='1' style='stop-color:%23FFE243;stop-opacity:0.5'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M-0.4,73.2l594.3,141.1V0.1H0.4C0.4,0.1,1.3,74.9-0.4,73.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat  !important;
    background-size: 100% auto  !important;
  }
  
  /* LZPB Logo */
  #wommain .footer__logo img {
    filter: none;
  }
  
  /* BPB Logo */
  #wommain .footer__logo use {
    color: #000;
    fill: #000;
  }
  
  /* Start-Button auf der Homepage */
  #wommain .button--big:not(:hover):not(.focus-visible) {
    background-color: #fff !important;
    color: #000 !important;
  }

  
  #wommain .button.focus-visible:not([href]), 
  #wommain .button:hover:not([href]), 
  #wommain .button[aria-pressed="true"]:not([href]) {
    color: #fff !important;
    background-color: #000 !important;
    outline-color: #000;
  }

  #wommain .button.button--big {
    border:none !important;
  }
  /* Start-Button auf der Homepage */
  #wommain .button.button--big:hover,
  #wommain .button.button--big.focus-visible {
    background-color: #000 !important;
    color: #fff !important;
  }
  
  #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: #fff !important;
  } 

  #wommain .theses__actions .button {
    background-color: #ffb600 !important;
    background-color: var(--ci-color) !important;
    outline: 0.1rem solid #ffb600;
    outline: calc(2/var(--font-size)*1rem) solid var(--ci-color);
  }
  
  
 /* Thesen */  
  #wommain .theses__slider .theses__box-wrapper {
    border: none;
  }
  
  /* Thesen Zacken / Pfeil */
  #wommain .theses__slider .theses__box-peek:before {
    border-top: 1.5rem solid canvas;
    border-top: calc(30/var(--font-size)*1rem) solid canvas;
    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 canvas;
    border-left: calc(30/var(--font-size)*1rem) solid canvas;
  }
  
  /* Gewichtung */
  #wommain .theses-accordion__accordion {
    border-bottom: none;
  }
  
  /* Parteiauswahl*/
  #wommain .party-selection__container {
    border-top-color: #000;
  }
  
  #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: hsla(0,0%,100%,.3);
    border: none;
  }
  
  /* Traffic Light */

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet{
    /*border:calc((1 / 20) * 1rem) solid canvastext;
    border:calc((1 / var(--font-size)) * 1rem) solid canvastext;*/
    outline: none;
  }
  
  #wommain .theses__slider .glide__bullets li:focus-visible {
    outline: none;
  }
  
  #wommain .glide .glide__bullet--active, 
  #wommain .glide .glide__bullet--already-active {
    outline:none;
  }
  
  #wommain .glide .glide__bullet.focus-visible,
  #wommain .glide .glide__bullet--active.focus-visible {
    outline: 3px solid #000;
  }

    
  
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-dark{
      background-color:canvastext;
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger{
      background-color:#ed0311;
      background-color:var(--c-red);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger{
    background-color:#ed0311;
    background-color:var(--c-red);
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-danger:before{
      font-family:'icomoon';
      font-style:normal;
      font-weight:normal;
      font-feature-settings:normal;
      font-variant:normal;
      line-height:1;
      text-transform:none;
      speak:none;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      content:"";
      position:relative;
      font-size:calc((5 / 20) * 1rem);
      font-size:calc((5 / var(--font-size)) * 1rem);
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success{
      background-color:#158802;
      background-color:var(--c-green)
  }
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success::before{
      font-size:calc((5 / 20) * 1rem);
      font-size:calc((5 / var(--font-size)) * 1rem)
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-success:before{
      font-family:'icomoon';
      font-style:normal;
      font-weight:normal;
      font-feature-settings:normal;
      font-variant:normal;
      line-height:1;
      text-transform:none;
      speak:none;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      content:"";
      position:relative;
  }
  
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral{
      background-color:canvastext;
  }
  
  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-neutral::before{
      content:'';
      position:relative;
      z-index:1;
      width:calc((3 / 20) * 1rem);
      width:calc((3 / var(--font-size)) * 1rem);
      height:calc((3 / 20) * 1rem);
      height:calc((3 / var(--font-size)) * 1rem);
      background-color:canvas;
      border-radius:50%;
  }

  #wommain .theses__slider .glide__bullets li.is-hovered .glide__bullet.is-skip {
      background-color:#a8a8a8;
      background-color:var(--c-light-gray)
  }
  
  /* Traffic light */
  
  #wommain .traffic-light,#wommain .party-comparison__spot .party-comparion__empty-spot{
    position:relative;
    display:block;
    width:calc((34 / 20) * 1rem);
    width:calc((34 / var(--font-size)) * 1rem);
    height:calc((34 / 20) * 1rem);
    height:calc((34 / var(--font-size)) * 1rem);
    border:calc((2 / 20) * 1rem) solid transparent;
    border:calc((2 / var(--font-size)) * 1rem) solid transparent;
    border-radius:50%;
    transition:300ms background-color ease-in-out
  }
  #wommain .traffic-light span,#wommain .party-comparison__spot .party-comparion__empty-spot span{
      transition:inherit
  }
  @media screen and (max-width: 48em){
      #wommain .traffic-light,#wommain .party-comparison__spot .party-comparion__empty-spot{
          width:calc((24 / 20) * 1rem);
          width:calc((24 / var(--font-size)) * 1rem);
          height:calc((24 / 20) * 1rem);
          height:calc((24 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light i,#wommain .party-comparison__spot .party-comparion__empty-spot i{
      position:absolute;
      top:50%;
      left:50%;
      z-index:1;
      color:canvas;
      font-size:calc((15 / 20) * 1rem);
      font-size:calc((15 / var(--font-size)) * 1rem);
      transform:translateX(-50%) translateY(-50%)
  }
  @media screen and (max-width: 48em){
      #wommain .traffic-light i,#wommain .party-comparison__spot .party-comparion__empty-spot i{
          font-size:calc((9 / 20) * 1rem);
          font-size:calc((9 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light::after,#wommain .party-comparison__spot .party-comparion__empty-spot::after{
      content:'';
      position:absolute;
      top:50%;
      left:50%;
      width:90%;
      max-width:calc((56 / 20) * 1rem);
      max-width:calc((56 / var(--font-size)) * 1rem);
      height:90%;
      max-height:calc((56 / 20) * 1rem);
      max-height:calc((56 / var(--font-size)) * 1rem);
      background-color:inherit;
      border-radius:50%;
      transform:translateX(-50%) translateY(-50%);
      transition:300ms all ease-in-out
  }
  @media screen and (max-width: 48em){
      #wommain .traffic-light--hover{
          width:calc((34 / 20) * 1rem);
          width:calc((34 / var(--font-size)) * 1rem);
          height:calc((34 / 20) * 1rem);
          height:calc((34 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light--hover i{
      overflow:hidden;
      font-size:calc((17 / 20) * 1rem);
      font-size:calc((17 / var(--font-size)) * 1rem);
      border-radius:50%
  }
  @media screen and (max-width: 48em){
      #wommain .traffic-light--hover i{
          font-size:calc((15 / 20) * 1rem);
          font-size:calc((15 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light--hover::after{
      width:88%;
      height:88%
  }
  #wommain .traffic-light--hover:hover::after{
      width:110%;
      max-width:none;
      height:110%;
      max-height:none
  }
  #wommain .traffic-light--hover.focus-visible{
      outline:2px solid canvastext
  }
  #wommain .traffic-light--hover.focus-visible::after{
      width:110%;
      max-width:none;
      height:110%;
      max-height:none
  }
  #wommain .traffic-light--skip{
      background-color:#a8a8a8;
      background-color:var(--c-light-gray);
      border-color:canvastext
  }
  #wommain .traffic-light--skip.traffic-light--hover:hover,#wommain .traffic-light--skip.traffic-light--hover.focus-visible{
      background-color:transparent
  }
  #wommain .traffic-light--skip.traffic-light--hover:hover::after,#wommain .traffic-light--skip.traffic-light--hover.focus-visible::after{
      width:100%;
      height:100%;
      background-color:#a8a8a8;
      background-color:var(--c-light-gray)
  }
  #wommain .traffic-light--skip.is-selected{
      background-color:transparent
  }
  #wommain .traffic-light--skip.is-selected::after{
      background-color:#a8a8a8;
      background-color:var(--c-light-gray)
  }
  #wommain .traffic-light--skip.is-selected::before{
      content:'';
      position:absolute;
      top:50%;
      left:50%;
      z-index:1;
      width:88%;
      max-width:calc((56 / 20) * 1rem);
      max-width:calc((56 / var(--font-size)) * 1rem);
      height:88%;
      max-height:calc((56 / 20) * 1rem);
      max-height:calc((56 / var(--font-size)) * 1rem);
      border:calc((2 / 20) * 1rem) solid canvastext;
      border:calc((2 / var(--font-size)) * 1rem) solid canvastext;
      border-radius:50%;
      transform:translateX(-50%) translateY(-50%);
      transition:300ms all ease-in-out
  }
  #wommain .traffic-light--skip--outline{
      border:calc((2 / 20) * 1rem) solid canvastext;
      border:calc((2 / var(--font-size)) * 1rem) solid canvastext
  }
  #wommain .traffic-light--skip--outline::before{
      content:'';
      position:absolute;
      top:50%;
      left:50%;
      z-index:1;
      width:90%;
      max-width:calc((56 / 20) * 1rem);
      max-width:calc((56 / var(--font-size)) * 1rem);
      height:90%;
      max-height:calc((56 / 20) * 1rem);
      max-height:calc((56 / var(--font-size)) * 1rem);
      border:calc((2 / 20) * 1rem) solid canvastext;
      border:calc((2 / var(--font-size)) * 1rem) solid canvastext;
      border-radius:50%;
      transform:translateX(-50%) translateY(-50%);
      transition:300ms all ease-in-out
  }
  #wommain .traffic-light--skip--outline::after{
      background-color:#a8a8a8;
      background-color:var(--c-light-gray)
  }
  #wommain .traffic-light--skip--outline.is-selected,#wommain .traffic-light--skip--outline.traffic-light--hover:hover,#wommain .traffic-light--skip--outline.traffic-light--hover.focus-visible{
      background-color:#a8a8a8;
      background-color:var(--c-light-gray)
  }
  #wommain .traffic-light--skip--outline.is-selected::after,#wommain .traffic-light--skip--outline.traffic-light--hover:hover::after,#wommain .traffic-light--skip--outline.traffic-light--hover.focus-visible::after{
      background-color:transparent
  }
  #wommain .traffic-light--dark{
      background-color:currentColor;
      border-color:canvastext
  }
  #wommain .traffic-light--dark::before{
      content:'';
      position:absolute;
      top:50%;
      left:50%;
      z-index:1;
      width:calc((6 / 20) * 1rem);
      width:calc((6 / var(--font-size)) * 1rem);
      height:calc((6 / 20) * 1rem);
      height:calc((6 / var(--font-size)) * 1rem);
      background-color:canvas;
      border-radius:50%;
      transform:translateX(-50%) translateY(-50%)
  }
  #wommain .traffic-light--dark.is-selected,#wommain .traffic-light--dark.traffic-light--hover:hover,#wommain .traffic-light--dark.traffic-light--hover.focus-visible{
      background-color:transparent
  }
  #wommain .traffic-light--dark.is-selected::after,#wommain .traffic-light--dark.traffic-light--hover:hover::after,#wommain .traffic-light--dark.traffic-light--hover.focus-visible::after{
      background-color:canvastext
  }
  #wommain .traffic-light--dark--outline{
      border:calc((2 / 20) * 1rem) solid canvastext;
      border:calc((2 / var(--font-size)) * 1rem) solid canvastext
  }
  #wommain .traffic-light--dark--outline::before{
      content:'';
      position:absolute;
      top:50%;
      left:50%;
      z-index:1;
      width:calc((6 / 20) * 1rem);
      width:calc((6 / var(--font-size)) * 1rem);
      height:calc((6 / 20) * 1rem);
      height:calc((6 / var(--font-size)) * 1rem);
      background-color:canvas;
      border-radius:50%;
      transform:translateX(-50%) translateY(-50%)
  }
  #wommain .traffic-light--dark--outline.traffic-light--big::before,#wommain .traffic-light--dark--outline.traffic-light--big-sm::before,#wommain .party-comparison__spot .traffic-light--dark--outline.party-comparion__empty-spot::before{
      width:calc((14 / 20) * 1rem);
      width:calc((14 / var(--font-size)) * 1rem);
      height:calc((14 / 20) * 1rem);
      height:calc((14 / var(--font-size)) * 1rem)
  }
  #wommain .traffic-light--dark--outline::after{
      background-color:canvastext
  }
  #wommain .traffic-light--danger {
      background-color:#ed0311;
      background-color:var(--c-red);
      border-color:#ed0311;
      border-color:var(--c-red)
  }
        
  #wommain .traffic-light--danger.is-selected,
  #wommain .traffic-light--danger.traffic-light--hover:hover,
  #wommain .traffic-light--danger.traffic-light--hover.focus-visible{
    border-color:#ed0311;
    border-color:var(--c-red);
    background-color: transparent;
  }
    
  #wommain .traffic-light--danger.is-selected::after,
  #wommain .traffic-light--danger.traffic-light--hover:hover::after,
  #wommain .traffic-light--danger.traffic-light--hover.focus-visible::after {
      background-color:#ed0311;
      background-color:var(--c-red)
  }
  #wommain .traffic-light--danger--outline{
      border:calc((2 / 20) * 1rem) solid #ed0311;
      border:calc((2 / var(--font-size)) * 1rem) solid var(--c-red)
  }
  #wommain .traffic-light--danger--outline::after{
      background-color:#ed0311;
      background-color:var(--c-red)
  }
  #wommain .traffic-light--danger--outline.is-selected,#wommain .traffic-light--danger--outline.traffic-light--hover:hover,#wommain .traffic-light--danger--outline.traffic-light--hover.focus-visible{
      background-color:#ed0311;
      background-color:var(--c-red)
  }
  
  #wommain .traffic-light--danger--outline.is-selected::after,
  #wommain .traffic-light--danger--outline.traffic-light--hover:hover::after,
  #wommain .traffic-light--danger--outline.traffic-light--hover.focus-visible::after {
      background-color:transparent
  }
  #wommain .traffic-light--success{
      background-color:#158802;
      background-color:var(--c-green);
      border-color:#158802;
      border-color:var(--c-green)
  }
  
  /* @media (prefers-color-scheme: dark) and (forced-colors: none) */
  #wommain .traffic-light--success--outline--forced-colors::after {
    background-color:#158802 !important;
    background-color:var(--c-green) !important;
  }
  
  #wommain .traffic-light--success.is-selected {
    border-width: 0.1rem;
    border-width: calc(2/var(--font-size)*1rem);
    border-color: #158802;
  }

  #wommain .traffic-light--success.is-selected,
  #wommain .traffic-light--success.traffic-light--hover:hover,
  #wommain .traffic-light--success.traffic-light--hover.focus-visible {
      background-color:transparent
  }
  
  #wommain .traffic-light--success.is-selected::after,#wommain .traffic-light--success.traffic-light--hover:hover::after,#wommain .traffic-light--success.traffic-light--hover.focus-visible::after{
      background-color:#158802;
      background-color:var(--c-green)
  }
  #wommain .traffic-light--success--outline{
      border:calc((2 / 20) * 1rem) solid #158802;
      border:calc((2 / var(--font-size)) * 1rem) solid var(--c-green)
  }
  #wommain .traffic-light--success--outline::after{
      background-color:#158802;
      background-color:var(--c-green)
  }
  #wommain .traffic-light--big,#wommain .traffic-light--big-sm,#wommain .party-comparison__spot .party-comparion__empty-spot{
      width:calc((70 / 20) * 1rem);
      width:calc((70 / var(--font-size)) * 1rem);
      height:calc((70 / 20) * 1rem);
      height:calc((70 / var(--font-size)) * 1rem)
  }
  @media screen and (max-width: 74.9375em){
      #wommain .traffic-light--big,#wommain .traffic-light--big-sm,#wommain .party-comparison__spot .party-comparion__empty-spot{
          width:calc((48 / 20) * 1rem);
          width:calc((48 / var(--font-size)) * 1rem);
          height:calc((48 / 20) * 1rem);
          height:calc((48 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light--big i,#wommain .traffic-light--big-sm i,#wommain .party-comparison__spot .party-comparion__empty-spot i{
      font-size:calc((28 / 20) * 1rem);
      font-size:calc((28 / var(--font-size)) * 1rem)
  }
  @media screen and (max-width: 74.9375em){
      #wommain .traffic-light--big i,#wommain .traffic-light--big-sm i,#wommain .party-comparison__spot .party-comparion__empty-spot i{
          font-size:calc((24 / 20) * 1rem);
          font-size:calc((24 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light--big-sm{
      width:calc((34 / 20) * 1rem);
      width:calc((34 / var(--font-size)) * 1rem);
      height:calc((34 / 20) * 1rem);
      height:calc((34 / var(--font-size)) * 1rem)
  }
  #wommain .traffic-light--big-sm i{
      font-size:calc((15 / 20) * 1rem);
      font-size:calc((15 / var(--font-size)) * 1rem)
  }
  @media screen and (max-width: 48em){
      #wommain .traffic-light--big-sm{
          width:calc((48 / 20) * 1rem);
          width:calc((48 / var(--font-size)) * 1rem);
          height:calc((48 / 20) * 1rem);
          height:calc((48 / var(--font-size)) * 1rem)
      }
  }
  #wommain .traffic-light-select{
      position:relative;
      display:flex;
      align-items:center;
      outline:none
  }
  #wommain .traffic-light-select button.focus-visible{
      outline:calc((2 / 20) * 1rem) solid canvastext;
      outline:calc((2 / var(--font-size)) * 1rem) solid canvastext
  }
  #wommain .traffic-light-select__list{
      margin:0;
      padding:0;
      list-style:none;
      position:absolute;
      top:calc((-6 / 20) * 1rem);
      top:calc((-6 / var(--font-size)) * 1rem);
      left:calc((-6 / 20) * 1rem);
      left:calc((-6 / var(--font-size)) * 1rem);
      z-index:2;
      display:none;
      max-height:10em;
      padding:calc((6 / 20) * 1rem);
      padding:calc((6 / var(--font-size)) * 1rem);
      background-color:canvas;
      border-radius:calc((60 / 20) * 1rem);
      border-radius:calc((60 / var(--font-size)) * 1rem);
      outline:none;
      box-shadow:0 calc((2 / 20) * 1rem) calc((4 / 20) * 1rem) 0 rgba(0,0,0,0.2);
      box-shadow:0 calc((2 / var(--font-size)) * 1rem) calc((4 / var(--font-size)) * 1rem) 0 rgba(0,0,0,0.2)
  }
  @media screen and (max-width: 74.9375em){
      #wommain .traffic-light-select__list{
          max-height:12em
      }
  }
  #wommain .traffic-light-select__list.is-active{
      display:block
  }
  #wommain .traffic-light-select__list li{
      outline:none;
      cursor:pointer
  }
  #wommain .traffic-light-select__list li.is-selected{
      outline:calc((2 / 20) * 1rem) solid canvastext;
      outline:calc((2 / var(--font-size)) * 1rem) solid canvastext
  }
  #wommain .traffic-light-select__list li:not(:last-child){
      margin-bottom:calc((5 / 20) * 1rem);
      margin-bottom:calc((5 / var(--font-size)) * 1rem)
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .party-comparison__spot .party-comparion__empty-spot i, #wommain .traffic-light i {
    background-color: transparent;
  }

  /* media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  .icon-check::before, .icon-cross::before {
    background-color: transparent;
  }
  
  #wommain #navigation {
    background: linear-gradient(#ffab0e,#ffca11) fixed;
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .header__nav-list a:hover {
    text-decoration: none;
  }

  #wommain .tabs__button.is-active .tabs__image {
    box-shadow: none;    
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .tabs__button.focus-visible .tabs__image, #wommain .tabs__button.is-active .tabs__image, #wommain .tabs__button:hover .tabs__image {
    outline: none;
  }
  
  #wommain .tabs__button .tabs__image {
    background-color: transparent;
  }
  
  #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%,.3);
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .tabs__button.focus-visible .tabs__image, 
  #wommain .tabs__button.is-active .tabs__image, 
  #wommain .tabs__button:hover .tabs__image {
    outline: none;
  }
  
  #wommain li.tabs__list-item button.tabs__button {
    text-decoration: none;
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .tabs__image .st0 {
    fill: #fff;
  }
  
  /* DGS-Video */
  
  #wommain .plyr--video .plyr__controls{
    background-color:#000;
  }
  
  
  #wommain .plyr--video .plyr__control {
    outline-color: #ffb600;
  }
  
  #wommain .plyr--video .plyr__control.plyr__tab-focus, 
  #wommain .plyr--video .plyr__control:hover, 
  #wommain .plyr--video .plyr__control[aria-expanded="true"] {
    color: #ffb600;
  }
  
  #wommain .plyr--video .plyr__control:focus {
    outline: 3px dotted #ffb600;
    outline: 3px dotted var(--ci-color);
  }
  
  #wommain .dialog__window:focus, 
  #wommain .plyr-video:focus, 
  #wommain .plyr:focus {
    outline: 0.15rem dotted #000;
    outline: calc(3/var(--font-size)*1rem) dotted #000;
  }

  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .plyr--video .plyr__control--overlaid {
    color: #000;
    background-color: #ffb600;
    outline: 0.1rem solid #000;
    outline: calc(2/var(--font-size)*1rem) solid var(--ci-black);
  }
  
  #wommain .plyr--video .plyr__control--overlaid:focus, 
  #wommain .plyr--video .plyr__control--overlaid:hover {
    color: #ffb600;
    background-color: #000;
    border: 0.1rem solid #ffb600;
    border: calc(2/var(--font-size)*1rem) solid #ffb600;
    outline: 0.1rem solid #000;
    outline: calc(2/var(--font-size)*1rem) solid #000;
  }

  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .plyr--video .plyr__control svg {
    fill: #ffb600;
  }
    
  #wommain .plyr--video .plyr__control--overlaid svg {
    fill: #000;
  }
    
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .plyr--video .plyr__control--overlaid:focus svg, 
  #wommain .plyr--video .plyr__control--overlaid:hover svg {
    fill: #ffb600;
  }
  
  #wommain .plyr--video input[type='range']{
    color: #ffb600;
  }

  /* Tuning */
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .traffic-light--skip.is-selected {
    border-color: #000;
    background-color: transparent;
  }
 
  /* Parteivergleich */
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .party-comparison__add-party, #wommain .party-comparison__remove-party {
    border: none;
  }

  #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 {
    font-weight: 400;
    font-size: .8rem;
    font-size: calc(16/var(--font-size)*1rem);
    background-color: transparent;
  }
  
  
  #wommain .party-comparison__spot .traffic-light.traffic-light--success--outline::after,
  #wommain .party-comparison__spot .traffic-light .icon-check,
  #wommain .party-comparison__spot .party-comparion__empty-spot .icon-check {
    background-color: var(--c-green);
  }
  
  
  #wommain .party-comparison__spot .traffic-light.traffic-light--danger--outline::after,
  #wommain .party-comparison__spot .traffic-light .icon-cross,
  #wommain .party-comparison__spot .party-comparion__empty-spot .icon-cross {
    background-color:#ed0311;
    background-color:var(--c-red);
  }
  
  #wommain .party-comparison__spot .party-comparion__empty-spot {
    opacity: 1;
    background-color: #b8830b;
    border-color:#000;
  }

  #wommain .party-comparison__spot .party-comparion__empty-spot::after, 
  #wommain .party-comparison__spot .traffic-light::after {
    /*color: canvas;
    background-color: canvastext;*/
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .party-comparison__sticky-action-bar {
    background-color: #ffb600;
    background-color: var(--c-orange);
    border-color: #000;
  }
  
  #wommain .party-comparison #party-comparison__modal .dialog__window::after {
    background-color: #ffb600 !important;
    background-color: var(--c-orange) !important;
  }
  
  #wommain .party-comparison #party-comparison__modal .dialog__tab-item:hover,
  #wommain .party-comparison #party-comparison__modal .dialog__tab-item.is-active {
    background-color: hsla(0,0%,100%,.3);
    color:#000;
  }
  /*  @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .party-comparison #party-comparison__modal .dialog__tab-item .tooltip {
    color: #fff;
    background-color: #000;
  }
  
  /* @media (-ms-high-contrast:active), (forced-colors: active), (prefers-color-scheme: dark) */
  #wommain .party-comparison__item {
    border-bottom: none;
  }
  

}

#wommain .plyr--video .plyr__control--overlaid {
  outline: 0.1rem solid #000;
  outline: calc(2/var(--font-size)*1rem) solid #000;
}

#wommain .button[aria-pressed="true"]:not([href]) {
  color: #fff !important;
  background-color: #000 !important;
  outline-color: #000;
}

#wommain .glide .glide__bullet--active.focus-visible:not(.glide__bullet--already-active) {
  outline: 3px solid #000;
}