@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);@import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css);@font-face {
  font-family: "Circle Regular";
  src: url("/fonts/Circle/Circe-Regular.woff") format("woff"), url("/fonts/Circle/Circe-Regular.eot") format("eot"), url("/fonts/Circle/Circe-Regular.svg") format("svg"), url("/fonts/Circle/Circe-Regular.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Circle Bold";
  src: url("/fonts/Circle/Circe-Bold.woff") format("woff"), url("/fonts/Circle/Circe-Bold.eot") format("eot"), url("/fonts/Circle/Circe-Bold.svg") format("svg"), url("/fonts/Circle/Circe-Bold.ttf") format("ttf");
  font-style: normal;
  font-weight: bold;
}

th {
  font-size: 1.0rem;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 12px solid #fba2e1;
  border-top: none;
  font-weight: 700;
}

.btn {
  margin: 0 10px;
}

.bold {
  font-weight: bold;
}

.main-page h1 {
  text-align: center;
  font-family: "Circle Bold";
  margin: 1.5rem;
}

.main-page {
  font-family: "Circle Regular";
  color: white;
  margin-top: 5rem;
  z-index: 99;
  position: absolute;
  width: 960px;
  margin-left: -480px;
  left: 50%;
}

h1 {
  font-size: 60px;
}

td {
  font-family: "Circle Bold";
  font-size: 21px;
}

.container-fluid {
  padding: 0;
}

.slider_main {
  min-height: 30rem;
  background-size: 100%;
}

.motiv {
  font-size: 3rem;
  text-align: center;
  font-family: "Circle Bold";
  text-align: center;
  color: white;
  text-shadow: 2px 2px 5px black;
}

.carousel {
  -webkit-box-shadow: 2px 2px 5px black;
          box-shadow: 2px 2px 5px black;
}

.bg2 {
  background: url("/img/bg4.png");
  background-position: 50% 30%;
}

.bg3 {
  background: url("/img/bg3.png");
  background-position: 50% 30%;
}

.number {
  text-align: center;
}

.bg {
  background: url("/img/bg1.jpg") center no-repeat;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 110px;
  position: relative;
  overflow: hidden;
  min-height: 689px;
  height: 100vh;
  min-height: 580px;
}

.bg:before {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(225deg, transparent 0%, #fd84a0 100%);
  opacity: 0.5;
}

.bg:after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.71;
  background: -webkit-gradient(linear, left top, right top, from(#87fdbf), color-stop(50%, #ff6c84), to(#fbfc00));
  background: linear-gradient(90deg, #87fdbf 0%, #ff6c84 50%, #fbfc00 100%);
}

.black {
  background-color: black;
}

.intro__logo {
  width: 216px;
  position: absolute;
  z-index: 99;
}

.mainpage__logo {
  width: 232px;
  height: 146px;
  margin-top: -73px;
  margin-left: -116px;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 99;
}