@charset "UTF-8";

@font-face {
    font-family: 'Nuckle';
    src: url('../font/Nuckle-Bold.eot');
    src: local('NuckleBold'), local('Nuckle-Bold'),
        url('../font/Nuckle-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Nuckle-Bold.woff2') format('woff2'),
        url('../font/Nuckle-Bold.woff') format('woff'),
        url('../font/Nuckle-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nuckle';
    src: url('../font/Nuckle-Regular.eot');
    src: local('NuckleRegular'), local('Nuckle-Regular'),
        url('../font/Nuckle-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Nuckle-Regular.woff2') format('woff2'),
        url('../font/Nuckle-Regular.woff') format('woff'),
        url('../font/Nuckle-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {background-color: #000000;font-family:'Nuckle',Verdana,sans-serif;;color:#ffffff;text-align:center;}
video {border:none;background:black;max-width: 100%;height: auto;}

#kasten {
  display:block;
  max-width:1280px;
  margin-left: auto;
  margin-right: auto;
}

#zurueck {font-size:1em;font-weight:bold;text-align:left;width:10%;padding-top:0.5vw;color:#f00;background-color:#000;}
#kopfzeile {display:flex;max-width:1280px;}
#headline{font-family:'Nuckle','Verdana',sans-serif;font-size:1.5em;font-weight:normal;width:90%;text-align:left;padding-top:0.5em;background-color:#000}
#hauptzeile{display:flex;}
#videoblock{width:50%;background-color:#000}
#textblock{font-size:1em;color:#000;width:48%;background-color:#ccc;text-align:left;padding:0.8em}
#fusszeile{font-size:1em}

a:link {text-decoration-line: underline; color: rgb(255, 0, 0);cursor:pointer;}
a:hover {text-decoration-line: none; color: rgb(255, 0, 0);cursor:pointer;}
a:active {text-decoration-line: none; color: rgb(255, 0, 0);cursor:pointer;}
a:visited{text-decoration-line: none; color: rgb(255, 0, 0);cursor:pointer;}
a:focus{text-decoration-line: none; color: rgb(255, 0, 0);cursor:pointer;}

.ueberschrift-1{font-size:1.8em; font-weight:bold}
.ueberschrift-2{font-size:1em; font-weight:light}
img.knopf {width:3em;margin-top:-5px;margin-left:-4px}


@media screen and (max-width:1280px) and (orientation:landscape){


#zurueck {font-size:1.3vw;}
#headline {font-size:2.0vw;padding-top:0.5vw;}
#textblock{font-size:1.5vw;}
#fusszeile{font-size:1.2vw}
.ueberschrift-1{font-size:2vw;}
.ueberschrift-2{font-size:1.2vw;}
img.knopf {width:3em}
	
}


@media screen and (max-width:1280px) {
#zurueck {font-size:1.3vw;}
#headline {font-size:2.0vw;padding-top:0.5vw;}
#textblock{font-size:1.5vw;}
#fusszeile{font-size:1.2vw}
.ueberschrift-1{font-size:3vw;}
.ueberschrift-2{font-size:1.6vw;}
img.knopf {width:3em}
}


@media screen and (max-width: 500px){

#kasten {  display:block; }	
#kopfzeile {display:flex;max-width:1280px;}
#zurueck {width:10%;font-size:1.3vw;}
#headline {width:90%;font-size:2.9vw;padding-top:0.5em;}	
#hauptzeile{display:block}
#textblock{font-size:3.5vw;color:#000;width:98%;background-color:#ccc;text-align:left;padding:1vw}
#fusszeile{font-size:2vw}
.ueberschrift-1{font-size:2.5vw;}
.ueberschrift-2{font-size:1.6vw;}
img.knopf {width:7em}
}