* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

   
    font-family: "Times New Roman", Times, serif;
}

html,
body {
    height: 100vh;

}

.breadcrumb {
    display: flex;
    height: 5vh;
     flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    padding-left: 2rem;
    margin-bottom: 0;
    
}


#wrapper {
    height: auto;
    min-height: 90vh;
    padding: 0;


}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 1em;
    text-align: center;
}

main {
 padding-bottom:5.0rem; /* Höhe des Footers */
    margin-bottom: 0;
} 



.sidebar-left,
.sidebar-right {
   height: 80vh;
   

}

.sidebar-left {
    
    padding: 10px;
    flex: 75%;

}

.sidebar-right {

    padding: 10px;
    flex: 25%;

}



.foot {
    height: 5rem;
    margin-bottom: 0;
    margin-top: -5rem;
}




/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {

    .sidebar-left,
    .sidebar-right {
        flex: 100%;
    }
    
    .sidebar-left {
        height: 60vh;
        order: 1;
    }
    
    .sidebar-right {
        height: 40vh;
        order: 2;
    }
}