/* css/layout.css */

body {
    overflow-x: hidden; /* Horizontales Scrollen verhindern */
    margin: 0;
      
  
   
}





.background-container, .bg-layer, .bg-layer video {	
      position: absolute;
      top: 0;
      
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1;}

      .bg-layer {
         opacity: 0.03;
        
      }

      .bg-layer video {
         object-fit: cover;
         object-position: center;
        
     }

/* Media Queries für das grundlegende Layout */

   

.content-container {
  margin-top: 50px;
  width: 100%;
  max-width: 1400px;
 margin-left: 260px;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  box-sizing: border-box;
  background-color:  rgba(255, 255, 255, 0) ;
 
  
}



   
   

.content-container img {
   max-width: 100%;
  z-index: 23;
   

}

.content-container h2 {
   
}



.site-info-content {
   height: 71px;
   width: calc(100% - 240px); /* Bildschirmbreite minus Sidebar */
   margin-left: 240px;         /* Gleiche Breite wie Sidebar */

   background-color: #1A1A1D;
   border-bottom: 2px solid #3c3c3f;

   padding: 0 20px;
   display: flex;
   align-items: center;
   justify-content: right;


   box-sizing: border-box;
   position: fixed; /* Optional, wenn es oben bleiben soll */
   top: 0;

   z-index: 10000;    /* Einheitlicher z-index */
 }
 
 @media (max-width: 768px) {

   /* Die Sidebar wird durch die andere CSS bereits ausgeblendet! */
 
   .site-info-content {
     margin-left: 0;           /* kein Platz mehr für Sidebar */
     width: 100%;              /* volle Breite */
     left: 0;
     z-index: 400;
     justify-content: left ;        /* bleibt on top */
     border-bottom: 2px solid #3c3c3f;

   }
 
   .content-container {
     margin-left: 0;           /* Sidebar ist weg, also kein Abstand */
     padding-left: 15px;       /* etwas Puffer links/rechts */
     padding-right: 15px;
   }
 
   .background-container {
     left: 0;
     width: 100%;
   }
 
 }
 
 .site-info {
  position: relative; /* oder fixed? */
  z-index: 145;
 


  
}