@font-face {
    font-family: Uncut-Sans;
    src: url(uncut-sans/Uncut-Sans-Medium.otf);
}


@font-face {
    font-family: Oswald;
    src: url(oswald/Oswald-Regular.ttf)
}

@font-face {
    font-family: cooper-hewitt;
    src: url(cooper-hewitt/CooperHewitt-Semibold.otf)
}

@font-face {
    font-family: cooper-hewitt-thin;
    src: url(cooper-hewitt/CooperHewitt-Thin.otf)
}

@media screen and (min-width: 250px)
{

    .navigation-mobil
    {
        position: relative;
        /*justify-content: space-between;*/
        width: 100%; 
        box-sizing: border-box;
        padding: 0px;
    }

    .menue-element
    {
        width: 100%; 
        box-sizing: border-box; 
        background-color: #f5f5f5; 
        text-align: center; 
        padding: 16px; 
        font-family: cooper-hewit; 
        border-bottom: 1px solid #888;
        font-family: cooper-hewitt;
    }

    .menue-element:hover
    {
        background-color: #eee;
        cursor: pointer;
    }

    .menue-mobil
    {
        cursor: pointer;
        font-family: cooper-hewitt
    }

    .logo-menue
    {
        display: flex;
    }

    .navigation-desktop
    {
         display: none
    }

    .navigation-bild-index
    {
         margin-top: 0px;
    }
    
    .navigation-bild-index-text
    {
        position: absolute;
        z-index: 100;
        color: #fff;
        text-shadow: 0px 0px 4px #000; 
        top: 40%; left: 25%; width: 50%; 
        font-family: cooper-hewitt; 
        text-align: center; 
        font-size: 23px
    
    }
    
    .navigation-bild
    {
         margin-top: 0px;
    }

    .inhaltsbereich
    {
        box-sizing: border-box;
        width: 100%; 
        margin: auto; 
        font-family: cooper-hewitt; 
        color: #333; 
        text-align: left;
        padding: 16px;
    }

    .footer_list
    {
        padding: 8px;
        margin-bottom: 16px;
        color: #555;
    }
    
    .footer_list a{
        color: #555;
        text-decoration: none;
    }
}

@media screen and (min-width: 1400px)
{
    .navigation-mobil
    {
        display: none;
    }

    .logo-menue
    {

    }

    .navigation-desktop
    {
         display: inline-block; background-color: rgba(255, 255, 255, 0.6); position: fixed; text-align: right; right: 0px; top: 0px; width: 100%
    }

    .navigation-bild-index
    {
        margin-top: 0px;
    }
    
    .navigation-bild-index-text
    {
        position: absolute; 
        color: #000;
        text-shadow: 0px 0px 8px #fff; 
        top: 40%; left: 25%; width: 50%; 
        font-family: cooper-hewitt; 
        text-align: center; 
        font-size: 56px
    
    }
    
    .navigation-bild
    {

        position: relative; 
        margin-top: -600px
    }

    .inhaltsbereich
    {
        width: 1400px; margin: auto; font-family: cooper-hewitt; color: #333; text-align: left
    }

    .footer_list
    {
        display: inline-block; 
        padding: 8px;
        margin: 0px;
    }
}

.unterpunkt
{
    font-size: 23px; color: #333; margin-top: 32px; margin-bottom: 16px; letter-spacing: 1px
}

.unterpunkt_inhalt
{
    letter-spacing: 1px; color: #000;
    font-family: cooper-hewitt-thin;
    font-weight: 600;
    line-height: 32px
}