 <style>
        html, body {
   	    margin: 0;
	    padding: 0;
	    width: 100%;
	    height: 100%;
            background-size: cover;	
            background-position: center;
            background-repeat: no-repeat;
	    font-family: Arial;
	}

	iframe {
 		   width: 100%;
		   border: none;
	}
	.header iframe {
 	    height: 140px;
	    overflow-y: hidden; 
	}

	.content iframe {
   	 height: calc(100vh - 140px - 50px); /* Höhe = Bildschirm - Header - Footer */
	 overflow-y: auto; 
	}

	.footer iframe {
  	  height: 50px;
	  overflow-y: hidden; 
	}

.table {
	border-collapse: separate; /* required for border-spacing to work */
  	border-spacing: 23px;
	padding: 30px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	}


        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
	    height: 140px;
            background: #44031F;
            padding: 0px 0px;
            z-index: 1000;

        }

	 .content {
 	    position: fixed;
            top: 140px;
	    left: 0;
            width: 100%;
     	    height: calc(100vh - 140px - 50px)
            padding: 0px;
            z-index: 1000;
	    overflow-y: auto; 
        }

	 .footer {
 	    position: fixed;
            bottom: 0;
	    left: 0;
            width: 100%;
     	    height: 50px; 
	    background: #44031F;
	    color: #ffffff;
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	    padding-right: 0px;
	    font-size: 14px;
	    z-index: 1000;
	    overflow-y: hidden; 
	 }

        .right-menu {
            position: fixed;
            top: 50px;
	    right: 0px;
            padding: 50px 50px;
	    text-align: right;
       	    font-family: Arial, sans-serif;
	    font-color: #ffffff;
        }       

	.link_right-menu {
       	    font-family: Arial, sans-serif;
      	    text-align: right;
            margin: 25px;
            font-size: 16px;
	    color: #ffffff;
            text-decoration: none;
        }


         .footer-menu {
            position: fixed;
            top: 0px;
	    right: 0px;
            padding: 15px 5px;
	    text-align: right;
       	    font-family: Arial, sans-serif;
	    font-color: #ffffff;
        }       

	.link_footer-menu {
       	    font-family: Arial, sans-serif;
      	    text-align: right;
            margin: 25px;
            font-size: 16px;
	    color: #ffffff;
            text-decoration: none;
        }


	.fade-in {
	    opacity: 0;
	    animation: fadeIn 3s ease-in forwards;
	    z-index: 100;
	 }

	 @keyframes fadeIn {
	    from { opacity: 0; }
	    to { opacity: 0.75; }
	 }

	.highlight-box-links{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 25px 50px;
	    height: 85%;
	    color: #44031F;
	    max-width: 90%;
	    margin-left: 2.5%;
	    margin-top: 25px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: auto;       /* Inhalt kann vertikal scrollen */
	}

	.highlight-box-produkte{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 25px 50px;
	    height: 85%;
	    color: #44031F;
	    width: 75%;
	    margin-left: 2.5%;
	    margin-top: 25px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: auto;       /* Inhalt kann vertikal scrollen */
	}
	
	.highlight-box-kleinmitte{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 25px 50px;
	    height: 55%;
	    color: #44031F;
	    max-width: 30%;
	    margin-left: 35%;
	    margin-top: 25px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: auto;       /* Inhalt kann vertikal scrollen */
	}

	.highlight-box-links_70{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 15px 25px;
	    height: 520px;
       	    font-family: Arial, sans-serif;
	    color: #44031F;
	    max-width: 80%;
	    margin-left: 2%;
	    margin-top: 15px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: auto;       /* Inhalt kann vertikal scrollen */
	}

	.highlight-box-impressum{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 25px 50px;
	    height: 500px;
	    color: #44031F;
	    max-width: 50%;
	    margin-left: 25%;
	    margin-top: 25px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: auto;       /* Inhalt kann vertikal scrollen */
	}


	.highlight-box-rechts{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 5px 5px;
	    color: #44031F;
	    max-width: 200px;
	    margin-left: 70%;
	    margin-top: 375px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(100%);
	    animation: slideIn1 1.5s ease-out forwards 0.5s;
	}

	.highlight-box-rechts2{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 5px 5px;
	    color: #44031F;
	    max-width: 200px;
	    margin-left: 86%;
	    margin-top: 180px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(100%);
	    animation: slideIn1 1.5s ease-out forwards 0.5s;
	}

	.highlight-box-13{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 45%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 10%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}

	.highlight-box-23{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 45%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 37.5%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}

	.highlight-box-33{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 45%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 65%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}

	.produkt-box-13{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 75%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 10%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}

	.produkt-box-23{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 75%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 37.5%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}

	.produkt-box-33{
	    position: absolute;
	    background: rgba(255, 255, 255, 0.85);
	    border-top: 3px solid #44031F;
	    padding: 20px 20px;
	    height: 75%;
	    text-align: justify;
	    color: #44031F;
	    width: 22.5%;
	    margin-left: 65%;
	    margin-top: 45px;
	    z-index: 300;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation: slideIn 1.5s ease-out forwards 0.5s;
	    overflow-y: hidden; 
	}


	@keyframes slideIn {
	    from {
	       opacity: 0;
	       transform: translateX(-100%);
	    }
	    to {
	    opacity: 1;
	    transform: translateX(0);
	    }
	}
	@keyframes slideIn1 {
	    from {
	       opacity: 0;
	       transform: translateX(100%);
	    }
	    to {
	    opacity: 1;
	    transform: translateX(0);
	    }
	}
 </style>
