body {
  font-family: 'Titillium';
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2rem;
  background: linear-gradient(to right, rgba(27,28,43,1) 0%, rgba(27,28,43,1) 100%);
  text-align: left;
  color: rgba(255,255,255,1); 
  scroll-behavior: smooth;
  word-break: normal;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
a {
  color: rgba(255,255,255,1);
  transition: all .5s ease;
}
a:hover {
  color: rgba(81,175,61,1);
}
h1, h2, h3, h4, h5 {
  font-weight: 500;
  display: block;
}
h1 {
  font-size: 3rem;
  line-height: 3.5rem;
  margin: 50px 0;
}
h2 {
  line-height: 2.5rem;
  margin: 50px 0 10px 0;
}
h3 {
  margin: 0;
  color: rgba(81,175,61,1);
}
strong {
  font-weight: 500;
}
.color-gruen {
  color: rgba(81,175,61,1) !important;
}
header,
main,
footer {
  max-width: 1000px;
  margin: 50px auto;
}
main {
  padding-bottom: 30px;
}
main::after {
  content: '';
  display: block;
  clear: both;
}
.logo {
  display: block;
  width: 38%;
  margin: 0 0 0 auto;
}
img.logo {
  width: 100%;
}
figure {
  margin: 0;
  padding: 0;
}
.inhalt {
  width: 60%;
  float: left;
  border: 1px solid rgba(255,255,255,0);
  box-sizing: border-box;
}
.links {
  width: 38%;
  margin: 0 0 0 2%;
  padding: 0 0 0 2%;
  float: left;
  border-left: 1px solid rgba(255,255,255,1);
  box-sizing: border-box;
  position: sticky;
  top: 0;
}
a.link {
  display: block;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.5rem;
  background-color: rgba(81,175,61,1);
  color: rgba(245,245,245,1);
  padding: 5px 10px;
  margin: 0 0 20px 0;
  border-radius: 3px;
  text-decoration: none;
  transition: all .5s ease;
}
a.link:hover {
  background-color: rgba(81,175,61,0.75);
  text-decoration: none !important;
}
a.link:hover {
  text-decoration: underline;
}
.element {
  position:fixed;
  right: 0;
  bottom: 0;
  width: 50px;
  height: auto;
}
.ft-nav,
.ft-seo {
  display: block;
  margin-top: 30px;
  padding-top: 30px;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ft-nav {
  border-top: 1px dotted rgba(255,255,255,1);
}
.ft-seo {
  border-top: 1px dotted rgba(81,175,61,1);
}
.w-100 {
  width: 100% !important;
}
footer {
  display: block;
  clear: both;
  font-size: 1rem;
  border-top: 3px solid rgba(81,175,61,1);
  color: rgba(81,175,61,1);
  margin-top: 50px;
  padding-top: 20px;
}
footer a,
footer a:hover {
  margin: 50px 0;
  color: rgba(81,175,61,1);
}
footer h5 {
  margin: 10px 0 0 0;
}
footer p {
  margin: 5px 0 0 0;
}
footer a,
footer a:hover,
footer a:visited {
  color: rgba(81,175,61,1);
}
.d-none {
  display: none !important;
}
.clear {
  display: block;
  clear: both;
}
.mt-50 {
  margin-top: 50px;
}
.mt-100 {
  margin-top: 100px;
}

@keyframes promo-animation {
  0% {border-color: rgba(255,255,255,0); }
  50% {border-color: rgba(81,175,61,1); }
  100% {border-color: rgba(255,255,255,0); }
}
.promo {
  margin-top: 50px;
  border: 10px solid;
  padding: 2rem;
  font-size: 2rem;
  line-height: 2.6rem;
  background-color: rgba(255,255,255,0.1);
  animation-name: promo-animation;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
.promo h2 {
  color: rgba(81,175,61,1);
  padding: 25px 0 0 0;
  margin: 25px 0 50px 0;
  border-top: 3px solid rgba(81,175,61,1);
}
.promo a.link {
  margin: 75px 0;
  font-size: 3rem;
  line-height: 3.5rem;
}
.promo img.img {
  display: block;
  max-width: 100%;
  width: 200px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  header,
  main,
  footer {
    margin: 50px 20px;
  }
  .element {
    width: 20px;
  }
  .logo {
    width: 100%;
    margin: 0;
  }
  .inhalt {
    width: 100%;
    float: none;
  }
  .links {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    float: none;
    border-left: 0px solid rgba(255,255,255,1);
    border-top: 1px solid rgba(255,255,255,1);
    position: relative;
    top: 0;
  }
}



/* TitilliumWeb-ExtraLight */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/titillium/TitilliumWeb-ExtraLight.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* TitilliumWeb-Light */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium/TitilliumWeb-Light.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-Light.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* TitilliumWeb-Regular */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium/TitilliumWeb-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* TitilliumWeb-SemiBold */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium/TitilliumWeb-SemiBold.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* TitilliumWeb-Bold */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/titillium/TitilliumWeb-Bold.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* TitilliumWeb-Black */
@font-face {
  font-display: swap;
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium/TitilliumWeb-Black.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium/TitilliumWeb-Black.ttf') format('truetype'), /* Safari, Android, iOS */
}