*
{
	
	margin:0px;	

	padding:0px;
	
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;

    box-sizing: border-box;
    scroll-behavior: smooth;
}


html,body
{
	height:100%;
}

body 
{
	background:white;
	color: #3C3C3B;
	margin:0px;
}

.dark-mode {
    background-color: #3C3C3B;
    color: whitesmoke;
}

.dark-mode #switchmode{
    border:none;
    padding:10px;
    background-color: #3C3C3B;
    color:whitesmoke;
}

.dark-mode h1{
    color: #3C3C3B;
}

.dark-mode footer{
    color:whitesmoke;
}

.dark-mode a{
    color:whitesmoke;
}

.dark-mode #switchmode:focus {
        outline: none;
    }


#switchmode{
    border:none;
    background-color: white;
    padding:10px;
}

#switchmode :focus {
    outline: none;
}

#mum
{
    _background:LightSkyBlue;
    width:1000px;
    height:auto;
    margin:auto;
}


#oben
{
    color: white;
}

#full_logo{
    display:block;
    height:auto;
    margin:auto;
}

#little_logo{
    display:none;
}


footer
{
    margin:auto;
    width: 80%;
    text-align: center;
    color: #3C3C3B;
}

a
{
    color: #3C3C3B;
    text-decoration: none;
}

a :hover{
    color: #ACD5BD;
}


/* MEDIA QUERY */
@media screen and (max-width:800px)
{
    
        #mum
        {
            width:96%;
            height:auto;
        }


        img
        {
            max-width:80%;
            height:auto;
        }

        #full_logo{
            display:none;
        }
        
        #little_logo{
            display:block;
            width: 80%;
            margin: auto;
            margin-bottom:10%;
        }

        footer{
        font-size: larger;
	    }

        .dark-mode footer{
            font-size: larger;
        }
	
}