html {
  scroll-behavior: smooth;
}
input:focus {
  outline: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
#body.noCP ~ #klaro {
  display: none;
}
#klaro .cm-powered-by {
  font-size: 1em;
}

#lefti .gbk h2,
#lefti .gbk h3 {
  margin-top: 69px;
  text-align: center;
}
#lefti .gbk h2[hidden] + div {
  display: none;
}
#lefti .gbk a,
#lefti .gbk a:link,
#lefti .gbk a:visited {
  border-bottom: 1px solid #444;
  color: #444;
}
#lefti .gbk li {
  padding-bottom: 5px;
}

#righti .gbk-filter {
  cursor: pointer;
  position: absolute;
  right: 30px;
  text-align: right;
  transition: opacity .2s;
  width: 20px;
}
#righti .gbk-filter:not(.on) {
  opacity: 0;
}
#righti .gbk-menu li {
  cursor: pointer;
}
#righti .gbk-menu li:hover {
  text-decoration: underline;
}
#righti .gbk-menu li.active {
  color: #f00;
}

#lefti #Pressespiegel {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(1, auto);
  text-align: left;
  width: 100%;
}
#lefti #Pressespiegel img.newsblog_image {
 margin-top: 5px;
}
#lefti #Pressespiegel h2.rubric_headline {
  border-radius: 4px;
}
#lefti #Pressespiegel .dp,
#lefti #Pressespiegel article.dp h2,
#lefti #Pressespiegel article.dp figcaption {
  background-color: #f1ede5;
  color: #0063a6;
}
#lefti #Pressespiegel .dz {
  background-color: #121212;
}
#lefti #Pressespiegel .eur {
  background-color: rgb(40, 60, 90);
}
#lefti #Pressespiegel .mhl,
#lefti #Pressespiegel article.mhl h2,
#lefti #Pressespiegel article.mhl figcaption {
  background-color: #dedede;
  color: #800000;
}
#lefti #Pressespiegel .m {
  background-color: #001a4b;
}
#lefti #Pressespiegel .ohl {
  background-color: #23282d;
}
#lefti #Pressespiegel .op {
  background-color: rgb(41, 56, 69);
}
#lefti #Pressespiegel .sz {
  background-color: #29293a;
}
#lefti #Pressespiegel .ts {
  background-color: #1c2841;
}
#lefti #Pressespiegel h2,
#lefti #Pressespiegel article {
  width: 80%;
}
#lefti #Pressespiegel img.newsblog_image {
  position: absolute;
  right: 30px;
  z-index: 1;
}
#lefti #Pressespiegel article {
  border-radius: 4px;
  padding: 10px;
  transition: all linear .1s;
}
#lefti #Pressespiegel article:hover {
  outline: 5px solid #1fa22e;
}
#lefti #Pressespiegel article.paid span[title="Kostenplichtig"] {
  background-image: url(/images/koordinierungsstelle/pressespiegel/plus.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 24px;
}
#lefti #Pressespiegel article h2 {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.25px;
  line-height: 24px;
  margin-bottom: 5px;
  width: calc(100% - 56px);
}
#lefti #Pressespiegel a:hover {
  text-decoration: none;
}
#lefti #Pressespiegel figure {
  
}
#lefti #Pressespiegel img {
  border-radius: 4px;
}
#lefti #Pressespiegel figcaption {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
#lefti #Pressespiegel small {
  color: rgb(153, 175, 194);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}
#lefti #Pressespiegel span:last-child {
  color: rgb(220, 228, 234);
  float: right;
  font-size: 10px;
  margin-top: 1px;
}
/* <mobile> */
@media (max-width:640px) {
  #lefti #Pressespiegel h2,
  #lefti #Pressespiegel article {
    width: 100%;
  }
  #lefti #Pressespiegel img.newsblog_image {
    right: 12px;
  }
}
/* </mobile> */


#lefti ul.li_2e75b6 li {
  color: #2e75b6;
}

#lefti div#Schattentheater p {
  display: grid;
  grid-template-columns: repeat(3, auto);
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 8;
}
#lefti div#Schattentheater a {
  border: none;
}
#lefti div#Schattentheater video {
  display: block;
  height: 0;
  transition: height 1s;
  width: 100%;
}
#lefti div#Schattentheater video.playing {
  height: 340px;
}

#righti .donate a {
  border: none;
}
#righti .donate img {
  width: 49%;
}

#body:not(.koord) #bread {
  max-width: 790px;
}

.flyout {
  position: fixed;
  transition: right 1s;
}
.flyout:hover {
  right: 0px !important;
}
.flyout a {
  border: 0 !important;
  display: block;
}
#feedback.flyout {
  right: -200px;
  top: calc(50% - 30px);
}
#AGH.flyout, #POINT.flyout {
  animation-delay: 0;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: movie-flyout;
  animation-timing-function: ease-in-out;
  right: -150px;
  transition: right .5s;
}
#AGH.flyout {
  animation-direction: alternate-reverse;
  top: calc(50% - 100px);
}
#POINT.flyout {
  top: calc(50% - 0px);
}
@keyframes movie-flyout {
    0% {right: -150px;}
  100% {right:  -10px;}
}
@media (max-width:640px) {
  #AGH.flyout, #POINT.flyout {
    right: -152px;
  }
  #AGH.flyout {
    top: calc(50% - 210px);
  }
  #POINT.flyout {
    top: calc(50% - 120px);
  }
}


#lefti div.navBtns a {
  border: 0;
  display: inline-block;
  margin: 0 10px 10px 0;
}
#lefti div.navBtns a img {
  border-radius: 15px;
  box-shadow: 4px 4px 10px 2px #9A9A9A;
  transition: box-shadow .25s;
  width: 190px;
}
#lefti div.navBtns a img:hover {
  box-shadow: 2px 2px 4px -2px #1fa22e;
}
#lefti div.navBtns a:nth-child(3n) {
  margin-right: 0;
}
/* <mobile> */
@media (max-width:640px) {
  #lefti div.navBtns a:nth-child(3n) {
    margin: 0 10px 10px 0;
  }
}
/* </mobile> */


#lefti div.startpage-banner {
  text-align: center;
}
#lefti div.startpage-banner a {
  border: 0;
  margin: 0;
}
#lefti div.startpage-banner a img {
  width: 250px;
}
#lefti div.startpage-banner span.divider {
  display: inline-block;
  width: 50px;
}

#lefti div.navBtns a[href="https://www.pqz-hessen.de/"],
div#menubar a[href="https://www.pqz-hessen.de/"] {
  cursor: alias;
}
#lefti div.navBtns a[href="https://www.pqz-hessen.de/"] img:hover {
  box-shadow: 2px 2px 4px -2px #DB2F36;
}


#lefti table#sammelergebnisse {
  font-family: Arial;
}
#lefti table#sammelergebnisse th {
  background-color: #f8f8f8;
  border: 1px solid #404040;
  text-align: left;
  vertical-align: bottom;
}
#lefti table#sammelergebnisse tr:hover {
  background-color: #e2ffc7;
}
#lefti table#sammelergebnisse td {
  border: 1px solid #404040;
  text-align: right;
}


#lefti .yt {
  color: red;
  cursor: pointer;
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin: 20px 20px -100px 20px;
  opacity: .9;
  position: relative;
  right: 30px;
  text-align: right;
  user-select: none;
  z-index: 8;
}
#lefti .yt:hover {
 opacity: 1; 
}
#lefti .YTplay { 
  background: #f00;
  border-radius: 50% / 10%;
  color: #fff;
  cursor: pointer;
  font-size: 1em; /* change this to change size */
  height: 3em;
  margin: 20px auto;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 4em !important;
}
#lefti .YTplay::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}
#lefti .YTplay::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 1);
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}

#lefti div.contactGrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, auto);
}
#lefti div.contactGrid h3 {
  color: #1fa22e;
}
#lefti div.contactGrid h3:first-child {
  margin-top: 30px;
}
#lefti div.contactGrid img {
  border-radius: 10px;
  margin-top: 50px;
}

#lefti .strukturtabelle.contact h3:first-child {
  margin-top: 30px;
}
#lefti .strukturtabelle.contact img {
  margin-top: 50px;
}
#lefti .strukturtabelle.contact td:nth-child(1) img {
  /*border-radius: 0 10px 10px 0;*/
}
#lefti .strukturtabelle.contact td:nth-child(3) img {
  /*border-radius: 10px 0 0 10px;*/
}
#lefti .strukturtabelle.contact h3 {
  color: #1fa22e;
}

#lefti .strukturtabelle.datentraeger tr {
 border-bottom: 1px dotted; 
}
#lefti .strukturtabelle.datentraeger tr.spacer {
  border-bottom: none;
}
#lefti .strukturtabelle.datentraeger tr.spacer td {
  padding-bottom: 2em;
}
#lefti .strukturtabelle.datentraeger td:nth-child(2) {
  text-align: right;
  vertical-align: middle;
}

