@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PTSansNormal.eot'); /* IE9 Compat Modes */
  src: url('fonts/PTSansNormal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/PTSansNormal.woff') format('woff'), /* Modern Browsers */
       url('fonts/PTSansNormal.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/PTSansNormal.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/PTSansBold.eot');  /*IE9 Compat Modes*/
  src: url('fonts/PTSansBold.eot?#iefix') format('embedded-opentype'),  /*IE6-IE8*/
       url('fonts/PTSansBold.woff') format('woff'),  /*Modern Browsers*/
       url('fonts/PTSansBold-2r7iU.ttf') format('truetype'),  /*Safari, Android, iOS*/
       url('fonts/PTSansBold.svg#svgFontName') format('svg');  /*Legacy iOS*/
}

h1, h2, h3, h4, h5, h6, p, a, button {
  font-family: 'PT Sans', arial, verdana, sans-serif;
  font-weight: 400;
  color: rgb(51, 51, 51);
}
h1 {
  max-width: 610px;
  margin: 2em auto;
  font-size: 7.0rem;
  text-align: left;
  color: rgb(255,255,255);
}
a,
a:hover {
  color: rgb(0,68,121);
}



.align--center {
  text-align: center;
}
.badge {
  height: 48px;
  display: inline-block;
}

/* Heros
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero {
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.hero::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6 {
  color: rgb(255,255,255);
}
.hero .logo {
  width: 300px;
  float: left;
}
.hero-01 {
  background-image: url(../images/paar-wald-kuss.jpg);
}
.hero-02 {
  background-image: url(../images/feets.jpg);
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 8rem 0 7rem;
}
.section--gray {
  background-color: rgb(246,246,246);
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
button:hover,
button:focus {
  height: 56px;
  padding-left: 56px;
  padding-right: 56px;
  font-size: 26px;
  font-weight: bold;
  color: rgb(255,255,255);
  text-transform: none;
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgb(231, 131, 91), rgb(171, 54, 7));
  border: none;
  border-radius: 28px;
}

/* Card
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card {
  margin-bottom: 2.5em;
  padding: 2.5rem;
  background-color: rgb(255,255,255);
  border: 1px solid rgb(215,215,215);
  border-radius: 2px;
}
.card p {
  color: rgb(115, 115, 115);
}
.card img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto 2.5em auto;
  border-radius: 60px;
}

/* EULA
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.eula {
  font-family: 'PT Sans', arial, verdana, sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

ol.eula li {
  margin-bottom: 1.5em;
}

.eula-contact {
  margin-top: 1em;
  margin-left: 2em;
}