@font-face { font-family:"Neris";src:local("Neris"),url("/fonts/Neris-SemiBold.otf"); }
 @font-face { font-family:"Nerisbolditalic";src:local("Nerisbolditalic"),url("/fonts/Neris-BoldItalic.otf"); }
 @font-face { font-family:"Nerislightitalic";src:local("Nerislightitalic"),url("/fonts/Neris-Light.otf"); }
  @font-face { font-family:"Trebuchet";src:local("Trebuchet"),url("/Trebuchet MS.ttf"); }
 @font-face { font-family:"LinLibertine";src:local("LinLibertine"),url("/LinLibertine_R.ttf"); }
 
body {
  font-family:arial;
  height:100%;
  padding-top:75px;
  padding-bottom:0px;
}

.accordion-button:not(.collapsed) {
    background-color:#e30613;
    border-color:#e30613;
    color: #ffffff;
}
.accordion-body {background-color:#edeff0 !important;}

.lgbackgroundimage {
	position: fixed;
	z-index:-2;
	margin-top:0px;
	background-size:cover;
	background-position: center; 
	background-image:url(/img/rathaus.jpg);
	height:calc(100vh - 75px);
	width:100%;
}

.backgroundoverlay {
 position: fixed;
 z-index:-2;
 margin-top:0px;
 background-size:cover;
 background-position: center;
 opacity: 0.7;
 background-color:#0ABAEE;
 height:calc(100vh - 75px);
 width:100%;
}

.popupbackground {
  background-color: rgba(107, 105, 101, 0.9);
}
.popupheader {
  color:#ffffff;
  background-color:#e30613;
}


.footerbackground {
  background-color: rgba(245, 245, 245, 0.7);
}

.footerlinks {
text-align:center;font-size:1.0rem;
}
.lgfootermain {
text-align:center;padding:10px;font-size:1.0rem;
}

.mw250 {
max-width:250px;
}

.mh-logo {
max-height:70px;
}

.lghome {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Neris;
  letter-spacing: 2px;
}
.lgmobilhome {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Nerisbolditalic;
  letter-spacing: 1px;
}

.lghome:hover {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Neris;
  letter-spacing: 2px;
}
.lgmobilhome:hover {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Nerisbolditalic;
  letter-spacing: 1px;
}

.lghome:visited {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Neris;
  letter-spacing: 2px;
}
.lgmobilhome:visited {
  color:#ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family:Nerisbolditalic;
  letter-spacing: 1px;
}
.h1text {
  color:#ffffff;
  font-family:Nerisbolditalic;
  letter-spacing: 2px;
  line-height: 1.5;
  font-size: 2reM
}

.btn-cta {
  color:#ffffff;
  background-color:#e30613;
  border-color:#e30613;  
  text-decoration: none;
  cursor: pointer;

  letter-spacing: 1px;
}
.btn-cta:hover {
  color:#ffffff;
  background-color:#e30613;
  border-color:#e30613;  
  text-decoration: none;
  cursor: pointer;

  letter-spacing: 1px;
}
.btn-cta:visited {
  color:#ffffff;
  background-color:#e30613;
  border-color:#e30613;  
  text-decoration: none;
  cursor: pointer;

  letter-spacing: 1px;
}

.footer-link {
  color:#000000;
  text-decoration: none;
  cursor: pointer;
}
.footer-link:hover {
  color:#000000;
  text-decoration: none;
  cursor: pointer;
}
.footer-link:visited {
  color:#000000;
  text-decoration: none;
  cursor: pointer;
}



.actioncallheader {
  color:#000000;
  font-size: 1.6rem;
  font-weight: 600;
}
.actioncallbody {
  color:#000000;
  font-size: 1.2rem;
  font-weight:normal;
}

.col-20{
	width: 20%;
}

.votingradio {
  margin-top: 3px;
  vertical-align: middle;
}

.voting {
  color:#0ABAEE;
  font-size: 1.2rem;
  font-weight: 900;

}

.graph .labels.x-labels {
  text-anchor: middle;
}

.graph .labels.y-labels {
  text-anchor: end;
}


.vbalken {
  height: 250px;
  width: 600px;
}

.vbalken .grid {
  stroke: #ccc;
  stroke-dasharray: 0;
  stroke-width: 1;
}

.graph {
  height: 800px;
  width: 1200px;
}

.graph .grid {
  stroke: #ccc;
  stroke-dasharray: 0;
  stroke-width: 1;
}

.labels {
  font-size: 13px;
}

.label-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  fill: black;
}

.data {
  fill: red;
  stroke-width: 1; 
}

@keyframes animate_p1 {
  to { stroke-dasharray: 78.5 314; } /* 314 ÷ 4 = 78.5 */
}
#bg {
  fill: #eeeeee;
}
#p1 {
  stroke-dasharray: 78.5 314; /* 2π × 50 ≈ 314 */
  stroke-dashoffset: 0;

}