body{
	margin: 0;
	padding: 0;
	border: 0;
}
html{
	background: hsl(190deg, 30%, 95%);
	text-align: center;
	font-family: sans-serif;
}
h1{
	background:hsl(190deg, 30%, 99%);
	font-size: 5em;
	margin: 0;
	padding: 30px 0;
}
h2{
	font-size: 3em;
	text-align: center;
}
h3{
	font-size: 1em;
	text-align: center;
}
.half{
	margin-top: 25px;
	display: flex;
	justify-content: center;
}
.lebenslauf_title{
	width: 40%;
	font-family: Courier New;
	text-align: left;
}
.lebenslauf_inhalt{
	width: 60%;
	font-family: Courier New;
	text-align: left;
}
.lebenslauf_eintrag{
	display: flex;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted black;
}
.lebenslauf_ueberschrift{
	width: 80%
	align-items: center;
	justify-content: center;
}
.block_ueberschrift{
	display: flex;
}
.lebenslauf_block{
	border-bottom: 1px solid black;
}
#lebenslauf_h2{
	display: flex;
	justify-content: center;
	align-items: center;
}
#left{
	flex-direction: row;
}
#right{
	flex-direction: column;
}
#content{
	display: flex;
	align-items: flex-start;
}
#lebenslauf{
	display: flex;
	flex-direction: column;
	width: 80%;
}
#portrait{
	border: 1px solid black;
	border-radius: 100%;
	width: 20%;
}
#linkedin{
	background: white;
}
#mailicon{
	background: rgba(10, 102, 194, 1);
}
svg{
margin:50px;
background: white;
border-radius: 10%;
transition: 0.2s;
}
svg:hover{
	transform: scale(1.2);
	box-shadow: 0 0 25px rgba(10, 102, 194, 0.5);
}

@media only screen and (min-width: 1400px){
	#content{
		margin-left: 25vh;
		margin-right: 25vh;
	}
	#lebenslauf{
		width: 80%;
	}
	#left{
		width: 49%;
		height: 80vh;
		align-items: flex-start;
	}
	#right{
		border-left: 1px solid #615f5f;
		width: 49%;
		align-items: center;
	}
}

@media only screen and (min-width: 1081px) {
	#left{
		width: 49%;
		height: 80vh;
		align-items: flex-start;
	}
	#right{
		border-left: 1px solid #615f5f;
		width: 49%;
		align-items: center;
	}
	#lebenslauf{
		width: 80%;
	}
	#portrait{
		margin: 30px;
	}

}

@media only screen and (max-width: 1080px){
	.half{
		align-items: center;
	}
	#content{
		flex-direction: column-reverse;
		justify-content: center;
	}
	#lebenslauf_h2{
		flex-direction: column-reverse;
	}
	#portrait{
		width: 60vw;
	}
}