html, body {
  background: #fff;
  font-family: HK-GROTESK;
  z-index: 1;
  font-size: 24px;
  padding: 0;
  margin: 0;
  cursor: default;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:700px){
  html, body {
  font-size: 19px;
  }
}
h1, h2, h3, p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}
a, button, input, label {
  text-decoration: none;
  cursor: default;
}
a {
  color: #004bff;
}
a:hover {
  font-style: italic;
  color: #004bff;
}
.black-link {
  color: black;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0
}
.link {
  color: black;
}
.link:hover {
  font-style: italic;
}
.linkstyle {
  font-style: normal;
  color: black;
}
.nummer {
  pointer-events: none;
  color: black;
}



/* MENU */
.menu-index {
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  font-weight: normal;
  font-style: normal;
  padding: 23px;
  padding-bottom: 20px;
  padding-top: 16px;
}
.menu-index a {
  color: black;
}
.menu-index a:hover, .links a:hover{
  color: #004bff;
  font-style: italic;
}
.links {
  bottom: 0;
  left: 0;
  z-index: 0;
  position: fixed;
  padding: 23px;
  padding-bottom: 20px;
  padding-top: 16px;
  font-weight: normal;
  font-style: normal;
}

.links a {
  color: #004bff;
}
.links-index a {
  font-style: normal;
}
.links-index a{
 color: black;
}
.hide {
  display: none;
}

.titel {
  font-style: italic;
  width: auto;
  top: 0;
  left: 0;
  font-style: italic;
  margin-bottom: 20px;
}
.titel:hover {
  font-style: normal;
}
.text {
  margin-top: 20px;
}
.inhalt {
  width: 100vw;
  position: relative;
  font-weight: normal;
  font-style: normal;
  padding: 23px;
  padding-bottom: 20px;
  padding-top: 16px;
}
.angebot-c-text {
  display: none;
}
.angebot-c {
  margin-bottom: 20px;
}
.angebot-c p {
  margin-top: 0;
}
.zurueck {
  display:
}
.menu-punkte:hover {
  font-style: italic;
}
.mehrtext {
  margin-top: 20px;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.mehrtext img{
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin: 20px auto;
  margin-left: 0;
  display: block;
}
figure {
  margin: 0;
  padding: 0;
}
.newsletter-wrapper {
  height: 100%;
  line-height: 99vh;
  text-align: center;
}
.zeit-wrapper {
  height: 100%;
  line-height: 99vh;
  text-align: center;
}
.send {
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}
.input {
  margin-right: 3vw;
}
.zeit {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5vw;
  line-height: normal;
  font-weight: normal;
  font-style: normal;
}
.zeit:hover {
  font-weight: normal;
  font-style: italic;
  color: #004bff;
}

.newsletterundkontakt {
  bottom: 0;
  left: 0;
  position: fixed;
  margin-left: 1.6vw;
  margin-top: 1vw;
  margin-bottom: 1.4vw;
  font-weight: normal;
  font-style: normal;
}
.termin-titel {
  margin-bottom: 1vw;
}
.weniger-termin {
  bottom: 0;
  left: 0;
  position: fixed;
  margin-left: 1.6vw;
  margin-top: 1vw;
  margin-bottom: 1.4vw;
  font-weight: normal;
  font-style: normal;
}


/* Media Queries */
@media screen and (max-width:700px){
  .zeit-wrapper {
    text-align: center;
  }
  .zurueck-wrapper {
    margin-top: 2vw;
  }
  .termin-titel {
    margin-bottom: 2vw;
  }
  .zeit {
    display: inline-block;
    vertical-align: middle;
    word-break: none;
    white-space: normal;
    text-align: center;
    margin-bottom: 18vw;
    font-weight: normal;
    font-style: normal;
  }
  .text {
    margin-top: 3vw;
  }
  .mehrtext {
    margin-top: 3vw;
    -moz-hyphens: auto;
     -o-hyphens: auto;
     -webkit-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
  }
  .inhalt {
    position: relative;
    font-weight: normal;
    font-style: normal;
  }
  .inhalt-angebote {
    position: relative;
    font-weight: normal;
    font-style: normal;
  }
  .menu {
    top: 0;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }
  .menu-index {
    top: 0;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }

  .links-index {
    bottom: 0;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }
  .weniger-termin {
    bottom: 0;
    color: ;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }

  .newsletterundkontakt {
    bottom: 0;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }

  .aktuelle-kurse {
    bottom: 0;
    color: ;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }

  .links {
    bottom: 0;
    left: 0;
    position: fixed;
    font-weight: normal;
    font-style: normal;
  }
  .termin-info {
    margin-top: 2vw;
  }
  .termine {
    font-weight: normal;
    font-style: normal;
  }

  .angebot {
    margin-top: 2vw;
  }
  .umbruch {
    display: none;
  }
  .titel {
    font-style: italic;
    width: auto;
    top: 0;
    left: 0;
    font-style: italic;
  }
  .red-linkstyle:hover {
    font-style: normal;
    color: black;
    font-style: italic;
  }
  .t-3-termine {
    margin-top: 3vw;
  }


}










/* Zitate */
.titel a:hover {
  font-style: normal;
}
.slogan-wrapper {
 height: 42px;
 white-space: nowrap;
 bottom: 0;
 width: auto;
 left: 0;
 position: fixed;
 overflow: visible;
}
.slogan-wrapper-2 {
 height: 42px;
      pointer-events: none;
 white-space: nowrap;
 bottom: 0;
 width: auto;
 left: 0;
 position: fixed;
 overflow: visible;
}
.slogan-1 h3 {
 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;
 margin: 0;
 margin-left: -740vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 260s linear infinite;
 -webkit-animation: example2 260s linear infinite;
 animation: example2 260s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

.slogan-2 h3 {
 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;

 margin: 0;
 margin-left: -680vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 290s linear infinite;
 -webkit-animation: example2 290s linear infinite;
 animation: example2 290s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}


.slogan-3 h3 {
 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;

 margin: 0;
 margin-left: -985vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 340s linear infinite;
 -webkit-animation: example2 340s linear infinite;
 animation: example2 340s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}


/* ZITATE MOBILE */
@media screen and (max-width:700px){
.slogan-wrapper {
   height: auto;
   background: white;
   white-space: nowrap;
   bottom: 0;
   width: auto;
   left: 0;
   position: fixed;
   padding-bottom: 1.9vw;
   padding-top: 0.8vw;
   overflow: visible;
}
.slogan-wrapper-2 {
   height: auto;
   background: white;
   pointer-events: none;
   white-space: nowrap;
   bottom: 0;
   width: auto;
   left: 0;
   position: fixed;
   padding-bottom: 1.9vw;
   padding-top: 0.8vw;
   overflow: visible;
}
.slogan-1 h3 {
 background: white;
 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;

 margin: 0;
 margin-left: -2330vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 350s linear infinite;
 -webkit-animation: example2 350s linear infinite;
 animation: example2 350s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

.slogan-2 h3 {
 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;

 margin: 0;
 margin-left: -2180vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 380s linear infinite;
 -webkit-animation: example2 380s linear infinite;
 animation: example2 380s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}


.slogan-3 h3 {

 font-weight: normal;
 font-style: normal;
 width: auto;
 height: 100%;

 margin: 0;
 margin-left: -3100vw;
 white-space: nowrap;
 overflow: visible;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example2 450s linear infinite;
 -webkit-animation: example2 450s linear infinite;
 animation: example2 450s
 s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example2 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

}