#pg-msnr-container {
  width: 600px;
}
.phocagallery-box-file-third > div {
  margin-top: 4px !important;
}
#lefti .pswp__share--facebook, #lefti .pswp__share--twitter, #lefti .pswp__share--pinterest {
  display: none;
}


#lefti a[href*="get.teamviewer.com"],
#righti a[href*="get.teamviewer.com"] {
  border: none;
}

/* The actual timeline (the vertical ruler) */
#lefti .timeline {
  min-height: 563px;
}
/* The actual timeline (the vertical ruler) */
#lefti .timeline {
  position: relative;
}
/* The actual timeline (the vertical ruler) */
#lefti .timeline::after {
  background-color: #1fa22e;
  bottom: 0;
  content: '';
  left: 50%;
  margin-left: -3px;
  position: absolute;
  top: 0;
  width: 6px;
}
/* Container around content */
#lefti .timeline > div {
  background-color: inherit;
  padding: 10px 40px;
  position: relative;
  width: 50%;
}
/* The circles on the timeline */
#lefti .timeline > div::after {
  background-color: #ddd;
  background-image: url("/images/cal.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 50%;
  border: 4px solid #1fa22e;
  content: '';
  height: 22px;
  position: absolute;
  right: -15px;
  top: 15px;
  width: 22px;
  z-index: 1;
}
/* Place the container to the left */
#lefti .timeline > div:nth-child(2n+1) {
  left: 0;
}
/* Place the container to the right */
#lefti .timeline > div:nth-child(2n) {
  left: 50%;
}
/* Add arrows to the left container (pointing right) */
#lefti .timeline > div:nth-child(2n+1)::before {
  border: medium solid #ddd;
  border-color: transparent transparent transparent #ddd;
  border-width: 10px 0 10px 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 30px;
  top: 22px;
  width: 0;
  z-index: 1;
}
/* Add arrows to the right container (pointing left) */
#lefti .timeline > div:nth-child(2n)::before {
  border: medium solid #ddd;
  border-color: transparent #ddd transparent transparent;
  border-width: 10px 10px 10px 0;
  content: " ";
  height: 0;
  left: 30px;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
}
/* Fix the circle for containers on the right side */
#lefti .timeline > div:nth-child(2n)::after {
  left: -15px;
}
/* The actual content */
#lefti .timeline > div > div {
  background-color: #ddd;
  border-radius: 6px;
  cursor: pointer;
  padding: 20px 30px;
  position: relative;
  transition: transform .2s;
}
/* bigger form full text */
#lefti .timeline > div > div.big {
  height: 600px;
  left: calc(50% - 450px);
  position: fixed;
  text-align: left !important;
  top: 269px;
  transform: rotateZ(720deg);
  width: 900px;
  z-index: 2;
}
/* Hover over left content */
#lefti .timeline > div:nth-child(2n+1) > div:hover:not(.big) {
  box-shadow: -2px 2px 8px -1px #1fa22e;
}
/* Hover over right content */
#lefti .timeline > div:nth-child(2n) > div:hover:not(.big) {
  box-shadow: 2px 2px 8px -1px #1fa22e;
}

/* Align left container content to right */
#lefti .timeline > div:nth-child(2n+1) > div {
  text-align: right;
}
/* content h2 */
#lefti .timeline > div > div > h2 {
  font-size: 1.2em;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
#lefti .timeline::after {
  left: 31px;
}
/* Full-width containers */
#lefti .timeline > div {
  margin-top: 0 !important;
  padding-left: 70px;
  padding-right: 25px;
  width: 100%;
}
/* Make sure that all arrows are pointing leftwards */
#lefti .timeline > div:nth-child(2n+1)::before,
#lefti .timeline > div:nth-child(2n)::before {
  border: medium solid #ddd;
  border-color: transparent #ddd transparent transparent;
  border-width: 10px 10px 10px 0;
  left: 60px;
}
/* Make sure all circles are at the same spot */
#lefti .timeline > div:nth-child(2n+1)::after,
#lefti .timeline > div:nth-child(2n)::after {
  left: 15px;
}
/* Make all right containers behave like the left ones */
#lefti .timeline > div:nth-child(2n) {
  left: 0%;
}
}



#lefti .MIDEM {
  text-align: right;
}
#lefti .MIDEM span {
  background-color: #0092ff;
  border-radius: 4px;
  display: inline-block;
  padding: 7px 14px;
}
#lefti .MIDEM a {
  color: #ffffff !important;
}

.jev_evdt_title {
  position: relative;
  z-index: 1;
}

#menubar .item-194 > a ~ ul {
    /*display: none !important;*/
}

#lefti ul._2d61b0 {
  border-radius: 20px;
  border: 3px solid #2d61b0;
  display: inline-block;
  margin: 0 0 50px;
  padding: 20px;
}
#lefti ul._2d61b0 li,
#lefti ul._2d61b0 li strong {
  color: #2d61b0;
}

#lefti a .underline:hover {
  border-bottom: 1px solid #0000EE;
}
#lefti a[href$="Frauen-Treff_Jahresprogramm_2021.pdf"] {
  float: right;
  width: 250px;
}
#lefti table.tasde td:first-child {
  width: 100px;
}
#lefti table.tasde td:first-child,
#lefti table.tasde td:last-of-type::first-line {
  color: #009dcc;
  font-weight: bold;
}
#lefti table.tasde td:last-of-type {
  padding-bottom: 10px;
}
.info-animated::before {
  animation: grow 1s ease-out;
  background-image: url("/images/info.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  content: "";
  display: block;
  height: 24px;
  width: 24px;
}
@keyframes grow {
    0%	{background-size: 12px; opacity: .5%}
  100%	{background-size: 24px; opacity: 1;}
}

#righti #Bilderbuecher {
  animation: slide 2s ease-out, barrierTape .2s infinite;
  background-color: #ffff00;
  box-shadow: 0 0 0 5px #ffffff;
  height: 238px;
  opacity: 1;
  outline: dashed 5px #ff0000;
  overflow: hidden;
  padding: 8px;
  position: absolute;
  right: -260px;
  top: 219px;
  white-space: nowrap;
  width: 255px;
}
@keyframes slide {
    0%	{padding: 0; opacity: 0; right: 0; width: 0;}
  100%	{padding: 8px; opacity: 1; right: -260px; width: 255px;}
}
@keyframes barrierTape {
    0%	{box-shadow: 0 0 0 5px #ffffff; outline: dashed 5px #ff0000;}
  100%	{box-shadow: 0 0 0 5px #ff0000; outline: dashed 5px #ffffff;}
}

#lefti .job div {
  margin: 30px 0;
}
/*
#lefti .job div:nth-of-type(2) p:first-child,
#lefti .job div:nth-of-type(3) p:first-child,
#lefti .job div:nth-of-type(4) p:first-child,
#lefti .job div:nth-of-type(5) p:first-child, 
#lefti .job div:nth-of-type(6):not(.foot) p:first-child {
*/
#lefti .job div:not(div:first-child):not(.foot) p:first-child{
  background-color: #1fa22e;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
/*text-decoration: underline;*/
}
#lefti .job .pos {
  font-weight: bold;
  line-height: 3em;
  text-align: center;
}
#lefti .job .pos,
#lefti .job .foot {
  margin: 0;
}
#lefti .job .pos ~ div:nth-of-type(2) {
  margin: 20px 0;
}
#lefti .job .pos ~ div.foot {
  margin: 0;
  margin-top: 50px;
}
#lefti .job div.pos span {
  background-color: #1fa22e;
  border-radius: 20px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  margin: 2px 0;
  padding: 0 20px;
}


#righti .jobs a,
#righti ul li a[href^="/index.php/jobs.html"] {
  border-bottom: none;
}
#body.koord blockquote {
  font-family: verdana;
  font-size: 0.9em;
  margin: 0;
  padding: 1em 1em 1em 2em;
}
#jevents_body table.Demokratiekonferenz {
  background-color: #e5dfec
}
#jevents_body table.Demokratiekonferenz tr {
  border: 1px solid #000000;
}
#jevents_body table.Demokratiekonferenz td:first-of-type {
  width: 50px;
}
#jevents_body table.Demokratiekonferenz td > p {
  margin-left: 30px;
}
#jevents_body .fokus-ehrenamt::before {
  background-image: url(/images/koordinierungsstelle/fokusehrenamt_rgb_400.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 50%;
  content: "";
  display: block;
  height: 35px;
  margin-top: -30px;
}
#jevents_body .fokus-ehrenamt strong {
  color: #ce0f69;
}
#jevents_body .fokus-ehrenamt p:nth-child(2) strong,
#jevents_body .fokus-ehrenamt li strong {
  color: #00b2a9;
}
.freie_plaetze {
  width: 175px;
}
.freie_plaetze th, .freie_plaetze td {
  width: auto;
  padding: 2px 4px;
}
.freie_plaetze th {
  background-color: #1fa22e;
  color: #ffffff;
}
.freie_plaetze tr {
  background-color: rgba(31,162,46,0.5);
}
.freie_plaetze tr:nth-child(2n+1) {
  background-color: rgba(31,162,46,0.2);
}

