.polli-container {
box-sizing: border-box;
width:100%;
background-color:#f7f7f7;
padding:1em;
font-size:1em;
margin-bottom:1em;
}

.polli-headline {
font-weight: 700;
font-size: 22px;
line-height: 24px;
}

.polli-headline + .polli-item {margin-top:0.75em}
.polli-headline + .polli-teaser {margin-top:0.5em}
.polli-teaser + .polli-item {margin-top:0.75em}

.polli-item {margin-bottom:0.5em; background-color:white; padding:0.75em 1em 1em 1em;
box-sizing:border-box;}

.polli-item:last-child {margin-bottom:0;}

.polli-container.to-vote .polli-item {padding:1em; cursor:pointer;}

.polli-item p {margin:0 0 0.4em 0 !important; line-height:110%;}
.polli-item p small {font-size: 0.85em; opacity: 0.7; font-style: oblique;}
.polli-item p span {float:right; font-size:0.85em; opacity:0.7}

.polli-item.marked {background-color:#c1e3d1;}

.polli-item.prevote p {margin:0 !important; }
.polli-item.prevote {cursor:pointer; padding:0.75em;}
.polli-item.prevote:hover {border-left: 5px solid #05a5c8; background-color:#d4f3ff;}

.polli-bar {
display:block;
box-sizing: border-box;
width:100%;
background-color: whiteSmoke;
box-shadow: 0 5	px 5px -5px #888 inset;
}

.polli-bar div {
box-sizing: border-box;
height:1em;
width:0;
max-width:100%;
background-color: #05a5c8;
transition: width .7s ease-in-out;
}

.polli-item:hover {background-color: #d6e5e8;}
.polli-item:hover .polli-bar div {background-color: #09778f;}
.polli-item:hover p small {opacity: 1;}
.polli-item:hover p span {opacity: 1}