@media (min-width : 992px) and (max-width: 1700px){

.mobile-header-resize{display: none;}
.mobile-footer-resize { display: none;}


/* ==========================================================================
	   1. SPALTEN-LAYOUT & WRAPPER
	   ========================================================================== */
	.layout-wrapper {
	    display: flex;
	    align-items: flex-start;
	    gap: 0rem; /* Flexibler Abstand zwischen Menü und Text */
	    width: 100%;
	}

	/* Fixiert die linke Menü-Spalte exakt auf Ihre gewünschten 18rem */
	.menu-spalte {
	    width: 18rem;
	    flex-shrink: 0;
	}

	/* Der Textbereich rechts nutzt den gesamten restlichen Platz */
	#contentbox {
	    flex-grow: 1;
	}
	
		.flash-success {
		    background: #d4edda;
		    padding: 10px;
		    margin-bottom: 10px;
		}
		
		@keyframes wackeln {
		  0% { transform: rotate(0deg); }
		  20% { transform: rotate(-10deg); }
		  40% { transform: rotate(10deg); }
		  60% { transform: rotate(-5deg); }
		  80% { transform: rotate(5deg); }
		  100% { transform: rotate(0deg); }
		}

		
		.headvignette:hover {
		  animation: wackeln 0.5s ease 1;
		}
		
.systemnachricht{    font-family: verdana, sans-serif;
    font-size: 0.7rem;
    width: 41.1rem;
    background: #f5f5f5;
    margin: 0 -6.1rem;
    border-width: 1px 0;
	border-color: #e1e1e1;
	border-style: solid;
    padding: 1rem 2rem;}
#dplsabobtn{ display: inline-block; float: right; font-family: verdana, sans-serif; font-size: 0.7rem;}
		.error {
		    color: red;
		    font-size: 0.9em;
		}
		#flopnmobilebig{  position:relative; top: 0.75rem;}
		#impressumlink{float:right;}
		#maxwrap{
			/*background-color: #f5f5f5;
				text-align:center; width:100%; margin: 0;padding:0;
			*/
				background-image: 
							    linear-gradient(to right,
							                    rgba(245,245,245,0.5) 0%,
												rgba(245,245,245,1) 15%,
												rgba(245,245,245,1) 85%,
												rgba(245,245,245,0.5) 100%,
							                    rgba(255,255,255,0) 100%);
												text-align:center; width:100%; margin: 0;padding:0;
												min-height: 100vh;
			}
		.security{margin: 16rem 2rem 0 auto; display: none;}
		
		
		body{ 
			background-image: url('../../img/hyperspaceduplex.webp');
			width: 100%;
			   height: 100%;
			   background-repeat: no-repeat;
			   background-attachment: fixed;
			   background-position: center center;
			   background-size: cover;
			   background-color: rgba(255, 255, 255, 0.6);
			     background-blend-mode: lighten;
			color: #727272; /* #7bae16; *//*#9ee01c*/
			/*
			background-image: url('../../img/headerBgStripe.png');
			background-position: top left;
			background-repeat: repeat-x;
			*/
			font-family: 'KalamRegular';
			font-size: 1.25rem;
			padding: 0;margin:0;
			line-height: 1.9rem;
		   	color: #727272; /* #7bae16; *//*#9ee01c*/
			/*
			background-image: url('../../img/headerBgStripe.png');
			background-position: top left;
			background-repeat: repeat-x;
			*/
			font-family: 'KalamRegular';
			font-size: 1.25rem;
			padding: 0;margin:0;
			line-height: 1.9rem;
		}
		#schnittstellelink{display: inline-block;
    width: 5rem;
    text-align: center;
    vertical-align: top;
 margin: 6rem 0 0 0;}
		#manifestelink{display: inline-block; width:6rem;text-align: center;vertical-align: top; margin: 6rem 0 0 2rem;}
		#wmxsfz{display: inline-block; width:18rem;text-align: center; margin: 0 15rem 0 15rem;}
		#readmelink{display: inline-block; width:5rem;text-align: center;vertical-align: top; margin: 6rem 0 0 0;}
		#logoicon{transform: rotate(180deg); margin: -0 0 0 -25px;
    position: relative;
    top: -2rem;
		}
