@media (max-width: 1000px) {
	/** Responsive Tabelle **/
	div.ResponsiveTable > section{display: inherit;}
	div.ResponsiveTable > table{display: none;}

	/** NEUE VARIANTE PopupBox, dass sind die Popups, welche bspw. diverse Kursverläufe/Diagramme darstellen **/
	.PopupBoxNew{min-width: 100%; min-height: 100%; margin: 0px; left: 0px; max-width: none;}
	.PopupBoxNewHeader{grid-template-columns: 30px 1fr; grid-template-areas: "Close Caption" "Content Content";}
	.PopupBoxNewHeader > a.CloseAction > .IMAGE_CLOSE_ICON{mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.452,4.516c0.446,0.436,0.481,1.043,0,1.576L8.705,10l3.747,3.908c0.481,0.533,0.446,1.141,0,1.574 c-0.445,0.436-1.197,0.408-1.615,0c-0.418-0.406-4.502-4.695-4.502-4.695C6.112,10.57,6,10.285,6,10s0.112-0.57,0.335-0.789 c0,0,4.084-4.287,4.502-4.695C11.255,4.107,12.007,4.08,12.452,4.516z"/></svg>') no-repeat;}
	/* Effekte beim öffnen und schließen des Overlays */
	.PopupBoxNew.OpenEffekt{animation: 0.3s ease-out 0s 1 slideInFromRight;}
	.PopupBoxNew.CloseEffekt{animation: 0.3s ease-out 0s 1 slideOutToRight;}
	@keyframes slideInFromRight{0% {visibility: hidden;} 1% {visibility: visible; transform: translateX(100%);} 100% {transform: translateX(0);}}
	@keyframes slideOutToRight{0% {transform: translateX(0);} 100% {transform: translateX(100%);}}


	/** Reduzierte Seitenasicht für Looser mit kleinen Displays**/
	body{--jumpToAnker: top;}
	div#Debuginformation{display: none;}
	div#RessourcenUbersicht{display: none;}
	#ChatFrame{display: none;}
	div#all.LoggedIn, div#all.NotLoggedIn, div#all.PageWithPlusSize, body.CompactPresentation div#all.LoggedIn{
	  border: none;
	  margin: 0px;
	  width: 100%;
	  min-height: 100vh;
	  display: grid; 
	  grid-template-columns: 100% 0px; 
	  grid-template-rows: 60px 0px 1fr 0px;
	  grid-template-areas:  
	      "captionbild captionbild" 
	      "infoleiste infoleiste" 
	      "allInhalt navigation" 
	      "footer footer";
	}
	div#ContentLayer{padding: 0px; background-color: var(--table-default-bgcolor); min-width: 100%;}
	div#Ressourcenleiste{display: none;}
	div#Ressourcenleiste > ul#RessourcenleisteBasisNew > li.Ressourcen{display: none;}
	div#Ressourcenleiste > ul#RessourcenleisteBasisNew > li.Macht:after{display: none; content:none;}
	header#PageMainHeader{position: sticky; left: 0px; top: 0px; width: 100%; z-index:8; border-bottom: 1px solid #1E222D; overflow: hidden;}
	header#PageMainHeader > a#pwaHeadHomeLink{display: block; font-size: 0px; position: absolute; top: 0px; left: 0px; width: 90px; height: 60px; padding: 18px; border-bottom: 1px solid #000;}
	header#PageMainHeader > a#pwaHeadHomeLink > .IMAGEPLACEHOLDER{background-color: var(--button-fontcolor); display: block; width: 100%; height: 100%;}
	body[data-current-page="0000_Startseite"] header#PageMainHeader > a#pwaHeadHomeLink, body[data-current-page="0100_Ubersicht"] header#PageMainHeader > a#pwaHeadHomeLink, body[data-current-page="2700_BasisErstellenNeu"] header#PageMainHeader > a#pwaHeadHomeLink{display: none;}
	header#PageMainHeader > a#pwaHeadNavigation{display: block; font-size: 0px; position: absolute; top: 0px; right: 0px; width: 90px; height: 60px; padding: 10px; border-bottom: 1px solid #000; background: linear-gradient(left, rgba(253, 253, 253, 0) 10%, rgb(176, 105, 0) 40%); background: -moz-linear-gradient(left, rgba(253, 253, 253, 0) 10%, rgb(176, 105, 0) 40%);}
	header#PageMainHeader > a#pwaHeadNavigation > .IMAGEPLACEHOLDER{margin-left: 30px; background-color: var(--button-fontcolor); display: block; width: 100%; height: 100%;}
	div#Captionbild_Advent > .Adventskalender, div#InfoleisteStatus, #Navigation{display: none;}
	header.InhaltCaption > h1{font-size: 28px; letter-spacing: unset; overflow: hidden;}
	
	/** Seiten mit Überbreitem Inhalt **/
	div#PageWithPlusSizeDisableBack{display: none;}
	div#PageWithPlusSizeContent{border: none; padding: 0px; box-shadow: none; position: relative; top: unset; left: unset; transform: unset; z-index: unset; width: 100%; overflow-x: hidden;}
	div#PageWithPlusSizeHeader, p#PageWithPlusSizeFooter{display: none;}
	
	/*header#Captionbild, header#Captionbild_Test{position: sticky; top:20px; background-color: #B47C0C; width: 100%; height:60px; color: #ffffff; text-align: left; background-image: url(favicon.png); background-size: contain; background-repeat: no-repeat; border-bottom: 1px solid #000000; z-index:8;}
	a#pwaHeadNavigation{display: block; grid-area: headnavigation;}
	header.InhaltCaption{position: fixed; top:20px; left:0px; width: 100%; height: 59px; border-width: 0px; border-style: solid; border-image-slice: 13 fill; border-image-width: auto; border-image-repeat: repeat; display: inline-block; background-color: transparent; border-image-source: var(--image-StdRahmen2); z-index:8; padding: 0px 80px 0px 5px; overflow: hidden; white-space: nowrap}
	header.InhaltCaption::before, header.InhaltCaption::after{display: none;}
	nav#Navigation{overflow: hidden;}
	*/
	/** Responsiv_Size_Large, ResponsivTable_Size_Large**/
	.ResponsivTable_Size_Large, .ResponsivTable_Size_Medium{visibility:collapse !important; max-width:0px; padding:0px !important;}
	.Responsiv_Size_Large, .Responsiv_Size_Medium{display:none !important;}
	
	/** Zusatzinformationen, die in der mobilen Ansicht verschwinden**/
	.responsiveContentRemove{display:none !important;}
	
	/** Ein Benutzer kann zwischen verschiedenen Optional Views wählen. In der Reduzierten Ansicht wird aber immer nur der MobileDefault angezeigt **/
	.optionalView:not(.optionalViewMobileDefault){display: none !important;}
	.optionalView.optionalViewMobileDefault{display: unset !important;}
	
	/** Seitliche Informationsanzeige (Nachrichten oder Benachrichtigungen, Tutorial) für PWA**/
	aside#SideNotificationCenter{display: block; position: fixed; top: 20%; right: 0px; z-index: 10; width: 60px;}
	aside#SideNotificationCenter > a{display: block; width: 100%; height: 50px; background-color: #282C37; border-radius: 20px 0px 0px 20px; border: 1px solid #1E222D; border-right: none; position: relative; margin-bottom: 4px;}
	aside#SideNotificationCenter > a > .IMAGEPLACEHOLDER{background-color: #777777; display: inline-block; width: 40px; height: 40px;}
	aside#SideNotificationCenter > a > .Text{font-size: 10px; position: relative; top: -15px; left: 0px; color: #777777;}
	aside#SideNotificationCenter > a[data-badge-value]::after{content: attr(data-badge-value); position: absolute; top: 27px; right: 8px;}
	aside#SideNotificationCenter > a.Attention > .IMAGEPLACEHOLDER{animation:kf_blinkInfoMessage 1s infinite;}
	@keyframes kf_blinkInfoMessage{
	    0%   {background-color: #777777;}
	    49%  {background-color: #777777;}
	    50%  {background-color: #eeeee0;}
	    100% {background-color: #eeeee0;}
	}
	
	/** Navigation für PWA **/
	nav.pwaBottomNavigation{z-index: 10; width: 100%; position: fixed; bottom: 0px; left: 0px; border-top: 1px solid #1E222D; background-color: #282C37; height: 64px; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: stretch; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overflow-x: scroll;}
	nav.pwaBottomNavigation > a, nav.pwaBottomNavigation > a:visited, nav.pwaBottomNavigation > a:hover, nav.pwaBottomNavigation > a:active{height: 100%; min-width: 80px; padding: 8px 2px; font-weight: 500; color: #777777; font-size: 10px; position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0; width: 0; scroll-snap-align: start;}
	nav.pwaBottomNavigation > a > span.IMAGEPLACEHOLDER{background-color: #777777; display: block; width: 25px; height: 25px; margin: 0px auto 5px auto;}
	nav.pwaBottomNavigation > a.LinkActive, nav.pwaBottomNavigation > a.LinkActive:visited, nav.pwaBottomNavigation > a.LinkActive:hover, nav.pwaBottomNavigation > a.LinkActive:active{color: #ffffff}
	nav.pwaBottomNavigation > a.LinkActive > span.IMAGEPLACEHOLDER{background-color: #ffffff;}
	nav.pwaBottomNavigation > a.NavigationsLink[data-badge-value]::after {content: attr(data-badge-value); display: inline-block; padding: 3px 8px; border-radius: 15px; background-color: #aa0000; color: #ffffff; position: absolute; top: 5px; left: 50%; font-size: 12px; font-weight: 500;}
	div#all.LoggedIn, div#all.PageWithPlusSize, body.CompactPresentation div#all.LoggedIn{margin-bottom: 70px; min-height: calc(100vh - 70px);}
	#ContentLayer > aside#PortletType2, #ContentLayer > aside#PortletType6{display: none;}
	#SliderableBoxSectorkarte .SliderPageControl{bottom: 64px;}
	
	#DatenBoxQuickLinks{display: block;}
	#DatenBoxQuickLinks > .QuickLinkContainer{display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px 2px;}
	#DatenBoxQuickLinks > .QuickLinkContainer > *{display: block; flex-basis: 33%; width: 30vw; min-width:150px; aspect-ratio: 182 / 110; border-radius: 8px; border: 1px solid #000000; position: relative; overflow: hidden; background-size: 100% 100%}
	#DatenBoxQuickLinks > .QuickLinkContainer > .LinkDisabled{display: none;}
	#DatenBoxQuickLinks > .QuickLinkContainer > * > span{position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, .7); width: 100%; padding: 4px 5%; color: #000000; font-weight: 700}
	.QuickLinkContainer > .Gebaude{background-image:url(Gebaude/Bauhof.jpg);} .QuickLinkContainer > .Gebaude > span{border-left: 10px solid rgba(0, 119, 204, .5);}
	.QuickLinkContainer > .Raumhafen{background-image:url(Gebaude/Raumhafen.gif);} .QuickLinkContainer > .Land > span{border-left: 10px solid rgba(198, 78, 19, .5);}
	.QuickLinkContainer > .Einheiten{background-image:url(Gebaude/SchwereWaffenfabrik.gif);} .QuickLinkContainer > .Einheiten > span{border-left: 10px solid rgba(255, 215, 0, .5);}
	.QuickLinkContainer > .Spione{background-image:url(Gebaude/SpioneFabrik.gif);} .QuickLinkContainer > .Spione > span{border-left: 10px solid rgba(0, 128, 0, .5);}
	.QuickLinkContainer > .Forschungen{background-image:url(Gebaude/IX.jpg);} .QuickLinkContainer > .Forschungen > span{border-left: 10px solid rgba(0, 60, 99, .5);}
	.QuickLinkContainer > .Mentat{background-image:url(help/Haus/1/Mentat_Klein.gif);} .QuickLinkContainer > .Mentat > span{border-left: 10px solid rgba(128, 0, 128, .5);}
	.QuickLinkContainer > .Special{background-image:url(Gebaude/Palast.gif);} .QuickLinkContainer > .Special > span{border-left: 10px solid rgba(0, 128, 128, .5);}
	.QuickLinkContainer > .Ranking{background-image:url(Gebaude/Ranking.gif);} .QuickLinkContainer > .Special > span{border-left: 10px solid rgba(0, 128, 128, .5);}
	.QuickLinkContainer > .SectorChef{background-image:url(Gebaude/Spezial4.gif);} .QuickLinkContainer > .SectorChef > span{border-left: 10px solid rgba(0, 119, 204, .5);}
	.QuickLinkContainer > .SectorLager{background-image:url(Gebaude/Raumhafen.gif);} .QuickLinkContainer > .SectorLager > span{border-left: 10px solid rgba(255, 215, 0, .5);}
	.QuickLinkContainer > .SectorNachrichten{background-image:url(Gebaude/Nachrichten.gif);} .QuickLinkContainer > .SectorNachrichten > span{border-left: 10px solid rgba(198, 78, 19, .5);}
	.QuickLinkContainer > .Friedensvertrage{background-image:url(Gebaude/Friedensvertrage.gif);} .QuickLinkContainer > .Friedensvertrage > span{border-left: 10px solid rgba(0, 128, 0, .5);}
	.QuickLinkContainer > .Mitteilungen{background-image:url(Gebaude/Mitteilungen.gif);} .QuickLinkContainer > .Mitteilungen > span{border-left: 10px solid rgba(0, 60, 99, .5);}
	.QuickLinkContainer > .Sectorboard{background-image:url(Gebaude/SectorBoard.gif);} .QuickLinkContainer > .Sectorboard > span{border-left: 10px solid rgba(128, 0, 128, .5);}
	.QuickLinkContainer > .Chat{background-image:url(Gebaude/Chat.gif);} .QuickLinkContainer > .Chat > span{border-left: 10px solid rgba(0, 119, 204, .5);}
	.QuickLinkContainer > .Krieg{background-image:url(Gebaude/Politik.gif);} .QuickLinkContainer > .Sector > span{border-left: 10px solid rgba(0, 128, 128, .5);}
	.QuickLinkContainer > .LinkDisabled{filter: grayscale(100%); cursor: default;}
	
	/** Überschriftenboxen ausblenden **/
	div.UberschriftBox{display: none;}
	#UberschriftBoxAnkundigungen{display: block;}
	
	/** Übersichtsseite **/
	/*#DatenBoxUbersicht > .TeilDatenBoxContainer{scroll-snap-type: x mandatory; display: flex; -webkit-overflow-scrolling: touch; overflow-x: scroll;}
	#DatenBoxUbersicht > .TeilDatenBoxContainer > .TeilDatenBox{width: 80%; min-width: 80%; max-width: 80%; scroll-snap-align: start; position: relative; float: inherit; margin: 0px;}*/
	#DatenBoxRessourcenuebersicht{display: block;}
	div#DatenBoxenFrame{scroll-snap-type: x mandatory; display: flex; -webkit-overflow-scrolling: touch; overflow-x: scroll; column-gap: 20px;}
	div#DatenBoxenFrame > .DatenBox{max-width: 90vw;}
	
	/** Politikseite **/
	#PolitikTabView{display: none;}
	.Sectorboard_Eintrag{width: inherit;}
	.Sectorboard_Eintrag div.SectorBoard_Text{padding-top: 48px;}
	div.SectorBoard_Handel{display: none;}
	#TeilDatenBoxSectorDetail, #TeilDatenBoxSectorBauMenu{float: none; width: inherit;}
	
	.DUMMY_TOO_BIGCONTAINER{scroll-snap-type: x mandatory; display: flex; -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; max-width: 100vw;}

	/*** Seite Landingpage ***/
	#allInhalt:has(header#Landingpage):before{content: ""; display: block; width: 100vw; height: calc(100vh - 60px); background-color: #ff9300;}
	header#Landingpage{display: block; position: absolute; top:0px; left:0px; z-index: 10; width: 100vw; height: 100vh;}
	#LandingpageContent{background-image: url(Landingpage.png); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; position: relative; padding-top: 10%; min-height: 100vh;}
	#LandingpageContent > h1{background-image : url(LandingpageSchrift.gif); font-size: 0px; height: 20vh; width: 85vw; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: center;}
	#LandingpageContent > p{text-align: justify; padding: 0px 5%; line-height: 150%; font-size: 18px;}
	#LandingpageContent > .WeitereLinkliste{display: flex; justify-content: space-around; list-style-type: none; padding: 0px; margin: 50px 0px 0px 0px; width: 100%;}
	.LandingpageSection{min-height: 200px;}
	#StartseiteSectionMain{display: block;}
	#StartseiteSectionQuotes{display: block;}
	header#Landingpage ~ #UberschriftBoxStartseite{display: none;}
	#DatenBoxStartseiteOverview > .BottomAktionsauswahlBig{display: flex;}
	
	/*** Seite Startseite ***/
	#UberschriftBoxStartseite{position: relative;}
	
	/** Seite Übersicht **/
	#DatenBoxUbersicht > .SliderableBox > .Slides{flex-wrap: nowrap; justify-content: flex-start;}
	#DatenBoxUbersicht > .SliderableBox > .Slides > .SliderableBoxSlide{width: 80%; min-width: 80%; max-width: 80%;}
	
	#DatenBoxenFrame, #DatenBoxenUntenFrame{column-count: 1;}
	
	/** Seite Chat **/
	#DatenBoxChat ul.ChatProtokoll{max-height: initial;}
	
	/** Seite Karte **/
	.SectorInfoCompleteDatenBox > header > img.SectorBanner {width: 85%; height: auto;}
	.SectorInfoCompleteDatenBox .SectorInfoZuSectorgebaude > ul{justify-content: space-between;}
	.SectorInfoCompleteDatenBox .SectorInfoZuSectorgebaude > ul > li.SectorGebaude > span.name{font-size: 7px;}
}