:link,
:visited {
  text-decoration: none; }

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0; }

img,
a img,
:link img,
:visited img,
fieldset {
  border: none; }

img {
  vertical-align: bottom;
  margin: 0;
  padding: 0; }

address {
  font-style: normal; }

table {
  border: none;
  border-spacing: 0;
  font-size: 1em;
  margin: 0;
  padding: 0; }

tr {
  border: none;
  margin: 0;
  padding: 0; }

td {
  border: none;
  vertical-align: top;
  border-spacing: 0;
  margin: 0;
  padding: 0; }

legend {
  display: none; }

div,
p,
li,
a {
  background-repeat: no-repeat; }

dl {
  margin: 0; }

dl dt {
  margin: 0; }

dl dd + dt {
  margin-top: 0; }

dl dd {
  margin: 0; }

ol {
  list-style: none; }

ol li {
  margin: 0; }

ol li ol {
  margin: 0; }

ol li ul {
  margin: 0; }

p {
  margin: 0; }

ul {
  list-style: none; }

ul li {
  margin: 0; }

ul li ul {
  list-style: none;
  margin: 0; }

ul li ol {
  margin: 0; }

a:hover {
  text-decoration: none; }

/* 
    Created on : 27.11.2015, 15:15:00
    Author     : hellundanders.de
*/
a, input, select, textarea, .grpwrp a.button {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v13-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/montserrat-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v13-latin-300.woff2") format("woff2"), url("../fonts/montserrat-v13-latin-300.woff") format("woff"), url("../fonts/montserrat-v13-latin-300.ttf") format("truetype"), url("../fonts/montserrat-v13-latin-300.svg#Montserrat") format("svg");
  /* Legacy iOS */ }
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v13-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/montserrat-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v13-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v13-latin-regular.woff") format("woff"), url("../fonts/montserrat-v13-latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v13-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */ }
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v13-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/montserrat-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v13-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v13-latin-700.woff") format("woff"), url("../fonts/montserrat-v13-latin-700.ttf") format("truetype"), url("../fonts/montserrat-v13-latin-700.svg#Montserrat") format("svg");
  /* Legacy iOS */ }
html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100vh; }

*, *:before, *:after {
  box-sizing: inherit; }

::selection {
  background-color: #333;
  color: #f1f1f1; }
  @media (prefers-color-scheme: dark) {
    ::selection {
      color: #333;
      background-color: #f1f1f1; } }

body {
  background: #f1f1f1;
  color: #333;
  font-family: "Montserrat", sans-serif;
  line-height: 160%;
  font-size: 14px;
  height: 100vh;
  position: relative;
  margin: 0;
  padding: 0; }
  @media (prefers-color-scheme: dark) {
    body {
      background: #333;
      color: #f1f1f1; } }

p {
  margin-bottom: 15px; }

.wrp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  border: 5px solid #333; }
  @media (prefers-color-scheme: dark) {
    .wrp {
      border: 5px solid #f1f1f1; } }
  @media only screen and (max-width: 1200px) {
    .wrp {
      max-width: calc(100% - 20px); } }
  @media only screen and (max-width: 1090px) {
    .wrp {
      border: none;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      position: static; } }

.hdr {
  font-size: 40px;
  color: #333;
  line-height: 90%;
  text-align: center;
  margin-bottom: 50px;
  text-align: center; }
  @media (prefers-color-scheme: dark) {
    .hdr {
      color: #f1f1f1; } }
  @media only screen and (max-width: 1090px) {
    .hdr {
      padding-top: 50px; } }

.hdrlgotxt {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: -21px; }
  .hdrlgotxt .grpelelgo {
    background: #f1f1f1;
    padding: 0 10px;
    display: inline-block; }
    @media (prefers-color-scheme: dark) {
      .hdrlgotxt .grpelelgo {
        background: #333; } }

.grpwrp {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1090px) {
    .grpwrp {
      display: block; } }
  .grpwrp .grpele {
    width: 100%;
    max-width: calc(50% - 10px);
    padding: 40px 20px 60px 20px;
    position: relative;
    margin-bottom: 40px; }
    @media only screen and (max-width: 1090px) {
      .grpwrp .grpele {
        max-width: calc(100% - 20px);
        margin: 0 auto 40px auto;
        border: 5px solid #333; } }
  @media only screen and (max-width: 1090px) and (prefers-color-scheme: dark) {
    .grpwrp .grpele {
      border: 5px solid #f1f1f1; } }

  .grpwrp .grpelepcwrp {
    margin-bottom: 80px; }
  .grpwrp img {
    max-width: 100%;
    height: auto;
    height: 40px; }
  .grpwrp a.button {
    margin-top: 80px;
    background: #333;
    color: #f1f1f1;
    display: inline-block;
    padding: 7px 15px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    right: 20px; }
    .grpwrp a.button:hover {
      background: #E90037;
      color: #f1f1f1; }
    @media (prefers-color-scheme: dark) {
      .grpwrp a.button {
        background: #f1f1f1;
        color: #333; } }
  .grpwrp strong {
    font-weight: 700; }

.ftr {
  position: absolute;
  bottom: 10px;
  text-align: right;
  right: 10px;
  width: 100%; }
  @media only screen and (max-width: 1090px) {
    .ftr {
      position: static;
      text-align: center; } }
  .ftr a {
    display: inline-block;
    padding: 0 10px;
    font-weight: 700;
    color: #333; }
    .ftr a:hover {
      color: #E90037; }
    @media (prefers-color-scheme: dark) {
      .ftr a {
        color: #f1f1f1; } }

.bhrprt {
  display: inline-block; }

.addprt {
  display: inline-block;
  background: #333;
  color: #f1f1f1;
  padding: 10px 5px;
  margin-left: 5px;
  letter-spacing: 1.5px; }
  @media (prefers-color-scheme: dark) {
    .addprt {
      background: #f1f1f1;
      color: #333; } }

.grpelelgo {
  text-transform: uppercase;
  font-weight: 700; }

.grpelelgotxt {
  font-size: 20px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 1200px) {
    .grpelelgotxt {
      font-size: 18px; } }
  @media only screen and (max-width: 1090px) {
    .grpelelgotxt {
      font-size: 16px; } }

@media only screen and (max-width: 1090px) {
  .hdrlgotxt {
    position: static; } }
@media (prefers-color-scheme: dark) {
  .hdrlgotxt {
    color: #f1f1f1; } }
.hdrlgotxt .addprt {
  background: #333;
  padding: 3px 6px; }
  @media (prefers-color-scheme: dark) {
    .hdrlgotxt .addprt {
      background: #f1f1f1; } }

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