.terminal-window {
	display: block;
}
		.singledisplay{
			margin: 1rem 6rem;
		}
		
		
		#as{ display: none;}
		
				h1, h2, h3, h4, h5, h6{ font-size: 1.75rem; font-weight: normal; margin: 1rem 2%;}
				#logoarea{ 
					width: 18rem; 
					text-align: center;
					position: relative;
					    top: 0rem;
				}
			#mainnavigation, #apparatemainnavigation{    
					 display: inline-block;
    				 margin: 1.3rem 0 0;
   				 	 width: 18rem;
					 vertical-align: top;
				 }
	
			#mainnavigation ul,#apparatemainnavigation ul { list-style:none; margin: 0rem;}
			#mainnavigation ul li, #apparatemainnavigation ul li { border-bottom: 1px #727272 dotted; margin: 0rem; vertical-align: middle;}
			#mainnavigation li.listlast, #apparatemainnavigation li.listlast{ border-bottom-width:0;}
			#mainnavigation ul li:hover, #apparatemainnavigation ul li:hover { 
				/*background-color: #fff; transition: all 0.3s; */
				 margin: 0rem; vertical-align: middle;}
			
			#mainnavigation ul li img, #apparatemainnavigation ul li img { vertical-align: middle; margin: 1rem;}
			#mainnavigation ul li a:link, #apparatemainnavigation ul li a:link{ color: #000; text-decoration: none;}
			#mainnavigation ul li a:visited, #apparatemainnavigation ul li a:visited{color: #000; text-decoration: none;}
			#mainnavigation ul li a:active, #apparatemainnavigation ul li a:active{color: #000; text-decoration: none;}
			#mainnavigation ul li a:hover, #apparatemainnavigation ul li a:hover{color: #000; text-decoration: none; transition: all 0.5s ease; opacity: 0.6;}
			
			
			#mainnavigation ul li img, #apparatemainnavigation ul li img {
			  transition: transform 0.5s ease; /* Sorgt für eine flüssige Animation */
			}

			#mainnavigation ul li:hover img{
			  transform: rotate(180deg); /* Dreht das Element um 180 Grad */
			}
		
			#apparatemainnavigation ul li:hover img {
			  transform: rotateY(180deg); /* Dreht das Element um 180 Grad */
			}


			a:link{color: #727272; text-decoration: none;}
			a:visited{color: #727272; text-decoration: none;}
			a:active{color: #727272; text-decoration: none;}
			a:hover{color: #727272; text-decoration: none; transition: all 0.5s ; opacity: 0.6;}

			.clr{
					clear: both;
				}
				
				.essaydisplay, .singledisplay, #contentbox {text-align: center;}
				.essaydisplay h1, 
				.essaydisplay p,
				.singledisplay h1,
				.singledisplay p,
				.singledisplay ul li,
				#contentbox h1,
				#contentbox p
				{ text-align: left;}
				.essaydisplay img,
				.singledisplay img{ position: relative; top: -4rem;}
				#contentbox img { position: relative; top: -3rem;}
				#contentbox img#flop{position: relative; top: -2.3rem; }
				img.vignette{ margin: 4rem 0 0 0;}
		.pagebox{
		    background: #f5f5f5; /*#64d125;*/ /*#793312;*//*#10120b;*/
		    
			color: #727272;
			width: 62rem;
			margin: 0 auto;
		    display: inline-block;
		    vertical-align: top;
				
		}
		#headerbox{margin: 0 0; height:209px;}
		.textbox{ background-color: #fff; border-color: #e1e1e1;}
		
		#impresssumbox{display: inline-block;float:right; padding: 1rem 2rem; margin:0; background-color: #fff; position:relative; top: 11rem;}
		#bashbar{
			background-color: #10120b; height:2.5rem; padding: 0.5rem; text-align:left;
		}
		#bashbar p, #bashbar p a{
			color: #7bae16;
			    font-size: 1rem;
			    margin: 0.5rem;
		}
		.mobileTopbarDesktop{
			display: none;
		}
		
		#Mainnavigation ul{
			list-style: none;
			margin: 2rem 0 0; 
			
			display: inline-block;
			width: 85%;

		}
		
		
		h2{
		
		  color:#727272;
		  text-align:center;
		  font-size:0.75em;
		}
		
		h3{ color: #727272; font-size: 1.5rem; /* #aaa; */ 
		}
		#contentbox{
			background-color: #fff;
			border: 1px #e1e1e1 solid;
			width: 40rem;
			margin: 0 0 0 3rem;
			padding: 0rem;
			    display: inline-block;
		}
		
		
		#aufdieHandSubnavigation{
			display: none;
		 	text-align: center;
			width: 41rem;
			vertical-align: top;
				
			margin: 0 0 2rem 0;
			padding: 1rem;
		}
		#aufdieHandSubnavigation ul{
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#aufdieHandSubnavigation a li{
			display: inline;
			list-style: none;
			margin: 0rem;
			padding: 0.45rem 1rem 0;
			text-decoration: none!important;
		}	
	#aufdieHandSubnavigation a {
		text-decoration: none;
	}
		
	#contentbox h2{ background-color: #727272; color: #fff;}
		.thirdColumn{
			display: inline-block;
			margin: 1rem 2rem;
			vertical-align: top;
			width: 90%;
		}
		.thirdColumn h3{
			color: #727272;
		}
		.thirdColumn:hover, .thirdColumn h3:hover{
			transition: all 0.5s; 
			opacity: 0.6;
		
		}
		
		
		.entries, .secondBox{
			display: inline-block;
			margin: 2rem;
			vertical-align: top;
			width: 20rem;
		}
		.entries ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.entries ul li{ margin: 1rem 0;}
		.entries ul li a:hover{ transform: all; opacity: 0.5;}
	
		.firstbox{
			
			   
			    display: inline-block;
			    margin: 2rem;
			    vertical-align: top;
			    width: 68rem;
			    padding: 2rem;
			   	
		}
	
		.essaydisplay, .vitatextbox{
			background-color: #fff;
			border: 1px #e1e1e1 solid;
		    display: inline-block;
		    margin: 2rem 0 0 4rem;
		    vertical-align: top;
		    width: 35rem;
		    padding: 2rem;
		}
		.vitatextbox{
			width: 30.7rem;
		}
		.footer{
			display: inline-block;
			border-top: 1px #727272 dotted;
			margin: 2rem auto;
			width: 58rem;
			padding: 1rem 2rem;
		}
}