#lefti p.NestLogo {
  margin-bottom: 0;
  position: absolute;
  right: 40px;
  top: 20px;
  width: 100px;
}
#lefti p.NesT {
  background-color: #e04b0d;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
}
#lefti table.NesT tr {
  border: 1px solid #000000;
  border-left: none;
  border-right: none;
}
#lefti table.NesT tr.active {
  background-color: rgba(224, 75, 13, .25);
}
#lefti table.NesT td {
  padding: 15px 10px;
}
#lefti table.NesT td:nth-child(1) {
  border-right: 1px solid #e04b0d;
  font-weight: bold;
  width: 220px;
}
#lefti table.NesT td:nth-child(1) span {
  color: #e04b0d;
}

#lefti #corona {
  background-color: #ffff00;
  background-image: url(/images/koordinierungsstelle/attention.png);
  background-position: calc(100% - 10px);
  background-repeat: no-repeat;
  border-radius: 5px;
  color: #ff0000;
  padding: 10px;
}
#lefti #corona span {
 color: #000000; 
}
#menubar li a[href$="recyclinghof.html"] ~ ul {
  /*display: none;*/
}
#lefti table.zulassungsbanner {
  margin-bottom: 1em;
}
#lefti table.zulassungsbanner td {
  color: #ffffff;
  font-family: Arial;
  font-size: 44px;
  height: 100px;
  line-height: 1em;
  padding: 0;
  padding-left: 15px;
  vertical-align: middle;
}
#lefti table.zulassungsbanner td.banner {
  padding: 0;
}
#lefti table.zulassungsbanner td.banner img {
  display: block;
  height: 200px;
  min-width: 300px;
}
#lefti table.zulassungsbanner td.top {
  background-color: #1fa22e;
  font-weight: bold;
}
#lefti table.zulassungsbanner td.bottom {
  background-color: #9a1914;
}
#lefti #Frauentag_2020 {
  background-color: #2d61b0;
  background-image: url("/images/koordinierungsstelle/lkmr.gif");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #2d61b0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px; 
}
#lefti #Frauentag_2020 ~ p {
  border: 2px solid #2d61b0;
  padding: 10px;
}
#lefti #Frauentag_2020 ~ p.active,
#lefti #Frauentag_2020 ~ p:last-of-type {
  background-color: #2d61b0;
  color: #ffffff;
}
#lefti #Frauentag_2020 ~ p.active a,
#lefti #Frauentag_2020 ~ p:last-of-type a {
  color: #ffffff;
}

#lefti #Gedenktag_2020 {
  background-color: #393536 !important;
  color: #ffffff !important;
  padding: 20px 5px !important;
  text-align: center !important;
}
#lefti #Gedenktag_2020 hr {
  margin: 0 auto !important;
  width: 80% !important;
}
#lefti #Gedenktag_2020 p:nth-of-type(1) {
  font-size: 18px !important;
}
#lefti #Gedenktag_2020 p:nth-of-type(2) {
  font-size: 16px !important;
  margin-top: 5px !important;
}
#lefti #Gedenktag_2020 p:nth-of-type(3) {
  margin-top: 20px !important;
}
#lefti #Gedenktag_2020 p:nth-of-type(3) > span {
  color: #696969 !important;
}
#lefti #Gedenktag_2020 img:not(:first-of-type) {
  margin-top: 50px !important;
  width: 30% !important;
}
#lefti #Gedenktag_2020 img.Auschwitz {
  transition: all 30s; 
}
#lefti #Gedenktag_2020 img:nth-of-type(2) {
  margin-right: 15% !important;
}
#lefti #Gedenktag_2020 img:nth-of-type(3) {
  margin-left: 15% !important;
}
#lefti #Gedenktag_2020 p:last-of-type {
  color: #cccccc !important;
  font-size: 10px;
  margin-right: 20px !important;
  text-align: right !important;
}

#lefti a[href$="blue_eyed_workshop/"] ~ h3 {
  color: #1c88c1;
  text-shadow: #000000 1px 1px 1px;
}

#lefti #Ausbildungsforum_Pflege {
  color: #aa4e5f;
  font-size: 20px;
  margin: 0 auto;
  width: 437px;
}
#lefti #Ausbildungsforum_Pflege p.r {
  text-align: right;
}
#lefti #Ausbildungsforum_Pflege p.wb {
  color: #ffffff;
  background-color: #aa4e5f;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
}
#lefti #Ausbildungsforum_Pflege span.wb {
  font-weight: normal;
  margin-top: 10px;
}
#lefti #Ausbildungsforum_Pflege p:last-of-type {
  font-size: 12px;
}

#lefti #aktuelles h2.rubric_headline:not(:first-of-type) {
  margin-top: 20px;
}
#lefti #aktuelles h2.rubric_headline::-moz-selection {
  background-color: #FFA500;
}
#lefti #aktuelles .panel-body {
  width: 100%;
}
#lefti a.fb:before {
  background-image: url("/images/fbook_g.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: inline-block;
  height: 10px;
  margin-right: -0.9em;
  position: relative;
  width: 10px;
}
#lefti a.fb:hover:before {
  background-image: url("/images/fbook_c.png");
  text-decoration: underline;
}

#lefti #Handreichung_Abschiebungen_aus_der_Fluechtlingsunterkunft {
  background-color: rgba(194, 65, 85, 0.8);
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  margin-top: -425px;
  padding: 2px 20px 2px 33px;
  position: absolute;
  text-align: left;
  width: 480px;
}

#lefti .ramadan-gabe-heart {
  position: relative;
}
#lefti .ramadan-gabe-heart::before {
  background-image: url("/images/koordinierungsstelle/idag-verein-heart.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 75%;
  content: ' ';
  height: 100%;
  opacity: 0.25;
  position: absolute;
  width: 100%;
}
#lefti .ramadan-gabe {
  position: relative;
}

.top-banner {
  position: absolute;
  right: 0;
  top: 0;
}
#topheader .top-banner {
  top: -15px;
  z-index: 7;
}
#topheader .top-banner img[src$="Maus-auf-Rad.png"] {
  position: absolute;
  height: 80px;
  right: 0px;
  top: 40px;
  transform: rotateY(0deg);
}
#topheader .top-banner img[src$="Maus-auf-Rad.png"].mouse {
  animation: mouse 10s ease-in-out infinite 1s;
}
#topheader .top-banner img[src$="Maus-auf-Rad.png"].mouse-round {
  animation: mouse-round 20s linear infinite 1s;
}
#topheader .top-banner img[src$="Maus-auf-Rad.png"].mouse-search {
  top: 2px;
  animation: mouse-search 10s linear infinite 1s;
}
@keyframes mouse {
   0% {right:   0px; transform: rotateY(  0deg);}
  49% {right: 875px; transform: rotateY(  0deg);}
  50% {right: 875px; transform: rotateY(180deg);}
  99% {right:   0px; transform: rotateY(180deg);}
 100% {right:   0px; transform: rotateY(  0deg);}
}
@keyframes mouse-round {
   0% {right:   0px; top:  40px; transform: rotateZ(   0deg);}
  29% {right: 951px; top:  40px; transform: rotateZ(   0deg);}
  30% {right: 951px; top: 112px; transform: rotateZ( -90deg);}
  49% {right: 951px; top: 583px; transform: rotateZ( -90deg);}
  50% {right: 877px; top: 583px; transform: rotateZ(-180deg);}
  79% {right: -79px; top: 583px; transform: rotateZ(-180deg);}
  80% {right: -79px; top: 509px; transform: rotateZ(-270deg);}
  99% {right: -79px; top:  40px; transform: rotateZ(-270deg);}
 100% {right:   0px; top:  40px; transform: rotateZ(-360deg);}
}
@keyframes mouse-search {
   0% {right:   0px; top:  2px; transform: rotateY(  0deg) rotateZ(  0deg);}
  12% {right: 215px; top:  2px; transform: rotateY(  0deg) rotateZ(  0deg);}
  13% {right: 215px; top:  2px; transform: rotateY(  0deg) rotateZ(  0deg);}
  20% {right: 340px; top: 40px; transform: rotateY(  0deg) rotateZ(360deg);}
  25% {right: 438px; top: 40px; transform: rotateY(  0deg) rotateZ(360deg);}
  49% {right: 875px; top: 40px; transform: rotateY(  0deg) rotateZ(360deg);}
  50% {right: 875px; top: 40px; transform: rotateY(180deg) rotateZ(360deg);}
  75% {right: 438px; top: 40px; transform: rotateY(180deg) rotateZ(360deg);}
  80% {right: 340px; top: 40px; transform: rotateY(180deg) rotateZ(360deg);}
  87% {right: 215px; top:  2px; transform: rotateY(180deg) rotateZ(  0deg);}
  88% {right: 215px; top:  2px; transform: rotateY(180deg) rotateZ(  0deg);}
  99% {right:   0px; top:  2px; transform: rotateY(180deg) rotateZ(  0deg);}
 100% {right:   0px; top:  2px; transform: rotateY(  0deg) rotateZ(  0deg);}
}

