@font-face {
        font-family: 'fellix-bold';
        src: url('../_font/fellix-bold.eot'); /* IE9 Compat Modes */
        src: url('../_font/fellix-bold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
        src: url('../_font/fellix-bold.woff2') format('woff2'); /* Super Modern Browsers */
        src: url('../_font/fellix-bold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'fellix-medium';
    src: url('../_font/fellix-medium.eot'); /* IE9 Compat Modes */
    src: url('../_font/fellix-medium.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
    src: url('../_font/fellix-medium.woff2') format('woff2'); /* Super Modern Browsers */
    src: url('../_font/fellix-medium.woff') format('woff'); /* Pretty Modern Browsers */
}

* {
    margin: 0;
    padding: 0;
  }


p,h1,h2,h3 {
    font-family: 'fellix-bold';
    -moz-font-feature-settings: 'ss01', 'ss02', 'ss06', 'ss11', 'ss13', 'ss17';  
    -webkit-font-feature-settings: 'ss01', 'ss02', 'ss06', 'ss11', 'ss13', 'ss17'; 
    font-feature-settings: 'ss01', 'ss02', 'ss06', 'ss11', 'ss13', 'ss17';
    font-weight: normal;
    transition: all 0.5s;
    line-height: 120%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

p {
    font-size: 7.5vw;
    margin-bottom: 3.75vw;    
}
    
h1,h2,h3 {
    font-size: 7.5vw;
}
    
a {
    text-decoration: underline;
    color: black;
    pointer-events: all;
}
    
a:hover {
    text-decoration: line-through;
}
    
#grid-box  {
    padding: 1.6vh 3.2% 1.6vh 3.2%;
    z-index: 2;
    display: grid;    
    position: relative;
    top: 0;
    width: 93.6%;
    height: auto;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(69vh, auto);
    grid-column-gap: 0;
    grid-row-gap: 3.75vw;
    pointer-events: none;
}
    
#video-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
    
video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}

video::-webkit-media-controls-overlay-play-button {
    display: none !important;
  }

#intro {
    grid-column: 1 / span 11;
    grid-row: 1;
}
    
#mail {
    grid-column: 1 / span 12;
    grid-row: 2;    
}

#adresse {
    grid-column: 1 / span 12;
    grid-row: 3;    
}

#impressum {
    grid-column: 1 / span 12;
    grid-row: 4;    
}


@media screen and (min-width: 769px) and (min-device-width: 769px) {

#grid-box {
    grid-auto-rows: minmax(90vh, auto);
    grid-row-gap: 1.5vw;       
}

p {
    font-size: 3vw;
    margin-bottom: 1.5vw;
}

h1,h2,h3 {
    font-size: 3vw;
}

#intro, #mail, #adresse, #impressum {
    grid-column: 1 / span 8;
}    

} 


@media screen and (min-width: 1025px) and (min-device-width: 1025px) {

#grid-box {    
    grid-auto-rows: minmax(88vh, auto);
}

}    


@media screen and (min-width: 1441px) and (min-device-width: 1441px) {

#grid-box {    
    grid-auto-rows: minmax(86vh, auto);
}

}


@media screen and (min-width: 1921px) and (min-device-width: 1921px) {

#grid-box {    
    grid-auto-rows: minmax(84vh, auto);
}

}