.popKontakt {
  position: fixed;
  bottom: 1em;
  right: 1em;
  padding: 0.5em;
  background-color: #13971e7a;
  border-radius: 0.5em;
  z-index: 5;
}

.popKontakt:hover {
  background-color: #830404;
}

.popKontakt:hover svg {
  fill: #ffffff;
}

.messageForm {
  margin: 0;
  display: none;
  position: absolute;
  bottom: 1em;
  right: 1em;
  width: min 25em, 100vw;
  height: auto;
  background-color: #830404;
  padding: 0.4em;
  z-index: 10;
}

.messageForm h3 {
  color: #ffffff;
  margin: 1em 0 0.5em 3em;
}

.messageForm .messageBox,
.messageForm .messageBox label {
  margin: 0;
  padding: 1em;
  color: #000000;
}



.popKontakt {
   position: fixed;
   bottom: 0;
   right: 0;
   margin: 1em;
   z-index: 100;
   background-color: #208a37;
   animation: markRightButton 1s;
}


@keyframes markRightButton {
   0% {
      right: 5%;
      bottom: 20%;
      background-color: #ffffff;
   }

   100% {
      right: 0;
      bottom: 0;
      background-color: #208a37;
   }
}

.messageForm {
   margin: 0;
   display: none;
   position: fixed;
   bottom: 1em;
   right: 1em;
   width: min 25em, 100vw;
   height: auto;
   background-color: #194923;
   padding: 0.4em;
   z-index: 10;
 }
 
 .messageForm textarea {
   width: 20em;
 }

  .messageForm button {
   border-radius: 0.3em;
   background-color: #faf5c8;
 }
 
 .messageForm button:hover {
   background-color: #791111;
 }
 
 .messageForm h3, .messageForm p {
   background-color: transparent !important;
 }
 

 .messageForm h3 {
   color: #ffffff;
   margin: 0.5em 0 0.5em 0.5em;
   font-weight: 400;
 }
 
 .messageForm p {
   color: #ffffff;
   margin: 0.3em 0 0.5em 2em;
   font-size: small;
   margin-right: 5em;
   max-width: 16em;
 }
 
 .messageForm p a:link,
 p a:visited {
   color: #9686e0;
 }
 
 .messageForm p a:hover {
   color: #ecde8b;
 }
 
 .messageForm .messageBox, .messageForm .messageBox label {
   margin: 0;
   padding: 0.5em;
   color: #000000;
 }
 
 .messageForm .messageBox, .messageForm td {
   background-color: transparent !important;
   border: 0 none;
   text-align: left;
   font-size: smaller;
 }
 
 .messageForm table {
   padding: 0.5em;
   margin: 0.1em;
   background-color: #ffff;
   border-color: #781111; 
 }
 


.bottomWarn {
   bottom: 0;
   position: absolute;
   margin: 0;
   width: 100%;
   height: 6em;
   background-color: #0d4d22;
   z-index: 999;
   color: #ffffff;
}

.bottomWarnIn {
   opacity: 1;
   animation: dialIn 0.5s;
}

.bottomWarnOut {
   opacity: 0;
   animation: dialOut 0.5s;
}

.bottomWarn p, .bottomWarnMessage, .bottomWarnMessage p {
   font-size: 150%;
   padding: 0.2em 0.5em 0.1em 0.5em;
   text-align: center;
   color: #ffffff;
}

.bottomWarn h3 {
   font-size: 150%;
   text-align: center;
   padding: 0em;
   color: #ffffff;
}

.bottomWarn h4 {
   font-size: 120%;
   text-align: center;
   padding: -1em 0 0 0;
   margin: 0 0.1em 0 0;
}