:root{
    --akzentfarbe: #a64b50;
    --hauptfarbe: #4d6275;
    --extrafarbe: #e1dddc;
}
body{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 110px);
    margin-top: 0px;
    padding-top: 60px;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--hauptfarbe);
    color: white;
    padding: 1rem;
    height: 60px;
    z-index: 100;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
}


content{
    box-sizing: border-box;
    flex-grow: 0; 
    flex-shrink: 0;
    padding: 20px;
    /* Optional: Scrollbar nur im Content-Bereich */
    overflow-y: auto;
}
footer{
    box-sizing: border-box;
    display: flex;
    background: #f0f0f0;
    padding: 1rem;
    /* Optional: feste Höhe für den Footer */
    /*height: 50px;*/
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: auto;
}
.right{
    text-align: right;
    vertical-align: middle;
}
.left{
    text-align: left;
    vertical-align: middle;
}