/*** font Stacks ***/
/*** // font Stacks ***/
/*** config ***/
/*** // config ***/
/*** chromeless basics ***/
/*** // chromeless basics ***/
/*** responsive ***/
/* breakpoint when left padding of "Blatt" should be removed, ~ tablet */
/* breakpoint for mobile with no margin for "Blatt", ~ phone */
/* breakpoint when everything fits, i. e. "Blatt" and padding, ~ desktop */
/*** // responsive ***/
.socialshare {
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden; }

.socialshare {
  margin-top: 8px; }

.socialshare button {
  display: block;
  float: left;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0 8px 0 0;
  width: 35px;
  height: 35px;
  cursor: pointer; }

/* For better accessibility */
.socialshare button .label {
  display: block;
  width: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -1000px; }

/* For the icons */
.socialshare button:before {
  display: block;
  width: 35px;
  height: 35px;
  content: "";
  background-repeat: no-repeat;
  background-color: #F0F1F4;
  background-position: 50% 50%; }

.socialshare button:hover:before {
  background-color: #D2D3D6; }

/* Gray Icons */
.socialshare button.facebook:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgOCAxNyI+PHBhdGggZmlsbD0iI2E1YTVhNSIgZD0iTTAgNS42MjVoMS43NTh2LTEuNzA5YzAtLjc1NC4wMTktMS45MTYuNTY3LTIuNjM2LjU3Ni0uNzYyIDEuMzY4LTEuMjggMi43My0xLjI4IDIuMjE4IDAgMy4xNTIuMzE2IDMuMTUyLjMxNmwtLjQzOSAyLjYwNXMtLjczMy0uMjEyLTEuNDE3LS4yMTJjLS42ODUgMC0xLjI5Ni4yNDUtMS4yOTYuOTI5djEuOTg2aDIuODA0bC0uMTk3IDIuNTQ1aC0yLjYwN3Y4LjgzOWgtMy4yOTd2LTguODM5aC0xLjc1OHYtMi41NDR6Ii8+PC9zdmc+"); }

.socialshare button.twitter:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE3IDE0Ij48cGF0aCBmaWxsPSIjYTVhNWE1IiBkPSJNMTcuMDM3IDEuNjM5Yy0uNjI3LjI3OC0xLjMwMS40NjYtMi4wMDguNTUuNzIzLS40MzMgMS4yNzctMS4xMTcgMS41MzctMS45MzMtLjY3Ni40LTEuNDIzLjY5MS0yLjIyMS44NDctLjYzNS0uNjc5LTEuNTQ0LTEuMTAzLTIuNTUtMS4xMDMtMS45MyAwLTMuNDk0IDEuNTY1LTMuNDk0IDMuNDk1IDAgLjI3NC4wMy41NDEuMDkuNzk2LTIuOTA1LS4xNDYtNS40OC0xLjUzNi03LjIwNS0zLjY1Mi0uMzAxLjUxOC0uNDczIDEuMTE4LS40NzMgMS43NTggMCAxLjIxMS42MTcgMi4yODIgMS41NTUgMi45MDktLjU3My0uMDE3LTEuMTEyLS4xNzYtMS41ODQtLjQzNnYuMDQzYzAgMS42OTQgMS4yMDUgMy4xMDcgMi44MDUgMy40MjgtLjI5NC4wODItLjYwMi4xMjMtLjkyMi4xMjMtLjIyNSAwLS40NDUtLjAyMS0uNjU3LS4wNjMuNDQ0IDEuMzg5IDEuNzM1IDIuMzk5IDMuMjY1IDIuNDI2LTEuMTk2LjkzOC0yLjcwNCAxLjQ5Ny00LjM0MSAxLjQ5Ny0uMjgyIDAtLjU2MS0uMDE2LS44MzQtLjA0OCAxLjU0Ny45OSAzLjM4NCAxLjU2OSA1LjM1OCAxLjU2OSA2LjQzIDAgOS45NDUtNS4zMjUgOS45NDUtOS45NDVsLS4wMS0uNDUyYy42ODQtLjQ5MiAxLjI3Ny0xLjEwOCAxLjc0NC0xLjgwOSIvPjwvc3ZnPg=="); }

.socialshare button.googleplus:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij48cGF0aCBmaWxsPSIjYTVhNWE1IiBkPSJNNS4zODIgMTYuMTY3Yy0yLjAyMiAwLTMuNDgyLTEuMjc5LTMuNDgyLTIuODE3IDAtMS41MDcgMS44MTItMi43NjEgMy44MzMtMi43MzkuNDcyLjAwNS45MTIuMDgxIDEuMzExLjIxIDEuMDk3Ljc2NCAxLjg4NCAxLjE5NCAyLjEwNiAyLjA2NC4wNDIuMTc3LjA2NS4zNTcuMDY1LjU0MyAwIDEuNTM4LS45OSAyLjczOS0zLjgzMyAyLjczOW0uNTMyLTkuMDE2Yy0xLjM1Ni0uMDQxLTIuNjQ3LTEuNTE4LTIuODgxLTMuMy0uMjM1LTEuNzgyLjY3Ni0zLjE0NiAyLjAzMi0zLjEwNiAxLjM1Ni4wNDEgMi42NDcgMS40NyAyLjg4MSAzLjI1MnMtLjY3NSAzLjE5NS0yLjAzMiAzLjE1NG0yLjgxMyAyLjYzOWMtLjQ3Ni0uMzM3LTEuMzg2LTEuMTU2LTEuMzg2LTEuNjM4IDAtLjU2NS4xNjEtLjg0MyAxLjAxMS0xLjUwNy44NzEtLjY4MSAxLjQ4OC0xLjYzOCAxLjQ4OC0yLjc1IDAtMS4zMjUtLjU5LTIuNjE2LTEuNjk4LTMuMDQzaDEuNjdsMS4xNzktLjg1MmgtNS4yNjhjLTIuMzYxIDAtNC41ODMgMS43ODktNC41ODMgMy44NjEgMCAyLjExOCAxLjYxIDMuODI3IDQuMDEyIDMuODI3bC40ODgtLjAxNWMtLjE1Ni4yOTgtLjI2OC42MzUtLjI2OC45ODMgMCAuNTg5LjMxNyAxLjA2Ni43MTcgMS40NTZsLS45MTMuMDA5Yy0yLjkyNSAwLTUuMTc2IDEuODYyLTUuMTc2IDMuNzk1IDAgMS45MDIgMi40NjggMy4wOTIgNS4zOTMgMy4wOTIgMy4zMzQgMCA1LjE3Ny0xLjg5MiA1LjE3Ny0zLjc5NC0uMDAxLTEuNTI2LS40NTEtMi40NC0xLjg0My0zLjQyNG03LjY2NC0yLjQ4NGgtMi4wNTF2LTIuMDVoLTEuNjV2Mi4wNWgtMi4wNXYxLjY1aDIuMDV2Mi4wNTFoMS42NXYtMi4wNWgyLjA1MXYtMS42NTF6Ii8+PC9zdmc+"); }

/* White Icons */
.socialshare button.facebook:focus:before,
.socialshare button.facebook:hover:before {
  background-color: #3B5999;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgOCAxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNS42MjVoMS43NTh2LTEuNzA5YzAtLjc1NC4wMTktMS45MTYuNTY3LTIuNjM2LjU3Ni0uNzYyIDEuMzY4LTEuMjggMi43My0xLjI4IDIuMjE4IDAgMy4xNTIuMzE2IDMuMTUyLjMxNmwtLjQzOSAyLjYwNXMtLjczMy0uMjEyLTEuNDE3LS4yMTJjLS42ODUgMC0xLjI5Ni4yNDUtMS4yOTYuOTI5djEuOTg2aDIuODA0bC0uMTk3IDIuNTQ1aC0yLjYwN3Y4LjgzOWgtMy4yOTd2LTguODM5aC0xLjc1OHYtMi41NDR6Ii8+PC9zdmc+"); }

.socialshare button.twitter:focus:before,
.socialshare button.twitter:hover:before {
  background-color: #55ACEE;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE3IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcuMDM3IDEuNjM5Yy0uNjI3LjI3OC0xLjMwMS40NjYtMi4wMDguNTUuNzIzLS40MzMgMS4yNzctMS4xMTcgMS41MzctMS45MzMtLjY3Ni40LTEuNDIzLjY5MS0yLjIyMS44NDctLjYzNS0uNjc5LTEuNTQ0LTEuMTAzLTIuNTUtMS4xMDMtMS45MyAwLTMuNDk0IDEuNTY1LTMuNDk0IDMuNDk1IDAgLjI3NC4wMy41NDEuMDkuNzk2LTIuOTA1LS4xNDYtNS40OC0xLjUzNi03LjIwNS0zLjY1Mi0uMzAxLjUxOC0uNDczIDEuMTE4LS40NzMgMS43NTggMCAxLjIxMS42MTcgMi4yODIgMS41NTUgMi45MDktLjU3My0uMDE3LTEuMTEyLS4xNzYtMS41ODQtLjQzNnYuMDQzYzAgMS42OTQgMS4yMDUgMy4xMDcgMi44MDUgMy40MjgtLjI5NC4wODItLjYwMi4xMjMtLjkyMi4xMjMtLjIyNSAwLS40NDUtLjAyMS0uNjU3LS4wNjMuNDQ0IDEuMzg5IDEuNzM1IDIuMzk5IDMuMjY1IDIuNDI2LTEuMTk2LjkzOC0yLjcwNCAxLjQ5Ny00LjM0MSAxLjQ5Ny0uMjgyIDAtLjU2MS0uMDE2LS44MzQtLjA0OCAxLjU0Ny45OSAzLjM4NCAxLjU2OSA1LjM1OCAxLjU2OSA2LjQzIDAgOS45NDUtNS4zMjUgOS45NDUtOS45NDVsLS4wMS0uNDUyYy42ODQtLjQ5MiAxLjI3Ny0xLjEwOCAxLjc0NC0xLjgwOSIvPjwvc3ZnPg=="); }

.socialshare button::-moz-focus-inner {
  margin: 0;
  outline: 0;
  padding: 0; }

/** Small **/
.socialshare.small {
  height: 24px;
  bottom: -48px;
  left: 555px;
  overflow: hidden; }

.socialshare.small button {
  width: 24px;
  height: 24px;
  margin-right: 3px; }

.socialshare.small button:before {
  width: 24px;
  height: 24px; }

.socialshare.small button:last-child {
  margin-right: 0px; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * The ORF ON Font Family
 * font-weight: 400 = normal, 500 = medium, 700 = bold.
 *
 * - standard for modern browsers is woff
 * - eot is for IE 8 (can be removed soon)
 * -truetype is needed for android < 4.4, so may be needed for a long time to go
 *
 * This file is also available at http(s)://orf.at/fonts/fonts.css
 */
/******************************/
/*********** ORF ON ***********/
/******************************/
@font-face {
  font-family: 'ORF ON';
  font-weight: 400;
  /* normal */
  src: url("//orf.at/fonts/OrfOn-Regular.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-Regular.woff") format("woff"), url("//orf.at/fonts/OrfOn-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON';
  font-weight: 400;
  /* normal */
  font-style: italic;
  src: url("//orf.at/fonts/OrfOn-Italic.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-Italic.woff") format("woff"), url("//orf.at/fonts/OrfOn-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON';
  font-weight: 700;
  /* bold */
  src: url("//orf.at/fonts/OrfOn-Bold.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-Bold.woff") format("woff"), url("//orf.at/fonts/OrfOn-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON';
  font-weight: 700;
  /* bold */
  font-style: italic;
  src: url("//orf.at/fonts/OrfOn-BoldItalic.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-BoldItalic.woff") format("woff"), url("//orf.at/fonts/OrfOn-BoldItalic.ttf") format("truetype"); }

/**********************************************/
/*********** ORF ON Tabular Figures ***********/
/**********************************************/
@font-face {
  font-family: 'ORF ON TF';
  font-weight: 400;
  /* equivalent with normal */
  src: url("//orf.at/fonts/OrfOnTF-Regular.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-Regular.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON TF';
  font-weight: 400;
  /* equivalent with normal */
  font-style: italic;
  src: url("//orf.at/fonts/OrfOnTF-Italic.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-Italic.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON TF';
  font-weight: 700;
  /* equivalent with bold */
  src: url("//orf.at/fonts/OrfOnTF-Bold.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-Bold.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON TF';
  font-weight: 700;
  /* equivalent with bold */
  font-style: italic;
  src: url("//orf.at/fonts/OrfOnTF-BoldItalic.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-BoldItalic.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-BoldItalic.ttf") format("truetype"); }

/****************************************/
/*********** ORF ON Condensed ***********/
/****************************************/
@font-face {
  font-family: 'ORF ON Condensed';
  font-weight: 400;
  /* normal */
  src: url("//orf.at/fonts/OrfOn-CondensedRegular.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-CondensedRegular.woff") format("woff"), url("//orf.at/fonts/OrfOn-CondensedRegular.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed';
  font-weight: 500;
  src: url("//orf.at/fonts/OrfOn-CondensedMedium.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-CondensedMedium.woff") format("woff"), url("//orf.at/fonts/OrfOn-CondensedMedium.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed';
  font-weight: 700;
  /* bold */
  src: url("//orf.at/fonts/OrfOn-CondensedBold.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOn-CondensedBold.woff") format("woff"), url("//orf.at/fonts/OrfOn-CondensedBold.ttf") format("truetype"); }

/***************************************************/
/*********** ORF ON Condensed Small Caps ***********/
/***************************************************/
@font-face {
  font-family: 'ORF ON Condensed SC';
  font-weight: 400;
  /* normal */
  src: url("//orf.at/fonts/OrfOnSC-CondensedRegular.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnSC-CondensedRegular.woff") format("woff"), url("//orf.at/fonts/OrfOnSC-CondensedRegular.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed SC';
  font-weight: 500;
  src: url("//orf.at/fonts/OrfOnSC-CondensedMedium.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnSC-CondensedMedium.woff") format("woff"), url("//orf.at/fonts/OrfOnSC-CondensedMedium.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed SC';
  font-weight: 700;
  /* bold */
  src: url("//orf.at/fonts/OrfOnSC-CondensedBold.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnSC-CondensedBold.woff") format("woff"), url("//orf.at/fonts/OrfOnSC-CondensedBold.ttf") format("truetype"); }

/********************************************************/
/*********** ORF ON Condensed Tabular Figures ***********/
/********************************************************/
@font-face {
  font-family: 'ORF ON Condensed TF';
  font-weight: 400;
  /* normal */
  src: url("//orf.at/fonts/OrfOnTF-CondensedRegular.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-CondensedRegular.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-CondensedRegular.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed TF';
  font-weight: 500;
  src: url("//orf.at/fonts/OrfOnTF-CondensedMedium.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-CondensedMedium.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-CondensedMedium.ttf") format("truetype"); }

@font-face {
  font-family: 'ORF ON Condensed TF';
  font-weight: 700;
  /* bold */
  src: url("//orf.at/fonts/OrfOnTF-CondensedBold.eot?#Ole") format("embedded-opentype"), url("//orf.at/fonts/OrfOnTF-CondensedBold.woff") format("woff"), url("//orf.at/fonts/OrfOnTF-CondensedBold.ttf") format("truetype"); }

/*** Variables for colors ***/
/*** // Variables for colors ***/
html {
  height: 101%;
  /* prevents jumping grids and nasty renderings in all browsers */
  /* prevents text being resized when iphone rotated; */
  -webkit-text-size-adjust: 100%;
  /*don't set to 'none', text-resizing in desktop browsers doesn't work */
  background-color: #5286C1;
  color: #333;
  /* Not black on white, #333 is a little bit softer! */
  font-family: 'ORF ON', Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

body {
  min-width: 320px; }

abbr, acronym {
  border-bottom: 1px dotted #777;
  cursor: help; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

a {
  text-decoration: none;
  color: #556DA6; }
  a img {
    border: 0; }

.clearer {
  clear: both; }

.offscreen {
  position: absolute;
  top: -6000px;
  left: -6000px; }

.page.wahlcomputer {
  margin: 0 0 25px 25px;
  min-width: 320px;
  position: relative; }
  :not(.chromeless) > .page.wahlcomputer {
    max-width: 800px; }
  @media (max-width: 850px) {
    .page.wahlcomputer {
      margin: 0 25px 25px; } }
  @media (max-width: 459px) {
    .page.wahlcomputer {
      margin: 0; } }
  .page.wahlcomputer > .header {
    background: #5286C1;
    position: relative;
    height: 110px; }
    @media (max-width: 850px) {
      .page.wahlcomputer > .header {
        height: 77px; } }
    @media (max-width: 459px) {
      .page.wahlcomputer > .header {
        height: 48px; } }
    .page.wahlcomputer > .header #orfonTarget {
      position: absolute;
      top: 20px;
      left: 142px; }
      @media (max-width: 459px) {
        .page.wahlcomputer > .header #orfonTarget {
          top: 4px;
          left: 99px; } }
    .page.wahlcomputer > .header #newsLogo {
      position: absolute;
      top: 19px;
      left: 80px; }
      @media (max-width: 459px) {
        .page.wahlcomputer > .header #newsLogo {
          top: 3px;
          left: 37px; } }
    .page.wahlcomputer > .header .networkNavigation {
      background: #4371A3;
      position: absolute;
      top: 77px;
      height: 27px;
      width: 100%;
      font-size: 13px;
      line-height: 15px;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 850px) {
        .page.wahlcomputer > .header .networkNavigation {
          display: none; } }
      .page.wahlcomputer > .header .networkNavigation a {
        color: #fff;
        font-weight: normal;
        text-decoration: none; }
        .page.wahlcomputer > .header .networkNavigation a:focus, .page.wahlcomputer > .header .networkNavigation a:hover {
          text-decoration: underline; }
        .page.wahlcomputer > .header .networkNavigation a:focus, .page.wahlcomputer > .header .networkNavigation a:hover, .page.wahlcomputer > .header .networkNavigation a.current {
          color: #ABBFD2; }
      .page.wahlcomputer > .header .networkNavigation abbr {
        border: 0;
        cursor: pointer;
        text-decoration: none; }
      .page.wahlcomputer > .header .networkNavigation li {
        float: left;
        display: inline;
        padding: 6px 10px 6px 18px; }
      .page.wahlcomputer > .header .networkNavigation .sitemapMenu {
        padding-right: 20px;
        position: absolute;
        right: 0px;
        height: 15px; }
        .page.wahlcomputer > .header .networkNavigation .sitemapMenu.active {
          outline: none;
          background: #143B61; }
      .page.wahlcomputer > .header .networkNavigation .sitemap {
        display: none;
        position: absolute;
        right: 0;
        z-index: 1000;
        width: 619px;
        height: 245px;
        padding: 4px 10px;
        outline: none;
        background-color: rgba(6, 64, 110, 0.9); }
        .page.wahlcomputer > .header .networkNavigation .sitemap .list h3 {
          color: #E0E0E0;
          margin: 5px 0 7px 0;
          outline: none; }
        .page.wahlcomputer > .header .networkNavigation .sitemap .list li {
          float: left;
          display: block;
          padding: 0; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li a {
            font-weight: normal;
            text-decoration: none; }
            .page.wahlcomputer > .header .networkNavigation .sitemap .list li a:hover, .page.wahlcomputer > .header .networkNavigation .sitemap .list li a:focus {
              text-decoration: underline; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li.one {
            width: 155px; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li.two {
            width: 163px; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li.three {
            width: 160px; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li.four {
            width: 130px; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li.footer {
            background-color: #143B61;
            clear: left;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 619px;
            height: 33px;
            padding: 0 10px;
            text-align: right;
            font-weight: bold; }
            .page.wahlcomputer > .header .networkNavigation .sitemap .list li.footer a {
              color: #fff;
              position: relative;
              top: 11px;
              padding: 2px 0 2px 50px;
              background: transparent url("http://orf.at/mojo/storyserver/news/images/orf-brick.png") no-repeat scroll 0 0; }
              .page.wahlcomputer > .header .networkNavigation .sitemap .list li.footer a:hover {
                color: #c0c0c0; }
          .page.wahlcomputer > .header .networkNavigation .sitemap .list li li {
            float: none;
            display: block;
            margin: 4px 0; }
  .page.wahlcomputer > .footer {
    background: #16406B url("http://orf.at/mojo/storyserver/news/images/orf-brick.png") no-repeat 755px 6px;
    height: 30px;
    padding-right: 73px;
    font-size: 14px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    clear: both; }
    @media (max-width: 850px) {
      .page.wahlcomputer > .footer {
        background-image: none; } }
    .page.wahlcomputer > .footer ul {
      float: right;
      margin-top: 7px; }
      .page.wahlcomputer > .footer ul li {
        display: inline;
        margin-left: 32px; }
    @media (max-width: 790px) {
      .page.wahlcomputer > .footer {
        height: auto;
        padding: 0.3em;
        padding-right: 10px; }
        .page.wahlcomputer > .footer ul {
          float: none; }
        .page.wahlcomputer > .footer ul li {
          display: block;
          margin-bottom: 0.4em;
          margin-left: 0; } }
    .page.wahlcomputer > .footer a {
      color: #fff;
      text-decoration: none; }
      .page.wahlcomputer > .footer a:focus, .page.wahlcomputer > .footer a:hover {
        color: #ABBFD2;
        text-decoration: underline; }

iframe.fullWidth {
  border: 0 none;
  /* workaround for ios safari: iframe always gets size from content;
 * for this to work, iframe needes scrolling=no
 */
  width: 1px;
  min-width: 100%;
  max-width: 100%; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.wahlLogo {
  background: url("../images/logos/flag.wahl17.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  display: block;
  width: 153px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 16px;
  text-indent: -3000px;
  overflow: hidden; }
  @media (max-width: 459px) {
    .wahlLogo {
      right: 8px;
      top: -1px; } }
  @media (max-width: 359px) {
    .wahlLogo {
      width: 102px; } }

.plainview .wahlcomputer {
  background: url("../images/background_plainview.png"); }

.plainview .hideInPlain,
.plainview .legend {
  display: none !important; }

.plainview #wc-projection:after,
.plainview #wc-paper:after,
.plainview #wc-canvas.visible:after {
  text-shadow: 0px 0px 2px black;
  margin-top: 30px;
  border-top: 10px solid #ff530d;
  border-bottom: 10px solid #ff530d;
  content: "Screenshots in Photoshop als PNG abspeichern!";
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #a60303;
  font-size: 25px;
  background-image: repeating-linear-gradient(45deg, #a60303, #a60303 35px, #ff530d 35px, #ff530d 70px); }

.plainview #wc-projection-wrapper {
  width: 448px;
  max-width: 1000px;
  background: transparent; }

.bannerContainer {
  position: fixed;
  top: 0;
  left: 844px;
  right: 0;
  bottom: 0;
  overflow-y: hidden; }
  body.ios .bannerContainer {
    position: absolute !important; }
  .bannerContainer #sitebarBannerIframe {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

#wc-container {
  position: relative;
  min-height: 300px;
  background: white; }

.loading-indicator {
  position: absolute;
  left: 400px;
  top: 25px; }
  .loading-indicator.hidden {
    display: none; }
  @media (max-width: 850px) {
    .loading-indicator {
      display: none; } }

#ieMessage {
  background: #FFF9C4;
  padding: 16px 170px 20px 167px;
  font-size: 12px;
  border-top: 1px solid #D9D9D9; }
  #ieMessage h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 8px 0; }
  #ieMessage p {
    font-size: 15px;
    line-height: 18px; }

/**
 * Infobox if JS is disabled
 */
noscript div {
  padding: 80px 100px 100px 100px;
  background: #fff; }
  noscript div p {
    background: #fbf6a3;
    padding: 14px;
    border: 1px solid #f06b6b;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.6em; }

.wahlcomputer a {
  text-decoration: none; }
  .wahlcomputer a:focus, .wahlcomputer a:hover {
    text-decoration: none; }

.wahlcomputer h1 {
  color: #222222;
  font-size: 1.533em;
  font-weight: bold;
  line-height: 1.261em;
  margin-bottom: 0.87em;
  margin: 31px 0 0 167px; }

.wahlcomputer h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.333em;
  margin-bottom: 2px; }

.wahlcomputer .hiddenTitleDetails {
  cursor: help; }

.blurb {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 15px;
  background: #fff;
  margin-top: 10px;
  padding: 25px 161px 25px 167px;
  position: relative; }
  @media (max-width: 748px) {
    .blurb {
      padding: 25px; } }

.infobox,
.wc-lastupdated {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 15px; }
  .infobox a,
  .wc-lastupdated a {
    color: #333; }

.wc-lastupdated p {
  margin: 10px 0; }

.infobox {
  max-width: 472px;
  margin-right: 16px;
  margin-top: 24px;
  line-height: 1.25;
  font-size: 15px; }
  .infobox p {
    margin: 10px 0;
    color: #999; }
  .infobox a {
    color: #999; }

#wc-projection .infobox {
  margin-right: 12px; }

#wc-wsa-container {
  display: table;
  margin-left: 160px;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: white;
  padding: 10px 20px; }

.wahlerstromanalyse .infotext {
  padding-top: 1em;
  padding-bottom: 1em; }

.wahlerstromanalyse .infotext p {
  margin-bottom: 0.5em; }

/*! jQuery UI - v1.9.2 - 2012-12-27
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
.ui-menu {
  list-style: none;
  padding: 0px;
  margin: 0;
  display: block;
  outline: none;
  z-index: 150;
  zoom: 1; }

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%; }

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal; }

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: 0;
  cursor: pointer; }

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5; }

.ui-menu .ui-state-disabled a {
  cursor: default; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 15px; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #fbfbfb;
  font-weight: bold;
  color: #1c94c4; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 0;
  background: #e0e0e0;
  font-weight: bold;
  color: #000; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff;
  font-weight: bold;
  color: #eb8f00; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -khtml-border-top-left-radius: 2px;
  border-top-left-radius: 2px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  -khtml-border-top-right-radius: 2px;
  border-top-right-radius: 2px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -khtml-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -khtml-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none; }

body .ui-tooltip {
  border-width: 2px; }

html.app {
  background: #fff; }

.chromeless .page {
  padding: 0;
  margin: 0;
  width: 100%; }

.chromeless .socialshare {
  display: none !important; }

.chromeless .infobox {
  max-width: 100%;
  margin-right: 16px;
  margin-top: 24px; }

/**
 * Colors Config
 */
.projection .partyWrapper.oevp .barchartResult .variation.top {
  background: rgba(100, 196, 210, 0.5);
  border-bottom: 1px solid #64c4d2; }

.projection .partyWrapper.spoe .barchartResult .variation.top {
  background: rgba(227, 0, 28, 0.5);
  border-bottom: 1px solid #e3001c; }

.projection .partyWrapper.kpoe .barchartResult .variation.top {
  background: rgba(227, 0, 28, 0.5);
  border-bottom: 1px solid #e3001c; }

.projection .partyWrapper.gruene .barchartResult .variation.top {
  background: rgba(128, 178, 10, 0.5);
  border-bottom: 1px solid #80b20a; }

.projection .partyWrapper.fpoe .barchartResult .variation.top {
  background: rgba(36, 83, 161, 0.5);
  border-bottom: 1px solid #2453a1; }

.projection .partyWrapper.neos .barchartResult .variation.top {
  background: rgba(230, 27, 114, 0.5);
  border-bottom: 1px solid #e61b72; }

.projection .partyWrapper.pirat .barchartResult .variation.top {
  background: rgba(72, 33, 125, 0.5);
  border-bottom: 1px solid #48217d; }

.projection .partyWrapper.sonst .barchartResult .variation.top {
  background: rgba(110, 139, 156, 0.5);
  border-bottom: 1px solid #6E8B9C; }

.projection .partyWrapper.tp .barchartResult .variation.top {
  background: rgba(110, 139, 156, 0.5);
  border-bottom: 1px solid #AFAFAF; }

.projection .partyWrapper.esk .barchartResult .variation.top {
  background: rgba(110, 139, 156, 0.5);
  border-bottom: 1px solid #32C21D; }

.projection .partyWrapper.wir .barchartResult .variation.top {
  background: rgba(110, 139, 156, 0.5);
  border-bottom: 1px solid #FFED00; }

.projection .partyWrapper.pilz .barchartResult .variation.top {
  background: rgba(230, 220, 188, 0.5);
  border-bottom: 1px solid #e6dcbc; }

.projection .partyWrapper.sonstige .barchartResult .variation.top {
  background: rgba(110, 139, 156, 0.5);
  border-bottom: 1px solid #6E8B9C; }

.projection .partyWrapper.oevp .barchartResult .variation.bottom {
  border-top: 1px solid #64c4d2; }

.projection .partyWrapper.spoe .barchartResult .variation.bottom {
  border-top: 1px solid #e3001c; }

.projection .partyWrapper.kpoe .barchartResult .variation.bottom {
  border-top: 1px solid #e3001c; }

.projection .partyWrapper.gruene .barchartResult .variation.bottom {
  border-top: 1px solid #80b20a; }

.projection .partyWrapper.fpoe .barchartResult .variation.bottom {
  border-top: 1px solid #2453a1;
  background: rgba(0, 0, 0, 0.2);
  /* override, because otherwise hardly visible */ }

.projection .partyWrapper.neos .barchartResult .variation.bottom {
  border-top: 1px solid #e61b72; }

.projection .partyWrapper.pirat .barchartResult .variation.bottom {
  border-top: 1px solid #48217d; }

.projection .partyWrapper.sonst .barchartResult .variation.bottom {
  border-top: 1px solid #6E8B9C; }

.projection .partyWrapper.tp .barchartResult .variation.bottom {
  border-top: 1px solid #AFAFAF; }

.projection .partyWrapper.esk .barchartResult .variation.bottom {
  border-top: 1px solid #32C21D; }

.projection .partyWrapper.wir .barchartResult .variation.bottom {
  border-top: 1px solid #FFED00; }

.projection .partyWrapper.pilz .barchartResult .variation.bottom {
  border-top: 1px solid #e6dcbc; }

.projection .partyWrapper.sonstige .barchartResult .variation.bottom {
  border-top: 1px solid #6E8B9C; }

#wc-mandates .mandates.oevp,
#wc-mandates2 .mandates.oevp {
  background: #64c4d2; }

#wc-mandates .mandates.spoe,
#wc-mandates2 .mandates.spoe {
  background: #e3001c; }

#wc-mandates .mandates.gruen, #wc-mandates .mandates.gruene,
#wc-mandates2 .mandates.gruen,
#wc-mandates2 .mandates.gruene {
  background: #80b20a; }

#wc-mandates .mandates.fpoe,
#wc-mandates2 .mandates.fpoe {
  background: #2453a1; }

#wc-mandates .mandates.neos,
#wc-mandates2 .mandates.neos {
  background: #e61b72; }

#wc-mandates .mandates.pirat,
#wc-mandates2 .mandates.pirat {
  background: #48217d; }

#wc-mandates .mandates.m,
#wc-mandates2 .mandates.m {
  background: #029fbb; }

#wc-mandates .mandates.wir,
#wc-mandates2 .mandates.wir {
  background: #e7b500; }

#wc-mandates .mandates.cpoe,
#wc-mandates2 .mandates.cpoe {
  background: #ffb500; }

#wc-mandates .mandates.bzoe,
#wc-mandates2 .mandates.bzoe {
  background: #F77F0A; }

#wc-mandates .mandates.kpoe,
#wc-mandates2 .mandates.kpoe {
  background: #900d11; }

#wc-mandates .mandates.puma,
#wc-mandates2 .mandates.puma {
  background: #a7a173; }

#wc-mandates .mandates.lbl,
#wc-mandates2 .mandates.lbl {
  background: #a7a173; }

#wc-mandates .mandates.tp,
#wc-mandates2 .mandates.tp {
  background: #AFAFAF; }

#wc-mandates .mandates.esk,
#wc-mandates2 .mandates.esk {
  background: #32C21D; }

#wc-mandates .mandates.pilz,
#wc-mandates2 .mandates.pilz {
  background: #e6dcbc; }

#wc-mandates .mandates.sonst, #wc-mandates .mandates.sonstige, #wc-mandates .mandates.sonst1, #wc-mandates .mandates.sonst2, #wc-mandates .mandates.sonst3, #wc-mandates .mandates.sonst4, #wc-mandates .mandates.sonst5, #wc-mandates .mandates.sonst6, #wc-mandates .mandates.sonst7, #wc-mandates .mandates.sonst8, #wc-mandates .mandates.sonst9,
#wc-mandates2 .mandates.sonst,
#wc-mandates2 .mandates.sonstige,
#wc-mandates2 .mandates.sonst1,
#wc-mandates2 .mandates.sonst2,
#wc-mandates2 .mandates.sonst3,
#wc-mandates2 .mandates.sonst4,
#wc-mandates2 .mandates.sonst5,
#wc-mandates2 .mandates.sonst6,
#wc-mandates2 .mandates.sonst7,
#wc-mandates2 .mandates.sonst8,
#wc-mandates2 .mandates.sonst9 {
  background: #6E8B9C; }

.oevp .barchartMandates svg path {
  fill: #64c4d2; }

.spoe .barchartMandates svg path {
  fill: #e3001c; }

.gruen .barchartMandates svg path,
.gruene .barchartMandates svg path {
  fill: #80b20a; }

.fpoe .barchartMandates svg path {
  fill: #2453a1; }

.neos .barchartMandates svg path {
  fill: #e61b72; }

.pirat .barchartMandates svg path {
  fill: #48217d; }

.m .barchartMandates svg path {
  fill: #029fbb; }

.wir .barchartMandates svg path {
  fill: #FFED00; }

.cpoe .barchartMandates svg path {
  fill: #ffb500; }

.bzoe .barchartMandates svg path {
  fill: #F77F0A; }

.kpoe .barchartMandates svg path {
  fill: #900d11; }

.puma .barchartMandates svg path {
  fill: #a7a173; }

.lbl .barchartMandates svg path {
  fill: #a7a173; }

.frank .barchartMandates svg path {
  fill: #f8d323; }

.tp .barchartMandates svg path,
.esk .barchartMandates svg path,
.sonst .barchartMandates svg path,
.sonstige .barchartMandates svg path,
.sonst1 .barchartMandates svg path,
.sonst2 .barchartMandates svg path,
.sonst3 .barchartMandates svg path,
.sonst4 .barchartMandates svg path,
.sonst5 .barchartMandates svg path,
.sonst6 .barchartMandates svg path,
.sonst7 .barchartMandates svg path,
.sonst8 .barchartMandates svg path,
.sonst9 .barchartMandates svg path {
  fill: #6E8B9C; }

.barchartResult .bar {
  /* needed to not overwrite .m wahlsite styles */
  background: #6E8B9C; }
  .oevp .barchartResult .bar {
    background: #64c4d2; }
  .spoe .barchartResult .bar {
    background: #e3001c; }
  .fpoe .barchartResult .bar {
    background: #2453a1; }
  .gruen .barchartResult .bar,
  .gruene .barchartResult .bar {
    background: #80b20a; }
  .fpoe .barchartResult .bar {
    background: #2453a1; }
  .neos .barchartResult .bar {
    background: #e61b72; }
  .pirat .barchartResult .bar {
    background: #48217d; }
  .wir .barchartResult .bar {
    background: #FFED00; }
  .cpoe .barchartResult .bar {
    background: #ffb500; }
  .bzoe .barchartResult .bar {
    background: #F77F0A; }
  .kpoe .barchartResult .bar {
    background: #900d11; }
  .puma .barchartResult .bar {
    background: #a7a173; }
  .lbl .barchartResult .bar {
    background: #a7a173; }
  .lug .barchartResult .bar {
    background: #e7b500; }
  .gri .barchartResult .bar {
    background: #8e88a7; }
  .frank .barchartResult .bar {
    background: #f8d323; }
  .www .barchartResult .bar {
    background: #02778c; }
  .gfw .barchartResult .bar {
    background: #297300; }
  .andas .barchartResult .bar {
    background: #48217d; }
  .tp .barchartResult .bar {
    background: #AFAFAF; }
  .esk .barchartResult .bar {
    background: #32C21D; }
  .pilz .barchartResult .bar {
    background: #e6dcbc; }
  .weisse .barchartResult .bar {
    background: #cac7d3; }
  .floe .barchartResult .bar {
    background: #e7b500; }
  .gilt .barchartResult .bar {
    background: #c03300; }
  .slp .barchartResult .bar {
    background: #af00b3; }
  .barchart .m .barchartResult .bar {
    background: #33d8ff; }
  .nbz .barchartResult .bar {
    background: #02778c; }
  .euaus .barchartResult .bar {
    background: #297300; }
  .odp .barchartResult .bar {
    background: #669afe; }
  .sonst .barchartResult .bar,
  .sonstige .barchartResult .bar,
  .sonst1 .barchartResult .bar,
  .sonst2 .barchartResult .bar,
  .sonst3 .barchartResult .bar,
  .sonst4 .barchartResult .bar,
  .sonst5 .barchartResult .bar,
  .sonst6 .barchartResult .bar,
  .sonst7 .barchartResult .bar,
  .sonst8 .barchartResult .bar,
  .sonst9 .barchartResult .bar {
    background: #6E8B9C; }

.cpoe .barchartResult .barLabel {
  color: #555; }

/* Don't show changes for new parties */
.pirat .barchartResult .barWrapper .barPrevious,
.andas .barchartResult .barWrapper .barPrevious,
.www .barchartResult .barWrapper .barPrevious,
.gfw .barchartResult .barWrapper .barPrevious,
.wir .barchartResult .barWrapper .barPrevious,
.frank .barchartResult .barWrapper .barPrevious, .pirat
.barchartResult .barWrapper .barChangePercent,
.andas
.barchartResult .barWrapper .barChangePercent,
.www
.barchartResult .barWrapper .barChangePercent,
.gfw
.barchartResult .barWrapper .barChangePercent,
.wir
.barchartResult .barWrapper .barChangePercent,
.frank
.barchartResult .barWrapper .barChangePercent {
  display: none !important; }

.municipalName .status.uncounted {
  background: #ecedee; }

.tabWrapper {
  position: relative;
  font-family: "ORF ON Condensed SC";
  background-color: #5286c1;
  height: 40px; }
  @media (max-width: 639px) {
    .tabWrapper {
      font-family: "ORF ON Condensed"; } }
  @media (max-width: 459px) {
    .tabWrapper {
      background: #f0f1f4;
      font-family: "ORF ON Condensed";
      overflow: hidden;
      box-shadow: 0 2px 2px 0 #ccc;
      z-index: 1; }
      .tabWrapper::before, .tabWrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 20px;
        z-index: 300;
        pointer-events: none; }
      .tabWrapper::before {
        left: 0;
        box-shadow: inset white 20px 0 20px -20px; }
      .tabWrapper::after {
        right: 0;
        box-shadow: inset white -20px 0 20px -20px; } }
  .tabWrapper .tabs {
    padding: 0;
    height: 40px;
    position: relative;
    list-style: none;
    overflow: hidden;
    z-index: 200;
    font-size: 16px;
    font-weight: 500; }
    @media (max-width: 459px) {
      .tabWrapper .tabs {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 20px; } }
    .tabWrapper .tabs li {
      display: inline-block;
      margin-right: 4px; }
      .tabWrapper .tabs li:last-child {
        margin-right: 0; }
      @media (max-width: 639px) {
        .tabWrapper .tabs li {
          margin-right: 2px; } }
      .tabWrapper .tabs li a {
        display: block;
        text-align: center;
        padding: 5px 14px;
        background: #f0f1f4;
        color: #466199;
        height: 40px;
        line-height: 30px;
        text-transform: uppercase;
        border-radius: 3px; }
        @media (max-width: 639px) {
          .tabWrapper .tabs li a {
            padding-left: 4px;
            padding-right: 4px;
            text-transform: none; } }
        @media (max-width: 459px) {
          .tabWrapper .tabs li a {
            padding-left: 14px;
            padding-right: 14px;
            text-transform: none; } }
      .tabWrapper .tabs li:not(.active) a:focus,
      .tabWrapper .tabs li:not(.active) a:hover,
      .tabWrapper .tabs li:not(.active):focus-within a {
        background: #dbdee5; }
      .tabWrapper .tabs li::after {
        box-shadow: 0px -2px 10px 5px rgba(0, 0, 0, 0.05);
        margin-top: -10px;
        display: block;
        height: 20px;
        content: "";
        width: 100%; }
        @media (max-width: 459px) {
          .tabWrapper .tabs li::after {
            content: none; } }
      .tabWrapper .tabs li:focus a, .tabWrapper .tabs li:hover a {
        outline: 0 none; }
    .tabWrapper .tabs .active a {
      color: #000;
      font-weight: 600;
      text-decoration: none;
      cursor: default;
      background: none;
      background: #fff; }
      @media (max-width: 459px) {
        .tabWrapper .tabs .active a {
          background: none; } }
    .tabWrapper .tabs .active::after {
      box-shadow: none; }
  .tabWrapper .bulaLogo {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-indent: -3000px;
    overflow: hidden;
    z-index: 1000; }
    .tabWrapper .bulaLogo.region10000 {
      background-image: url("../images/logos/bgl_2x.png"); }
    .tabWrapper .bulaLogo.region20000 {
      background-image: url("../images/logos/ktn_2x.png"); }
    .tabWrapper .bulaLogo.region30000 {
      background-image: url("../images/logos/noe_2x.png"); }
    .tabWrapper .bulaLogo.region40000 {
      background-image: url("../images/logos/ooe_2x.png"); }
    .tabWrapper .bulaLogo.region50000 {
      background-image: url("../images/logos/sbg_2x.png"); }
    .tabWrapper .bulaLogo.region60000 {
      background-image: url("../images/logos/stm_2x.png"); }
    .tabWrapper .bulaLogo.region70000 {
      background-image: url("../images/logos/tir_2x.png"); }
    .tabWrapper .bulaLogo.region80000 {
      background-image: url("../images/logos/vbg_2x.png"); }
    .tabWrapper .bulaLogo.region90000 {
      background-image: url("../images/logos/wie_2x.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tabWrapper .bulaLogo.region10000 {
    background-image: url("../images/logos/bgl_2x.png"); }
  .tabWrapper .bulaLogo.region20000 {
    background-image: url("../images/logos/ktn_2x.png"); }
  .tabWrapper .bulaLogo.region30000 {
    background-image: url("../images/logos/noe_2x.png"); }
  .tabWrapper .bulaLogo.region40000 {
    background-image: url("../images/logos/ooe_2x.png"); }
  .tabWrapper .bulaLogo.region50000 {
    background-image: url("../images/logos/sbg_2x.png"); }
  .tabWrapper .bulaLogo.region60000 {
    background-image: url("../images/logos/stm_2x.png"); }
  .tabWrapper .bulaLogo.region70000 {
    background-image: url("../images/logos/tir_2x.png"); }
  .tabWrapper .bulaLogo.region80000 {
    background-image: url("../images/logos/vbg_2x.png"); }
  .tabWrapper .bulaLogo.region90000 {
    background-image: url("../images/logos/wie_2x.png"); } }

/**
 * Navigation with breadcrumbs and analysis switch
 */
.navigationBar {
  z-index: 200;
  background: #fff;
  display: block;
  font-family: "ORF ON Condensed";
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  position: relative; }
  .navigationBar:empty {
    height: 0px;
    padding: 0px; }
  .navigationBar abbr {
    border: 0; }
  .navigationBar a:focus,
  .navigationBar a:hover {
    color: black;
    background: transparent; }
  .navigationBar .analysisSwitch li,
  .navigationBar .projectionSwitch li,
  .navigationBar .breadcrumbs .toplevel {
    display: inline-block;
    position: relative;
    z-index: 100;
    text-align: center;
    font-size: 16px;
    padding-right: 10px; }
  .navigationBar .breadcrumbs {
    margin-left: 124px; }
    .navigationBar .breadcrumbs::after {
      content: "";
      clear: both;
      display: block; }
    @media (max-width: 748px) {
      .navigationBar .breadcrumbs {
        margin-left: 12px; } }
    .chromeless .navigationBar .breadcrumbs {
      margin-left: 12px; }
    .touch .navigationBar .breadcrumbs .lastChild a {
      color: #000; }
    .touch .navigationBar .breadcrumbs .toplevel:not(.lastChild):after {
      content: "/";
      display: inline-block;
      color: #999;
      font-weight: 400;
      font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      margin-left: 5px; }
    .navigationBar .breadcrumbs .toplevelIcon {
      width: 26px;
      height: 10px;
      background: url("../images/toplevelIcon.svg");
      display: inline-block;
      margin-left: 8px; }
      .navigationBar .breadcrumbs .toplevelIcon.noLink {
        background-position: -26px 0px; }
      .svgFallback .navigationBar .breadcrumbs .toplevelIcon {
        background: url("../images/toplevelIcon.png"); }
      .touch .navigationBar .breadcrumbs .toplevelIcon {
        display: none; }
    .navigationBar .breadcrumbs .toplevel a:focus .toplevelIcon,
    .navigationBar .breadcrumbs .toplevel a:hover .toplevelIcon {
      background-position: -26px 0px; }
    .navigationBar .breadcrumbs .toplevel.lastChild .toplevelIcon {
      width: 12px; }
    .navigationBar .breadcrumbs .toplevel.noSublevels .toplevelIcon {
      display: none; }
    .navigationBar .breadcrumbs .sublevelList {
      position: absolute;
      text-align: left;
      top: 23px;
      left: -9px;
      width: 13.846em;
      display: none;
      z-index: 100;
      background: #fff;
      font-weight: 500;
      padding: 2px 0 6px 0;
      line-height: 24px; }
      .region0 .navigationBar .breadcrumbs .sublevelList {
        width: 11.5em; }
      .region3 .navigationBar .breadcrumbs .sublevelList {
        width: 14.25em; }
      .region9 .navigationBar .breadcrumbs .sublevelList {
        width: 15em; }
      .navigationBar .breadcrumbs .sublevelList.expanded {
        display: block; }
      .navigationBar .breadcrumbs .sublevelList li a {
        padding: 4px 18px 4px 10px;
        font-size: 16px;
        line-height: 16px; }
    @media (max-width: 459px) {
      .navigationBar .breadcrumbs .toplevel:nth-child(3) {
        display: none; } }
  .navigationBar .analysisSwitch, .navigationBar .projectionSwitch {
    margin-left: 4px;
    position: relative; }
    .navigationBar .analysisSwitch::after, .navigationBar .projectionSwitch::after {
      content: "";
      clear: both;
      display: block; }
    @media (max-width: 748px) {
      .navigationBar .analysisSwitch, .navigationBar .projectionSwitch {
        margin-left: 0; } }
    .navigationBar .analysisSwitch li, .navigationBar .projectionSwitch li {
      padding: 0px 10px; }
      @media (max-width: 459px) {
        .navigationBar .analysisSwitch li, .navigationBar .projectionSwitch li {
          padding: 0 8px; } }
      .navigationBar .analysisSwitch li.active a, .navigationBar .projectionSwitch li.active a {
        color: #000; }
  .bpw16 .navigationBar .analysisSwitch {
    margin-left: 5px; }

.navigationList {
  margin: 10px 10px 20px 10px;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem; }
  .navigationList h2 {
    margin: 22px 0 20px 0; }
  .navigationList li {
    background: #EDEEF0;
    padding: 9px 0 8px 12px;
    margin-top: 4px; }
    .navigationList li a {
      display: block;
      position: relative;
      padding-left: 12px; }
      .navigationList li a .status {
        width: 10px;
        height: 10px;
        border: 1px solid #b5b5b5;
        background: transparent;
        position: absolute;
        left: -5px;
        top: 1px; }
      .navigationList li a:after {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC44NDYiIGhlaWdodD0iMjguODI3IiB2aWV3Qm94PSIwIDAgMTQuODQ2IDI4LjgyNyI+PHBhdGggZmlsbD0iI0E1QTRBNCIgZD0iTTYuMDUgMjguODAxaC02LjA1bDguNDUtMTQuNC04LjQ1LTE0LjQwMWg2LjA1bDguNjAxIDE0LjQwMS04LjYwMSAxNC40eiIvPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        height: 100%;
        width: 20px;
        top: 0;
        right: 0; }

/**
 * Results can be encapsulated into municipal views or standalone (districts / states)
 */
.navigationMap {
  position: relative; }
  .navigationMap svg {
    margin: 20px 0px 20px 0px;
    width: 100%; }
    @media (max-width: 850px) {
      .navigationMap svg {
        height: auto; } }
  .navigationMap h2 {
    margin: 10px 0 13px 0;
    font-family: "ORF ON Condensed", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: center; }
  .navigationMap .socialshare {
    top: auto;
    bottom: 12px; }

.regionResult {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  padding: 22px 0 22px 167px;
  background: #fff; }
  .plainview .regionResult {
    max-width: 472px; }
  .chromeless .regionResult {
    padding: 22px 10px; }
  @media (max-width: 748px) {
    .regionResult {
      padding: 22px 10px; } }
  .regionResult h2 {
    max-width: 472px; }
  .regionResult h2 + .singleResult {
    margin-top: 1rem; }
  .regionResult h3 {
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: bold; }
    .regionResult h3.tertiary {
      border-top: 5px solid #EDEEF0;
      padding: 26px 0 0 167px;
      margin-left: -167px; }
  .regionResult > .noResultYet {
    margin: 1.375rem 0;
    font-weight: 700; }
  .regionResult .resultWrapper:focus {
    outline: none; }
  .regionResult .separated {
    margin-left: -167px;
    margin-bottom: 24px; }
    @media (max-width: 459px) {
      .regionResult .separated {
        margin: 0 -10px 24px -10px; }
        .regionResult .separated table {
          margin-left: 10px;
          margin-right: 10px; }
          .regionResult .separated table.barchart {
            width: 90%;
            width: -moz-calc(100% - 20px);
            width: -webkit-calc(100% - 20px);
            width: calc(100% - 20px); }
          .regionResult .separated table.voteMetadata {
            max-width: 260px; } }
    .regionResult .separated .resultToggles {
      margin: 14px 0 0 0;
      padding-left: 160px; }
      @media (max-width: 459px) {
        .regionResult .separated .resultToggles {
          padding-left: 0; } }
    .regionResult .separated .resultWrapper {
      padding: 20px 0 1px 167px;
      max-width: 508px; }
      @media (max-width: 459px) {
        .regionResult .separated .resultWrapper {
          padding-left: 0; } }
  .regionResult .voteMetadata {
    font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 48px 0 20px;
    border-collapse: collapse; }
    .chromeless .regionResult .voteMetadata {
      width: 90%;
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: calc(100% - 10px);
      max-width: 400px; }
    .regionResult .voteMetadata td,
    .regionResult .voteMetadata th {
      padding: 0 0 10px 0; }
    .regionResult .voteMetadata tbody th {
      width: 11em;
      text-align: left; }
    .regionResult .voteMetadata thead th,
    .regionResult .voteMetadata .turnout th,
    .regionResult .voteMetadata .turnout td {
      font-weight: bold; }
    .regionResult .voteMetadata .text-right {
      font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      width: 6.5em;
      text-align: right; }
  .regionResult .noDataMessage p {
    margin: 1rem 0;
    max-width: 472px;
    line-height: 1.2em; }
  .regionResult .specialMessage {
    max-width: 472px;
    margin: 24px 16px 24px 0;
    line-height: 1.267em; }

.barchart {
  margin: 26px 0 24px 0;
  border-collapse: collapse;
  /**
    * Portrait mode (projection!)
    */ }
  .barchart abbr {
    border: none !important;
    text-decoration: none !important; }
  .barchart td {
    padding: 0 0 12px 0; }
  .barchart thead tr {
    position: absolute;
    left: -3000em;
    top: -3000em; }
  .barchart .barchartLabel {
    font-weight: 700;
    font-family: "ORF ON Condensed", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
    .barchart .barchartLabel .elected,
    .barchart .barchartLabel .inStandoff,
    .barchart .barchartLabel .rejected {
      font-family: "ORF ON Condensed SC", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-weight: 400;
      margin-left: 4px;
      color: #cc0404; }
  .barchart .barchartMandates {
    font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    position: relative;
    text-align: right;
    padding-right: 20px; }
    .barchart .barchartMandates svg {
      position: absolute;
      top: -1px;
      right: 3px; }
  .barchart .barchartPercent {
    /* font-family: $fonts-tabular; */
    font-family: "ORF ON Condensed TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: right;
    padding-right: 10px;
    font-weight: bold; }
  .barchart div.barchartPercent {
    display: inline-block;
    width: 3.5rem;
    text-align: left; }
  .barchart div.barchartResult {
    display: inline-block;
    width: 80%;
    width: -moz-calc(100% - 4rem - 20px);
    width: -webkit-calc(100% - 4rem - 20px);
    width: calc(100% - 4rem - 20px); }
  .barchart .barchartBarGroup {
    margin: 5px 0 1.25rem 0; }
  .barchart .barchartResult {
    padding: 0;
    position: relative; }
    .barchart .barchartResult .barWrapper {
      position: relative;
      height: 16px; }
      @media (max-width: 459px) {
        .barchart .barchartResult .barWrapper .barLabel {
          display: none; } }
    .barchart .barchartResult .bar {
      position: absolute;
      display: block;
      height: 22px;
      -webkit-border-radius: 0px 2px 2px 0px;
      -moz-border-radius: 0px 2px 2px 0px;
      border-radius: 0px 2px 2px 0px;
      z-index: 20; }
    .barchart .barchartResult .barPrevious {
      display: block;
      height: 20px;
      background: #c6c7cc;
      position: absolute;
      top: 6px;
      z-index: 10; }
    .barchart .barchartResult .barLabel {
      font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      *display: none;
      /* IE7 fix */
      position: absolute;
      top: 6px;
      left: 5px;
      font-size: 11px;
      color: #fcfcfc;
      color: rgba(255, 255, 255, 0.75);
      z-index: 30; }
    .barchart .barchartResult .barLabel.novotes,
    .barchart .barchartResult.mini .barLabel {
      display: none; }
    .barchart .barchartResult .barChange {
      font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      position: absolute;
      top: 8px;
      font-size: 11px;
      color: #4f4f4f;
      z-index: 50;
      white-space: nowrap; }
    @media (max-width: 459px) {
      .barchart .barchartResult .barChangeStimmen,
      .barchart .barchartResult .barChangeStimmen + .barChangePercent:before {
        display: none; } }
    .barchart .barchartResult .barChangeStimmen + .barChangePercent:before {
      content: ", "; }
    .barchart .barchartResult .minor .stimmen {
      position: absolute;
      top: -5000em;
      left: -5000em; }
  .barchart.portrait {
    table-layout: fixed; }
    .barchart.portrait td {
      padding: 0; }
    .barchart.portrait .barchartResult .barWrapper {
      height: 200px;
      top: 0; }
    .barchart.portrait .barchartResult .bar {
      bottom: 0;
      -webkit-border-radius: 2px 2px 0px 0px;
      -moz-border-radius: 2px 2px 0px 0px;
      border-radius: 2px 2px 0px 0px;
      width: 80%;
      left: 10%; }
    .barchart.portrait .barchartResult .barPrevious {
      height: 0px;
      width: 50px;
      top: auto;
      bottom: 0;
      width: 82%;
      -webkit-border-radius: 2px 2px 0px 0px;
      -moz-border-radius: 2px 2px 0px 0px;
      border-radius: 2px 2px 0px 0px; }
    .barchart.portrait .barchartResult .barChange {
      top: auto;
      text-align: center;
      display: block;
      width: 100%; }
    .barchart.portrait .barchartPercent,
    .barchart.portrait .barchartLabel {
      text-align: center; }
    .barchart.portrait .barchartPercent {
      font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      padding: 6px 0 5px 0; }

.emptyShortcutDisclaimer {
  color: #808080;
  margin-top: 1rem;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 15px; }
  .regionResult .emptyShortcutDisclaimer {
    margin-bottom: 1rem; }

table.barchart {
  width: 100%;
  border-collapse: collapse;
  /** Special case for UHBP Wahl 2016 */ }
  table.barchart td, table.barchart th {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    table.barchart td.barchartLabel, table.barchart th.barchartLabel {
      width: 60px; }
    table.barchart td.barchartPercent, table.barchart th.barchartPercent {
      width: 75px;
      white-space: nowrap; }
      .projection table.barchart td.barchartPercent, .projection table.barchart th.barchartPercent {
        width: 60px; }
    table.barchart td.barchartMandates, table.barchart th.barchartMandates {
      width: 40px; }
    table.barchart td.barchartResults, table.barchart th.barchartResults {
      width: 130px; }
  .bpw16 table.barchart td.barchartLabel,
  .bpw16 table.barchart th.barchartLabel {
    width: 90px; }
  .bpw16 table.barchart td.barchartResults,
  .bpw16 table.barchart th.barchartResults {
    width: 110px; }

.noPreviousVoteMetadata thead {
  position: absolute;
  top: -3000px;
  left: -300px; }

.barchart {
  margin-top: 0; }
  .barchart .candidateWrapper {
    margin-bottom: 20px; }
  .barchart .candidateResult {
    display: block;
    margin: 4px 0 16px 0; }
    .barchart .candidateResult .barchartPercent {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      width: 65px;
      padding: 0;
      text-align: left; }
    .barchart .candidateResult .barchartResult {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      width: 80%;
      width: -moz-calc(100% - 75px);
      width: -webkit-calc(100% - 75px);
      width: calc(100% - 75px); }

.heatmap .lastupdate, .dual-heatmap .lastupdate {
  font-size: 13px;
  padding: 0px 0px 5px 7px;
  width: auto; }

.heatmap .infobox, .dual-heatmap .infobox {
  margin-left: 167px;
  padding-bottom: 30px;
  margin-top: 0; }

.heatmap .blurb, .dual-heatmap .blurb {
  color: #999;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 15px;
  line-height: 1.25;
  background: #fff;
  margin-top: 10px;
  padding: 25px 161px 25px 167px;
  position: relative; }
  @media (max-width: 748px) {
    .heatmap .blurb, .dual-heatmap .blurb {
      padding-left: 10px;
      padding-right: 10px; } }
  .heatmap .blurb div, .dual-heatmap .blurb div {
    display: none; }
  .heatmap .blurb div.visible, .dual-heatmap .blurb div.visible {
    display: block; }
  .heatmap .blurb a, .dual-heatmap .blurb a {
    color: inherit; }
  .heatmap .blurb p, .dual-heatmap .blurb p {
    margin: 10px 0; }
  .heatmap .blurb .socialshare, .dual-heatmap .blurb .socialshare {
    position: absolute;
    top: -43px;
    left: auto;
    right: 0; }
    .heatmap .blurb .socialshare button, .dual-heatmap .blurb .socialshare button {
      margin-right: 6px; }
      .heatmap .blurb .socialshare button.googleplus, .dual-heatmap .blurb .socialshare button.googleplus {
        margin-right: 0; }

.heatmap .live, .dual-heatmap .live {
  color: red;
  padding: 0px 0px 5px 7px;
  font-size: 13px;
  letter-spacing: 2px; }

.heatmap h2 {
  text-align: center;
  font-size: 17px;
  padding-top: 4px;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.heatmap .colorMarker {
  display: block;
  float: left;
  margin: 0;
  width: 18px;
  height: 18px; }

.heatmap .interactiveMap {
  position: relative;
  display: block; }
  .heatmap .interactiveMap .paper svg {
    max-width: 800px;
    max-height: 400px;
    display: block;
    margin: 0 auto; }
    @media (min-width: 850px) {
      .heatmap .interactiveMap .paper svg {
        height: 800px; } }
    .heatmap .interactiveMap .paper svg path {
      cursor: pointer; }
    .heatmap .interactiveMap .paper svg g.borders,
    .heatmap .interactiveMap .paper svg g.districts {
      stroke: #E2E2E2;
      fill: none; }
    .heatmap .interactiveMap .paper svg g.borders,
    .heatmap .interactiveMap .paper svg #Bundeslandgrenzen,
    .heatmap .interactiveMap .paper svg #Staatsgrenze {
      stroke-width: 1.5; }

.heatmap .noDataMessage {
  margin: 32px 0 40px 0;
  max-width: 472px; }
  .heatmap .noDataMessage p {
    line-height: 1.25rem;
    margin-top: 0.5rem; }

.dual-heatmap {
  position: relative; }
  .dual-heatmap .left {
    margin-left: 50px; }
  .dual-heatmap .left,
  .dual-heatmap .right {
    display: inline-block;
    width: 45%; }
  .dual-heatmap h2 {
    margin: 10px 0 13px 0;
    font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
  .dual-heatmap .socialshare {
    z-index: 1000;
    top: auto;
    bottom: auto; }

.maphover {
  z-index: 500;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  display: none;
  padding: 3px 4px;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  background: #fcfcfe;
  background: rgba(250, 250, 255, 0.85); }
  .maphover.visible {
    display: block; }

.migration .migration-oevp.is-source {
  fill: black !important; }

.gradient-source-oevp > stop[offset="0"] {
  stop-color: black !important; }

body.plainview .migration #wc-migration {
  width: 472px; }

body.plainview .socialshare {
  display: none; }

.migration {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
  .migration .blurb {
    font-size: 13px;
    line-height: 15px;
    background: #fff;
    padding: 25px 161px 25px 167px; }
    @media (max-width: 748px) {
      .migration .blurb {
        padding: 25px; } }
    .migration .blurb p {
      margin: 15px 0; }
      .migration .blurb p a {
        color: #333; }
  .migration .migration-wrapper {
    max-width: 472px;
    background: white;
    padding: 10px 20px;
    margin: 0;
    margin-left: 147px;
    margin-bottom: 40px;
    /* for social buttons */ }
    @media (max-width: 748px) {
      .migration .migration-wrapper {
        margin-left: 10px; } }
    @media (max-width: 459px) {
      .migration .migration-wrapper {
        margin-left: 0;
        margin-top: 0;
        margin-right: 0; } }
  .migration .chart {
    position: relative;
    margin: 20px auto 0;
    clear: both; }
    .migration .chart .party-label.spoe.hover,
    .migration .chart .party-label.oevp.hover,
    .migration .chart .party-label.fpoe.hover {
      fill: #f0f1f4;
      text-shadow: none; }
    .migration .chart .link {
      fill: none;
      opacity: .3; }
      .migration .chart .link.hover {
        opacity: 1; }
    .migration .chart .node rect {
      shape-rendering: crispEdges;
      stroke: transparent; }
    .migration .chart .node text {
      pointer-events: none;
      text-shadow: 0 1px 1px #ccc; }
  .migration .timespan {
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: bold;
    font-family: "ORF ON Condensed", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
    .migration .timespan .from {
      float: left; }
    .migration .timespan .to {
      float: right; }
  .migration .pathTooltip {
    position: absolute;
    pointer-events: none;
    font-size: 0.85rem;
    color: #000;
    display: none;
    padding: 5px 6px;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    background: #fcfcfe;
    background: rgba(250, 250, 250, 0.95); }
  .migration .pathTooltip.visible {
    display: block; }

.navigationMap > .legend,
.heatmap.legend {
  position: absolute;
  background: white;
  top: 46px;
  left: 10px;
  font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px; }
  .navigationMap > .legend.regionMap,
  .heatmap.legend.regionMap {
    top: 0px; }
  .navigationMap > .legend h3,
  .heatmap.legend h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px; }
    .plainview .navigationMap > .legend h3, .plainview
    .heatmap.legend h3 {
      display: none; }
  .navigationMap > .legend .colorMarker,
  .heatmap.legend .colorMarker {
    display: block;
    float: left;
    margin: 0;
    width: 18px;
    height: 18px; }
  .navigationMap > .legend .shortcut,
  .heatmap.legend .shortcut {
    padding-left: 3px;
    padding-right: 3px;
    font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
    .navigationMap > .legend .shortcut abbr,
    .heatmap.legend .shortcut abbr {
      text-decoration: none;
      border: none; }
  .navigationMap > .legend .winningParties .header,
  .heatmap.legend .winningParties .header {
    font-weight: normal;
    background-color: #f0f1f4;
    padding: 0; }
    .navigationMap > .legend .winningParties .header.row,
    .heatmap.legend .winningParties .header.row {
      border-top: 0; }
    .navigationMap > .legend .winningParties .header .absolute,
    .navigationMap > .legend .winningParties .header .relative,
    .heatmap.legend .winningParties .header .absolute,
    .heatmap.legend .winningParties .header .relative {
      display: block;
      float: left;
      width: 18px;
      height: 18px;
      padding: 0;
      text-align: center; }
    .navigationMap > .legend .winningParties .header .absolute,
    .heatmap.legend .winningParties .header .absolute {
      border-right: 1px solid #d0d2d6; }
  .navigationMap > .legend .winningParties .row,
  .heatmap.legend .winningParties .row {
    clear: both;
    height: 18px;
    padding: 0;
    text-align: left;
    border-top: 1px solid #d0d2d6; }
  .navigationMap > .legend .partyPercentiles .row,
  .heatmap.legend .partyPercentiles .row {
    background-color: #f0f1f4;
    text-align: right;
    border-top: 1px solid #d0d2d6; }
  .navigationMap > .legend .partyPercentiles .row:first-child,
  .heatmap.legend .partyPercentiles .row:first-child {
    border-top: 0 none; }
  .navigationMap > .legend .partyPercentiles .percentileText,
  .heatmap.legend .partyPercentiles .percentileText {
    margin-left: 4px;
    line-height: 16px;
    padding: 1px 4px; }

/**
 * Municipal View
 */
.municipalList {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 22px 0 22px 167px;
  font-size: 15px; }
  .chromeless .municipalList {
    padding-left: 10px;
    padding-right: 10px; }
  @media (max-width: 748px) {
    .municipalList {
      padding-left: 10px;
      padding-right: 10px; } }
  .municipalList h2 {
    margin-bottom: 20px; }
  .municipalList .municipalName {
    background: #EDEEF0;
    color: #556DA6;
    cursor: pointer;
    margin-top: 4px;
    padding: 5px 0 8px 12px;
    position: relative;
    max-width: 459px;
    *z-index: 1;
    *position: static; }
    .chromeless .municipalList .municipalName {
      max-width: 100%; }
    .municipalList .municipalName h3 {
      padding: 4px 7px 0px 12px;
      font-weight: bold; }
    .municipalList .municipalName .status {
      width: 10px;
      height: 10px;
      border: 1px solid #b5b5b5;
      background: transparent;
      position: absolute;
      left: 7px;
      top: 10px; }
    .municipalList .municipalName .stateIcon {
      *display: none;
      /* Hide in IE7 */
      background: url("../images/plusminus.png") 0 0;
      width: 12px;
      height: 12px;
      cursor: pointer;
      outline: none;
      position: absolute;
      top: 10px;
      right: 8px; }
    .municipalList .municipalName:focus, .municipalList .municipalName:hover {
      color: #365185;
      outline: none; }
      .municipalList .municipalName:focus .stateIcon, .municipalList .municipalName:hover .stateIcon {
        background-position: 0 -12px; }
    .municipalList .municipalName.opened .stateIcon {
      background-position: 0 -24px; }
    .municipalList .municipalName.opened:focus .stateIcon,
    .municipalList .municipalName.opened:hover .stateIcon {
      background-position: 0 -36px; }
    .municipalList .municipalName.postalRegion {
      margin-top: 20px; }
  .municipalList .municipalWrapper {
    display: none;
    max-width: 447px;
    border: 5px solid #EDEEF0;
    border-top: none;
    padding: 7px;
    background: #fff; }
    .municipalList .municipalWrapper .gemeindereport-link {
      margin: 20px 0px 10px 0px; }
    .chromeless .municipalList .municipalWrapper {
      max-width: 100%; }
    .municipalList .municipalWrapper .electionTitle {
      font-weight: bold;
      border-top: 5px solid #EDEEF0;
      margin: 15px -7px 14px -7px;
      padding: 12px 0 0 7px; }
      .municipalList .municipalWrapper .electionTitle.resultChild0 {
        border-top: none;
        margin: -7px -7px 14px -7px; }
    .municipalList .municipalWrapper .noResultYet {
      margin: 2rem 0 1.75rem 0;
      line-height: 1.2em; }
    .municipalList .municipalWrapper.opened {
      display: block;
      position: relative; }
      .municipalList .municipalWrapper.opened .socialshare {
        position: absolute;
        top: -9px;
        left: auto;
        right: 0; }
        .municipalList .municipalWrapper.opened .socialshare button:not(:hover):not(:focus)::before {
          background-color: #EDEEF0; }
    .municipalList .municipalWrapper table.barchart {
      margin: 6px 0px 4px 0; }
    .municipalList .municipalWrapper .barchart.secondary {
      margin-top: 14px; }
    .municipalList .municipalWrapper .barchartLabel,
    .municipalList .municipalWrapper .barchartPercent {
      font-weight: bold; }
    .municipalList .municipalWrapper .voteMetadata {
      font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      margin: 10px 0 0 0;
      border-collapse: collapse; }
      .chromeless .municipalList .municipalWrapper .voteMetadata {
        font-size: 14px; }
      .municipalList .municipalWrapper .voteMetadata td,
      .municipalList .municipalWrapper .voteMetadata th {
        padding: 0 0 10px 0; }
      .municipalList .municipalWrapper .voteMetadata tbody th {
        width: 11em;
        text-align: left; }
      .municipalList .municipalWrapper .voteMetadata thead th,
      .municipalList .municipalWrapper .voteMetadata .turnout th,
      .municipalList .municipalWrapper .voteMetadata .turnout td {
        font-weight: bold; }
      .municipalList .municipalWrapper .voteMetadata .turnout th,
      .municipalList .municipalWrapper .voteMetadata .turnout td {
        padding: 3px 0 9px 0; }
      .municipalList .municipalWrapper .voteMetadata .text-right {
        font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        width: 6.5em;
        text-align: right; }
    .municipalList .municipalWrapper .specialMessage {
      margin: 16px 0 20px 0;
      line-height: 1.267em; }
      .chromeless .municipalList .municipalWrapper .specialMessage {
        font-size: 14px;
        line-height: 18px; }
        .chromeless .municipalList .municipalWrapper .specialMessage br {
          display: none; }
    .municipalList .municipalWrapper.uncounted .municipalBlurb {
      display: none; }

/**
 * Search form
 */
.search {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 200; }
  .search label {
    position: absolute;
    top: -3000px;
    left: -300px; }
  .search input {
    border: 0 none;
    background-color: #f0f1f4;
    font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.867em;
    padding: 5px;
    width: 160px;
    /* prevent weird shadow on input box */
    -webkit-appearance: none;
    margin-top: 1px; }
    .search input::-webkit-input-placeholder {
      text-align: center;
      color: #000; }
  .search .ui-menu-item {
    font-size: 14px;
    font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 5px;
    line-height: 1.2em;
    width: 160px; }
  .search .ui-widget-content {
    background: #e6e7e8;
    border: 0 none; }

@media (max-width: 748px) {
  .search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: static;
    top: 0;
    right: 0;
    background: white;
    padding: 0 10px 8px 10px; }
    .search input {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      padding: 4px 5px; }
    .search .ui-menu-item {
      font-size: 14px;
      font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      padding: 8px 5px;
      line-height: 1.2em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; } }

/*******************************
 * Projection
 *******************************/
.projection .resultProjection.contentSheet {
  max-width: 700px; }

.projection .resultProjection .partyWrapper {
  width: 10%; }

.projection {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 1rem; }
  @media (max-width: 359px) {
    .projection {
      padding: 0.5rem;
      padding-right: 1rem;
      /* a little more for overflow percent change label */ } }
  .projection h2,
  .projection h3 {
    margin: 12px 0;
    font-family: "ORF ON Condensed", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 700; }
  .projection .contentSheet {
    max-width: 472px;
    margin: 0 auto; }
  .projection .barchart {
    margin-bottom: 0; }
  .projection .partyWrapper {
    float: left;
    display: block;
    width: 14.28571%;
    box-sizing: border-box; }
    .projection .partyWrapper .barchartResult {
      position: relative;
      width: 100%;
      height: 250px; }
      .projection .partyWrapper .barchartResult .bar {
        position: absolute;
        bottom: 0;
        width: 80%;
        left: 10%;
        display: block; }
      .projection .partyWrapper .barchartResult .barPrevious {
        position: absolute; }
      .projection .partyWrapper .barchartResult .barChange {
        position: absolute;
        font-family: "ORF ON Condensed TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        display: none; }
      .projection .partyWrapper .barchartResult .variation {
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        width: 80%;
        left: 10%;
        background: rgba(204, 204, 204, 0.5);
        display: block; }
        .projection .partyWrapper .barchartResult .variation.top {
          z-index: 15; }
        .projection .partyWrapper .barchartResult .variation.bottom {
          z-index: 21;
          background: rgba(0, 0, 0, 0.1); }
    .projection .partyWrapper .label {
      box-sizing: border-box;
      padding: 8px 4px 0 4px;
      text-align: center;
      font-family: "ORF ON Condensed TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-weight: 400;
      font-size: 15px; }
      @media (max-width: 359px) {
        .projection .partyWrapper .label {
          font-size: 14px; } }
      .projection .partyWrapper .label .name,
      .projection .partyWrapper .label .percent {
        display: block; }
      .projection .partyWrapper .label .percent {
        font-weight: 700;
        white-space: nowrap; }
        @media (max-width: 359px) {
          .projection .partyWrapper .label .percent {
            font-weight: 500; } }
      .projection .partyWrapper .label .percentPlusMinus {
        font-size: 0.6875rem;
        color: #707070;
        padding-top: 5px; }
      .projection .partyWrapper .label .name {
        padding-top: 5px; }
  .projection .voteMetadata {
    font-size: 15px;
    margin-top: 2rem; }
    .projection .voteMetadata dt {
      width: 160px;
      float: left;
      padding-top: 4px; }
    .projection .voteMetadata dd {
      text-align: left;
      padding-top: 4px; }
    .projection .voteMetadata + h3 {
      margin-top: 2rem; }

@media (max-width: 460px) {
  /*
   .chromeless .navigationBar {
      height: auto;

      .projectionSwitch {
         margin: 0;

         li {
            float: none;
            display: block;
         }
      }
   }
   */
  .projection h2 {
    font-weight: 700; }
  .projection .topLabels {
    display: none; }
  .projection .inRunoff.runoffChance {
    border-right: none; }
  .projection .runoffChance + .eliminated {
    border-left: 2px dotted #d4d4d4; }
  .projection .candiate .barchartResult {
    height: 120px; }
    .projection .candiate .barchartResult .bar {
      width: 90%;
      left: 5%; }
    .projection .candiate .barchartResult .variation {
      display: none !important; }
  .projection .candiate .label .name,
  .projection .candiate .label .percent {
    font-size: 13px; }
  .projection .voteMetadata {
    font-size: 16px; } }

/*******************************
 * Mandates
 *******************************/
#wc-mandates,
#wc-mandates2 {
  margin: 21px 0 18px 0px;
  width: 100%;
  background: url(../images/50percent.png) 50% 0 no-repeat;
  height: 90px;
  position: relative;
  *position: static; }

#wc-mandates .mandates,
#wc-mandates2 .mandates {
  float: left;
  cursor: ew-resize;
  position: relative;
  margin-top: 15px;
  height: 40px;
  background: #fff; }

.mandates .mandate {
  display: inline-block;
  /* IE7 fix */
  *zoom: 1;
  *display: inline;
  width: 7px;
  height: 40px;
  background: #ccc;
  border-right: 1px solid #fff; }

.mandates .mandateCount {
  z-index: 20;
  position: absolute;
  padding-bottom: 20px;
  top: -20px;
  left: 0;
  font-size: 15px;
  text-align: center;
  width: 100%;
  font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.mandates .mandateCountPrevious {
  z-index: 20;
  position: absolute;
  padding-top: 20px;
  bottom: -16px;
  left: 0;
  font-size: 10px;
  color: #707070;
  text-align: center;
  width: 100%;
  font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

@keyframes demo {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05);
    z-index: 2; }
  100% {
    transform: scale(1); } }

#wc-mandates .mandates:hover {
  transform: scale(1.05);
  z-index: 2; }

#wc-mandates.demo .mandates {
  animation: demo .5s linear; }

#wc-mandates .mandates:nth-child(1) {
  animation-delay: .25s; }

#wc-mandates .mandates:nth-child(2) {
  animation-delay: .5s; }

#wc-mandates .mandates:nth-child(3) {
  animation-delay: .75s; }

#wc-mandates .mandates:nth-child(4) {
  animation-delay: 1s; }

#wc-mandates .mandates:nth-child(5) {
  animation-delay: 1.25s; }

#wc-mandates .mandates:nth-child(6) {
  animation-delay: 1.5s; }

#wc-mandates .mandates:nth-child(7) {
  animation-delay: 1.75s; }

#wc-mandates .mandates:nth-child(8) {
  animation-delay: 2s; }

#wc-mandates .mandates:nth-child(9) {
  animation-delay: 2.25s; }

.resultToggles {
  margin: 0 -7px 20px -7px; }
  .resultToggles button {
    display: inline-block;
    min-width: 4rem;
    margin: 0;
    padding: 6px 8px 4px;
    background: #fff;
    font-family: "ORF ON TF", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 15px;
    cursor: pointer;
    color: #466199;
    border: none;
    /** bpw16 wiederholung: three tabs are two wide for small displays **/ }
    .resultToggles button[disabled] {
      font-weight: 700;
      color: #000;
      background: #EDEEF0; }
    .resultToggles button:first-child {
      margin: 0 4px 0 7px; }
    .resultToggles button:hover {
      background-color: #EDEEF0; }
    .chromeless .resultToggles button {
      padding: 4px 1px; }
      .chromeless .resultToggles button[disabled] {
        font-weight: initial; }

.separated .voteMetadata thead {
  position: absolute;
  top: -3000px;
  left: -3000px; }

.separated .voteMetadata .previous {
  color: #333 !important; }

body.plainview .leaflet-control-container {
  display: none; }

.contentSheet.globus .socialshare {
  top: -7px; }

.contentSheet.globus .globus-map {
  position: relative;
  width: 100%;
  height: 550px;
  margin: 0;
  overflow: hidden; }
  .contentSheet.globus .globus-map .leaflet-layer:last-child {
    mix-blend-mode: multiply; }
  @media (max-width: 459px) {
    .contentSheet.globus .globus-map {
      height: 350px; } }
  .contentSheet.globus .globus-map .globus-popup {
    font-family: 'ORF ON'; }
    .contentSheet.globus .globus-map .globus-popup table {
      min-width: 55%;
      margin-top: 5px; }
      .contentSheet.globus .globus-map .globus-popup table tbody td:nth-child(2) {
        text-align: right; }
    .contentSheet.globus .globus-map .globus-popup div span {
      display: inline-block;
      margin-bottom: 3px;
      /* needed to not overwrite .m wahlsite styles */ }
      .contentSheet.globus .globus-map .globus-popup div span.oevp {
        background: #64c4d2; }
      .contentSheet.globus .globus-map .globus-popup div span.spoe {
        background: #e3001c; }
      .contentSheet.globus .globus-map .globus-popup div span.fpoe {
        background: #2453a1; }
      .contentSheet.globus .globus-map .globus-popup div span.gruen, .contentSheet.globus .globus-map .globus-popup div span.gruene {
        background: #80b20a; }
      .contentSheet.globus .globus-map .globus-popup div span.fpoe {
        background: #2453a1; }
      .contentSheet.globus .globus-map .globus-popup div span.neos {
        background: #e61b72; }
      .contentSheet.globus .globus-map .globus-popup div span.wir {
        background: #FFED00; }
      .contentSheet.globus .globus-map .globus-popup div span.cpoe {
        background: #ffb500; }
      .contentSheet.globus .globus-map .globus-popup div span.bzoe {
        background: #F77F0A; }
      .contentSheet.globus .globus-map .globus-popup div span.kpoe {
        background: #900d11; }
      .contentSheet.globus .globus-map .globus-popup div span.esk {
        background: #32C21D; }
      .contentSheet.globus .globus-map .globus-popup div span.pilz {
        background: #e6dcbc; }
      .contentSheet.globus .globus-map .globus-popup div span.weisse {
        background: #cac7d3; }
      .contentSheet.globus .globus-map .globus-popup div span.floe {
        background: #e7b500; }
      .contentSheet.globus .globus-map .globus-popup div span.gilt {
        background: #c03300; }
      .contentSheet.globus .globus-map .globus-popup div span.slp {
        background: #af00b3; }
      .contentSheet.globus .globus-map .globus-popup div span.m {
        background: #33d8ff; }
      .contentSheet.globus .globus-map .globus-popup div span.nbz {
        background: #02778c; }
      .contentSheet.globus .globus-map .globus-popup div span.euaus {
        background: #297300; }
      .contentSheet.globus .globus-map .globus-popup div span.odp {
        background: #669afe; }
    .contentSheet.globus .globus-map .globus-popup div span:nth-child(2) {
      margin-right: 3px; }
    .contentSheet.globus .globus-map .globus-popup div span:nth-child(3) {
      font-family: 'ORF ON Condensed'; }
    .contentSheet.globus .globus-map .globus-popup div span:first-child {
      min-width: 50px; }

.socialshare {
  position: absolute;
  top: -43px;
  left: auto;
  right: 0; }
  .socialshare button {
    margin-right: 6px; }
    .socialshare button.googleplus {
      margin-right: 0; }

.offline {
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  overflow: hidden; }
  .offline .contentSheet {
    margin-left: 155px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 1rem;
    max-width: 460px;
    background: #fff;
    line-height: 19px;
    margin-right: 12px; }
    @media (max-width: 748px) {
      .offline .contentSheet {
        margin-left: 12px;
        margin-top: 0;
        margin-bottom: 0; } }

.oldIE .barchartBarGroup {
  margin-bottom: 20px !important; }

.oldIE .socialshare {
  display: none !important; }

.specials.carpetstripe {
  padding-bottom: 2em; }
  .specials.carpetstripe .sub {
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
    position: relative;
    color: white;
    text-shadow: 0 0 1px black;
    background: black;
    display: flex; }
  .specials.carpetstripe .sub .meta {
    position: absolute;
    margin: 0.5em;
    top: 50%;
    bottom: 0;
    margin-top: -0.5em; }
  .specials.carpetstripe .result {
    flex: auto; }
  .specials.carpetstripe .carpetstripe-chart {
    height: 800px;
    padding-bottom: 9px;
    /* vertical margin * number of lines */ }
  .specials.carpetstripe .carpetstripe-switch {
    font-family: "ORF ON Condensed";
    font-weight: 500;
    color: #556DA6;
    padding: 0.5em; }
    .specials.carpetstripe .carpetstripe-switch label {
      cursor: pointer; }
    .specials.carpetstripe .carpetstripe-switch input {
      width: 0;
      height: 0;
      opacity: 0;
      margin: 0; }
    .specials.carpetstripe .carpetstripe-switch input:checked + label {
      color: black; }
  .specials.carpetstripe .carpetstripe-switch li {
    display: inline-block;
    margin: 0.5em; }
  .specials.carpetstripe .carpetstripe-blurb {
    padding: 1em;
    line-height: 1.3;
    min-height: 6em; }

.plainview .hideInPlainview {
  display: none !important; }

.wc-urgent:not(:empty) {
  background-color: #f0f1f4;
  padding: 12px 10px 10px 10px;
  border-bottom: 5px solid #5286C1;
  font-family: "ORF ON", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #bd1e1b;
  line-height: 1.4;
  font-size: 0.9375rem; }

/*# sourceMappingURL=build.css.map */