/*
 Theme Name:  Michl Müller
 Description: 
 Author:    Sören Rustemeyer
 Author URI:  https://danndasda.de
 Template:   twentytwentyone
 Version:   1.0
 Text Domain: Michl Müller
*/

@font-face { font-family: "Anton-Regular"; src: url('https://entwurf.danndasda.de/wp-content/themes/michl-mueller-theme/bilder/Anton-Regular.ttf') format('truetype');
	src: url('https://entwurf.danndasda.de/wp-content/themes/michl-mueller-theme/bilder/Anton-Regular.woff2') format('woff2'); font-weight: bold; font-style: normal;
	font-display: swap
}


* { box-sizing:border-box; outline:none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-overflow-scrolling: touch; -webkit-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; }
.post-navigation, .archive .page-header { display: none;}
html { overflow-y: auto; min-height: 100%; font-size: 2.35vh; line-height: 1.5;  }
body { color: black; background: #8BB9F6; font-family: "arial";  margin: 0; overflow: hidden; }
body article a, body article a:visited { color: #ce0000; text-decoration: underline; }
body article a:hover { color: red;}

p { margin: 0;}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child { margin-top: 0 !important}
 #main { line-height: 1.7;}
#comments { display:none}
br:after { width: 100%; content:""}
h1, h2, h3, h4, h5, h6 {  margin: 0; }
footer { padding-bottom: 1.18rem !important; font-size: 0.7rem; text-transform:uppercase; margin-top: 2rem;}
.entry-footer { display: none;}


#fade_in { transition: opacity .8s; min-height: 100vh;}
.not_ready { opacity: 0 !important;}


#info { position: fixed; width: 100%; text-align: center; background: white; color: green; text-align: center; padding: 0.59rem 0.88rem; margin: auto; top: 50%; left: 0; z-index: 99999999999999999; display: none; box-shadow: 0.00rem 0.00rem 0.29rem 0.00rem rgba(0,0,0,0.75); transform: translateY(-50%); font-size: 1.18rem; }


#full_width { display: none;}

nav { position: fixed; top: 2.5rem; right: 2.5rem; z-index: 99; background-image: url(bilder/logo.svg); background-size: 100% auto; background-position: top right; padding-left: 20rem; padding-top: 6.5rem; background-repeat: no-repeat; }
nav li { list-style-type: none; margin: 0 0 .7rem auto;}
nav ul { margin: 0; padding: 0; display: inline;}
nav li a, nav li p { display: flex; text-decoration: none; text-transform: uppercase; font-weight: bold; text-align: right; background-color: rgba(244,223,83,1); border: solid .15rem #BA3D2E; padding: 0 .7rem 0 4rem; margin: 0 0 0 auto; width: fit-content; align-items: center; justify-content: right; border-radius: .5rem; font-family: "Anton-Regular"; font-size: 1.2rem; letter-spacing: .125rem; color: #BA3D2E; line-height: 2rem;  }


#prel_balken { width: 11.76rem; height: 0.71rem; position:fixed; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; margin:auto; background: black; color: white; text-align:center; font-size: 0.71rem}
#prel_balken p { margin: 0; position:absolute; top: 0; left: 0; height: 0.71rem; background: #E20000; z-index: -1; border-radius: 0.12rem; }
#prel_balken span { display: block; width: 100%; position:absolute; bottom: -1.18rem; color: black; text-align: center}


#bg_wrapp { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background-image: url(bilder/bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; }
#bg_wrapp picture { position: absolute; height: 100%; width: calc((100vh * .65) + (20vw - 35vh)); top: 0; right: 0; left: 0; margin: auto; z-index: -1; transform-origin: bottom right; opacity: 0; }
#bg_wrapp iframe { position: absolute; z-index: 11; top: 0; left: 0; height: 100%; width: 100%;}
picture source, picture img { position: absolute; margin: auto; top: 0; width: 100%; height: 100%; object-position: center bottom; object-fit: contain;}


.page-template-home #p_0, .page-template-default #p_0 { opacity: 1;}