body {
font-family:  sans-serif;
	max-width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #DCDCDC;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
main{
margin:0;
padding:0;
	background-color: Snow;
	min-height: 5em;
	flex: 1;
	max-width:70m;
	}

h1{
	padding-top:1em;
	}
iframe {
  width: 100%;
  }
footer {
z-index:2;
	background:#8B8989;
	margin: 10px 0 10px 0;
	border: 1px solid white;
	outline: 1px solid black;
	box-shadow: 0 0 0 1px black inset;
	padding: 10px;
	color: white;
}
footer a{
	
	color: white;
}
.feedstart{
	color:red;
	font-weight:bold;
}
.magfeedkopf{
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	height:3em;
	margin:0 ;	
	border-left:2px solid white;
	border-top:2px solid white;
	border-right:2px solid white;
}
.magfeedkopf a {
	color:black;
	text-decoration:none;
	vertical-align:middle;
}
.magfeedkopf a:visited {
	color:black;
	text-decoration:none;
	vertical-align:middle;
}
.p5{padding:5px;
	font-size:0.9em;
	} 
.p0055{
	padding:0 10px 5px 5px;
	text-align: justify;
	font-size:0.8em;
	} 
.feedtextlink{
	padding:0 0 5px 5px;
	font-size:0.8em;
	}
.NN1{
	max-height:40em;
	}
.NN1{
	/*width:5000em;*/
	margin:0;
	padding:0 0 0 0.5em;
}
.india{
	display: grid;
	grid-template-columns:repeat(1, 1fr);
	grid-template-areas: "news2 " " news3" "news1"   ;
	gap:1em;
	}
@media (min-width: 61em) {
	.mainDiv2 {
		display: grid;
		max-width:70em;
		grid-template-columns: repeat(3, 1fr); 
		position: absolute;top:100px;bottom:0px;
		margin:0;padding:0;
	}
	.NN1{
		width:calc(100% - 0.5em)!important;
		  max-height: calc(100vh - 250px); /* 100px to match whatever offsets you might need for headers etc */
    overflow-y: scroll;
	}
	.india{
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas:  "news1  news2 news3" "main main main" "foot foot foot"
	}
}
#news1 {
	text-align: center;
	grid-area: news1;
}
#news2 {
	grid-area: news2;
}
#news3 {
	grid-area: news3;
}
.indnews1a{
	padding:0.8em;	
	box-shadow: 10px 0 10px grey inset;
	margin:0 1em 1em 1em;
	background:#F5F5F5;
}
.indh2{
	font-style:oblique;
}
.indh22{
	font-style:oblique;
	padding-left:1em;
}
.indh23{
	font-style:oblique;
	padding-left:2em;
}
.ind5p{
	padding:5px 0 5px 5px;font-size:0.9em;
}
.ind0055{
	padding:0 0 5px 5px;
	font-size:0.9em;
}
.ind0005{
	padding:0 0 0 5px;
	font-size:0.9em;
}
.ind07{
	font-size:0.7em;
	text-align:right;
}
.indlg{
	background-color:#f2f2f2;
	border-radius: 1em;
	margin:0 1em 1.5em 1em;
	box-shadow: 10px 10px 15px 2px grey;
	padding:0.5em;
}
.marquee {
width: 256px;
font-size:1.2em;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}

@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@-moz-keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.indlg2{
	background-color:#f2f2f2;
	border-radius: 1em;
	width:256px;
	margin:0 auto;
	margin-bottom:15px;
	box-shadow: 10px 10px 15px -10px grey;
	padding:0.5em;
}
.indbauer{
	padding:0.8em;
	text-align:center;	
	box-shadow: 10px 0 10px grey inset;
	margin:0 1em 1em 1em;
	
}
.indmar{
width:200px;
	margin:0 auto;
}
.indweis{
	background:#F5F5F5;
	padding: 0 1em 1em 1em;
	margin:1em 1em 1em 1em;
	border: 1px solid grey;
}

.NN2{
	width:calc(100% - 0.5em);
	overflow:auto;
	margin:0 ;	
	padding:0;
}
.NN4{
	width:20em;
	display:inline-block;
	float:left;
	background:	#F5F5F5;
	border:1px solid grey;
	margin-right:1em;
	margin-top:0.5em;
}
.NN08{
font-size:0.8em;
}
.NN5{
	width:240px;
	margin:0 auto;	
}
.NNLRA{
	float:left;
	padding-right:6px;
	padding-top:7px;
}
.NNLRA1{
	font-size: 0.7em;	
}
.NNSP{
	float:left;
	padding:3px 15px 0 10px;
}
.NNNTV{
	width:75px;
	min-height:40px;
	float:left;
	padding:4px 15px 0 10px;
}
.NNTS{
	padding-left:1em;
}
.MNh2{
	font-size:0.8em;
}
.MNleft{
	float:left;padding:0 4px 2px 0;
}
div.menueSticky{
	
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index:1001;
	background:snow;
	width:100%;
	}
