.main .col-right { padding-right: 4.8rem; }

.kandidaten             { color: #333333; position: relative; top: 0rem; left: 0rem; }

.kandidaten__headline   { text-align: left; cursor: pointer; float:left; }
.kandidaten__state      { font-size: 1.6rem; line-height: 1.8rem; display: block; font-weight: normal; margin: 0rem; color: #414141; padding-bottom: 0.6rem; }
.kandidaten__statenode  { font-weight: bold; }
.kandidaten__arrow      { position: relative; left: 2rem; top: 1.8rem; vertical-align: top; }
.kandidaten__title      { font-size: 3.5rem; line-height: 4rem; color: #414141; display: inline; margin: 0rem 0rem 0rem 0rem; vertical-align: top; }

.kandidaten__flags      { float:right; position: relative; top: 0rem; left: 0rem; text-align: center; padding-top: 3.6rem; margin-bottom: 3rem; }
.kandidaten__flagslist  { }
.kandidaten__flag       { display: inline-block; padding: 0rem 1rem 0rem 1rem; text-align: center; }
.kandidaten__flaglink   { font-size: 1.5rem; line-height: 1.7rem; color: #6D6E6F; }
.kandidaten__flag--active .kandidaten__flaglink { font-weight: bold; color: #333333; border-bottom: solid 2px #333333; display: block; padding-bottom: 0.2rem; }
.kandidaten__flaglink:hover { color: #015EAB; }

.kandidaten__views      { position: absolute; top: 0rem; right: 1rem;  }
.kandidaten__viewsitem  { display: inline-block; padding: 0rem 0.5rem 0rem 0.5rem; text-align: center; }
.kandidaten__listview   { font-size: 1.2rem; cursor: pointer; }
.kandidaten__thumbview  { font-size: 1.2rem; cursor: pointer; }


.body--scrolled .kandidaten__headline { position:fixed; top:0rem; background-color:white; display:none; }

.kandidaten__districts  { top: 8rem; left: 9rem; }

.candidates__district   { width: 100%; clear: both; padding-bottom: 3rem; }

.district__headline     { width: calc(100% - 1rem); border-bottom: solid 1px #DFDFE1; margin-bottom: 1rem; position: relative; top: 0rem; left: 0rem; }
.district__emblem       { width: 3.4rem; display: inline; vertical-align: top; }
.district__title        { font-size: 2.4rem; line-height: 2.8rem; margin: 0rem; display: inline-block; vertical-align: top; padding: 1rem 0rem 0rem 0.5rem; color: #414141; width: calc(100% - 4rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.district__label        { float: right; font-size: 1.4rem; line-height: 2.1rem; position: absolute; bottom: 0.6rem; right: 1rem; }

.candidates__party      { width: 16.66%; max-width: 25%; padding-right: 1rem; display: inline-block; vertical-align: top; margin-bottom: 2rem; }
.candidates__partytitle { background-color: #4D4E50; height: 3.6rem; color: white; font-size: 1.8rem; line-height: 2.1rem; text-align: center; padding: 0.8rem; margin-bottom: 0.5rem; border-bottom: solid 1px #4D4E50; }
.candidates__person     { background-color: #F4F4F5; margin-bottom: 0.5rem; display: block; }
.party--empty           { opacity: 0.5; }

.candidates__parties[data-count="5"] .candidates__party { width: 20%; }
.candidates__parties[data-count="4"] .candidates__party { width: 25%; }

.person                 { display:block; }
.person__text           { padding: 0.7rem 0.9rem; display: block; position: relative; top: 0rem; left: 0rem; min-height:inherit; }
.person__name           { font-size: 1.5rem; line-height: 2rem; color: #333333; text-align: left; display: block; }
.person__image          { width: 100%; }
.person__voted          { position: absolute; top: 0rem; right: 0.1rem; width: 2rem; height: 2rem; text-align: center; background-color: #23A41F; padding-top: 0.6rem; }
.person__voted span     { font-size: 1rem; color: white; }
.person--type1          { border-bottom: solid 1px #4D4E50; margin-bottom: 0rem; }
.person--type1 .person__text        { border-bottom: solid 0.5rem white; }
.person--type1 .person__name        { font-weight: bold; }
.person--empty .person__name        { font-weight: bold; visibility: visible; opacity: 1; font-size: 1.4rem; }
.person--small .person__name        { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.person__imagecon .person__voted    { left: 1rem; bottom: 1rem; top: auto; right: auto; }
.body--noimages .person:hover .person__name     { color: white; font-weight: bold; }
.person--empty.person:hover .person__name       { color: inherit; }
.person--empty.person--type3 .person__name { font-weight: normal;  }
.person--small.person--wg .person__name { font-size:1.2rem; }
.person__wg { display: block; position: absolute; bottom: 0rem; right: 0rem; font-size: 1.5rem; font-weight: bold; color: white; background-color:rgba(169, 169, 169, 0.80); padding:0.7rem;  }


.person__imagecon   { width: 100%; width: 100%; padding-top: 100%; display: block; position: relative; top: 0rem; left: 0rem; overflow: hidden; background-color: #F4F4F5; }
.person__image      { width: 140%; position: absolute; top: 0rem; left: -20%; }

.body--oneparty .candidates__district { width: 25%; float: left; clear: none; padding-right: 1rem; padding-top: 3rem; }
.body--oneparty .candidates__party { width: 100%; max-width: 100%; }
.body--oneparty .candidates__district:nth-child(4n+1) { clear: both; }
.body--oneparty .district__title    { font-size:2.2rem; }
.body--oneparty .district__label    { display:none; }

.body--oneparty .candidates__parties[data-count="5"] .candidates__party { width: 100%; max-width: 100%; }
.body--oneparty .candidates__parties[data-count="4"] .candidates__party { width: 100%; max-width: 100%; }

.body--isold .person__imagecon  { overflow: auto; padding-top: 0%; background-color: #F4F4F5; }
.body--isold .person__image     { width: 100%; position: relative; top: 0rem; left: 0rem; }
.body--isold .person--empty .person__imagecon   { padding-top: 152.5%; }

@media screen and (max-width: 768px) 
{
    .main .col-right        { padding-right: 2rem; }
    .kandidaten__districts  { top: 8rem; left: -2rem; }

    /*.candidates__parties[data-count="6"] .person--empty .person__name { font-size: 1.1rem; }*/

    .district--vaduz .person--type1 .person__name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .body--oneparty .candidates__district { width: 33.3%; }
    .body--oneparty .candidates__district:nth-child(4n+1) { clear: none; }
    .body--oneparty .candidates__district:nth-child(3n+1) { clear: both; }

    .person--type1 .person__text { min-height: 7.9rem; }
}

@media screen and (max-width: 767px) 
{
    
    .kandidaten__listing    { width: calc(100% + 1rem); }
    .kandidaten__views      { display: none; }
    .kandidaten__districts  { position: fixed; top: 7rem; left: 0rem; width: 100%; padding: 2rem; height: calc(100% - 7rem); overflow: auto; }
    
    .districts__close   { top: 2rem; right: 2rem; }
    .districts__col     { width: 100%; padding-right: 0rem; }

    .candidates__party  { width: 33.3%; max-width:33.3%; }
}

@media screen and (max-width: 425px) 
{
    .candidates__parties[data-count="5"] .candidates__party { width: 33.3%; }
    .candidates__parties[data-count="4"] .candidates__party { width: 33.3%; }

    .candidates__parties[data-count="5"] .candidates__party:nth-child(3) { padding-right: 0rem; }
    .candidates__parties[data-count="4"] .candidates__party:nth-child(3) { padding-right: 0rem; }

    .candidates__parties[data-count="4"] .candidates__party:last-child { padding-right: 1rem; }
    .candidates__parties[data-count="5"] .candidates__party:last-child { padding-right: 1rem; }
}

@media screen and (max-width: 375px) 
{
    .candidates__party                                      { width: 50%; }
    .body--oneparty .candidates__district                   { width: 50%; }
    .body--oneparty .candidates__district:nth-child(3n+1)   { clear: none; }
    .body--oneparty .candidates__district:nth-child(2n+1)   { clear: both; }
}