html, body {
	margin:0px auto;
	padding: 0px;
	width: 100%;
	height: 100%; 
	font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
	text-align: center;
	
}

.content {
	margin:0px auto;
	width: 100%;
	min-height: 100%;
	overflow: auto;
	z-index: 0; 
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}
.TMPHinweis
{
    margin:0px auto;
    width:1100px;
	overflow: hidden;
	border: 1px solid rgb(230, 229, 229);
	background: #ffffff;
	padding:25px;
	box-shadow: 3px 3px 3px rgb(150, 143, 143);
	margin-bottom: 100px;
	margin-top: 30px;
	font-size:22px;
	color:#666666;
	text-align:center;
}
.Logo
{
    display:block;
}
.LogoMobile
{
    display:none;
}
@media all and (max-width:1024px)
{
    .Logo
    {
        display:none;
    }
    .LogoMobile
    {
        display:block;
    }
    .TMPHinweis
    {
        width:90%;
    }
}
@media all and (max-width:460px)
{
    .Logo
    {
        display:none;
    }
    .LogoMobile
    {
        display:block;
    }
    .TMPHinweis
    {
        width:90%;
    }
}