/*img[src*="header_startseite.png"] {*/
/*  !**/
/*  position: relative;*/
/*  z-index: 1;*/
/*  *!*/
/*  margin: 50px 0px;*/
/*}*/

/*#imageheader video {*/
/*  left: 0;*/
/*  position: absolute;*/
/*  width: 100%;*/
/*}*/

#lefti img[alt="Fahrzeugaufbereitung-Logo"] {
  display: none;
  height: 20px;
  margin-left: -240px;
  position: absolute;
  top: 240px;
  transition: all 2s;
}
#lefti span.fab-road {
  display: none;
  background-color: #1e78c2;
  height: 3px;
  margin-left: -244px;
  position: absolute;
  top: 260px;
  width: 238px;
  z-index: 1;
}
#lefti img[alt="Banner-Fahrzeugaufbereitung"]:hover ~ img[alt="Fahrzeugaufbereitung-Logo"],
img[alt="Fahrzeugaufbereitung-Logo"]:hover {
  animation: animated_fab 4s linear infinite 1s;
}
@keyframes animated_fab {
   0% {margin-left: -240px; transform: rotate( 1deg);}
  10% {margin-left: -224px; transform: rotate( 0deg);}
  40% {margin-left:  -85px; transform: rotate(-1deg);}
  51% {margin-left:  -85px; transform: rotate( 0deg);}
 100% {margin-left: -240px; transform: rotate( 0deg);}
}
#menubar {
  /*animation: integral_farben 6s infinite;*/
}
@keyframes integral_farben {
  	0% {background-color: #1fa22e}
   20% {background-color: #27a22c}
   40% {background-color: #28ac47}
   60% {background-color: #329f2c}
   80% {background-color: #338926}
  100% {background-color: #36b64b}
}
.linkcolor {
  color: #1fa22e;
}
/* <sitemap> */
#lefti #sitemap h1 {
  display: inline;
  margin-right: 3px;
}

#lefti #sitemap a {
  border: none;
}
#lefti #sitemap #show-search,
#lefti #sitemap #show-articles,
#lefti #sitemap #show-past-events {
  clip: rect(0,0,0,0);
  display: none;
  position: absolute;
}
#lefti #sitemap #show-search:checked ~ span.show-search,
#lefti #sitemap #show-search:checked ~ #article-search {
  display: block;
}
#lefti #sitemap #show-search:checked ~ label[for="show-articles"] {
  display: none;
}
#lefti #sitemap span.show-search {
  background-color: #ffff00;
  border-radius: 69px;
  display: none;
  height: 1em;
  position: absolute;
  right: 46px;
  top: 37px;
  width: 1em;
}
#lefti #sitemap label[for="show-search"] {
  color: #fff;
  cursor: pointer;
  font-family: IcoMoon-Free;
  height: 38px;
  line-height: 38px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 27px;
  width: 38px;
}
#lefti #sitemap label[for="show-search"]::before {
  color: #1fa22e;
  content: "\e986";
  font-size: 20px;
}
#lefti #sitemap #article-search {
  border: 1px solid #1fa22e;
  border-radius: 5px;
  display: none;
  height: 24px;
  margin: 0;
  padding: .2rem;
  position: absolute;
  right: 70px;
  top: 35px;
  width: 220px;
}
#lefti #sitemap #article-search.nf {
  background-color: #FFC8C8;
}
#lefti #sitemap label[for="show-articles"],
#lefti #sitemap label[for="show-past-events"] {
  -moz-user-select: none !important;
  user-select: none !important;
  cursor: pointer;
  position: absolute;
  right: 30px;
}
#lefti #sitemap .tag-count,
#lefti #sitemap .event-count{
  background-color: #a9ca91;
  border-radius: 69px;
  color: #000000;
  display: inline-block;
  font-size: 8pt;
  height: 16px;
  padding-bottom: 1.5rem;
  text-align: center;
  vertical-align: super;
  width: 30px;
}
#lefti #sitemap ul.sub-tags .tag-count {
  display: none;
}
#lefti #sitemap ul.main-tags > li > a {
  font-size: 12pt;
  font-weight: bold;
}
#lefti #sitemap ul.sub-tags > li > a {
  font-size: 10pt;
}
#lefti #sitemap ul.article-list > li > a {
  color: #000000;
  font-size: 8pt;
}
#lefti #sitemap ul.hide > li {
  display: none;
}
#lefti #sitemap h1.all-events,
#lefti #sitemap ul.all-events {
  /*display: none;*/
}
#lefti #sitemap label[for="show-past-events"] {
  margin-top: -10px;
}
#lefti #sitemap ul.all-events {
  margin-top: 25px;
}
#lefti #sitemap ul.all-events > li {
  cursor: pointer;
  font-size: 10pt;
}
#lefti #sitemap ul.event-dates a {
  color: #000000;
  font-size: 8pt;
}
/* </sitemap> */
#menumeta {
  width: 260px;
}
#lefti .blog .newsblog_image,
#lefti .tag-category .newsblog_image,
#lefti p.VOICE-logos {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#lefti p.VOICE-logos {
  margin-top: -1px;
  position: absolute;
}
#lefti p.VOICE-logos > img {
  background-color: #ffffff;
  height: 40px;
  margin: 0;
  width: auto;
}
#lefti p.VOICE-logos > span {
  background-color: #ffffff;
  color: #1FA22E;
  display: inline-block;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 20px;
  text-align: center;
  vertical-align: top;
  width: 50px;
}
#lefti p.VOICE-logos ~ h2:first-of-type {
  color: #ffffff;
}
#colorchanger {
  cursor: pointer;
  height: 155px;
  margin: 0 auto;
  padding: 4px;
  position: absolute;
  right: 163px;
  top: -134px;
  transition: all 1s;
  width: 146px;
  z-index: 8;
}
#colorchanger:hover {
  background-color: #ffffff;
  top: 0;
}
#barrieretipp, #barrieretipp:hover {
  z-index: 8;
}
#colorchanger p {
  margin: 0;
}
#colorchanger p:last-of-type {
  margin-bottom: 10px;
}
#colorchanger:hover p {
  display: block;
}
#colorchanger span {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-left: 70px;
}
#colorchanger ._0000EE {
  color: #0000EE;
}
#colorchanger ._1FA22E {
  display: list-item;
  font-weight: bold;
  color: #1FA22E;
}
#colorchanger ._FF0000 {
  color: #FF0000;
}
#colorchanger ._404040 {
  display: list-item;
  font-weight: bold;
  color: #404040;
}
#colorchanger ._000000 {
  color: #000000;
}
#colorchanger span:hover {
  display: list-item;
  font-weight: bold;
  text-decoration: underline;
}
#searchbar label[for="search-toggle"] {
  border-radius: 30px 30px 3px 30px;
  margin-bottom: 0;
}
#body.koord ::-moz-selection {
  background-color: #1fa22e;
  color: #ffffff;
}
#body.koord h2.rubric_headline::-moz-selection {
  background-color: #FFA500;
}
#leftitop ul.kostmenu > li > a {
  box-shadow: 1px 1px 20px -1px #bbb;
}
#leftitop ul.kostmenu > li > a img {
  filter: grayscale(69%);
  opacity: 0.50;
  transition: filter 0.69s, opacity .2s;
}
#leftitop ul.kostmenu > li > a img:hover {
  filter: grayscale(0%);
  opacity: 1;
}
#lefti .tag-category > a:hover {
  text-decoration: none;
}
#lefti .blog > h1, #lefti .tag-category > h1 {
  float: left;
  width: 90%;
}
#lefti .tag-category h1 {
  display: inline-block;
}
#lefti .blog > .back, #lefti .tag-category > .back {
  float: right;
}
#lefti .blog h2.rubric_headline:first-child, #lefti .tag-category h2.rubric_headline:first-child {
  width: 100%;
}
#lefti .blog h2.rubric_headline, #lefti .tag-category h2.rubric_headline {
  line-height: 1.3em;
}
#lefti .blog .totop:first-of-type , #lefti .tag-category .totop:first-of-type {
  display: none;
}
#lefti .blog > .back a, #lefti .blog .totop, #lefti .tag-category > .back a, #lefti .tag-category .totop {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-family: IcoMoon-Free;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
  max-height: 27.2px;
  min-height: 1rem;
  padding: .3rem .5rem;
  text-align: right;
  text-transform: none;
  vertical-align: text-bottom;
  width: 30px;
}
#lefti .blog > .back a, #lefti .tag-category > .back a {
  background-color: transparent;
}
#lefti .blog .totop, #lefti .tag-category .totop {
  margin: -3.27rem 2px 1rem 0;
  position: relative;
}
#body.koord #lefti .blog .totop, #body.koord #lefti .tag-category .totop {
 margin: -3.27rem 0 1rem 0; 
}
#lefti .blog .totop::after, #lefti .tag-category .totop::after {
  content: "\ea32";
}
#lefti .blog > .back a::after, #lefti .tag-category > .back a::after {
  color: #1fa22e;
  content: "\ea25";
  float: left;
}
#lefti div.lawyers > p {
  border: 1px solid black;
  border-radius: 5px;
  display: inline-block;
  height: 100px;
  padding: 5px;
  vertical-align: top;
  width: 234px;
}
#lefti div.lawyers > p:nth-child(2n) {
  width: 200px;
}

