#content{
    background-color: var(--primary-background-color);
}
#header-image-index{
    width: 100%;
    height: 40em;
    object-fit: cover;
    object-position: 45% 65%;
}
#header-image-paar{
    width: 100%;
    height: 25em;
    object-fit: cover;
    object-position: 55% 45%;
}
#header-image-dauer{
    width: 100%;
    height: 25em;
    object-fit: cover;
    object-position: 60% 40%;
}
#header-image-about{
    width: auto;
    height: 40em;
    margin: 5em;
    object-fit: cover;
    object-position: 60% 40%;
    margin-top: 17em;
}

#text-container-about{
    font-family: var(--font-2);
    margin: 5vmin;
    text-align: justify;
    color: var(--primary-color);
    width: 60vw;
    font-size: 2em;
    vertical-align: top;

}
#image-container-about{
    display: flex;
    justify-content: center;
    align-items: center;
}
#header-image{
    width: 100%;
    height: 25em;
    object-fit: cover;
}
#main-container{
    width: 100%;
    display: flex;
    justify-content: center;
    
}
#main-container-about{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    
}
@media screen and (min-width: 0px) and (max-width: 1200px){
    #text-container-index{
        width: 100vw;   
    }
}
@media screen and (min-width: 1201px){
    #text-container-index{
        width: 65vw;  
    }
}
@media screen and (min-width: 0px) and (max-width: 1200px){
    #main-container{
       flex-wrap: wrap; 
    }
}
@media screen and (min-width: 1201px){
    #main-container{
        flex-wrap: nowrap;  
    }
}
@media screen and (min-width: 0px) and (max-width: 1200px){
    #main-container-about{
       flex-wrap: wrap; 
    }
  	#header-image-about{
        margin-top: 2em;
    }
  	#text-container-about{
        margin: 2.5em;
        width: 100vw;
    }
}
@media screen and (min-width: 1201px){
    #main-container-about{
        flex-wrap: nowrap;  
    }
}

#text-container-index{
    font-family: var(--font-2);
    margin: 5em 5em 2em 5em;
    color: var(--primary-color);
    font-size: 2em;
    hyphens: auto; 
	text-align: justify;
}
#text-container{
    font-family: var(--font-2);
    margin: 2.5em;
    text-align: justify;
    color: var(--primary-color);
    font-size: 2em;
    padding-bottom: 5vw;
}

#text-container-konatkt{
    min-height: 67.7vh;
    font-family: var(--font-2);
    margin: 2.5em;
    text-align: justify;
    color: var(--primary-color);
    font-size: 2em;
    padding-bottom: 5vw;
}

#img-zertifikat{
    width: 5em;
}

.blocksatz{
    hyphens: auto; 
	text-align: justify;
}