h1 {
   font-size: 5.5rem;
   font-weight: bold;
   margin: 0;
   padding: 0;
   hyphens: auto;
}
h2 {
   font-size: 4.5rem;
   font-weight: bold;
   margin: 0;
   padding: 0;
   hyphens: auto;
}    
h3 {
   font-size: 2.5rem;
   font-weight: bold;
   margin: 0;
   padding: 0;
   hyphens: auto;
} 
h4 {
   font-size: 2rem;
   font-weight: bold;
   margin-top: 1rem;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 0;
   padding: 0;
   text-decoration: underline;
   hyphens: auto;
}  
p {
   color:inherit;
   text-decoration: inherit;
   margin: 0;
   padding: 0;
   hyphens: auto;
}  
a {
   color:inherit;
   text-decoration: inherit;
   margin: 0;
   padding: 0;
   hyphens: auto;
}    



.flex-col
{
   display: flex;  
   flex-direction: column;    
}
.flex-row
{
   display: flex;  
   flex-direction: row;    
}  
.flex-allign-start{
   align-items: start;
}  
.flex-allign-baseline {
   align-items: baseline;
} 
.flex-allign-center {
   align-items: center;
}          
.flex-justify-center
{
   justify-content: center;
}  
.flex-justify-right
{
   justify-content: right;
}     
.flex-justify-left
{
   justify-content: left;
}   
.flex-justify-sb
{
   justify-content: space-between;
}
.flex-justify-sa
{
   justify-content: space-around;
}



.no_m_p {
   margin: 0;
   padding: 0;
}   



.tans100 {
   background-color: transparent;
}  
.tans10 {
   opacity: 0.1;
}     
.tans20 {
   opacity: 0.2;
}     



.textSize1rem{
   font-size: 1rem;
}
.textSize1rem5{
   font-size: 1.5rem;
}
.textSize2rem{
   font-size: 2rem;
}
.textSize2rem5{
   font-size: 2.5rem;
}
.textSize3rem{
   font-size: 3rem;
}
.textSize3rem5{
   font-size: 3.5rem;
}
.textSize4rem{
   font-size: 4rem;
}
.textSize4rem5{
   font-size: 4.5rem;
}
.textSize5rem{
   font-size: 5rem;
}



.paragraph-1rem{
   margin-top: 1rem;
   hyphens: auto;
}
.paragraph-2rem{
   margin-top: 2rem;
   hyphens: auto;
}   
.paragraph-3rem{
   margin-top: 3rem;
   hyphens: auto;
}        
.paragraph-4rem{
   margin-top: 4rem;
   hyphens: auto;
}  
.paragraph-5rem{
   margin-top: 5rem;
   hyphens: auto;
}   



.indented-1rem{
   margin-left: 1rem;
   hyphens: auto;
}   
.indented-2rem{
   margin-left: 2rem;
   hyphens: auto;
}
.indented-3rem{
   margin-left: 3rem;
   hyphens: auto;
}
.indented-4rem{
   margin-left: 4rem;
   hyphens: auto;
}
.indented-5rem{
   margin-left: 5rem;
   hyphens: auto;
}
.indentedP-1rem{
   padding-left: 1rem;
   hyphens: auto;
}



.textAllign-right{
   text-align: right;
}   
.textAllign-center{
   text-align: center;
}  
.textAllign-left{
   text-align: left;
} 
.textAllign-justify{
   text-align: justify;
} 



.bold {
   font-weight: bold;
}
.italic {
   font-style: italic;
}



.slideshowInnerContainer
{
   position: relative; /* Behält normale Größe und wird zur Referenz für absolute Positionierung */
   display: flex; /* Sorgt dafür, dass das 'div' sich an die Bildgröße anpasst */
   align-items: flex-start;
   width: 100%;
   aspect-ratio: 518 / 344;
}
.slideshowImage {
   width: 100%;
   height: auto;
   opacity: 0;
   transition: opacity 3s ease-in-out;
   position: absolute;
   top: 0;
   right: 0;
}
.slideshowImageActive {
   opacity: 1;
}



.hideOnSmallScreens {
   display: block;
}
@media screen and ( max-width: 768px ) {
   .hideOnSmallScreens {
      display: none;
   }
}