body {padding: 0;
margin: 0;
cursor: url(defaultw.png), default;}

.backgroundwhite {
    width: 100vw;
    position: fixed;
    animation: bgmove 300s;
}

@keyframes bgmove {
    from {translate: 0px 0px;}
    to {translate: 0px -1000px;}
    
}

.backgroundimage {
    width: 100vw;
}




.container {
    display: flex;
    width: 100vw;
    height: 100vh;
    position: fixed;
    justify-content: center;
    align-items: center;
    mix-blend-mode: difference;
}

.about {width: 50vw;
position: relative;}



button {
    background: none;
	color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(255, 255, 255), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(255, 255, 255);
    z-index: 100;
	border: none;
	padding: 0;
	font: inherit;
	outline: inherit;
    cursor: url(pointerw.png), pointer;
    transition: 100ms;}

    button:hover {
        text-shadow: 0px 2px 0px rgb(0, 0, 0), 0px 4px 0px rgb(255, 255, 255), 0px 6px 0px rgb(0, 0, 0), 0px 8px 0px rgb(255, 255, 255);
        transition: 500ms;}
    
    

a {text-decoration: none;
color: rgb(255, 255, 255);
text-shadow: 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(255, 255, 255), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(255, 255, 255);
transition: 100ms;
cursor: url(pointerw.png), pointer;
}

a:hover {color: rgb(255, 255, 255);
    text-shadow: 0px 2px 0px rgb(0, 0, 0), 0px 4px 0px rgb(255, 255, 255), 0px 6px 0px rgb(0, 0, 0), 0px 8px 0px rgb(255, 255, 255);
    transition: 1000ms;
}

p {text-align: center;
color: rgb(255, 255, 255);
line-height: 1.5;
font-size: 150%;
font-weight: lighter;
font-family: 'Times New Roman', Times, serif}

.video1 {position: relative}
.video2 {position: relative}
.video3 {position: relative}

.picking {
    position: absolute;
    z-index: -10;
    opacity: 0;
    margin: 10px;
}



.karaoke {
    position: absolute;
    z-index: -10;
    opacity: 0;
    margin: 10px;}

.live {
    position: absolute;
    z-index: -10;
    opacity: 0;
    margin: 10px;}

.bergmolch {
        position: absolute;
        z-index: -10;
        opacity: 0;
        margin: 10px;}



.home {
    position: fixed;
    margin: 5px;
    font-style: normal;
    font-size: 150%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

.home:hover {
    transition: 1000ms;
    text-shadow: 0px 2px 0px black, 0px 4px 0px white, 0px 6px 0px black, 0px 8px 0px white, 0px 10px 0px black, 0px 12px 0px white, 0px 14px 0px black, 0px 16px 0px white, 0px 18px 0px black, 0px 20px 0px white, 0px 22px 0px black, 0px 24px 0px white, 0px 26px 0px black, 0px 28px 0px white, 0px 30px 0px black, 0px 32px 0px white, 0px 34px 0px black, 0px 36px 0px white, 0px 38px 0px black, 0px 40px 0px white, 0px 42px 0px black, 0px 44px 0px white, 0px 46px 0px black, 0px 48px 0px white, 0px 50px 0px black, 0px 52px 0px white, 0px 54px 0px black, 0px 56px 0px white, 0px 58px 0px black, 0px 60px 0px white, 0px 62px 0px black, 0px 64px 0px white, 0px 67px 0px black, 0px 70px 0px white, 0px 73px 0px black, 0px 77px 0px white, 0px 81px 0px black, 0px 85px 0px white, 0px 90px 0px black, 0px 95px 0px white, 0px 100px 0px black, 0px 106px 0px white, 0px 112px 0px black, 0px 118px 0px white, 0px 126px 0px black, 0px 134px 0px white, 0px 142px 0px black, 0px 152px 0px white, 0px 162px 0px black, 0px 172px 0px white, 0px 183px 0px black, 0px 194px 0px white, 0px 205px 0px black;}