* {
  box-sizing: border-box;
}
body, html {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background-color: transparent;
	background-image: url('src/bg_wappen.jpg');
	background-size: 12%;
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
	color: #202020;
	font-size: 2vw;
}

.doc {
	background-color: transparent;
	border: solid 1px #808080;
	margin: 7vw;
	border: 2vw solid transparent;
	border-image: url('src/doc_border_32.png') round 32;
}


@media (max-width:1023px){
	.doc {
		border-image: url('src/doc_border_16.png') round 16;
	}
}
@media (min-width:1920px){
	.doc {
		border-image: url('src/doc_border_64.png') round 64;
	}
}

.doc div {
	background-color: #ffffff;
	color: #202020;
}

.doc:hover div {
	color: #202020;
}

.title {
	position: relative;
	height: 2vw;
	width: 90%;
	top: -1.5vw;
	left: 2vw;
	font-size: 0.5em;
}

.imgfont_std {
	height: 4vh;
}