.resgem             { position: relative; top: 0em; left: 0em; padding: 0em 0em 0em 0em; }
.resgem__gewaehr    { width: 100%; text-align: left; clear: both; margin-top:4.5rem; }

.styled-select > option:nth-child(1)    { font-weight: bold; }
.styled-select > option:nth-child(8)    { font-weight: bold; }
.styled-select > option:last-child      { font-weight: bold; }

.resgem__headline   { text-align: left; width: 100%; padding-bottom: 1.8rem; }
.headline__inner    { margin: auto; text-align: left; display: inline-block; cursor:pointer; }
.headline__emblem   { width: 6.3rem; vertical-align: top; margin-right: 1.6rem; }
.headline__text     { display: inline-block; vertical-align: top; padding-top: 0.5rem; }
.headline__title    { font-size: 3.5rem; line-height: 4rem; margin: 0rem; font-weight: bold; display: inline; vertical-align:top; }
.headline__state    { font-size: 1.6rem; line-height: 1.8rem; margin: 0rem 0rem 0.3rem 0rem; font-weight: normal; }
.headline__arrow    { position:relative; display:inline; top:1.7rem; left:1.3rem; font-size:1rem; vertical-align:top; }

.resgem__districts  { top:8rem; left:0rem; z-index:99; }

.vsw .head              {  }
.vsw__message           { width:100%; text-align:center; font-size:1.6rem; line-height:2.6rem; }
.vsw__message h3        { font-size:2.2rem; line-height:2.6rem; margin:0rem 0.3rem 0rem 0rem; }
.vsw__message--noresult { margin-top:16rem; }

.body--noresult .resgem__gewaehr { display:none; }


/* resultate/vorsteherwahl.ascx */

