/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/jizaRExUiTo99u79D0-ExcOPIDUg-g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/jizaRExUiTo99u79D0aExcOPIDUg-g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/jizaRExUiTo99u79D0yExcOPIDUg-g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/jizaRExUiTo99u79D0KExcOPIDU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/jizfRExUiTo99u79B_mh0OOtLR8a8zILig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/jizfRExUiTo99u79B_mh0OqtLR8a8zILig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/jizfRExUiTo99u79B_mh0OCtLR8a8zILig.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




body, html {
  height: 100%;
   font-family: 'PT Sans', sans-serif;
    margin:0;
}

.bg {
  /* The image used */
  background-image: url("img/background.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top {
    width: 1px;
    height: 1px;
}

h1 {
    margin:0;
    color:#fff;
    text-align: center;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

h2 {
    margin:0;
    color:#fff;
    text-align: center;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
h3 {
    color:#fff;
    text-align: center;
    font-weight: 400;
}

.button{
    background-color:rgba(0, 160, 55, 0.88);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
     -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.button:hover{
   background-color:rgba(0, 160, 55, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: 9px 9px 15px rgba(0, 0, 0, 0.3);

  }

.footer {
    width:100%;
    min-height:25px;
    position:absolute;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.25);
    text-align: center;
    padding: 5px 0 5px 0;
}

.footertext {
    color:rgba(255, 255, 255, 0.85);
   
   
}

@media only screen and (min-width: 1024px) {

    
.button-block {
    margin: 150px auto 0 auto;
    display:flex;
    justify-content: space-between;
    width: 1024px;
}

.button{
    width: 320px;
    height: 91px;
   }

.button:hover{
    width: 320px;
    height: 91px;
   }

.button img {
    width:100%;
   
}

.headline {
    width: 100%;
    margin: 150px auto 0 auto;
   
}

.headline img {
    width: 100%;
}

h1 {
    font-size: 94px;
    font-weight: 700;
    line-height: 1.25em;
    
}

h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1em;
    }
    
    h3{
        font-size:1em;
    }
    .hier_entlang {
        width: 720px;
         display: block;
 margin:25px auto;
        
        
    }    
}



@media only screen and (max-width: 1023px) and (min-width: 640px) {
.headline {
    width: 100%;
    margin: 150px auto 0 auto;
   
}
    
    h1 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1.25em;
    
}

h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    }
    
.button-block {
    margin: 100px auto 0 auto;
    
    
    width: 480px;
}
    
.button{
    width: 480px;
   
    margin: 45px 0 45px 0;
   }  
.button::after {
        content: "\A";
        white-space: pre;
    } 
.footertext, h3 {
    font-size:1.25em;  
   
}   
.hier_entlang {
        width: 640px;
         display: block;
    margin:25px auto;    }
    
}

@media only screen and (max-width: 639px) {
    .headline {
    width: 100%;
    margin: 100px auto 0 auto;
   
}
        h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25em;
    
}

h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    }
    
.button-block {
    margin: 100px auto 0 auto;
    
    
    width: 420px;
}
    
.button{
    width: 420px;
   
    margin: 25px 0 25px 0;
   }  
.button::after {
        content: "\A";
        white-space: pre;
    } 
h3, .footertext {
    font-size:1.35em;  
   
} 
.hier_entlang {
        width: 90%;
         display: block;
    margin:25px auto;    }    
    
    
}