.is-footer {
    margin: 1em 00 1em 0;
    color: #000000;
    display: inline-block;
    width: 80%;
    text-align: center;
}

.is-footer p {
    margin: 0; 
    font-size: 11px;
}

.is-footer a  {
    color: #000000;
    font-weight: bold;
}

.container-fluid {
    
    /*background-color: #354a54;*/
    background-color: #ffffff;
}


.logo-container img {
    max-height: 8rem;
    display: inline-block;
    padding: 15px;
    width: auto
    
}

.navbar-brand {
  max-width: 70%;
}

.navbar-brand > img {
  max-height: 7.5rem;
  max-width: 200px;

}

.links_rechts {
    width: 19%;
    height: 3rem;
    display: inline-block;
    vertical-align: bottom;
    background-color: white;    
}

.mitte {
    width: 61%;
    height: 3rem;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    background-color: white;    
}

body {
     padding-bottom: 0; /* no bottom padding, footer should be bottom aligned */
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     flex-direction: column; /* article, then footer */
     display: flex; /* flex, to extend the content to full size */
     min-height: 100vh; /* full height, to bottom-align footer */
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
}