#lefti ol {
  list-style-position: outside;
  margin-left: 30px;
  text-align: left;
  width: calc(80% - 30px) !important;
}
#lefti .accordion-inner ol {
    width: auto !important;
}
#lefti ol.normal {
  color: inherit;
  font-weight: inherit;
}
#lefti ol:not(.normal) {
  list-style: none;
  counter-reset: li;
}
#lefti ol:not(.normal) > li::before {
  content: counter(li) ".";
  color: #1FA22E;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: -1.3em;
  width: 1.3em;
}
#lefti ol.ol4 {
  margin-left: 27px;
}
#lefti ol.ol4 li::before {
  content: "4." counter(li) ".";
  margin-left: -2.5em;
  width: 2.5em;
}
#lefti ol.ol5 {
  margin-left: 27px;
}
#lefti ol.ol5 li::before {
  content: "5." counter(li) ".";
  margin-left: -2.5em;
  width: 2.5em;
}
#lefti ol.leadingZero:not(.normal) > li::before {
  content: counter(li, decimal-leading-zero) ".";
  margin-left: -2em;
  width: 2em;
}
#lefti ol:not(.normal) > li {
  background-image: none;
  counter-increment: li;
  margin-bottom: 5px;
}
#lefti ol.alpha {
  margin-left: 20px;
}
#lefti ol.alpha li::before {
  margin-left: -1.8em;
  width: 1.8em;
}
#lefti ol.alpha li:nth-child(1)::before {
  content: "a.)";
}
#lefti ol.alpha li:nth-child(2)::before {
  content: "b.)";
}
#lefti ol.alpha li:nth-child(3)::before {
  content: "c.)";
}
#lefti ol.alpha li:nth-child(4)::before {
  content: "d.)";
}

#lefti ol > li span {
  color: #444;
  font-weight: normal;
}
/* #lefti ol > li, */
#lefti ul > li {
  overflow: hidden;
}

#lefti ul.normal, #lefti ul.normal > li {
  margin: 0;
}
#lefti ul.normal > li {
  background-image: none;
  list-style-position: inside;
  list-style-type: circle;
  text-indent: -10px;
}
#lefti .panel-body > ol {
  max-width: inherit;
}
#lefti img.hoverIMG {
  border: 1px solid #FFFFFF;
}
#lefti img.hoverIMG:hover {
  border: 1px solid #1FA22E;
}
#lefti .blog > div > div > div, #lefti .tag-category > div > div > div {
  box-shadow: none;
}
#lefti .blog div.newsblog_item > h3, #lefti .tag-category div.newsblog_item > h3 {
  max-width: 80%;
  min-width: 51%;
  width: auto;
}
#lefti .blog div.newsblog_item .float-inner-right, #lefti .tag-category div.newsblog_item .float-inner-right {
  float: right;
  margin-right: 20%;
  width: auto;
}
#lefti .blog div.newsblog_item span.tags {
  font-size: 10px;
  font-style: italic;
  margin-top: 10px;
  text-align: left;
}
#lefti .blog div.newsblog_item span.tags a {
  border-bottom: none;
  clear: both;
  color: inherit;
  text-decoration: none;
}

#lefti table.first-td-bold td:nth-child(1) {
  font-weight: bold;
}

#lefti table.pcentered td {
  width: 50%;
}
#lefti table.pcentered td:first-child {
  padding-left: 25%;
}
#lefti table.bordered tr {
  border: 1px solid #000000;
}
#lefti table.bordered th,
#lefti table.bordered td {
  border: 1px solid #000000;
  border-top: none;
}
/* aktuelles */
#lefti ul li a[href*="/315-neues-ticket-sichert-den-anschluss.html"] {
  background-color: #ffffff;
  background-image: url(/images/koordinierungsstelle/attention.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 8px;
  margin-left: -12px;
  padding-left: 12px;
}
#lefti .attention::before {
  background-image: url(/images/koordinierungsstelle/attention.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 53px;
  margin-top: 10%;
  position: absolute;
  right: 30px;
  width: 60px;
}
#lefti li.attention, #righti li.attention {
  background-image: url(/images/koordinierungsstelle/attention.png);
  background-size: 8px;
  background-position: 0 5px;
}
#lefti ul.hlLinks a:hover {
  background-color: #FFFF00;
}
#lefti .blog ul, #lefti .tag-category ul {
  margin-top: 0;
  padding-right: 15px;
 /*max-width: calc(80% - 18px) !important;;*/
}
#lefti .accordion-inner ul {
  width: auto !important;
}
#lefti .blog div.newsblog_item > ul, #lefti .tag-category div.newsblog_item > ul {
  width: 79%;
}
#lefti .blog ul#toc, #lefti .tag-category ul#toc {
  float: left;
  margin-bottom: 0;
}
#lefti .tag-category h1 ~ ul#toc {
    margin-bottom: 30px;
}
#lefti .blog .nn_sliders.accordion > .accordion-group {
  margin-bottom: 10px;
}
#lefti .nn_sliders.accordion > .accordion-group > .accordion-body.in:hover {
    overflow: hidden;
}
#lefti .blog .accordion-group.panel.nn_sliders-group.active > .accordion-heading.panel-heading {
  display: block;
}
.blog .nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
 padding-right: 1px;
}
#lefti #sammelergebnise-ihr-beitrag-für-die-umwelt ul {
  font-size: 11px;
}
#lefti ul#Lernmaterial ~ div h3 {
  margin: 0;
}
#lefti ul#Lernmaterial ~ div h3:nth-child(2n), #lefti ul#Lernmaterial ~ div h3:nth-child(2n) + p {
  background-color: #e2ffc7;
  overflow: hidden;
  padding: 5px;
}
#lefti .latestnews a {
  border: none;
}
#lefti div.search h1.page-title {
  display: inline-block;
  margin-bottom: 20px;
}
#lefti div.search div.search-events {
  position: absolute;
  right: 30px;
  text-align: center;
  top: 30px;
  width: 50px;
}
#lefti div.search div.search-events a {
  color: inherit;
  float: right;
}
#lefti div.search a {
  border: none;
}
#lefti div.search dt a {
  display: inline-block;
  vertical-align: top;
  max-width: 576px;
}
#lefti div.search .result-text {
  margin-bottom: 10px;
}

#lefti #bleib-sign {
  background-color: transparent;
  border-radius: 10px;
  border: 4px solid black;
  box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.5);
  height: 123px;
  left: 160px;
  margin: -50px 40px 0;
  padding: 10px;
  width: 198px; 
}
#lefti #bleib-sign, #lefti #bleib-sign span {
  box-sizing: content-box;
  position: absolute;
}
#lefti #bleib-sign span.bar {
  border-bottom: 7px solid black;
  border-top: 7px solid black;
  height: 133px;
  width: 4px;
}
#lefti #bleib-sign span.lbar {
  margin-left: 18px;
  margin-top: -12px;
}
#lefti #bleib-sign span.rbar {
  margin-left: 172px;
  margin-top: -12px;
}
#lefti #bleib-sign span.sign-inner {
  background-color: rgb(255, 228, 1);
  border-radius: 5px;
  border: 3px solid black;
  box-shadow: 0px 0px 0px 5px rgb(255, 228, 1), 5px 5px 5px -1px rgba(0, 0, 0, 0.5);
  height: 87px;
  padding: 15px 30px;
  text-align: center;
  width: 132px;
}

#righti {
  margin-bottom: 20px;
}
#righti .tabs_wrapper label:only-of-type {
  cursor: auto;
}
#righti ul.category-module li:first-child {
  font-size: 14px;
}
#righti .wsui {
  background-color: #fff;
  border: none;
  border-radius: 15px;
  box-shadow: 2px 2px 21px -6px #1FA22E;
  padding: 10px;
  position: fixed;
  top: 550px;
  width: 234px;
}
#righti .wsui h3 {
  padding: 0;
}

