/* CSS Document */
/*Code by dawesi webdesign, 2019*/
/*Thanks for watching:-)*/
/* General */
body{
	box-sizing: border-box;
	background:#fff;
	margin:0px;
	padding:0px;
    font-family: lato;
}
.end{
	clear:both;
	height:0px;
	width:100%;
}

/*Inhalt*/

#navi{
    margin-top:-20px;
    min-width:100%;
    height:50px;
    background:rgba(33,33,33,0.1);
}
#navi ul{
   width:100%; 
    list-style:none;
    font-family: lato;
}
#navi li{
    margin-top:15px;
    float:right;
    width:24%;
}
#navi a, #navi a:active, #navi a:visited, #navi a:checked{
    font-family: lato;
    text-decoration: none;
    color:#641119;
}

#logo{
    min-width:100%;
    text-align: center;
}
#logo img{
    width:25%;
    
}

#bild{
    width:100%;
}
#bild img{
    min-width:100%;
}

#intro{
    width:100%;
    text-align:center;
}

#icons{
    margin-top:100px;
    width:100%;
    text-align:center;
}
#icons p{
    font-size:2em;
    margin-bottom:50px;
}
#wrap{
    width:80%;
    margin-left:10%;
}
.kompetenz{
    float:left;
    max-width:49%;
    height:500px;
    margin-bottom:10%;
    text-align: center;
}
.kompetenz a{
    width:100%;
    font-size:1.5em;
    color:#641119;
}

.kompetenz img{
    max-width:60%!important;
}
#ganz{
    width:100%;
}
#text{
    width:80%;
    margin-left:10%;
    text-align: left;
}
#text p{
    font-size:1.6em;
}
#text a{
    font-size:1.3em;
}
#text a:nth-child(1){
    text-align:right;
}

#bild-1{
    text-align: left;
}
#bild-1 img{
    width:15%;
}
#footer{
    width:100%;
}
#footer a, #footer a:active, #footer a:visited, #footer a:checked{
    text-decoration:none;
    color:#000;
}

#adresse{
    float:left;
    width:75%;
    margin-left:2%;
}
#dawesi{
    float:right;
    width:20%;
    font-size:0.7em;
    margin-top:25px;
}

#to-top{
    position:fixed;
    bottom:50px;
    right:50px;
    font-size:3em;
    color:#641119;
}
#to-top a, #to-top a:active, #to-top a:visited, #to-top a:checked{
    color:#641119;
}

/*MEDIA QUERRYS*/
/*SCREEN GROSS*/
@media screen and (min-width: 1200px) and (max-width: 15000px){
    #navi{
        height:75px;
    }
    #navi li{
        margin-top:25px;
        font-size:1.2em;
    }
    #hamburger{
        display:none;
    }
    #to-top{
        display:none!important;
    }
}
/*SCREEN GROSS ENDE*/
/*SCREEN*/
@media screen and (min-width: 900px) and (max-width: 1200px){
    #hamburger{
        display:none;
    }
    #to-top{
        display: none!important;
    }
}
/*SCREEN ENDE*/
/*TABLET*/
@media screen and (min-width: 700px) and (max-width: 900px){
    #hamburger{
        display:none;
    }
    #navi ul{
        width:90%;
    }
}
/*TABLET ENDE*/
/*HANDY*/
@media screen and (min-width: 300px) and (max-width: 700px){
    #logo img{
        width:75%;
    }
    #hamburger{
		position:absolute;
		top:-90px;
		right:10px;
		font-size:3em;
	}
    #navi{
	width:100%;
	position:absolute;
	top:120px;
	left:0px;
    z-index: 10;
    background:none;
}
    #navi li{
		display:none;
        background:#641119;
        width:90%;
        font-size:2em;
        text-align:center;
        margin-right:50px;
	}
    #navi a{
        color:#fff!important;
    }
    #bild{
        max-width:100%!important;
    }
    .kompetenz{
        width:80%;
    }
    #adresse{
        width:95%;
        font-size:0.8em;
    }
    #dawesi{
        width:50%;
    }
    #to-top{
        bottom:20px;
        right:20px;
    }
}
/*HANDY ENDE*/