/*Vars*/
:root{
    --mainpadding: 5vw;
	font-size: 62.5%;
}
/*Format*/

nav{
	position: fixed;
    padding: 1em;
    font-size: clamp(.5rem, 35vw, 1.5rem);
    z-index: 10000000;
    font-weight: 800;
    width: 9ch;
    line-height: 1;
    text-transform: uppercase;
}

/*Head*/
header{

	width: 100%;
	will-change: transform;
    transition: transform 0.1s linear;
	
    iframe {
        width: 100%;
		height: auto;
       	aspect-ratio: 16 /9;
		object-fit: contain;
		filter: saturate(1);
		transition: filter 0.3s ease;
    }
}

body:not(.home){
	header{
		aspect-ratio: 16 / 5;
		overflow: hidden;
		margin-bottom: 3rem;
	}
}


/*Main*/

main{
	padding-bottom: var(--mainpadding);
}

.wp-block-heading,
p{
	z-index: 100000;
	position: relative;
}

  figure {
    opacity: 0;
    transform: translateY(60px); /* Starttiefe für Fade-In */
    transition: opacity 0.6s ease-out, transform 0.3s ease-out;
    will-change: transform, opacity;
    position: relative;
  }

  figure.visible {
    opacity: 1;
  }

/*Footer*/