img {
border:0;
}
.FB3{
	
	text-align:center;
		border-radius: 6px;
	border-top:1px solid #EFEFEF;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid #EFEFEF;
	box-shadow: 8px 8px 3px grey;
	margin-top:1em;
	width:280px;
	padding-left:3em;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#000000;
	font-size:8pt;
	background-color:#ccccff;
		}
.FB2{
	width:280px;
	margin-left: 1em;
	margin-bottom: 1em;
	}
.PL3{
	background-color:#DFDFDF;
	font-size: 0.9em;
	text-align:center;
	color: #350071;
	border-radius: 6px;
	border-top:1px solid #EFEFEF;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid #EFEFEF;
	padding:2px 2px 1px 1px;
	box-shadow: 8px 8px 3px grey;
	padding: 1em;
	}
.PL1{
	display: grid;
	gap: 0.6em;
	grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
	margin:0 1em 0 1em;	
	}
.PL2{
	line-height:1em;
	font-size:0.9em;
	}
.PL4{
	font-weight: bold;
	}
.VR1{
	text-decoration: none;
	font-weight:bold;
	color:darkblue;
	font-size:1.5em;	
		}
#detailsGroup  details > div {
        padding: .5em;
}

#detailsGroup {
	margin-top:2em;
        grid-column: 2 / 3;
       
}

#detailsGroup  details {
        border: thin solid;
}

#detailsGroup  details  summary {
       cursor: pointer;
        line-height: 2em;
        padding-left: 1em;
        font-weight: bold;
}
VRkein{
	padding-bottom:15px;
	}

.WRthema1a{
	display: flex;
	justify-content: center;
}
.WRthema11a{
	display:block;
	font-family: 'Roboto', sans-serif;
	background:	#EEE5DE;
	padding: 1em 1em 0 1em;
	font-size:0.9em;
	border: 1px solid grey;
	border-radius: 20px;
	white-space: pre-wrap;
	word-break: break-word;
	margin: 0 1em 0 1em;
}
@media (min-width: 61em) {
	.WRthema11a{
	display:block;
	font-family:  sans-serif;
	background:	#EEE5DE;
	padding: 1em 1em 0 1em;
	font-size:0.9em;
	
	border: 1px solid grey;
	border-radius: 20px;
	white-space: pre-line;
	margin: 0 1em 0 1em;
	}
}
.WRqueLLe1{
	font-size:0.7em;
	}
.WRqueLLe2{
	white-space: pre-line;
	}
.WRimgsmall {
        visibility: hidden;
        display:none
    }
    .WRimgwide{
		visibility: visible;
		border: 1px solid white;
	outline: 1px solid black;
	box-shadow: 0 0 0 1px black inset;
	padding: 10px;
	margin: 10px;
	background:#EEE9E9;
	display: flex; 
    justify-content: center; 
    align-items: center;
	
	}

@media all and (max-width: 50em){
  .WRimgsmall {
        visibility: visible;
        border: 1px solid white;
	outline: 1px solid black;
	box-shadow: 0 0 0 1px black inset;
	padding: 10px;
	margin: 10px;
	background:#EEE9E9;
	display: flex; 
    justify-content: center; 
    align-items: center;
    }
    .WRimgwide{
		visibility: hidden;
		display:none;
	}  
}
@media (min-width: 40em) {
	.mainDiv {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
	}
	.WRthema11{
	white-space: pre;
	word-break:normal;
}
}
h2{
	font-size:1.1em;
	}
.RT2{
	text-decoration:none;
	color:brown;
	}
.RT1{
	border: 1px solid white;
	outline: 1px solid black;
	box-shadow: 0 0 0 1px black inset;
	padding: 10px;
	margin: 10px;
	background:#EEE9E9;
	grid-row: span 2
	}
.RT33{
	text-align:center;
	
	}
hr{
	width:90%;margin:auto;
	margin:auto;
	}		
.IP, .IP2, .IP3
{
	border: 1px solid white;
	outline: 1px solid black;
	box-shadow: 0 0 0 1px black inset;
	padding: 10px;
	margin: 10px;
	background:#EEE9E9;
	}
.IP2{
	
	grid-column: 1 / -1;
	
	}
.IP3{
	
	text-align: justify;
	
	}
.IP3as{
	text-align: center;
	}
h1{
	padding-left: 0.2em;
}

/* Skip-Link */


/* Für AT */

.visually-hidden {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
/* Farben */

#sitenav *,
#sitenav a {
	background-color: Snow;
	color: black;
	z-index: 100;
}
/* Positionierung */

#sitenav.withjs {
	position: absolute;
}

#sitenav.withjs ul {
	position: absolute;
}

#sitenav {
	top: 1em;
	left: 2em;
}

#sitenav.wide {
	top: 0;
	left: 0.1em;
	right: 0.1em;
	max-width: 70em;
	margin: 0 auto;
	
}

#sitenav > details {
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
}

#sitenav > details {
	padding: .2em;
}

#sitenav.wide > details {
	padding: 0
}
#sitenav ul li{
	padding:0;
	background-color:#f9f9f9;
}

