@font-face {
  font-family: 'Italiana-Regular';
  src: url('../fonts/Italiana-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Roboto-Light';
  color: #5e6b3d;
}
[data-element="pageHeader"] .uk-navbar-container .uk-logo > img {
  height: 60px;
}
.patternTop,
.patternBottom {
  background-position: center center;
  background-size: cover;
  position: absolute;
  width: 100%;
}
.patternTop {
  background-position: bottom center;
  top: 0;
  z-index: 1;
  height: calc(30px + 10vw);
}
.patternBottom {
  background-position: top center;
  position: relative;
  bottom: 0;
  z-index: -1;
  height: calc(10px + 7vw);
  margin-top: 30px;
}
.uk-background-cover {
  background-position: top center;
}
.uk-background-cover .uk-overlay {
  font-family: 'Roboto-Light';
  font-size: 1.8rem;
  line-height: 2rem;
  color: #ffffff;
}
.title {
  font-family: 'Italiana-Regular';
  font-size: 3rem;
  font-size: clamp(5rem, calc(5rem + 1.390625vw), 10rem);
  line-height: 5rem;
  color: #5e6b3d;
  text-align: center;
  margin-top: 15px;
}
#formular {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 30px;
}
#formular input {
  background-color: #e1ded3;
  color: #5e6b3d;
}
#formular .radio > label > [type="radio"] {
  border-radius: 0;
}
#formular .radio > label > [type="radio"]:checked {
  background-image: none;
  background-color: #5e6b3d;
}
#formular .buttons {
  width: 100%;
  padding-top: 15px;
  text-align: center;
}
#formular .buttons > [type="submit"] {
  background-color: #c0ac00;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: 0 15px;
  font-weight: 700;
}