<style>

.mobile-container {
<!--
  max-width: 480px;
-->
  margin: auto;
<!--
  background-color: #555;
-->
  NOheight: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
   left:0px;
   top:0px;	
  overflow: auto;
  background-color: #345678;
/*
  background-color: #FF00FF;
*/
  width:100%;
  NOmin-height: 10px;
  position: fixed;
  z-index: 1; 
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 8px 8px;
  padding-left: 20px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}

.topnav a.icon {
  background: #345678;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
<!--
  height: 40px;
-->
}
.topnav a.login {
  background: #333;
  display: block;
  position: absolute;
  right: 100px;
  top: 0;
<!--
  height: 40px;
-->
}

.topnav a:hover {
  background-color: #345678;
  color: black;
}

.active {
  background-color: #345678;
  color: white;
}


        body {
            font-family: Arial, sans-serif;
            margin: 10;
            margin-top: 80px;
            padding: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* Stil für das Menü */
        .footer-menu {
            background-color: #345678;
            color: white;
            NOtext-align: center;
			left:0;
			margin: 0px;
            padding: 10px 0;
            padding-left: 20px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .footer-menu a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
        }

        .footer-menu a:hover {
            text-decoration: underline;
        }

        /* Platzhalter für den Inhalt */
        .content {
            flex: 1; /* Damit der Inhalt den verfügbaren Platz einnimmt */
            padding: 20px;
        }
</style>