#lefti #EXODUS h4, #righti #EXODUS h4 {
  background-color: #9fc9b5;
  color: #ffffff;
  height: 25px;
  margin-bottom: 5px;
  padding: 4px 0;
  text-align: center;
}
#EXODUS a[title] {
  display: inline-block;
  height: 254px;
  width: 180px;
}
#EXODUS a[title] > img {
  display: block;
  height: 254px;
  position: absolute;
  width: 180px;
  -webkit-transition: all 3s ease;
     -moz-transition: all 3s ease;
      -ms-transition: all 3s ease;
       -o-transition: all 3s ease;
          transition: all 3s ease;
}
#EXODUS a[title] > img:nth-child(1) {
  filter: alpha(opacity=100);
  opacity: 1;
}
#EXODUS a[title] > img:nth-child(2) {
  filter: alpha(opacity=0);
  opacity: 0;
}
#EXODUS:hover a[title] > img:nth-child(1){
  filter: alpha(opacity=0);
  opacity: 0;
}
#EXODUS:hover a[title] > img:nth-child(2){
  filter: alpha(opacity=100);
  opacity: 1;
}
#EXODUS p, #EXODUS .rl_sliders-toggle-inner {
  font-size: 10px;
  line-height: normal;
  margin-bottom: 5px;
}
#lefti #EXODUS p, #lefti #EXODUS .rl_sliders-toggle-inner {
  font-size: inherit;
}
#EXODUS p {
  text-align: center;
}
#EXODUS .panel-heading {
  background-color: #d8c989;
}
#EXODUS a.accordion-toggle {
  color: #444;
  height: 25px;
  padding: 3px 9px 4px;
}
#EXODUS a.accordion-toggle:hover {
  background-color: #9fc9b5;
}
#EXODUS .active a.accordion-toggle {
  background-color: #9fc9b5;
}
#EXODUS .panel-body {
  background-color: #d8c989;
  padding: 9px;
}
#EXODUS .panel-body > p:not(:last-of-type) {
  text-align: justify;
}
#EXODUS a {
  border: none;
  font-weight: bold;
}

/* <.newsblog_image> */
#lefti .miteinanderticket {
 float: right;
 margin-top: 5px !important;
 width: 85px;
}
#lefti .blog .newsblog_item .newsblog_image, #lefti .tag-category .newsblog_item .newsblog_image {
  height: auto;
}
#lefti .newsblog_item > img.newsblog_image {
  -moz-user-select: none;
  float: right;
  margin-top: -15px;
}
#lefti .newsblog_image[src$="Arbeitsmarkbuero.png"] {
  -moz-user-select: none;
  float: right;
  margin-top: -15px;
}
#lefti .newsblog_image[src$="amnesty-int-mr.jpg"],
#lefti .newsblog_image[src$="logo_bsf-richtsberg.jpg"],
#lefti .newsblog_image[src$="logo_isis.png"],
#lefti .newsblog_image[src$="logo_LOK.gif"],
#lefti .newsblog_image[src$="MiMi.png"] {
  width: 70px;
}
#lefti .newsblog_image[src$="buergermut-logo.gif"],
#lefti .newsblog_image[src$="helpto-imagelogo.svg"],
#lefti .newsblog_image[src$="hessen.png"],
#lefti .newsblog_image[src$="lkmr.gif"],
#lefti .newsblog_image[src$="logo_asm.png"],
#lefti .newsblog_image[src$="logo_AuB.jpg"],
#lefti .newsblog_image[src$="logo_bnwh.jpg"],
#lefti .newsblog_image[src$="logo_frt.jpg"],
#lefti .newsblog_image[src$="logo_gfbv.svg"],
#lefti .newsblog_image[src$="wb-web-logo.svg"] {
  width: 85px;
}
#lefti .newsblog_image[src$="fam.gif"] {
  width: 100px;
}
#lefti .newsblog_image[src$="logo_agentur.png"] {
  background-color: #e2001a;
  border-top-left-radius: 8px;
  padding-left: 2px;
}
#lefti .newsblog_image[src$="logo_agah.png"] {
  background-color: #164194;
  border-radius: 3px;
  padding: 5px;
}
#lefti .newsblog_image[src$="logo_dasjobkonzept.jpg"],
#lefti .newsblog_image[src$="logo_dgb.svg"],
#lefti .newsblog_image[src$="logo-netzwerk-iq.png"] {
  max-width: 120px;
}
#lefti .newsblog_image[src$="logo-liz-mohn-kultur-und-musikstiftung.png"] {
  max-width: 150px;
}
#lefti .newsblog_image[src$="logo_asyl_net.gif"],
#lefti .newsblog_image[src$="logo_duh.png"],
#lefti .newsblog_image[src$="logo_marburg.png"] {
  max-width: 169px;
}
#lefti .newsblog_image[src$="logo_vhs_lkmr.jpg"] {
  max-width: 200px;
}
#lefti .newsblog_image[src$="logo_vshe.gif"] {
  max-width: 228px;
}
#lefti .newsblog_image[src$="logo_klett.jpg"] {
  max-width: 300px;
}
#lefti .newsblog_image[src$="logo_crespo-foundation.svg"] {
 background-color: #ac3c2f; 
}
#lefti .newsblog_image[src$="erv-logo.svg"] {
 background-color: #a22a45; 
}
#lefti img[src*="logo_vhs.png"] {
  background-color: #052c5a;
}
#lefti .newsblog_image[src$="ggua-logo.png"] {
  height: 50px !important;
  object-fit: cover;
  object-position: 0;
}
#lefti .newsblog_image[src$="midem-logo.svg"] {
  height: 60px !important;
  object-fit: cover;
  object-position: 0;
}
#lefti .newsblog_image[src*="VHS_logo.svg"] {
  background-color: #052c5a; 
}
#lefti img[src$="Alternativbericht-BIK-2021.jpg"] {
  box-shadow: 2px 2px 16px -4px #ed630b;
  transition: box-shadow 1s;
  width: 240px;
}
#lefti img[src$="Alternativbericht-BIK-2021.jpg"]:hover {
  box-shadow: 2px 2px 16px 4px #ed630b;
}

/* </.newsblog_image> */

/* <hotspots> */
/*
#hs::before {
  background-color: #fff;
  content: " ";
  height: 66px;
  position: absolute;
  right: -300px;
  top: 0;
  width: 350px;
  z-index: 1;
}
#hs::after {
  background-color: #fff;
  content: " ";
  height: 30px;
  position: absolute;
  right: -300px;
  width: 350px;
  z-index: 1;
}
*/
#hs > .page-header {
  border-bottom: none;
}
#js-hs-main-app {
  min-width: 900px;
}
#js-hs-main-app .gm-svpc {
  display: none;
}
#js-hs-main-app #slide_menu {
  /*width: 269px;*/
  /*z-index: 5;*/
}
#js-hs-main-app .input-prepend > span, #js-hs-main-app .input-prepend > input {
  box-sizing: content-box;
}
#lefti .hs-tabs ul {
  margin: 0 auto;
}
#lefti .hs-tabs ul li {
  font-size: 10px;
}
#lefti .compojoom-bootstrap .hs-tabs ul li a{
  color: rgba(31,162,46,0.5);
}
#lefti .compojoom-bootstrap .ui-tabs .ui-tabs-nav li {
  overflow-y: visible;
}
#lefti #js-tabs-region .hs-tabs ul li.ui-tabs-active a {
  color: #1FA22E;
  border-bottom: 3px solid #1FA22E;
}
#lefti #js-tabs-region .hs-tabs ul li a:hover {
  color: #1FA22E;
  border-bottom: 3px solid #1FA22E;
  transition: all 150ms ease-in-out 0s;
}
.hs-filters .hide {
  display: none;
}
.hs-search-directions input[type="checkbox"], .hs-search-directions input[type="radio"] {
  width: auto;
}
.hs-avoid label {
 display: block;
}
/*.hs-tab-content .btn {
  background-color: #1FA22E;
}*/
.hs-drag.fa-map-marker {
  color: #1FA22E;
}
.hs-tab-list-item, .compojoom-bootstrap .hs-address {
  font-size: 9.75px;
}
.hs-tab-list-item.hs-selected, .compojoom-bootstrap .hs-tab-list-item.hs-selected > .hs-address {
  font-size: 11px;
}
.hs-tab-list-item.hs-selected, .hs-tab-list-item:hover {
  box-shadow: 0 0 4px #1FA22E;
}
.hs-tab-list-item:hover {
  background-color: rgba(31, 162, 46, 0.1);
}
.hs-tab-list-item.hs-selected {
  background-color: rgba(31, 162, 46, 0.25);
  box-shadow: 0 0 4px #1FA22E;
}
.hs-hotspots-overview {
  color: inherit;
}
/* </hotspots> */

/* <jevents> */
#lefti .popover {
  background-color: #fff;
  border: 1px solid #000;
  padding: 5px 10px;
}

