body {
background-color: #101010;
margin: auto;
font-family: Roboto-Black.ttf;
src: url(neon.ttf);
color: #2cab66;
}

@font-face {
  font-family: neon;
  src: url(neon.ttf);
}

h2 {
font-family: neon;
font-size: 1.6em;
color: #2cab66;
text-shadow: 0 0 32px #ffcc00;
text-align: center;
}

h4 {
font-family: neon;
font-size: 3em;
color: #ffcc00;
text-shadow: 0 0 32px #ffcc00;
text-align: center;
}

h4 a {
   text-decoration: none;
   color: #ffcc00;
    font-size: 2em;
}

/* unvisited link */
a {
 color: none;
 text-decoration: none;
 font-family: neon;
}

a.text {
 color: #FED128;
 text-decoration: none;
}

a.navi {
 color: #426DFB;
 font-size: 28px;
 text-shadow: 0 0 3vw #2356FF;
}

img.lable {
  border-radius: 2px;
  max-width: 70%;
  height: auto;
  float: left;
}

img.svgshadow {
  -webkit-filter: drop-shadow( 5px 5px 4px rgba(128, 105, 20, .7));
  filter: drop-shadow( 5px 5px 4px rgba(128, 105, 20, .7));
  border-radius: 4px;
  max-width: 65%;
  height: auto;
  float: center;
}

img.svgshadow.svgcard {
position: absolute;
bottom: 1vw;
left: 50%;
transform: translateX(-50%);
}

.datum {
  font-family: Roboto-Black.ttf;
  color: #bfa975;
  text-shadow: 0 0 3vw #ffefca;
}

.post {
  width: 40%;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.post .text {
font-family: Roboto-Black.ttf;
font-size: 1.6em;
color: #2cab66;
text-shadow: 0 0 32px #ffcc00;
text-align: left;
}

.devider{
padding-left:1em; padding-right:1em;
}

.site-header {
color: #2cab66;
text-align: center;
}

.site-footer {
  color: #2cab66;
  text-align: center;
}

.angebotcontainer {
    width: 40%;
    margin: auto;
    border: 0px solid #006a79;
    padding: 20px;
    text-align: center;
}
.content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.content img {
    max-width: 150px;
    margin-right: 20px;
}
.text {
    flex: 1;
    color: #ffefca;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
}

.container {
  margin: auto;
  text-align: center;
  vertical-align: middle;
}

.neon {
  font-family: neon;
  color: #FB4264;
  font-size: 5vw;
  line-height: 5vw;
  text-shadow: 0 0 3vw #F40A35;
}

.flux {
  font-family: neon;
  color: #426DFB;
  font-size: 2.4vw;
  line-height: 2vw;
  text-shadow: 0 0 1vw #2356FF;
}

.neon {
  animation: neon 2s ease infinite;
  -moz-animation: neon 2s ease infinite;
  -webkit-animation: neon 2s ease infinite;
}

@keyframes neon {
  0%,
  100% {
    text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
    color: #FED128;
  }
  50% {
    text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
    color: #806914;
  }
}


.flux {
  animation: flux 2s linear infinite;
  -moz-animation: flux 2s linear infinite;
  -webkit-animation: flux 2s linear infinite;
  -o-animation: flux 2s linear infinite;
}

@keyframes flux {
  0%,100% {
    text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .2vw .2vw .1vw #147280;
    color: #28D7FE;
  }
}

.failure {
  font-family: neon;
  font-size: 5em;
  animation: flicker 1.5s infinite alternate;
  color: #fff;
  text-align: center;
}


/* Flickering animation */
@keyframes flicker {

  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;

  }

  20%, 24%, 55% {
      text-shadow: none;
  }
}