@charset "UTF-8";
/* CSS Document */

/* Colours */
:root{
	--grau:    hsla(42,8%,76%,1.00);
	--blau:    hsla(185,12%,59%,1.00);
	--grun:    hsla(92,23%,68%,1.00);
	--rosa:    hsla(355,52%,73%,1.00);
	--braun:   hsla(13,52%,45%,1.00);
	--orange:  hsla(23,100%,70%,1.00);
	--schwarz: hsla(0,0%,0%,1.00);
	--weiss:   hsla(0,0%,100%,1.00);
}


/* Sizes Desktop */
@media all{
	:root{
		--padding: 30px;
		--baseline: 28px;
		--menuh: 31px;
		--footerbase: 15px;
		--projw: 50%;
	}
}

/* Sizes Laptop */
@media all and (max-width: 2000px) {
	:root{
		--padding: 20px;
		--baseline: 25px;
		--menuh: 26px;
		--footerbase: 13px;
	}
}

/* Sizes Small */
@media all and (max-width: 1000px) {
	:root{
		--padding: 20px;
		--baseline: 19px;
		--menuh: 21px;
		--footerbase: 10px;
	}
}

/* Sizes Mobile */
@media all and (pointer:none), (pointer:coarse) and (orientation:portrait) {
	:root{
		--padding: 25px;
		--baseline: 49px;
		--footerbase: 44px;
		--projw: calc(100% - (var(--padding) * 4));
	}
}

/* Global Styles */

.noSelect{
	-webkit-touch-callout: none;
      -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
		  -ms-user-select: none;
		   -o-user-select: none;
			  user-select: none;
	}

/* Transitions */

.transition_A{
		-webkit-transition-duration: 0.2s;
		 -khtml-transition-duration: 0.2s;
		   -moz-transition-duration: 0.2s;
		    -ms-transition-duration: 0.2s;
		     -o-transition-duration: 0.2s;
		        transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		 -khtml-transition-timing-function: ease-in-out;
		   -moz-transition-timing-function: ease-in-out;
		    -ms-transition-timing-function: ease-in-out;
		     -o-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}

.transition_B{
		-webkit-transition-duration: 0.4s;
		 -khtml-transition-duration: 0.4s;
		   -moz-transition-duration: 0.4s;
		    -ms-transition-duration: 0.4s;
		     -o-transition-duration: 0.4s;
		        transition-duration: 0.4s;
		-webkit-transition-timing-function: ease-in-out;
		 -khtml-transition-timing-function: ease-in-out;
		   -moz-transition-timing-function: ease-in-out;
		    -ms-transition-timing-function: ease-in-out;
		     -o-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}

.transition_C{
		-webkit-transition-duration: 0.6s;
		 -khtml-transition-duration: 0.6s;
		   -moz-transition-duration: 0.6s;
		    -ms-transition-duration: 0.6s;
		     -o-transition-duration: 0.6s;
		        transition-duration: 0.6s;
		-webkit-transition-timing-function: ease-in-out;
		 -khtml-transition-timing-function: ease-in-out;
		   -moz-transition-timing-function: ease-in-out;
		    -ms-transition-timing-function: ease-in-out;
		     -o-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}

.transition_D{
		-webkit-transition-duration: 0.8s;
		 -khtml-transition-duration: 0.8s;
		   -moz-transition-duration: 0.8s;
		    -ms-transition-duration: 0.8s;
		     -o-transition-duration: 0.8s;
		        transition-duration: 0.8s;
		-webkit-transition-timing-function: ease-in-out;
		 -khtml-transition-timing-function: ease-in-out;
		   -moz-transition-timing-function: ease-in-out;
		    -ms-transition-timing-function: ease-in-out;
		     -o-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}

.transition_E{
		-webkit-transition-duration: 1s;
		 -khtml-transition-duration: 1s;
		   -moz-transition-duration: 1s;
		    -ms-transition-duration: 1s;
		     -o-transition-duration: 1s;
		        transition-duration: 1s;
		-webkit-transition-timing-function: ease-in-out;
		 -khtml-transition-timing-function: ease-in-out;
		   -moz-transition-timing-function: ease-in-out;
		    -ms-transition-timing-function: ease-in-out;
		     -o-transition-timing-function: ease-in-out;
		        transition-timing-function: ease-in-out;
}