html, body {
			height: auto; 
			}
	
	/*
		@font-face {
	       	font-family: 'Nunito';
	       	src: local ('Nunito')
	       	src: url(https://peter-on-handpan.de/fonts/Nunito/Nunito-Regular.ttf) format('truetype');
			}  */
		
		@font-face {
	       	font-family: 'Ubuntu';
	       	font-display: swap;
	       	/* src: local ('Ubuntu') */
	       	src: url(https://peter-on-handpan.de/fonts/Ubuntu/Ubuntu-Regular.ttf) format('truetype');
			}  /* Light 300 ,  Regular 400, Medium 500, Bold 700 */
			
		h1, h2, h3, h4 {
			height: 100%; 
			font-family: 'Ubuntu', sans-serif!important;
			line-height:1.5;
			}
			
		p, ul, li, a, article {
			height: 100%; 
			/* font-family: 'Ubuntu', sans-serif; */
			line-height:1.5;
			font-size: 18px;
			}
			
		footer {
			height: 7%!important; 
			background-color: #4B5335;
			font-family: 'Ubuntu', sans-serif!important;
			line-height:1.5;
			color: #EFE1CE;
			font-size: 18px;
			}
						
		.list {list-style-type: none;}
		.textcolor  {color: #4B5335!important}
		.top-bg  {background-color: #2371e4ff}
		.top-heigth {height:48px}
		.top-mrgn {margin-top: 48px;}
		.opacity50 {opacity: 0.5;}
		
		.pw-flat-clouds {
			background-color:#dddddd!important;
			}
			
		.w3-flat-silver {
			color:#000!important;background-color:#bdc3c7!important;
			}
			
		#menu {
  			z-index: +10;
  			position: -webkit-sticky; /* Safari */
  			position: sticky;
  			top: 0;
			} 
			
		#header {
			position: relative;
  			z-index: +20;
  			overflow:hidden;
			}
		
		.pw-sticky-top {
  			z-index: +10;
  			position: -webkit-sticky; /* Safari */
  			position: sticky;
  			top: 0;
			} 
			
		.pw-sticky-bottom {
  			z-index: +10;
  			position: -webkit-sticky; /* Safari */
  			position: sticky;
  			bottom: 0;
			} 
				
		.w3-2021-buttercream {
			color:#000!important;
			background-color:#EFE1CE!important;
			}
			
		.pw-left{ 
			float: left; margin-right:16px; 
			min-height:auto; margin-top:12px;
		}
		
		.pw-right{ 
			float: right; 
			margin-left:16px; 
			max-height:auto; 
			margin-top:12px;
		}
		.pw-banner {
			max-width:980px;
		}
		
		em {font-style:normal;}
		
		.w3-2021-buttercream {color:#000!important;background-color:#EFE1CE!important}
		.pw-left{ float: left; margin-right:16px; min-height:auto; margin-top:24px}
		.pw-right{ float: right; margin-left:16px; margin-top:24px}
		.pw-banner {max-width:980px}
		.pw-textc  {color: #4B5335!important;}
		.pw-bold {font-weight: bolder;font-family: sans-serif;}
		em {font-style:normal;}
		
		#large-medium-1 {width:20%!important}
		#small-1 {width:30%!important}
		#large-medium-2 {width:50%!important}
		#small-2 {width:100%!important}
		#large-medium-3 {width:25%!important; font-size:150px!important; margin-top:-18px!important; padding-right:16px!important;}
		#small-3 {width:30%!important; font-size:150px!important;}
		#start, #stimmung, #anhören {font-family: 'Ubuntu', sans-serif!important}
		
		#yoga-img, #flow-img, #sb-img {width:100%!important}