/*Change bootstrap default Variables here*/
@font-face {
  font-family: "ApproachKoelnBold";
  src: url("/media/fonts/ApKo20/ApKo20-Bd.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ApproachKoelnSemiBoldItalic";
  src: url("/media/fonts/ApKo20/ApKo20-SmBdIt.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ApproachKoelnRegular";
  src: url("/media/fonts/ApKo20/ApKo20-Rg.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ApproachKoelnBoldItalic";
  src: url("/media/fonts/ApKo20/ApKo20-BdIt.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ApproachKoelnSemiBold";
  src: url("/media/fonts/ApKo20/ApKo20-SmBd.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ApproachKoelnRegularItalic";
  src: url("wf/ApKo20-RgIt.woff2") format("woff2");
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
img.HeadLogo {
  height: 50px;
  width: auto;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: local(""), url("/media/fonts/roboto/Roboto-Thin.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 200;
  src: local(""), url("/media/fonts/roboto/Roboto-ThinItalic.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/media/fonts/roboto/Roboto-Light.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local(""), url("/media/fonts/roboto/Roboto-LightItalic.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/media/fonts/roboto/Roboto-Regular.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("/media/fonts/roboto/Roboto-Italic.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("/media/fonts/roboto/Roboto-Medium.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local(""), url("/media/fonts/roboto/Roboto-MediumItalic.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/media/fonts/roboto/Roboto-Bold.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  src: local(""), url("/media/fonts/roboto/Roboto-BoldItalic.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/media/fonts/roboto/Roboto-Black.ttf ") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("/media/fonts/roboto/Roboto-BlackItalic.ttf ") format("truetype");
}
/*# sourceMappingURL=/media/css/font-roboto.css.map */
/* -------------------------------------- */
/* RESET CSS
/* -------------------------------------- */
* {
  font-family: "ApproachKoelnRegular", Arial, sans-serif;
}
*, *::before, *::after {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}
html {
  font-size: 1rem;
}
body, button, input, select, textarea {
  color: #333;
  font-family: "ApproachKoelnRegular", Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 23px;
}
select {
  padding: 0;
}
#Footer #powered-by {
  font-size: 0.875rem;
}
/*------------------------------*/
/*------------------------------*/
input.invalid, .RegisterInvalid {
  border: 1px solid rgba(255, 0, 0, 0.47);
}
/*Struktur START tu7*/
span.ImageEffectContainer {
  position: relative;
  display: block;
  overflow: hidden;
}
span.ImageEffectContainer[data-animation="fade"] .EffectImage {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  transition: opacity 0.5s linear;
  opacity: 0;
}
span.ImageEffectContainer[data-animation="slideDown"] .EffectImage {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
span.ImageEffectContainer[data-animationstart="hover"]:hover > .EffectImage {
  opacity: 1;
}
/*------------------------------*/
/* Generell Styles
/*------------------------------*/
span, p, div, h1, h2, h3, h4, h5, h6 {
  cursor: default;
}
::-moz-selection {
  background: #333;
  color: #fff;
}
::selection {
  background: #333;
  color: #fff;
}