.vsw                    { width: 100%; clear: both; }
.head                   { background-color: #F2F2F4; padding: 1.2rem 2rem 0.8rem 2rem; min-height: 3.5rem; position: relative; top: 0em; left: 0em; }
.head h2                { margin: 0em; font-weight: bold; font-size: 1.8rem; line-height: 2.1rem; }
.head__infos            { float: right; position: absolute; right: 0em; top: 0em; min-height: inherit; }
.head__infos span       { border-left: solid 1px white; display:inline-block; height:100%; min-height:inherit; padding:1.2rem 1rem 1rem 1rem; font-size: 1.4rem; line-height: 1.6rem; }
.head__infos i          { font-size:1.5rem; margin-right:0.7rem; }
.head__infos span:hover { background-color:#d1d3d9; }

.vsw--nomajority .head { width:calc(100% - 1rem); }

.vsw__nomajority { position: relative; top: 0em; left: 0em; }

.winner__link           { position: relative; top: 0em; left: 0em; margin-right: 2em; display: inline-block; }
.winner__partybar       { position: absolute; bottom: 0em; padding: 0.6rem 0.6rem 0.4rem 0.6rem; font-size: 2rem; font-weight: bold; line-height: 2.3rem; text-transform: uppercase; color: white; width: 100%; display: block; text-align: center; }
.winner__image          { max-width: 100%; width: 25rem; }
.winner__data       { display: inline-block; margin: 2em 0em 0em 0em; vertical-align: top; }
.winner__voted      { background-color: #23A41F; color: white; text-align: center; text-transform: uppercase; padding: 0.3rem 0.6rem 0.3rem 0.6rem; display: inline-block; font-size: 1.4rem; line-height: 1.6rem; }
.winner__type       { font-size: 1.4rem; line-height:1.6rem; margin-top: 1.8rem; }
.winner__name       { font-size: 3.0rem; line-height:3.4rem; margin: 0.7rem 0rem 2.3rem 0rem; font-weight:bold; }
.winner__perc       { font-size: 2.2rem; line-height:2.6rem; font-weight:bold; }
.winner__votes      { font-size: 1.6rem; line-height: 1.8rem; margin-top:0.3rem; }

.body--isnew .winner__link      { width: 40rem;  position: relative; top: 0em; left: 0em;  }
.body--isnew .winner__imagecon  { display:block; position: relative; top: 0rem; left: 0rem; padding-bottom: calc(100% + 3rem); overflow: hidden; background-color: #F4F4F5;  }
.body--isnew .winner__image     { position: absolute; bottom: 3rem; left: -15%; width: 130%; max-width:130%; }
.body--isnew .vsw__winner       { padding-top:0.5rem; }

.vsw__content           { position: relative; top: 0rem; left: 0rem; z-index:2; }
.vsw__opponents         { position: absolute; bottom: 0em; padding-left: 27rem; width: 100%; }
.vsw__opponents--many   { position: relative; top: 0em; padding-left: 0rem; width: 100%;  }

.opponent               { position: relative; top: 0em; left: 0em; }
.opponent__link         { position: relative; top: 0em; left: 0em; margin-right: 2em; display: inline-block; }
.opponent__image        { width:100%; max-width:12rem; }
.opponent__partybar     { position: absolute; bottom: 0em; padding: 0.3em; font-size: 1.4em; text-transform: uppercase; color: white; width: 100%; display: block; text-align: center; }
.opponent__data         { position: absolute; bottom: 0em; display: inline-block; margin: 0em 0em 0em 0em; vertical-align: top; color: #333333; }
.opponent__type         { font-size: 1.4rem; line-height:1.6rem; }
.opponent__name         { font-size: 1.8rem; line-height:2.1rem; margin: 0.6rem 0em 2rem 0em; font-weight: bold; min-height:4.2rem; }
.opponent__perc         { font-size: 1.8rem; line-height:2.1rem; font-weight: bold; margin-bottom:0.7rem;  }
.opponent__votes        { font-size: 1.6rem; line-height:1.8rem; }

.body--isnew .vsw__opponents        { padding-left: 43rem; }
.body--isnew .opponent__partybar    { position:relative; }

.body--isnew .opponent__link { max-width: 13rem; position: relative; top: 0em; left: 0em; display: block; }
.body--isnew .opponent__imagecon    { display: block; position: relative; top: 0rem; left: 0rem; padding-bottom:calc(100% + 2.5rem); overflow: hidden; background-color: #F4F4F5; }
.body--isnew .opponent__image       { position: absolute; bottom: 0rem; left: -15%; width: 130%; max-width: 130%; }
.body--isnew .opponent__data        { margin-left:14rem; }

.body--isnew .vsw__opponents--many                      { padding-left: 0rem; padding-top: 0.5rem; }
.body--isnew .vsw__opponents--many .opponent            { min-height: 0rem; width: 25%; float: left; max-width:20.2rem;  }
.body--isnew .vsw__opponents--many .opponent__link      { max-width: 100%; position: relative; top: 0em; left: 0em; display: block; margin-right:0.5rem; margin-bottom:0.7rem; }
.body--isnew .vsw__opponents--many .opponent__imagecon  { display: block; position: relative; top: 0rem; left: 0rem; padding-bottom: calc(100% - 2.5rem); overflow: hidden; background-color: #F4F4F5; }
.body--isnew .vsw__opponents--many .opponent__image     { position: absolute; top: 0rem; left: -15%; width: 130%; }
.body--isnew .vsw__opponents--many .opponent__data      { margin-left: 0rem; width: 100%; position: relative; padding-top: 0.5rem; }

.body--isnew .vsw__opponents[data-count="2"]                    { margin-left: 42rem; margin-top:-20.4rem; }
.body--isnew .vsw__opponents[data-count="2"] .opponent__name    { min-height:0rem; }

.vsw .infomessage { width: 100%; clear: both; }


/* keine mehrheit */

.vsw__nomajority                    { width: 100%; padding-top: 1rem; }
.vsw__nomajority .opponent          { width: 25%; margin-right: 0em; float: left; position: relative; top: 0em; left: 0em; padding-right:1rem; }
.vsw__nomajority .opponent__link    { max-width:100%; margin-right:0rem; }
.vsw__nomajority .opponent__data    { margin-left: 0rem; clear: both; width: 100%; position: relative; padding-top: 1rem; }

.body--isnew .vsw__nomajority .opponent__imagecon { padding-bottom: 100%; }


/* resultate/gemeinderatswahl.ascx */

.grw                { width: 100%; clear: both; margin-top: 4.5rem; }
.grw__seats         { width: 50%; height: 21.5rem; float: left; position: relative; top: 0rem; left: 0rem; padding-left:2rem; }
.grw__datatable     { width: 50%; height: 23rem; float: right; text-align: right; position: relative; top: 0em; left: 0em; }

.seats              { }
.seats__col         { float: left; width:6rem; height: 100%; position: relative; top: 0em; left: 0em; text-align: center; }
.seats__colinner    { position: absolute; bottom: 0em; margin: 0em auto 0em auto; width:5rem; }
.seats__nr          { font-size: 1.8rem; line-height: 2.1rem; font-weight: bold; margin-bottom: 0.5em; color: #333333 ; }
.seats__bars        { text-align: center; }
.seats__bar         { width: 80%; height: 1.5rem; border-bottom: solid 2px white; margin: auto; }
.seats__bar--small  { height: 0.5rem; }
.seats__delta       { font-size: 1.6rem; line-height: 1.8rem; color: #AAAAAC; font-weight: normal; padding-top:1.8rem; }

.grw__datatable table   { width: auto; text-align: left; position: absolute; bottom: 0rem; right: 0rem; }
.datatable__headrow     { }
.grw__datatable th      { padding: 0.8rem 3rem 0.8rem 0rem; font-size: 1.5rem; line-height: 1.7rem; background-color: white; font-weight: normal; }
.grw__datatable td      { padding: 0.8rem 3rem; font-size: 1.5rem; line-height: 1.7rem; border-bottom: solid 2px white; }
td.datatable__party     { font-size: 1.5rem; line-height:1.7rem; text-align:center; font-weight:bold; color:white; padding:0.8rem 0.9rem; }
.grw__datatable td.datatable__seats { text-align: left; padding-right:1.5rem; padding-left:1.5rem; }
.datatable__seatsnr     { font-weight:bold; }
.datatable__seatsdelta  { font-size: 1.3rem; display:inline-block; padding:0rem 0rem 0rem 1rem; text-align:right; min-width:3rem;  }
.datatable__votes       { text-align: right; }
.datatable__perc        { text-align: right; }
.datatable__delta       { text-align: right; }
.grw__datatable th      { text-align: right; }

.grw__seats h2      { padding-left:0.2rem; padding-top:1rem; }
.grw__datatable h2 { text-align: left; padding-top: 1rem; }

.grw[data-count="5"] .grw__seats        { height:26.5rem; }
.grw[data-count="5"] .grw__datatable    { height:28rem; }


/* resultate/gemeinderat.ascx */

.gmr                    { width: 100%; clear: both; margin-top: 9.5rem; }
.gmr__personlist        { width: 100%; }
.gmr__person            { float: left; width: 25%; padding-right: 0.25rem; padding-left: 0.25rem; position: relative; top: 0em; left: 0em; margin: 0.5rem 0rem 1.5rem 0rem; }
.gmr__personlink        { position: relative; top: 0em; left: 0em; display: block; }
.gmr__persontop         { position: relative; top: 0em; left: 0em; display:block; border: solid 1px #DFDFE1;  border-bottom:solid 1px white; }
.gmr__personparty       { position: absolute; bottom: 0em; left: 0em; width: 100%; padding: 0.4rem; text-align: center; color: white; font-size: 1.4rem; line-height:1.6rem; }
.gmr__personimage       { width: 100%; }
.gmr__persontext        { color: #333333; display: block; padding: 1rem 0.3rem 0.5rem 0.3rem; }
.gmr__personname        { color: #333333; font-size: 1.6rem; line-height: 1.8rem; font-weight: bold; display: block; }
.gmr ul li b + span         { color: #333333; font-size: 1.4rem; line-height: 1.6rem; display: block; clear: both; font-weight: normal; padding-top: 0.4rem; }
.gmr ul li .fa-asterisk     { font-size: 0.7rem; margin-left: 0.5rem; font-weight: bold; }
.gmr ul li:nth-child(4n+5)  { clear: both; }

.gmr__person:nth-child(4n)  {   }


.body--isnew .gmr__personlinkx   { width: 100%;  position: relative; top: 0em; left: 0em; }
.body--isnew .gmr__persontopx    { display: block; position: relative; top: 0rem; left: 0rem; padding-bottom: calc(100% + 3rem); overflow: hidden; background-color: #F4F4F5; }
.body--isnew .gmr__persontopx    { position: absolute; bottom: 3rem; left: -15%; width: 130%; max-width: 130%; }
.body--isnew .gmr__personparty   { position: relative; display: block; top:-0.2rem; }


/* resultate/gemeinderatskandidaten.ascx */

.grk                        { width: 100%; margin-top: 4.5rem; clear:both; }
.grk table                  { width: 100%; }
.grk h2                     { padding: 0.5em 1em 0.5em 1em; margin: 0em; font-size: 1.8em; font-weight: normal; border-bottom: solid 2px white; }
.grk table th:nth-child(3)  { text-align: center; }
.grk table td:nth-child(3)  { text-align: center; }
.grk table th:last-child    { text-align: right; }
.grk table td:last-child    { text-align: right; }
.grk__voted                 { margin-left: 1.5rem; font-size: 1.5rem; color: #1E7C0A; }
.grk table tr:hover td      { color:white; }
.grk table tr:hover td a    { color:white; }

.grk .footnotes          { margin-top:1.5rem; margin-left:1.8rem; }
.grk .footnotes li       { font-size:1.2em; line-height:1.6em; }


/* resultate/stimmenherkunft.ascx */
.shk { width: 100%; margin-top: 3em; clear: both; }
.shk table { width: 100%; }
.shk h2 { background-color: #f2f2f4; padding: 0.5em 1em 0.5em 1em; margin: 0em; font-size: 1.8em; font-weight: normal; border-bottom: solid 2px #E6E6E8; }
.shk table th:nth-child(3) { text-align: center; }
.shk table td:nth-child(3) { text-align: center; }
.shk table td i { color: #1E7C0A; font-size: 2em; }
.shk table th:last-child { text-align: right; }
.shk table td:nth-child(2) { text-align: right; }
.shk table td:last-child div { min-height: 1.5em; border-style: solid; border-width: 0em 0.5em 0em 0em; }
.shk table .totalrow td { border-bottom: solid 1px white; }
.shk table .totalrow:last-child td span { font-weight: bold; }


/* Responsive Anpassungen */

@media screen and (max-width: 1024px) {

    #resgem .left { width: 100%; clear: both; }
    #resgem .flags { position: relative; top: 0em; left: 0em; width: 50%; float: left; clear: none; margin: 0em 0em 4em 0em; }
    #resgem .right { display: none; }
    #resgem .left .styled-select { display: block; width: 100%; margin: 1em 0em 1em 0em; clear: both; }

    .body--isnew .vsw[data-count="3"] .winner__link { width: 35rem; }
    .body--isnew .vsw__opponents[data-count="2"] { margin-left: 37rem; margin-top: -18.3rem; }
    
}

@media screen and (max-width: 768px) {

    .vsw .nomajority > div a { max-width: 100%; }
    .vsw .nomajority > div .data { clear: both; width: 100%; }

    .resgem__districts { top: 8rem; left: -2rem; z-index:99; }

    .body--isnew .winner__link          { width: 33rem; }
    .winner__name                       { margin-bottom:0.7rem; max-width:31rem; }
    .body--isnew .vsw__opponents        { padding-left:35rem; }
    .body--isnew .opponent__imagecon    { padding-bottom:calc(80% + 2.5rem); }
    .body--isnew .vsw__opponents--many  { padding-left:0rem; clear:both; }

    .body--isnew .vsw[data-count="3"] .winner__link { width: 32.8rem; }
    .body--isnew .vsw__opponents[data-count="2"]    { margin-left: 0rem; margin-top:0rem; }

    .grw__seats             { width: 100%; float: none; clear: both; }
    .grw__datatable         { width: 100%; float: none; clear: both; text-align: left; margin-top: 7rem; }
    .grw__datatable table   { position: relative; width: 100%; }
    .grw__datatable td.datatable__seats { text-align:center; }
}

@media screen and (max-width: 767px)
{
    #resgem .left .styled-select { width: 100%; margin: 1em 0em 1em 0em; position: relative; top: 0em; left: 0em; }

    .head.res { padding: 0em; min-height: 6em; }
    .head.res h2 { padding: 0.5em; font-weight: bold; font-size: 1.8em; }
    .head.res > .head__infos { float: none; position: relative; left: 0rem; top: 0rem; min-height: 0rem; width: 100%; border-top: solid 1px white; }
    .head.res > .head__infos > span { border-left: solid 0px white; display: inline-block; height: 100%; min-height: inherit; padding: 0.7rem 0.7rem 0.7rem 1rem; font-size: 1.4rem; width: 33.3%; }
    .head.res > .head__infos > span:last-child { text-align: right; padding-right: 1.5rem; }
    .head.res > .head__infos > span:first-child { padding-left: 1.5rem; }

    .vsw__winner { width: 100%; clear: both; width: 100%; }
    .winner__link { max-width: 15em; }
    .vsw__opponents { position: relative; padding-left: 0em; clear: both; width: 100%; text-align: right; border-top: solid 1px #F2F2F4; margin-top: 1em; }
    .opponent { position: relative; top: 0em; left: 0em; }
    .opponent__data { text-align: right; position: relative; bottom: 0em; left: 0em; padding: 2em 2em 0em 0em; font-size: 9px; }
    .opponent__link { float: right; max-width: 8em; }

    .resgem__districts { position: fixed; top: 7rem; left: 0rem; width: 100%; padding: 2rem; height: calc(100% - 7rem); overflow: auto; z-index:99; }
    .districts__close { top: 2rem; right: 2rem; }
    .districts__col { width: 100%; padding-right: 0rem; }

    .body--isnew .winner__link { width: 100%; max-width: 100%; }

    .body--isnew .vsw__opponents { padding-left: 0rem; padding-top: 2.5rem; }
    .body--isnew .opponent__link { float: none; max-width: 18rem; }

    .body--isnew .opponent__data { margin-left: 20rem; float: none; position: absolute; left: 0rem; text-align: left; }

    .vsw__nomajority .opponent { width: 50%; }
    .body--isnew .vsw__nomajority .opponent__data { position: relative; top: 0rem; left: 0rem; padding-bottom: 2rem; }

    .body--isnew .vsw__opponents--many .opponent { width:50%; }
}

@media screen and (max-width: 475px) 
{ 
    .gmr ul li { float: left; clear: none; width: 33.3%; }
    .gmr ul li:nth-child(4n+1) { clear: none; }
    .gmr ul li:nth-child(3n+1) { clear: both; }
    .gmr ul li:nth-child(4n+5) { clear: none; }

    .grw__datatable th { padding-right:1.5rem; }
    .grw__datatable td { padding-left: 1.5rem; padding-right: 1.5rem; }
}

@media screen and (max-width: 425px) 
{
    .gmr ul li { float: left; clear: none; width: 50%; }
    .gmr ul li:nth-child(3n+1) { clear: none; }
    .gmr ul li:nth-child(2n+1) { clear: both; }
}