#lefti .ev_table td, #lefti .ev_link_row {
  font-size: 13px;
}
#lefti .bbt1, #lefti .bbt2, #lefti .bbt3 {
  text-align: center;
}
#lefti .bbt1 > .c:nth-of-type(2),
#lefti .bbt2 > .c:nth-of-type(2)
#lefti .bbt3 > .c:nth-of-type(2) {
  text-transform: uppercase;
}
#lefti .bbt1 .c, #lefti .bbt1 ~ ul .c {
  color: #0070c0;
}
#lefti .bbt2 .c, #lefti .bbt2 ~ ul .c {
  color: #00b050;
}
#lefti .bbt3 .c, #lefti .bbt3 ~ ul .c {
  color: #c00000;
}
#lefti .ev_repeatexception {
  display: none;
}
#lefti #jevents_body {
  overflow: auto;
}
#lefti #jevents_body .ev_navigation td {
  width: auto !important;
}
#lefti #jevents_body table , #lefti #jevents_body .event_legend_container {
  max-width: 99%;
}
#lefti #jevents_body .cal_table td {
  float: none;
  max-width: 85px;
  overflow: hidden;
}
#lefti #jevents_body li.ev_td_li {
  padding: 5px 0;
  line-height: normal;
}
#lefti #jevents_body .ev_link_row {
  display: block;
}
#lefti #jevents_body #jumpto button {
  vertical-align: super;
}
#lefti #jevents_body .inputbox {
  height: 30px;
}
#lefti #jevents_body .inputbox:focus {
  border-color: rgba(31, 162, 46, 0.8);
}
#lefti #jevents_body label[for="showpast"] {
  display: inline;
  vertical-align: super;
}
#lefti #jevents_body #showpast {
  vertical-align: super;
}
#lefti #jevents_body a {
  border: none;
}
#lefti .jev_evdt_location a:link, #lefti .jev_evdt_location a:visited {
  color: inherit;
}
#lefti a.gmaps::before,
#lefti .jev_evdt_location a::before {
  background-image: url("/images/koordinierungsstelle/gmaps.ico");
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: inline-block;
  height: 10px;
  margin-right: 2px;
  width: 10px;
}
#lefti .event_nav {
  height: 20px;
  position: absolute;
  top: 0;
  width: 20px;
}
#lefti #prev.event_nav {
  left: 0;
}
#lefti #next.event_nav {
  right: 0;
}
/* <slider in events> */
#lefti #jevents_body div.accordion-group {
  border: 1px solid #e5e5e5;
}
#lefti #jevents_body div.nn_sliders-group.active .nn_sliders-toggle-inner {
  font-weight: bold;
}
#lefti #jevents_body div.accordion-group:not(:only-of-type).active > div > a,
#lefti #jevents_body div.accordion-group:not(:only-of-type).active .in {
 background-color: #e2ffc7;
}
#lefti #jevents_body #EXODUS div.nn_sliders-group.active > div > a,
#lefti #jevents_body #EXODUS div.nn_sliders-group.active .in{
  background-color: #9fc9b5;
}
/* </slider in events> */
#lefti #jevents_body ul.ev_ul li.ev_td_li {
  background-image: none;
  color: #000000;
}
#lefti #jevents_body .jev_evdt_desc .active {
  background-color: #a9ca91;
  padding: 10px;
}
#lefti #jevents_body .jev_evdt_desc .active.ml {
  margin-left: -10px;
}
#lefti #jevents_body .jev_evdt_desc h3 {
  line-height: normal;
}
#lefti #jevents_body .jev_evdt_desc li ul {
  margin: 0 0 -5px 1em;
}
#lefti div.jev_evdt_location{
  margin-top: 1.5em;
}
#lefti div.jev_evdt_location > .location:not(:empty)::after {
  content: ": ";
  margin-left: -4px;
}
#lefti .jev_pagination #limit {
  margin: 0;
}
#righti .flatcal_navbar .link_prev > img {
 float: left;
 padding: 2px 10px;
}
#righti .flatcal_navbar .link_next > img {
 float: right;
 padding: 2px 10px;
}
#righti .flatcal_weekdays td > a {
  border: 1px solid transparent;
}
#righti .flatcal_weekdays .active_event {
  border: 1px solid #ff0000;
}
#righti #flatcal_minical .flatcal_todaycell {
  background-color: #1fa22e;
  border-radius: 20px;
  color: #fff;
}
#righti #flatcal_minical .flatcal_todaycell a {
  padding: 0;
}
#righti #flatcal_minical .flatcal_busylink[data-multiple-events="true"] {
  background: #89ca91;
}

/* eventdetail & Eventdetail */
#righti .mod_events_latest_content a[href*="ventdetail/167/"]::before,
#lefti a.ev_link_row[href*="ventdetail/167/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/355/"]::before,
#lefti a.ev_link_row[href*="ventdetail/355/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/550/"]::before,
#lefti a.ev_link_row[href*="ventdetail/550/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/550/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/559/"]::before,
#lefti a.ev_link_row[href*="ventdetail/559/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/559/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/569/"]::before,
#lefti a.ev_link_row[href*="ventdetail/569/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/569/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/574/"]::before,
#lefti a.ev_link_row[href*="ventdetail/574/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/574/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/576/"]::before,
#lefti a.ev_link_row[href*="ventdetail/576/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/576/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/577/"]::before,
#lefti a.ev_link_row[href*="ventdetail/577/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/577/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/580/"]::before,
#lefti a.ev_link_row[href*="ventdetail/580/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/580/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/584/"]::before,
#lefti a.ev_link_row[href*="ventdetail/584/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/584/"]::before,
#righti .mod_events_latest_content a[href*="ventdetail/828/"]::before,
#lefti a.ev_link_row[href*="ventdetail/828/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/828/"]::before {
  color: #ff0000;
  content: "Fällt aus!";
  float: right;
  font-weight: bold;
  margin: -1.8em 1em 0 0;
}
#lefti a.ev_link_row[href*="ventdetail/167/"]::before,
#lefti a.ev_link_row[href*="ventdetail/355/"]::before,
#lefti a.ev_link_row[href*="ventdetail/550/"]::before,
#lefti a.ev_link_row[href*="ventdetail/559/"]::before,
#lefti a.ev_link_row[href*="ventdetail/569/"]::before,
#lefti a.ev_link_row[href*="ventdetail/574/"]::before,
#lefti a.ev_link_row[href*="ventdetail/576/"]::before,
#lefti a.ev_link_row[href*="ventdetail/577/"]::before,
#lefti a.ev_link_row[href*="ventdetail/580/"]::before,
#lefti a.ev_link_row[href*="ventdetail/584/"]::before {
  display: block;
  float: none;
  margin: 0;
}
#lefti a.cal_titlelink[href*="ventdetail/550/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/559/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/569/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/574/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/576/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/577/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/580/"]::before,
#lefti a.cal_titlelink[href*="ventdetail/584/"]::before {
  margin: 0 1em 0 0;
}
/* </jevents> */

/* <Voice events> */
#lefti .jev_evdt_desc h3.voice {
  background-color: #3c6fbe;
  background-image: url("/images/koordinierungsstelle/logo_voice.png"), url("/images/koordinierungsstelle/willkommen.jpg");
  background-position: left center, right center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #3c6fbe;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 10px;
  text-align: center;
}
#lefti .jev_evdt_desc h3.open.voice {
  background-image: url("/images/koordinierungsstelle/logo_open-voice.jpg"), url("/images/koordinierungsstelle/logo_open-voice.jpg");
}
#lefti .jev_evdt_desc h3.voice ~ p,
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders),
#lefti .jev_evdt_desc h3.voice ~ div.nn_sliders.accordion p {
  border: 1px solid #3c6fbe;
  padding: 10px;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders) {
  margin-bottom: 10px;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders) > ul {
 margin-top: 0;
}
#lefti .jev_evdt_desc h3.voice ~ ul {
  border: 1px solid #3c6fbe;
  border-bottom: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  margin: 0;
  margin-bottom: -1px;
  margin-top: -11px;
  padding: 0 1.5em;
  position: relative;
  z-index: 0;
}
#lefti .jev_evdt_desc h3.voice ~ p.active,
#lefti .jev_evdt_desc h3.voice ~ div.nn_sliders.accordion p.active {
  background-color: #a9ca91;
  /*background-image: url("/images/koordinierungsstelle/willkommen.jpg");*/
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders).active {
  background-color: #a9ca91;
}
#lefti .jev_evdt_desc h3.voice ~ p:last-of-type,
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type {
  background-color: #3c6fbe;
  color: #fff;
  padding: 19px 10px;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type li {
  color: #fff;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type > span:first-child {
  position: absolute;
  right: 65px;
  text-align: center;
  width: 35px;
}
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type > span:first-child > a {
  float: right;
}
#lefti .jev_evdt_desc h3.voice ~ p:last-of-type a,
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type a {
  border-bottom: 1px solid #fff;
  color: #fff;
}
#lefti .jev_evdt_desc h3.voice ~ p:last-of-type a:hover,
#lefti .jev_evdt_desc h3.voice ~ div:not(.nn_sliders):last-of-type a:hover {
  text-decoration: none;
}
/* </Voice events> */

