/* ==body================================== */
html,body
{
	background: transparent url("/pics/steffi_kachel.png")  0px 0px repeat;
	background-color: #b9b8b6;
	box-sizing: border-box;
	font-size: calc((1vw + 1vh + .5vmin)*.8);
}

@media only screen and ( min-width: 741px ) 
{
    /* CSS-Anweisungen für Bildschirmbreiten ab 501 Pixel */
	.MWrapper
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: transparent url("/pics/steffi_back.jpg") no-repeat;
		background-size: cover;
	}
}
@media only screen and ( max-width: 740px ) 
{
    /* CSS-Anweisungen für Bildschirmbreiten bis maximal 500 Pixel */
	.MWrapper
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: transparent url("/pics/steffi_back_small.jpg") no-repeat;
		background-size: cover;
	}
}





/* ==BLOCK Name================================== */
.MNameBlock {
	position: absolute;
	top: 52vh;
	left: 2vw;
	width: 35vw;
	height: 21vh;
	opacity: 1;
	padding: 5px 5px 8px 5px;
	background-color: rgba(255, 255, 255, 0.3);
}
.MNameTxt
{
	font-family: Arial;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
	color: white;
}

/* ==BLOCK Link================================== */
.MLinkBlock {
	position: absolute;
	top: 60vh;
	left: 6vw;
	width: 34vw;
	height: 16vh;
	opacity: 1;
	padding: 5px 5px 8px 5px;
	background-color: rgba(255, 255, 255, 0.2);
	
}
.MLinkNormalTxt
{
	font-family: Arial;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	color: black;
	text-decoration: none;
}
.MLinkTxt
{
	font-family: Arial;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	color: black;
	text-decoration: underline;
}
.MLinkTxt:hover
{
	font-weight: bold;
}
.MLinkToBottom
{
	position: absolute;
	bottom:0px;
	padding-bottom: 5px;
}


/* ==BLOCK Nav================================== */
.MNavBlock {
	position: absolute;
	top: 5vh;
	left: 2vw;
	width: 12vh;
	height: auto;
	color: white;
	font-size: 1em;
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 0.3;
	padding: 5px;
}
.MNavTxt {
	font-family: Arial;
	color: white;
	font-size: 0.8em;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	transform: rotate(180deg);
}
.MNavFrmt
{
	width: 3vh;
	height: auto;
	opacity: 1;
}



/* ==BLOCK Impressum/Datenschutz================================== */
.MJurBlock{
	position: absolute;
	top: 10vh;
	left: 20vw;
	width: 36vw;
	height: 38vh;
	opacity: 1;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.4);
	overflow: auto;
}
.MFrmtJurTxt {
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 0.6em;
	line-height: 1.2em;
	color: black;
}
.MFrmtJurTxt h1
{
	font-style: normal;
	font-weight: bold;
	font-size: 1.8em;
}
.MFrmtJurTxt h2
{
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
}

/* ==Inhalte================================== */
.MToBottom
{
	position: absolute;
	bottom:0px;
	padding-bottom: 5px;
}
.MToTop
{
	position: absolute;
	top:0px;
	padding-top: 5px;
}
.MBackPic {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: 100%;
}





/* ==grid================================== */
.MGrid
{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 6fr 1fr;
}
.MTxtGrid
{
	grid-column-start: 2;
	grid-column-end 2;
	grid-row-start: 2;
	grid-row-end: 2;
    background: #F55222;
}