@import url(initcss.css);
/* red-hat-display-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roobert Light';
  font-style: normal;
  font-weight: 300;
  src: url("../font/Roobert-Light.woff") format("woff"); }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roobert Bold';
  font-style: normal;
  font-weight: 500;
  src: url("../font/Roobert-Bold.woff") format("woff"); }
/*Margin Classes

 */
.margin-full {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media (min-width: 767px) {
    .margin-full {
      margin-top: 75px;
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .margin-full {
      margin-bottom: 100px;
      margin-top: 100px; } }

.margin-top {
  margin-top: 50px; }
  @media (min-width: 767px) {
    .margin-top {
      margin-top: 75px; } }
  @media (min-width: 1024px) {
    .margin-top {
      margin-top: 100px; } }

.margin-bottom {
  margin-bottom: 50px; }
  @media (min-width: 767px) {
    .margin-bottom {
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .margin-bottom {
      margin-bottom: 100px; } }

.padding-top {
  padding-top: 50px; }
  @media (min-width: 767px) {
    .padding-top {
      padding-top: 75px; } }
  @media (min-width: 1024px) {
    .padding-top {
      padding-top: 100px; } }

.padding-bottom {
  padding-bottom: 50px; }
  @media (min-width: 767px) {
    .padding-bottom {
      padding-bottom: 75px; } }
  @media (min-width: 1024px) {
    .padding-bottom {
      padding-bottom: 100px; } }

.padding-full {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (min-width: 767px) {
    .padding-full {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (min-width: 1024px) {
    .padding-full {
      padding-bottom: 100px;
      padding-top: 100px; } }

/**Farben*/
:root {
  --white: #ffffff;
  --mint: #91D6AC;
  --lintgreen: #C7E22B;
  --darkgreen: #004C45;
  --limegreen: #C7E22B;
  --margin: 25px; }
  @media (min-width: 767px) {
    :root {
      --margin: 35px; } }

html {
  overscroll-behavior: none; }

body {
  font-size: 16px;
  background-color: var(--white);
  font-family: "Roobert Light", sans-serif;
  width: 100%;
  padding: var(--margin); }
  @media screen and (min-height: 767px) {
    body {
      overflow: hidden; } }

.maincontent {
  background-color: var(--darkgreen);
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  position: relative;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  text-align: center;
  -webkit-padding-before: 100px;
  padding-block-start: 100px;
  height: 100%; }
  @media screen and (max-height: 766px) and (orientation: landscape) {
    .maincontent {
      min-height: 800px;
      border-bottom: 35px solid #ffffff; } }
  @media screen and (min-height: 800px) {
    .maincontent {
      min-height: unset; } }
  @media (min-width: 767px) {
    .maincontent {
      -webkit-padding-before: 150px;
      padding-block-start: 150px; } }
  @media (min-width: 1200px) {
    .maincontent {
      -webkit-padding-before: 175px;
      padding-block-start: 175px; } }

.logo {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  --maxwidth: 206px; }
  @media (min-width: 767px) {
    .logo {
      --maxwidth: 351px; } }
  @media (min-width: 1200px) {
    .logo {
      --maxwidth: 450px; } }
  .logo img {
    width: 100%;
    height: auto;
    max-width: var(--maxwidth);
    margin: 0 auto; }

.hintcontent {
  --fontsize: 1.25rem;
  --lineheight: 1.5625rem;
  --conmaxwidth: 240px;
  --marginbs: 100px;
  font-weight: 300;
  margin: var(--marginbs) auto 0 auto;
  max-width: var(--conmaxwidth); }
  @media (min-width: 767px) {
    .hintcontent {
      --fontsize: 1.5625rem;
      --lineheight: 2.1875rem;
      --conmaxwidth: 320px;
      --marginbs: 80px; } }
  @media (min-width: 1200px) {
    .hintcontent {
      --fontsize: 2.1875rem;
      --lineheight: 2.8125rem;
      --conmaxwidth: 450px;
      --marginbs: 85px; } }
  .hintcontent h1 {
    font-family: 'Roobert Light', sans-serif;
    font-size: var(--fontsize);
    line-height: var(--lineheight);
    color: var(--lintgreen);
    font-weight: 300; }

.adress {
  color: var(--white);
  --fontsize: 0.875rem;
  --lineheight: 1.25rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10px; }
  @media (min-width: 767px) {
    .adress {
      --fontsize: 1.125rem;
      --lineheight: 1.5625rem;
      bottom: 100px; } }
  @media screen and (max-height: 799px) and (orientation: landscape) {
    .adress {
      bottom: 50px; } }
  @media (min-width: 1024px) {
    .adress {
      bottom: 2%; } }
  .adress p {
    font-size: var(--fontsize);
    line-height: var(--lineheight);
    -webkit-margin-after: var(--lineheight);
    margin-block-end: var(--lineheight); }
  .adress strong {
    font-family: 'Roobert Bold', sans-serif; }
  .adress a {
    text-decoration: none;
    color: inherit; }
  .adress a.greenlink {
    color: var(--lintgreen); }

.innercontent {
  opacity: 0;
  -webkit-animation: fadeIn 1s linear;
  animation: fadeIn 1s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.cta-button {
  width: fit-content;
  padding: 11px 40px 13px 20px;
  border-radius: 23px;
  margin-block: 20px;
  height: 45px;
  text-decoration: none;
  display: block;
  position: relative;
  font-size: 1rem;
  transition: rotate .3s ease;
  white-space: nowrap; }
  .cta-button:after {
    width: 15px;
    background-position: 1px 2px;
    background-size: 12px;
    border-radius: 50%;
    overflow: hidden;
    height: 15px;
    transform-origin: center center;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .cta-button:hover:after {
    transform: rotate(45deg); }

.cta-button-green, .cta-green {
  background-color: var(--mint);
  color: var(--darkgreen); }
  .cta-button-green:after, .cta-green:after {
    content: '';
    background-image: url("../img/btn-arrow-whitebg.svg");
    background-color: var(--white);
    right: 13px;
    top: 16px; }
  .cta-button-green:hover, .cta-green:hover {
    background-color: #fefefe; }

.buttoncontent {
  display: grid;
  justify-content: center;
  position: relative;
  top: 5px; }
  @media (min-width: 767px) {
    .buttoncontent {
      top: 25px; } }
  @media (min-width: 1201px) {
    .buttoncontent {
      top: 50px; } }

/*# sourceMappingURL=master.css.map */