/*CSS*/

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@500&display=swap');

#inhaltBox {
	padding-bottom:40px;
}
#header {
	border: 2px dotted rgba(91, 132, 255, 1);
	box-sizing:border-box;
	margin:2em 10% 0 10%;
}
#header p {
	text-align:center;
	color:rgba(91, 132, 255, 1);
	font-family: 'Dosis', sans-serif;
	font-size:4em;
	line-height:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
	padding:30px;
}
#ecken {
	margin-top:-2px;
	margin-left:49%;
	padding-top:0;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: dotted;
	border-width: 20px 10px 0 10px;
	border-color: rgba(91, 132, 255, 1) transparent transparent transparent;	
}
#meinInstr {
	margin-top:3em;
	box-sizing:border-box;
	width:100%;
}

.photoText {
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
}
.photoText:after {
	content:"";
	clear:both;
	display:table;
}
.img {
	border: 1px dotted rgba(91, 132, 255, 1);
	padding:5px;
}
.boxL {
	float:left;
	width:50%;
	text-align:center;
	box-sizing:border-box;
	display:block;
}

.boxR {
	float:left;
	width:50%;
	color:rgba(91, 132, 255, 1);
	font-family: 'Dosis', sans-serif;
	box-sizing:border-box;
	display:block;
}
.fach {
	margin-top:10px;
	font-size:150%;
	line-height:150%;
	letter-spacing:1.5px;
}
.instrument {
	font-size:150%;
	line-height:150%;
	padding-left:10px;
}

@media only screen and (max-width:480px) {
	#header p {
	font-size:2em;
	}
	.boxL {
	float:none;
	width:100%;
	}

	.boxR {
		float:none;
		width:100%;
	}
	.fach {
		text-align:center;
	}
	.instrument {
		padding-left:0px;
		text-align:center;
	}
	
}