body {
	display: grid;
	gap: 0.2em;
}
/*
body > titelleistenbild {
	border:1px;
	width: 100%;
	max-width=20em;
}
*/

.titelleiste {
	font-weight:bold; 
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 14pt; COLOR: white; text-align: center
	/*width: auto;*/
}

.laenderliste {
	width: auto;
}

/*
img,
picture,
video {
  max-width: 100%;
}
*/

@media (min-width: 45em) {
	/* Breite beträgt mindestens 45em */

	body {
		display: grid;
		/* grid-template-columns: 0 [nav-start] 1fr [main-start] 1fr [main-end] 1fr [aside-end];*/
		/*grid-template-columns: [nav-start] 210px [main-start] minmax(min-content,600px) [main-end] 200px [aside-end];*/
		/* grid-template-columns: [nav-start] minmax(min-content,1fr) [main-start] minmax(3fr,auto) [main-end] minmax(min-content,1fr) [aside-end]; */
		/*grid-template-columns: [nav-start] minmax(min-content,210px) [main-start] minmax(600px,auto) [main-end] minmax(min-content,200px) [aside-end];*/
		grid-template-columns: [nav-start] minmax(min-content,10em) [main-start] auto [main-end] minmax(min-content,10em) [aside-end];
		grid-template-rows: [header-start] min-content [breakingnews-start] min-content [ueberschrift-start] min-content [main-start] min-content [shopper-end] 1fr [main-end] min-content [foot-start] min-content [foot-end];
	}
	footer {
	/*	grid-column: 1 / -1; */
		grid-column: main-start / main-end;
		grid-row: foot-start / foot-end;
	}
	nav {
		grid-column: nav-start / main-start;
		grid-row: shopper-end / foot-end;
	}
	ueberschrift {
		grid-column: main-start / main-end;
		grid-row: ueberschrift-start / main-start;
	}
	main {
		grid-column: main-start / main-end;
		grid-row: main-start / main-end;
		overflow-x: auto;
		overflow-y: auto;
	}
	aside {
		grid-column: main-end / aside-end;
		grid-row: ueberschrift-start / foot-end;
	}
	shopper {
		grid-column: nav-start / main-start;
		grid-row: ueberschrift-start / shopper-end;
	}
/*	.titelleiste {
		max-width: 1000px;
	}
*/
} 
@media not (min-width: 45em)  {
	.titelleiste {
		font-weight:bold; 
		FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 10pt; COLOR: white; text-align: center
		/*width: auto;*/
	}

}

nav, aside, shopper {
	border-radius: 0px 0.5em 0.5em;
	border: thin dashed;
}

header, breakingnews, ueberschrift {
	padding: 0px;
}

nav, aside, shopper, main, footer {
	padding: 5px;
}

header, breakingnews {
	grid-column: 1 / -1;
}

header {
	background: #F1F1F1;
	/*display: grid */
	/*grid-template-columns: min-content 1fr; */
}

nav, aside, shopper {
	background: #F9F9F9;
	border-color: grey;
}

main {
	background: #ffffff;
	border-color: #df6c20;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}

footer * {
	float: right;
	clear: right;
	margin: 0 0 1em;
}

ueberschrift {
	background: #FF6405;
	font-weight:bold; 
}

BODY {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 5px; MARGIN-TOP: 5px; Background-Color: White
}
P {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; text-align:justify
}
PRE {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
H1 {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 14pt; COLOR: #138673; text-align: center
}
H2 {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 12pt; text-align: left
}
H3 {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 10pt; text-align: left
}
H4 {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 9pt; text-align: left
}
H5 {		
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; text-align: left

}
UL {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
OL {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
LI {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
DIV {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
TD {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; 
}
TH {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; font-weight:bold 
}
ADDRESS {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
BLOCKQUOTE {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
NOBR {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
I {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}
SMALL {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
A:link {
	color:#000066; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif}
A:visited {
	color:#000066; TEXT-DECORATION: none
}
A:active {
	COLOR:#FFFFFF; TEXT-DECORATION: none
}
A:hover {
	background-color:#AAAAAA; COLOR: #000000; TEXT-DECORATION: none
}
.a2:link {
	COLOR: #800000; TEXT-DECORATION: none
}
.a2:visited {
	COLOR: #800000; TEXT-DECORATION: none
}
.NU {
	FONT-SIZE: 8pt; TEXT-DECORATION: none
}
.NS {
	COLOR: black; FONT-SIZE: 8pt; LINE-HEIGHT: 1.1; TEXT-DECORATION: none
}
.ist {
	COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
.rubrik {
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt; TEXT-DECORATION: none
}
.ist2 {
	BACKGROUND-COLOR: #8da7da; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; FONT-SIZE: 8pt
}
.klein {
	FONT-SIZE: 8pt
}
P.klein {
	FONT-SIZE: 7pt
}
P.mittel {
	FONT-SIZE: 8pt
}
P.gross {
	FONT-SIZE: 10pt
}
B.title {
	FONT-FAMILY: Arial
}
P.tool {
	TEXT-INDENT: 0.5cm
}
img { border:none }