*{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: grey;
    font-size: 16px;

    text-decoration: none;
}

header{
    display:flex;
    align-items: center;
}

.logo{
    flex:1;
}

.login{
    flex:0;
}

.nav_links{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin:0;
    padding:0;

    list-style: none;
}

.nav_links li a{
    display:block;
    box-sizing:border-box;
    height:40px;
    padding:10px 15px 0px 15px;
}

.nav_links li a:hover,.aktiver_menulink{
    color:rgb(13,40,128,1);
    border-bottom-style:solid;
    border-bottom-width:5px;
    border-bottom-color: rgb(13,40,128,1);
}

:root{
    --blue: rbg(13,40,128);
    --blue_low_opacity:rbga(13,40,128,0.8)
}

.grosse_nachricht,.kleine_nachricht,.grosse_nachricht_vertikal{
    box-sizing:border-box;
    height:70vw;
    margin-bottom:10px;
    position:relative;
}

.nachrichtenbild_titelseite{
    width:100%;
    height:100%;
    object-fit:cover;
}

.zwei_ueberschriften{
    position:absolute;
    bottom:8px;
    left:16px;
}

.marker, .mini_marker{
    background-color: rgb(13,40,128,0.8);
    color: white;
    margin-bottom:10px;
    padding:3px;
    line-height:150%;
}

.marker{
    font-size:22px;
}

.mini_marker{
    background-color:#00004d;
}

.grosse_nachricht h2,.kleine_nachricht h2,.grosse_nachricht_vertikal h2{
    margin: 5px 0px 10px 0px
}

.login_form, .container{

    padding: 16px
}


.rechter_banner{
    display:none;
}

.horizontaler_banner{
    height:30vw;
}

.horizontaler_banner img{
    object-fit:cover;
    width:100%;
    height:100%;
}

footer{
    width:100%;
    background-color:rgb(13,40,128,1);
    color:white;
    text-align:center;

    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
}

@media (min-width: 1000px) {
    .alle_nachrichten_uebersicht{
        display:grid;

        grid-template-columns: 49% 49%;
        grid-auto-rows: 50vw;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: center;
    }

    .grosse_nachricht, .kleine_nachricht, .grosse_nachricht_vertikal{
        margin-bottom: 0px;
    }

    .grosse_nachricht{
        height: auto;
        grid-column:1/3;
    }

    .kleine_nachricht{
        height:auto
    }

    .grosse_nachricht_vertikal{
        height: auto;
        grid-row:3/5;
        grid-column:2;
    }

    .nachricht_und_rechter_banner_container{
        display:flex;
        justify-content: center;
    }
          
    .rechter_banner{
        display: block;
        margin-left:10px;
    }

    .oberster_banner_und_nachricht{
        box-sizing: border-box;
        width: 750px;
    }       

    .bild_einzelner_nachricht{
        height:500px;
    }
    
}

@media (min-width:1260px) {
    .alle_nachrichten_uebersicht{
        grid-template-columns: 32% 32% 32%;

        grid-auto-rows: 32vw;
    }

    .grosse_nachricht_vertikal{
        height: auto;
        grid-row:2/4;
        grid-column:3;}
}


body{
    width:1260px;
    margin:auto;
}

html, body{
    height:100%;
}

body{
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
}