body {
 background: url("https://johannesfranke.de/wp-content/uploads/2023/02/BG_start2.jpg") no-repeat center center fixed;
   
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.wp-block-audio figcaption {
    color: #fff;
    font-size: 17px;
    text-align: center;
}


.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
    color: #fff;
}

.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width {
    max-width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

p  {
    color: #fff;
    
  
}

a  {
    color: #fff;
    
  
}

.site-header, .site-main, .widget-area, .site-footer {
    padding-top: 0px;
    padding-bottom: 0px;
  
}
.wp-block-post-content a:where(:not(.wp-element-button)) {
    color: #fff;
}



.site-header {
    padding-top: 0;
 
    width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(0,0,0,0.5)!important;
	color:#fff;
}

Idee {
  height: 200px;
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}






html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

.footerclass{
 position: fixed;
	bottom: 0px;
	width: 100%!important;
}

.oben {
	width: 100%!important;
	position: fixed;

	z-index: 3;
	margin-bottom:50px;
}

.wp-site-blocks {
    padding-top: 0px;
    padding-bottom: 0;
}

.has-global-padding {
    padding-left: 7%;
}


@media only screen and (max-width: 600px) {

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-post-content.wp-container-8 > .alignwide {
    max-width: 100%;
}

.wp-block-post-content.wp-container-16 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.wp-block-post-content.wp-container-11 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: auto !important;
}

}