#sitenav ul {
	margin: 0;
	
	padding-top: .2em;
	padding-left: 0;
	padding-right: 0.5em;
	background-color:#f9f9f9;
}

#sitenav ul ul {
	margin-left: 7em;
	margin-top: -3.1em;
	padding-left: .1em;
	background-color:#f9f9f9;
}
#sitenav ul details{
	background-color:#f9f9f9;
}

#sitenav ul ul details{
	background-color:#f9f9f9;
}
#sitenav ul ul li{
	background-color:#f9f9f9;
}
#sitenav.wide ul ul li{
	background-color:#f9f9f9;
}
#sitenav ul ul ul{
	width: 7em;
}
#sitenav.wide ul, #sitenav.wide  ul li {
background-color: snow;
	margin: 0;
	padding-top: .2em;
	padding-left: 0;
	padding-right: 0;
}

#sitenav.wide ul ul {
background-color:#f9f9f9;
	margin-left: -.5em;
	margin-top: -.1em;
	padding-left: .5em;
	padding-right: .5em;
}

#sitenav.wide ul ul ul {
	margin-left: 9em;
	margin-top: -2em;
	padding-left: .1em;
	width: 7em;
}
#sitenav.wide ul ul ul li{
	background-color:#f9f9f9;
}
#sitenav li a {
	display: inline-block;
	margin-top: .1em;
	margin-bottom: .1em;
}

#sitenav li a,
#sitenav li summary {
	padding: .1em .2em .1em .2em;
	margin: .3em;
	line-height: 1.4em;
}

#sitenav li {
	padding: 0em;
	white-space: nowrap;
	vertical-align: middle;
}

#sitenav > details > ul {
	margin-left: -.5em;
	margin-top: .3em;
}

#sitenav.wide > details > ul,
#sitenav.wide > details > ul > li {
	display: inline-block
}

#sitenav.wide > details > ul {
	 width: 100%;
	box-sizing: border-box;
}

#sitenav.wide > details > ul {
	margin-left: 0;
	margin-top: 0;
	border-radius: 0;
}
/* Originalsymbole vor den Summary entfernen und eigene Symbole definieren */

#sitenav summary::-webkit-details-marker {
	display: none;
}

#sitenav summary {
	list-style-type: none;
}

#sitenav details summary::after {
	font-family: arial_unicode_ms;
	vertical-align: top;
}

#sitenav ul details:not([open]) > summary::after {
	content: ' ►';
}

#sitenav ul details[open] > summary::after {
	content: ' ◄';
}

#sitenav > details:not([open]) > summary::before {
	content: "☰";
	font-size: 0.9em;
}

#sitenav > details[open] > summary::before {
	content: "× ";
	font-size: 1.0em;
}

#sitenav.wide details[open] details:not([open]) summary::after {
	content: ' ▼';
}

#sitenav.wide details[open] details[open] summary::after {
	content: ' ▲';
}

#sitenav.wide details[open] details[open] details:not([open]) summary::after {
	content: ' ►';
}

#sitenav.wide details[open] details[open] details[open] summary::after {
	content: ' ◄';
}

html.no-details #sitenav ul summary::before {
	content: "";
	width: 0;
}
/* Für Details-Polyfill */
/* Link zur aktuellen Seite */

#sitenav li[aria-current] a[href='#']::before {
	content: "► ";
	font-family: arial_unicode_ms
}

#sitenav.withjs > details > ul > li[aria-current] > details > summary {
	border-left: 2px solid black;
}

#sitenav.withjs > details > ul > li[aria-current] > details > ul > li[aria-current] > details > summary {
	border-left: 2px solid black;
}

#sitenav.wide > details > ul > li[aria-current] > details > summary {
	border-left: 2px solid black;
}

#sitenav.wide > details > ul > li[aria-current] {
	border-bottom: 2px solid black;
}

/* Rahmen etc. */

#sitenav summary {
	cursor: pointer;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	max-height: 1.4em;
}

#sitenav ul {
	list-style-type: none;
	border-radius: .5em;
}

#sitenav.wide ul ul {
	border-radius: 0 0 .5em .5em;
}

#sitenav > details {
	background-color:transparent;
	border-radius: .2em;
}

#sitenav.wide > details {
	border: none;
	border-radius: 0;
}

#sitenav li a {
	text-decoration: none;
}
summary:focus{
    outline: none;
}
#sitenav li a,
#sitenav li summary {
box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#e9e9e9;
	border-radius:15px;
	border:1px solid #d6bcd6;
	
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}

#sitenav li a:hover,
#sitenav li summary:hover,
#sitenav li a:focus,
#sitenav li summary:focus {
background-color:#FFDAB9;
 box-shadow:none;	
}
#sitenav .current{
background-color:#FFDAB9;
                box-shadow:inset 3px 4px 0px 0px #899599;
}
.current:active {
               box-shadow:inset 3px 4px 0px 0px #899599;
}
#button{
box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:transparent;
	
	border:1px solid #d6bcd6;
	border-radius:15px;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
}
/* Ende menu.css */