body, html{height:100%; overflow: hidden; margin:0;}
a {color:#dd8888;}

.container { display: flex; align-items: center; justify-content: center; height: 100%;}

.text {position:absolute;z-index:1;bottom:10px;left:10px;}
.text img {width:40vw;height:auto;}

.abdankungskarte {width:80vw;height:auto;}
.textunten {background:white;font-size:12px;width:100vw;
    text-align:center;color:#666;position:absolute;bottom:0px;padding:20px;}
.abdankungskarte.quer {height:calc(100vh - 100px);margin-top:-50px;width:auto;}
.quer {display:block;}
.hoch {display:none;}

img {height:100vh;}

@media screen and (max-width: 980px)  {
	.text img {width:90vw;bottom:20px;}}

@media screen and (min-aspect-ratio: 3321/1200) {
  img {width:100vw;height:auto;}}

@media (orientation: portrait) { 
body, html { overflow: auto;}
.container { display: block; align-items: center;}
.abdankungskarte { width:100vw;height:auto;border: 0;}
.quer {display:none;}
.hoch {display:block;}
}