/* ####################### Style  alle Seiten  #################### */   

/*  font-family: 'IBM Plex Serif', serif; */  
  
:root{ --schrift-color: #fff;  

      --background-color: #a05016;

      --schrift-nav-color-hover: rgb(211, 248, 131); 

      --nav-color: black;
   
   --schrift: 'IBM Plex Serif', serif;  

}



* { 
padding:0; 
margin:0; 
}


a:link { text-decoration: none; color: var(--schrift-color); }   
a:active  { text-decoration: none; color: var(--schrift-color); } 
a:visited { text-decoration: none; color: var(--schrift-color);}  
a:hover { text-decoration: none; color: var(--schrift-nav-color-hover); } 

body{ 
   background-color: var(--background-color);
   font-family: var(--schrift);
   font-size: 17px; 
   color: var(--schrift-color);
   hyphens: auto; /* hyphens auto = Silbentrennung */
   text-wrap: pretty; /* "text-wrap: pretty;" vermeidet Typografische Witwen und Waisen einer Zeile CSS */ 
}

          
img, video{ 
   max-width: 100%;
}
.inhalt-content{ 
   max-width: 1670px; 
   height: auto;
   margin-left: 250px;  
   padding: 10px; } 

   .nachunten{ 
      margin-top: 8px;
   }  

@media(max-width: 800px){ 
   .inhalt-content{ 
      margin-left: 0px; 
      margin-top: 5px; } 

      .nachunten{ 
         margin-top:70px;
      }  
   } 

   .inhalt{
      max-width: 1000px;
      height: auto;
      margin: auto;  
      padding: 10px;
    }    


.abstand{ 
   height: calc(15px + (40 - 15) * (100vw - 300px) / (1920 - 300) );  
  }


  #aktiv { 
   color: var(--schrift-nav-color-hover); 
}

.linie{ 
   border-bottom: thin solid var(--schrift-color); 
}


.rahmen{ 
   padding: 5px; 
   border: thin solid var(--schrift-color); 
   border-radius: 4px;
}

.rahmen-ou{
   border-top: thin solid  var(--schrift-color);
   border-bottom: thin solid  var(--schrift-color);
}


h1{ 
   font-weight: 400;  color: var(--schrift-color);
   font-size: calc(22px + (70 - 22) * (100vw - 300px) / (1900 - 300) );  
   letter-spacing: 1px; 
} 
   
h2{ 
   font-weight: 400;  color: var(--schrift-color);
   font-size: calc(18px + (25 - 18) * (100vw - 300px) / (1900 - 300) );  
   letter-spacing: 1px; 
} 

h3{ 
   font-weight: 400;  
   color: var(--schrift-color);
   font-size: calc(18px + (22 - 18) * (100vw - 300px) / (1900 - 300) );  
   letter-spacing: 1px; 
} 

p{ 
   font-weight: 300;  
   color: var(--schrift-color);
   font-size: calc(15px + (18 - 15) * (100vw - 300px) / (1900 - 300) );
   line-height: calc(18px + (23 - 18) * (100vw - 300px) / (1900 - 300) );
   letter-spacing: 1px; 
   text-wrap: pretty; /* "text-wrap: pretty;" vermeidet Typografische Witwen und Waisen einer Zeile CSS */ 
}  

.fett{ 
   font-weight: 400;
   font-size: calc(17px + (20 - 17) * (100vw - 300px) / (1900 - 300) );
   line-height: calc(22px + (25 - 22) * (100vw - 300px) / (1900 - 300) );
}

figcaption{ 
   font-family: var(--schrift); 
   font-size: 12px;
   line-height: 14px;
   font-weight: 300;
   font-style: italic;
   letter-spacing: 1px;
   margin-top: -8px; 
   margin-left: 10px; 
   color: var(--schrift-color);
   } 

   .rechts{
      text-align: right;
   }

   .mitte{
      text-align: center;
   }

.blocksatz{  
   text-align: justify; 
}      

@media(max-width: 500px){ 
   .blocksatz{ 
      text-align: left;  
   }   
}