html, body{margin:0;height:100%}body{background:#fafafa;font-family: "Dekko", Arial, sans-serif;background: linear-gradient(90deg, #000 10%, #111 90%);font-size:2em;font-size:3vh}body > span{display: block;box-sizing: border-box;line-height: 4em;line-height: 5vh;height: 5em;height: 5vh;color: #fff;background-color: #00427F}body > span span{width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 40s linear infinite;display:block}body > span span:hover{animation-play-state: paused}@keyframes marquee{0%{text-indent: 100vw}100%{text-indent: -100vw}}body > span a{display: inline-block;line-height: 5em;line-height: 5vh;background: #22ee00;color: #fff;font-weight: bold;border-radius: 40% 0 0 40%;padding: 0 2vh;position: absolute;top: 0;right: 0;text-decoration: none}body > span a:hover{color: #22ee00;background: #fff}body > span + ul{position: fixed;bottom: 0;left: 0;z-index: 1000;background-color: #0160B5;color: #eee;margin: 0;padding: 0;width: 100%;transition: all 0.3s ease-in-out;text-align: center;height: 15%;height: 15vh;line-height: 15%;line-height: 15vh}@media (max-width: 700px){body > span + ul{display:none}}body > span + ul:hover{background-color: #0000aa}body > span + ul li{display:inline-block;margin: 0 1vh}body > span + ul li a{color: #eee;text-decoration: none;box-shadow: inset 0 0 5px #fff;padding: 1vh 3vh;border-radius: 1vh}body > span + ul li a:hover{color: #fff;text-decoration: none;box-shadow: inset 0 0 5px #fff,inset 0 0 15px #fff, 2px 2px 10px #000044;padding: 1vh 3vh;border-radius: 1vh}h1,h2,h3{text-shadow: 3px 3px 0 #0270D3,-3px -3px 0 #0370D3,-3px 3px 0 #0370D3,3px -3px 0 #0370D3}h1,h2{font-size: 2em;font-size: 6vh;line-height:1.8em;line-height:5vh}h3{font-size: 1.6em;font-size: 5vh;line-height:1.4em;line-height:4vh}#HumppaShowContent{position:relative;height:100%;font-family: "Cabin Sketch", Arial;color:#fff}#HumppaShowContent > div{height: 85%;width: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;background-color: rgb(3, 112, 211);padding: 10px;text-align:center;border: solid 5px rgb(2,112,211);font-size:1.5em;font-size:3vh}#HumppaShowContent a{text-decoration:none;font-weight:bold;color:#ffc250}#HumppaShowContent p{background-color: #0370D3;padding: 1vh;max-width: 600px;margin: 0 auto}#HumppaShowContent ul{list-style:none;max-width: 750px;margin: 0 auto;text-align: left;padding:1vh}#HumppaShowContent li{margin-bottom:1em;margin-bottom:2vh}#HumppaShowContent li:before{content: "✔ "}#HumppaShowContent > div:nth-child(2){top:100%}#HumppaShowContent > div:nth-child(3){top:200%}#HumppaShowContent > div:nth-child(4){top:300%}#HumppaShowContent > div:nth-child(5){top:400%}#HumppaShowContent > div:nth-child(6){top:500%}#HumppaShowContent > div:nth-child(7){top:600%}#HumppaShowContent > div:nth-child(8){top:700%}#HumppaShowContent > div:nth-child(9){top:800%}#HumppaShowContent > div:after{content: "▼";font-size: 100px;position: absolute;left: 0;bottom: -100px;width: 100%;color: rgba(3, 112, 211, 1);display: inline-block;text-align: center}.shirtThumb{width:20%;padding:5%;max-width:150px;transition:all 0.3s ease-in-out;cursor:pointer}.shirtThumb:hover{width:24%;max-width:160px}#TShirtLayer{width: 100%;height: 100%;background:rgba(255, 231, 130, 0.8);position: fixed;top: 0;left: 0;text-align: center;z-index:10000;box-sizing:border-box;display:none}#TShirtLayer span{background: #000;text-align: right;display: inline-block;height: 10%;height: 10vh;width: 100%;color: #fff;line-height: 10vh;padding-right: 4vh;box-sizing: border-box}#TShirtLayer span:hover{opacity:0.6;cursor:pointer}#TShirtLayer span:after{content: "×";display: inline-block;width: 4vh;height: 4vh;border-radius: 100%;border: solid 2px #fff;margin-left: 10px;line-height: 4vh;font-size: 3vh;text-align: center}#TShirtLayer img{padding:5px;height:90%;width:auto;display:inline-block;max-width: 90%}#Band{width:484px;height:136px;margin:10px auto;overflow:hidden}@media (max-width: 504px){#Band{transform: scale(0.5) translateX(-128px)}}#Band div, #Band span{background:url(img/wallerts.png) no-repeat;background-position:0 0}#Band div{float:left;width:96px;height:136px;text-align:center;position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:10;opacity:0.6;-webkit-filter:blur(10px);-moz-filter:blur(10px);filter:blur(10px)}#Band div.active{opacity:1;cursor:pointer;-webkit-transform: rotate3d(0,0,0)}#Band .hidden{visibility: hidden}#Band #Dawa{background-position: 0 0}#Band #Wille{background-position: -96px 0}#Band #Stefan{background-position: -192px 0}#Band #Laui{background-position: -384px 0}#Band #Peter{background-position: -480px 0}#Dontclick{transform: rotateZ(-2deg);font-size: 2.5vh;color: #2E0;margin-top: 3vh;height:3vh;line-height:3vh;overflow:hidden;position:relative}#Dontclick span{text-align:center;position: relative;box-sizing: border-box;animation: marqueeVertical 15s linear infinite}#Dontclick span:hover{animation-play-state: paused}#Was-wird-gefeiert img{max-width: 50vw;max-height: 40vh}@keyframes marqueeVertical{0%{top: 3vh}100%{top: -12vh}}#Band span{display:block;position:absolute}#Band #Akk{background-position:0 -144px;width:35px;height:36px;left:16px;top:56px;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;transition:left 0.3s}#Band #Akk1{background-position:-40px -144px;width:8px;height:16px;left:64px;top:56px;-webkit-transition:top 0.3s;-moz-transition:top 0.3s;transition:top 0.3s}#Band #Korgl{background-position:-96px -144px;width:52px;height:16px;left:20px;top:56px;-webkit-transition:top 0.1s;-moz-transition:top 0.1s;transition:top 0.1s}#Band #Mand{background-position:-192px -144px;width:8px;height:16px;left:32px;top:76px;-webkit-transition:top 0.3s;-moz-transition:top 0.3s;transition:top 0.3s}#Band #Cajon1{background-position:-388px -144px;width:12px;height:28px;left:32px;top:88px;-webkit-transition:top 0.1s;-moz-transition:top 0.1s;transition:top 0.1s}#Band #Cajon2{background-position:-412px -144px;width:12px;height:18px;left:52px;top:92px;-webkit-transition:top 0.2s;-moz-transition:top 0.2s;transition:top 0.2s}#Band #Bass{background-position:-480px -144px;width:32px;height:8px;left:24px;top:80px;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;transition:left 0.4s}