/* <more events> */
p.TOG-2019:first-of-type {
  display: inline;
  margin-right: 5%;
}
p.TOG-2019:first-of-type img {
  width: 25%;
}
p.TOG-2019:not(:first-of-type) {
  float: right;
  text-align: center;
  width: 70%;
}
#vhs-logo {
  background-color: #1F296E;
  float: right;
  margin-top: -85px;
}
#vhs-logo img {
  width: 100px;
}
#asyl-ab {
  display: inline;
  float: right;
  margin-right: 25px;
  margin-top: -90px;
}

#asyl-ab:before {
  border: solid 50px transparent;
  border-right: solid 50px #1FA22E;
  content: "";
  height: 0;
  margin-left: -99px;
  margin-top: -12.5px;
  position: absolute;
  width: 0;
}

#asyl-ab:after {
  border: solid 50px transparent;
  border-left: solid 50px #1FA22E;
  content: "";
  height: 0;
  margin-top: -12.5px;
  position: absolute;
  width: 0;
}
#imbuto {
  background: linear-gradient(#90D4F1, #FFFFFF);
  border-radius: 2px;
  padding: 0 5px;
}
#imbuto img {
  display: block;
  margin: 0 auto;
}
#imbuto p:first-of-type {
  color: #ffffff;
  display: block;
  margin: -140px 0 25px;
  text-align: center;
}
#imbuto p:nth-child(3) {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.25em;
  margin-bottom: 40px;
  text-align: center;
}
#imbuto p:nth-child(3) strong {
  font-size: 26px;
}
#imbuto p.event {
  margin: 0 -5px 10px -5px;
  padding: 10px;
}
#imbuto p.active {
  background-color: #da9d3c;
}
#lefti .jev_evdt_desc .newsblog_image {
  height: 150px;
  position: absolute;
  right: 40px;
  top: 40px;
}
/* </more events> */

/* <com_rsform...bootstrap.css FIX> */
div.search .form-inline, #menumeta .nav {
  display: block;
}
#menubar {
  box-sizing: unset;
}
.breadcrumb {
  display: block;
  padding: 0 !important;
  background-color: transparent;
}
.small, small {
  font-size: 1rem;
  font-weight: 400;
}
button.rsform-thankyou-button {
  color: transparent !important;
  width: 73px;
}
button.rsform-thankyou-button::before {
  content: "Weiter";
  color: #fff;
  padding-left: 8px;
}
/* </com_rsform...bootstrap.css FIX> */

#footer #menumeta a[data-after*="Insta"] {
  background-image: url();
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  box-sizing: border-box;
  display: inline-block;
  filter: grayscale(100%);
  height: 40px;
  margin: 15px;
  opacity: 50%;
  padding-left: 55px;
  text-decoration: none;
  vertical-align: middle;
  width: 230px;
}
#footer #menumeta a[data-after*="Insta"]:hover {
  box-shadow: 2px 2px 12px -4px #1fa22e;
  filter: none;
  opacity: 1;
}
#footer #menumeta a[data-after*="Insta"]::after {
  animation: insta 2s ease-in-out infinite;
  background: linear-gradient(to right, #6D24F5, #C82A2D , #EA3362, #EC6939, #F8D247);
  background-clip: text;
  border: 4px solid;
  border-radius: 12px;
  color: transparent;
  background-size: 300% 100%;
  content: attr(data-after);
  line-height: 40px;
  margin-left: -9px;
  padding: 8px 5px;
}
@keyframes insta
{
  0%,100% {
    background-position: 0 0;
      }
  50% {
    background-position: 100% 0;
  }
}

/* <non-mobile> */
@media (min-width:641px) {
  #menubar > UL > LI > a {
    padding: 6px 8px 8px;
  }
  #menubar > UL > LI:last-of-type > a {
    border-right: none;
  }
  
  #body:not(.koord) #search {
    position: absolute;
    right: 0;
    width: 285px;
    z-index: 9;
  }
  #body:not(.koord) #searchbar:not(.startpage-search) #search {
    top: -38px;
  }
  #searchbar.startpage-search #search {
    bottom: -435px;
  }
  #searchbar.startpage-search label[for="search-toggle"] {
    bottom: -472px;
    /*bottom: -572px;*/
  }
}
/* </non-mobile> */

/* <mobile> */
@media (max-width:640px) {
  body {
    height: auto;
  }
  #colorchanger {
	  right: 87px;
  }
  #topheader img[src$="Banner_30-Jahre.png"] {
    float: none !important;
    margin-left: 10px;
    width: 50%;
  }
  #menubar, .nav-trigger + label {
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  label[for="nav-trigger"]::before {
   line-height: 150%;
  }
  #menubar {
    display: block;
    left: -100%;
    opacity: 0;
    /*transform: perspective(666px) rotateX(-90deg);
	transform-origin: 0% 0%;*/
    width: 282px;
  }
  .nav-trigger:checked ~ #menubar {
    left: 0;
    opacity: 1;
    /*transform: perspective(666px) rotateX(0deg);*/
  }
  #imageheader ~ #content .item-page {
    display: none;
  }
  #lefti p.startpage-banner span.divider {
    display: none !important;
  }
  #lefti #sitemap #article-search {
    font-size: 16px;
  }
  #lefti #sitemap label[for="show-articles"] {
    right: 5px;
    top: 63px;
  }
  #lefti #sitemap label[for="show-past-events"] {
    right: 5px;
  }
  #lefti #sitemap ul.main-tags {
    margin-top: 25px;
  }
  #lefti .miteinanderticket {
    display: none;
  }
  #lefti p.VOICE-spacer {
    height: 42px;
  }
  #lefti .blog div.newsblog_item > *, #lefti .tag-category div.newsblog_item > * {
  	width: 100%;
  }
  #lefti .blog, #lefti .tag-category {
    text-align: left;
  }
  #lefti table.bordered tr:first-child {
    border-top: 2px solid #000000;
  }
  #lefti #jevents_body .ev_navigation .nav_bar_cal {
    width: 43px;
  }
  #lefti #jevents_body .ev_navigation tr.icon_labels {
    display: none;
  }
  #lefti .jev_evdt_desc > h3.voice {
   background-image: none;
  }
  #js-hs-main-app {
    min-width: auto;
  }
  /*
  #hs::before {
    height: 79px;
  }
  #hs::after {
    height: 69px;
    width: 900px;
  }
  */
  #lefti div.search div.search-events {
    right: 12px;
    top: 12px;
  }
  #lefti div.search dt a {
    max-width: 90%;
  }
  #righti .wsui{
    position: inherit;
  }
  p.TOG-2019:not(:first-of-type), p.TOG-2019:first-of-type img {
    width: 100%
  }
}
/* </mobile> */

/* <ballons> */
/* KEYFRAMES */
@-webkit-keyframes animateBubble {
  0% {
    margin-top: 70px;
  }
  100% {
    margin-top: -220px;
  }
}
@-moz-keyframes animateBubble {
  0% {
    margin-top: 70px;
  }
  100% {
    margin-top: -220px;
  }
}
@keyframes animateBubble {
  0% {
    margin-top: 70px;
  }
  100% {
    margin-top: -220px;
  }
}
@-webkit-keyframes sideWays {
  0% {
    margin-left:0px;
  }
  100% {
    margin-left:50px;
  }
}
@-moz-keyframes sideWays {
  0% {
    margin-left:0px;
  }
  100% {
    margin-left:50px;
  }
}
@keyframes sideWays {
  0% {
    margin-left:0px;
  }
  100% {
    margin-left:50px;
  }
}
/* ANIMATIONS */
#topheader #poppers {
  height: 1000px;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.x1 {
  -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_blau_transparent.png");
  left: -5%;
  top: 5%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.x2 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_gelb_transparent.png");
  left: 5%;
  opacity: 0.5;
  top: 80%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.x3 {
  -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_gruen_transparent.png");
  left: 10%;
  top: 40%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
}
.x4 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_rot_transparent.png");
  left: 20%;
  top: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.x5 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_blau_transparent.png");
  left: 30%;
  top: 50%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.x6 {
  -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_gelb_transparent.png");
  left: 50%;
  opacity: 0.5;
  top: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}
.x7 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_gruen_transparent.png");
  left: 65%;
  top: 70%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.x8 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  background-image: url("../../../images/event/ballon_rot_transparent.png");
  left: 70%;
  top: 10%;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
/* OBJECTS */
.ballon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: crosshair;
  height: 200px;
  position: absolute;
  width: 200px;
}
/* </ballons> */

.imagemovie {
  transform: translateX(-30px);
}