.state-headline     { display: none; }

.main .col-right    { padding-top: 4rem; }

.resultate          { }
.resultate__head    { width: 100%; text-align: center; }
.resultate__summary { margin-bottom: 1em; }
.resultate__gewaehr { width: 100%; text-align: left; clear: both; }

.head__title    { font-size: 3.4rem; line-height: 3.9rem; margin: 0rem; font-weight: bold; }
.head__subtitle { font-size: 1.6rem; line-height: 1.8rem; margin: 1rem 0rem 0rem 0rem; font-weight: normal; }

.summary            { text-align: center; padding-bottom: 5rem; }
.summary__title     { background-color: #F4F4F5; padding: 0.9rem 1.3rem; color: #333333; font-size: 2rem; line-height: 2.3rem; text-align: left; }
.summary__title i   { display: none; }
.summary__turnout   { font-size: 1.8rem; line-height: 2.1rem; font-weight: normal; color: #6D6E6F; text-align: right; display: inline-block; float: right; }
.summary__inner     { width: 100%; max-width: 80%; margin: auto; }
.summary__party     { float: left; width: 25%; text-align: center; padding: 2rem 1.5rem 0em 1.5rem; margin: auto; display: block; }
.summary .seat__nr  { font-size: 2.2rem; line-height: 2.6rem; margin: 0rem auto 1rem auto; }
.summary .seat__bar     { border: solid 1px #ACACAC; border-width: 1px 1px 0.8rem 1px; padding: 0.7em; margin-top: 0.9rem; margin: auto; position: relative; top: 0em; left: 0em; max-width: 10rem; }
.summary .seat__short   { font-size: 1.8rem; line-height: 2.1rem; margin: auto; }
.summary .seat__delta   { padding: 0.8rem 0rem 0rem 0rem; font-size: 1.4rem; line-height: 1.6rem; color: #6D6E6F; }
.summary__info          { text-align: left; padding-left: 1.5rem; opacity: 0.7; font-size: 1.2rem; margin-top: 2.5rem; }

.summary[data-count="5"]    { width: 100%; }
.summary[data-count="5"] .summary__party { width: 20%; }
.summary[data-count="5"] .summary__inner { max-width: 100%; }
.summary[data-count="6"]    { width: 100%; }
.summary[data-count="6"] .summary__party { width: 16.5%; }
.summary[data-count="6"] .summary__inner { max-width: 100%; }


.body--showsuminfo .summary__title i    { display: inline; font-style: normal; }
.body--showdiff .summary .seat__delta   { visibility: visible; }

.uku                { margin-bottom: 13rem; }
.uku__headline      { background-color: #F4F4F5; padding: 0.9rem 1.3rem; color: #333333; width: 100%; }
.uku__title         { font-size: 2rem; line-height: 2.3rem; font-display: bold; margin: 0rem; display: inline-block; text-align: left; }
.uku__turnout       { font-size: 1.8rem; line-height: 2.1rem; font-weight: normal; color: #6D6E6F; text-align: right; display: inline-block; float: right; }

.district           { width: 100%; clear: both; height: 12rem; border-bottom: solid 1px #E6E6E8; cursor: pointer; }
.district > div     { vertical-align: top; position: relative; top: 0em; left: 0em; }

.district__col1     { display: inline-block; width: 19rem; padding: 3rem 0rem 0rem 1rem; height: inherit; }
.district__col2     { display: inline-block; width: calc(100% - 41rem); height: inherit; }
.district__col3     { display: inline-block; width: 21rem; padding-right: 1em; height: inherit; }

.district__emblem       { width: 5.7rem; float: left; }
.district__col1text     { display: block; float: left; padding-top: 1.6rem; padding-left: 0.6rem; }
.district__name         { font-size: 1.8rem; line-height: 2.3rem; font-weight: bold; }
.district__turnout      { font-size: 1.6rem; line-height: 2.0rem; float: left; color: #333333; }

.district__image            { float: left; width: 100%; max-width: 12rem; text-align: center; }
.district__image img        { max-width: 100%; }
.district__potrait          { float: left; width: 100%; max-height: 100%; }
.district__col2text         { display: block; float: left; padding-top: 2.5rem; padding-left: 1rem; }
.district__winner           { }
.district__party            { font-size: 1.6rem; line-height: 2.6rem; border-left: solid 0.5rem transparent; padding-left: 0.5rem; padding-top: 0rem; }
.district__personname       { font-size: 1.8rem; line-height: 2.6rem; font-weight: bold; }
.district__quota            { font-size: 1.6rem; line-height: 2.6rem; font-weight: normal; }
.district__personname br    { display: none; }

.district__noresult         { display: none; }

.district--noresult .district__noresult { display: inline-block; vertical-align: middle; font-size: 1.4rem; line-height: 2rem; padding-top: 5rem; padding-left: 3rem; }
.district--noresult .district__col2     { display: none; }
.district--noresult .district__col3     { display: none; }

.district--nomajority .district__winner { display: none; }
.district--nomajority .district__image  { display: none; }
.district--nomajority .district__quota  { display: none; }
.district--nomajority .district__col3   { display: none; }
.district--nomajority .district__col2   { width: calc(100% - 23rem); }
.district--nomajority .district__col2text { padding-top: 2rem; }
.district__nomajority                   { font-size: 1.4rem; line-height: 2rem; }

/*.uku--old .district__image      { max-height: 12rem; max-width: 12rem; position: relative; top: 0rem }
.uku--old .district__portrait   { max-height: 100%; vertical-align: bottom; }*/


.uku .bars                  { text-align: center; position: relative; top: 0em; left: 0em; text-align: right; }
.uku .bars-inner            { height: 80%; width: 95%; text-align: left; margin: 1em auto 0em auto; position: relative; top: 0em; left: 0em; display: inline-block; }
.uku .bars .bar-outer       { width: 20%; max-width: 4rem; float: left; position: relative; top: 0em; left: 0em; height: inherit; z-index: 2; text-align: center; }
.uku .bars .bar-outer .bar  { max-width: 2.5rem; width: 85%; height: inherit; min-height: 0.2em; background-color: #F2F2F3; margin: 0em auto 0em auto; position: absolute; bottom: 0em; left: 0; right: 0; }
.uku .bars .bar-outer .nr   { position: absolute; bottom: 2rem; width: 100%; text-align: center; font-size: 1.6rem; line-height: 1.8rem; font-weight: bold; }
.uku .bars .bar-outer .diff { position: absolute; bottom: -1.6em; width: 100%; text-align: center; font-size: 1.4rem; line-height: 1.6rem; color: #AAAAAC; }


.stbet  { margin-bottom:6rem; }
.stbet .table.groups    { display:none; }
.stbet__header          { background-color:transparent; }
.stbet__headerdate      { font-size:1.4rem; font-weight:normal; font-style:normal; }

@media screen and (min-width:769px) and (max-width:1024px)
{
    .district__personname       { font-size: 1.6rem;  }
}

@media screen and (max-width: 768px) { 
    
    .summary__inner { max-width: 100%; }

    .district__col1 { width: 18rem; }
    .district__col2 { width: calc(100% - 38rem); }
    .district__col3 { width: 19rem; }

    .district__emblem { width: 5.7rem; }
    .district__name { font-size: 1.6rem; }
    .district__turnout { font-size: 1.4rem; }

    .district__image { max-width: 11rem; }
    .district__party { font-size: 1.3rem; line-height: 2.2rem; }
    .district__personname { font-size: 1.6rem; line-height: 2.2rem; font-weight: bold; max-width: 13rem; display: inline-block; }
    .district__quota { font-size: 1.3rem; line-height: 2.2rem; font-weight: normal; }

    .uku__headline { background-color: transparent; }

    .district--nomajority .district__col2text { padding-top: 1rem; width:100%; max-width:100%; }

    .body--isnew .district__image { max-width: 12rem; }
}

@media screen and (max-width: 767px) 
{
    .stbet { display:none; }

    .district { height: auto; }
    .district__col1 { width: 100%; display: block; clear: both; height: auto; padding-left: 0rem; }
    .district__col2 { width: 55%; display: block; float: left; }
    .district__col3 { width: 45%; display: block; float: left; height: 15rem; }

    .district__col1text { width: 100%; padding-top: 0rem; padding-bottom: 1rem; }
    .district__col1text br { display: none; }
    .district__col2text { padding-top: 0rem; position: relative; top: 0rem; left: 0rem; width: calc(100% - 12rem); min-height: 12rem; }
    .district__emblem { display: none; }
    .district__name { font-size: 1.6rem; float: left; }
    .district__turnout { font-size: 1.4rem; float: right; }

    .district__image { max-width: 10rem; }
    .district__party { }
    .district__personname { }
    .district__quota { margin-top: 0rem; position: absolute; bottom: 0rem; display: block; }

    .uku--old .district__image { width: 9rem; }

    .district__personname br { display: inline; }

    .district--nomajority .district__col2 { width: 100%; }
    .district--nomajority .district__col2text { padding-top: 0rem; padding-bottom: 2rem; }

    .uku__headline { padding: 0rem; }

    .uku .bars-inner { margin-top: 0rem; height: 10rem; }

    .summary__party { padding: 2rem 0.5rem 0.5rem 0.5rem; }
    .summary .seat__short { font-size: 1.4rem; line-height: 1.6rem; font-weight: bold; }
    .summary .seat__nr { font-size: 1.7rem; line-height: 2rem; font-weight: bold; }

    .district--noresult .district__noresult { padding-top: 2rem; padding-bottom: 3rem; padding-left: 0.7rem; }
}

@media screen and (max-width: 415px) 
{
    .main .col-rightx { padding-left: 0.5rem; padding-right: 1rem; }
    .body--isnew .district__image { max-width: 10rem; }

    .body--isnew .district__quota { margin-top: 1.8rem; }


    .uku .bars .bar-outer { max-width: 2.5rem; }
    .uku .bars .bar-outer .bar { max-width: 2rem; }
    .uku .bars-inner { height: 8rem; }

    .district__col1 { width: 100%; display: block; clear: both; height: auto; padding-left: 0rem; }
    .district__col2 { width: 60%; display: block; float: left; }
    .district__col3 { width: 40%; display: block; float: left; height: 14rem; }

    .district__col2text { padding-left: 0.6rem; width: calc(100% - 10rem); min-height: 10rem; }
}