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

html { background-color: #f5ece4;background-size: 0 0 !important; font: normal 1em/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; text-align: center; height: 100%; }
body { height: 100vh; }

#video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; z-index: -1;}
video { display: block; width: 90vw; height:auto; margin:auto; margin-top: 3vh;}

.fullsize-video-bg { height: 100vh; overflow: hidden; }

.fullsize-video-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; }


.fullsize-video-bg .inner { display: table; width: 100%; max-width: 24em; height: 100vh; margin: 0 auto; padding: 0; position: relative; z-index: 2; text-shadow: 0 1px 5px rgba(0,0,0,.5); }
.fullsize-video-bg .inner > div { text-align: center; display: table-cell; vertical-align: middle; padding: 0 2em; }

div#main-mobile {width:100vw;height:100vh;text-align: center;vertical-align: middle;padding-top:5vh;display: block !important;font-family: 'Chivo', sans-serif;color:#fff;font-size:3.3em;line-height: 1.1em;}
img#hi {position: absolute; z-index:99;bottom:5vh;right:0px;width:22%;}
img#add {position: absolute; z-index:99;top:5vh;right:5vw;width: 30%;transform: rotate(20deg);display: none;}
div#impressum {position: absolute; z-index:99;font-family: 'Chivo', sans-serif;color:#fff;font-size:0.7em;;bottom:5vh;left:50vw;display: block;padding:10px;background-color:#0018ff;border-radius: 15px;}
span#v916 {font-style: italic;display: inline-block;padding:5px 20px 5px 20px;background-color:#0018ff;border-radius: 35px;}

div#impressum a {color:#fff;text-decoration: none;}

div#impressum-overlay {position: absolute;left:-2px;z-index: 120;height:100vh;width:100vw;background-color: #f5ece4;font-family: 'Chivo', sans-serif;color:#0018ff;font-size:1em;line-height: 1.5em;padding-top:5vh;display:none;}
div#impressum-overlay h1 {font-size:1.5em;}
div#impressum-overlay a.link {text-decoration: none;color:#000;}
div#close {font-family: 'Chivo', sans-serif;color:#fff;font-size:1em;display: block;padding:10px;background-color:#0018ff;border-radius: 15px;width:150px;margin:auto;margin-top:10vh;}
div#close a {color:#fff;text-decoration: none;}

div#contact {position: absolute; z-index:99;font-family: 'Chivo', sans-serif;color:#fff;font-size:0.7em;;bottom:5vh;left:20vw;display: block;padding:10px;background-color:#0018ff;border-radius: 15px;}
div#contact a {color:#fff;text-decoration: none;}

.mehrals415 {display: none;}

@media (min-device-width: 415px) {
  body {background: url('img/background.png');background-size:cover;}
  .fullsize-video-bg {display: none;}
  .mehrals415 {font-family: 'Chivo', sans-serif;color:#fff;font-size:2.6em;line-height: 1.5em;padding-top:5vh;display:block;text-align:left;width:50vw;margin:auto;padding-top:25vh;}
  span#v9162 {font-style: italic;display: inline-block;padding:5px 20px 5px 20px;color:#f5ece4;background-color:#0018ff;border-radius: 35px;}
}