/**
 * @author      Robert Gaadt
 * @copyright   Robert Gaadt 2023
 *
 * Kontaktseite 2023
 *
**/
/********************************************************/
/*****      BASIC SETTINGS                          *****/
/********************************************************/

* {
    margin: 0px;
    padding: 0px;
}
html,
body {
   margin:0;
   padding:0;
   /* height:100%; */
	width:100%;
	background-color: #3a3a3a;
	color: #a0a0a0;
    

}

/********************************************************/
/*****                                     *****/
/********************************************************/

#header_text {
    margin-top:25px;
    margin-bottom:15px;
}

#name_text {


}

h1 {
    font-family:arial, "lucida console", sans-serif;
    color: #dcdcdc;
    text-align: center;
    margin-bottom: 5px;
}

p {
    font-family:arial, "lucida console", sans-serif;
    color: #dcdcdc;
    text-align: center;
}

#header {
	width: 100%;
	height: 300px;
	background-image: url(../gfx/Robert_Header.png);
	background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 5px;
}

#container {
    margin-top: 10px;
    width: 300px;
    
}

#mail_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_mail.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#LinkedIn_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_LinkedIn.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#Xing_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_xing.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#Twitter_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_twitter.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#Facebook_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_facebook.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#Threema_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_threema.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}

#Github_button {
    width: 300px;
    height: 50px;
    background-image: url(../gfx/b_github.png);
	background-repeat: no-repeat;
    margin-bottom: 3px;
}