html, body{
  height: 100%;
}

body { 
			background-image: url(/thurner_schnee_martigeier_24-25.jpg) ;
			background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size: cover;
			overflow:hidden;
} 



.snow {
	position: relative;
	width: 100vw;
	height: 100vh;
}

.snow__item {
	position: absolute;
	width: 10px;
	height: 10px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	will-change: box-shadow;
	-webkit-animation: snow 10000ms linear infinite;
			animation: snow 10000ms linear infinite;
}

.snow__item:nth-child(2) {
	left: 25vw;
	-webkit-animation-delay: 6666ms;
			animation-delay: 6666ms;
}

.snow__item:nth-child(3) {
	right: 25vw;
	-webkit-animation-delay: 3333ms;
			animation-delay: 3333ms;
}

@-webkit-keyframes snow {
  0% {
    box-shadow: 0 0 0 transparent, 1vw -75vh 5px 5px #4d7090, -48vw -86vh 6px 5px #4d7090, 92vw -148vh 4px 1px #4d7090, -39vw -102vh 7px 5px #4d7090, 14vw -90vh 8px 3px #4d7090, -91vw -55vh 5px 3px #4d7090, 27vw -55vh 6px 5px #4d7090, -31vw -140vh 7px 3px #4d7090, 50vw -96vh 2px 2px #4d7090, -23vw -75vh 2px 1px #4d7090, 78vw -81vh 3px 1px #4d7090, -13vw -134vh 6px 1px #4d7090, 32vw -93vh 6px 2px #4d7090, -66vw -55vh 3px 1px #4d7090, 74vw -128vh 1px 5px #4d7090, -100vw -97vh 1px 2px #4d7090, 46vw -104vh 7px 5px #4d7090, -84vw -142vh 7px 1px #4d7090, 25vw -142vh 1px 1px #4d7090, -37vw -100vh 8px 2px #4d7090, 87vw -116vh 7px 5px #4d7090, -43vw -79vh 4px 4px #4d7090, 7vw -140vh 7px 3px #4d7090, -50vw -64vh 6px 1px #4d7090, 45vw -141vh 7px 2px #4d7090, -53vw -51vh 6px 3px #4d7090, 75vw -141vh 8px 4px #4d7090, -4vw -68vh 5px 2px #4d7090, 76vw -65vh 4px 1px #4d7090, -19vw -113vh 8px 4px #4d7090, 60vw -55vh 5px 1px #4d7090, -77vw -108vh 1px 5px #4d7090, 1vw -109vh 7px 1px #4d7090, -96vw -130vh 1px 3px #4d7090, 68vw -112vh 5px 4px #4d7090, -35vw -141vh 8px 3px #4d7090, 27vw -91vh 8px 3px #4d7090, -45vw -72vh 2px 3px #4d7090, 2vw -58vh 5px 1px #4d7090, -73vw -55vh 1px 4px #4d7090, 8vw -56vh 8px 1px #4d7090, -85vw -72vh 6px 1px #4d7090, 29vw -125vh 4px 3px #4d7090, -12vw -83vh 3px 2px #4d7090, 70vw -74vh 8px 2px #4d7090, -54vw -116vh 8px 4px #4d7090, 46vw -65vh 4px 4px #4d7090, -58vw -114vh 1px 4px #4d7090, 31vw -126vh 3px 1px #4d7090, -26vw -92vh 4px 4px #4d7090;
  }
  
  100% {
    box-shadow: 0 0 0 transparent, 19vw 73vh 7px 4px #4d7090, -83vw 88vh 7px 1px #4d7090, 85vw 130vh 3px 4px #4d7090, -54vw 70vh 7px 1px #4d7090, 19vw 72vh 6px 2px #4d7090, -37vw 125vh 2px 3px #4d7090, 57vw 113vh 1px 1px #4d7090, -95vw 123vh 6px 5px #4d7090, 5vw 127vh 6px 1px #4d7090, -59vw 108vh 5px 1px #4d7090, 79vw 146vh 1px 2px #4d7090, -79vw 150vh 7px 2px #4d7090, 35vw 76vh 6px 5px #4d7090, -100vw 103vh 8px 1px #4d7090, 72vw 109vh 8px 1px #4d7090, -100vw 105vh 7px 5px #4d7090, 44vw 132vh 3px 5px #4d7090, -82vw 146vh 5px 2px #4d7090, 99vw 147vh 5px 2px #4d7090, -47vw 80vh 1px 2px #4d7090, 24vw 110vh 4px 1px #4d7090, -96vw 103vh 6px 5px #4d7090, 73vw 143vh 5px 2px #4d7090, -44vw 115vh 6px 3px #4d7090, 48vw 133vh 4px 4px #4d7090, -5vw 132vh 3px 5px #4d7090, 20vw 86vh 1px 2px #4d7090, -76vw 123vh 1px 2px #4d7090, 17vw 85vh 6px 3px #4d7090, -97vw 79vh 5px 5px #4d7090, 96vw 135vh 3px 4px #4d7090, -45vw 64vh 8px 4px #4d7090, 15vw 58vh 4px 4px #4d7090, -99vw 85vh 4px 5px #4d7090, 29vw 128vh 7px 1px #4d7090, -50vw 60vh 6px 2px #4d7090, 47vw 149vh 8px 3px #4d7090, -45vw 100vh 6px 4px #4d7090, 98vw 124vh 4px 2px #4d7090, -96vw 148vh 3px 4px #4d7090, 51vw 78vh 1px 5px #4d7090, -100vw 136vh 3px 5px #4d7090, 83vw 127vh 1px 2px #4d7090, -52vw 75vh 5px 3px #4d7090, 8vw 52vh 3px 4px #4d7090, -96vw 139vh 1px 2px #4d7090, 49vw 83vh 4px 5px #4d7090, -8vw 52vh 5px 3px #4d7090, 69vw 120vh 5px 1px #4d7090, -86vw 73vh 8px 3px #4d7090;
  }
}
@keyframes snow {
  0% {
    box-shadow: 0 0 0 transparent, 1vw -75vh 5px 5px #4d7090, -48vw -86vh 6px 5px #4d7090, 92vw -148vh 4px 1px #4d7090, -39vw -102vh 7px 5px #4d7090, 14vw -90vh 8px 3px #4d7090, -91vw -55vh 5px 3px #4d7090, 27vw -55vh 6px 5px #4d7090, -31vw -140vh 7px 3px #4d7090, 50vw -96vh 2px 2px #4d7090, -23vw -75vh 2px 1px #4d7090, 78vw -81vh 3px 1px #4d7090, -13vw -134vh 6px 1px #4d7090, 32vw -93vh 6px 2px #4d7090, -66vw -55vh 3px 1px #4d7090, 74vw -128vh 1px 5px #4d7090, -100vw -97vh 1px 2px #4d7090, 46vw -104vh 7px 5px #4d7090, -84vw -142vh 7px 1px #4d7090, 25vw -142vh 1px 1px #4d7090, -37vw -100vh 8px 2px #4d7090, 87vw -116vh 7px 5px #4d7090, -43vw -79vh 4px 4px #4d7090, 7vw -140vh 7px 3px #4d7090, -50vw -64vh 6px 1px #4d7090, 45vw -141vh 7px 2px #4d7090, -53vw -51vh 6px 3px #4d7090, 75vw -141vh 8px 4px #4d7090, -4vw -68vh 5px 2px #4d7090, 76vw -65vh 4px 1px #4d7090, -19vw -113vh 8px 4px #4d7090, 60vw -55vh 5px 1px #4d7090, -77vw -108vh 1px 5px #4d7090, 1vw -109vh 7px 1px #4d7090, -96vw -130vh 1px 3px #4d7090, 68vw -112vh 5px 4px #4d7090, -35vw -141vh 8px 3px #4d7090, 27vw -91vh 8px 3px #4d7090, -45vw -72vh 2px 3px #4d7090, 2vw -58vh 5px 1px #4d7090, -73vw -55vh 1px 4px #4d7090, 8vw -56vh 8px 1px #4d7090, -85vw -72vh 6px 1px #4d7090, 29vw -125vh 4px 3px #4d7090, -12vw -83vh 3px 2px #4d7090, 70vw -74vh 8px 2px #4d7090, -54vw -116vh 8px 4px #4d7090, 46vw -65vh 4px 4px #4d7090, -58vw -114vh 1px 4px #4d7090, 31vw -126vh 3px 1px #4d7090, -26vw -92vh 4px 4px #4d7090;
  }
  
  100% {
    box-shadow: 0 0 0 transparent, 19vw 73vh 7px 4px #4d7090, -83vw 88vh 7px 1px #4d7090, 85vw 130vh 3px 4px #4d7090, -54vw 70vh 7px 1px #4d7090, 19vw 72vh 6px 2px #4d7090, -37vw 125vh 2px 3px #4d7090, 57vw 113vh 1px 1px #4d7090, -95vw 123vh 6px 5px #4d7090, 5vw 127vh 6px 1px #4d7090, -59vw 108vh 5px 1px #4d7090, 79vw 146vh 1px 2px #4d7090, -79vw 150vh 7px 2px #4d7090, 35vw 76vh 6px 5px #4d7090, -100vw 103vh 8px 1px #4d7090, 72vw 109vh 8px 1px #4d7090, -100vw 105vh 7px 5px #4d7090, 44vw 132vh 3px 5px #4d7090, -82vw 146vh 5px 2px #4d7090, 99vw 147vh 5px 2px #4d7090, -47vw 80vh 1px 2px #4d7090, 24vw 110vh 4px 1px #4d7090, -96vw 103vh 6px 5px #4d7090, 73vw 143vh 5px 2px #4d7090, -44vw 115vh 6px 3px #4d7090, 48vw 133vh 4px 4px #4d7090, -5vw 132vh 3px 5px #4d7090, 20vw 86vh 1px 2px #4d7090, -76vw 123vh 1px 2px #4d7090, 17vw 85vh 6px 3px #4d7090, -97vw 79vh 5px 5px #4d7090, 96vw 135vh 3px 4px #4d7090, -45vw 64vh 8px 4px #4d7090, 15vw 58vh 4px 4px #4d7090, -99vw 85vh 4px 5px #4d7090, 29vw 128vh 7px 1px #4d7090, -50vw 60vh 6px 2px #4d7090, 47vw 149vh 8px 3px #4d7090, -45vw 100vh 6px 4px #4d7090, 98vw 124vh 4px 2px #4d7090, -96vw 148vh 3px 4px #4d7090, 51vw 78vh 1px 5px #4d7090, -100vw 136vh 3px 5px #4d7090, 83vw 127vh 1px 2px #4d7090, -52vw 75vh 5px 3px #4d7090, 8vw 52vh 3px 4px #4d7090, -96vw 139vh 1px 2px #4d7090, 49vw 83vh 4px 5px #4d7090, -8vw 52vh 5px 3px #4d7090, 69vw 120vh 5px 1px #4d7090, -86vw 73vh 8px 3px #4d7090;
  }
}



.logo img {
  opacity: 0;
  animation: fadeIn 31s ease-in-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}






<!--Copyright (c) 2024 by Geiervisuell (https://geiervisuell.com/)-->
<!--Copyright (c) 2022 by Long (https://codepen.io/nguyenlong/#) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so.-->