@charset "utf-8";
/* CSS Document */
html {background:#000;}
body {
	margin: 1em auto;
	max-width: 60em;
	font-family: sans-serif;
	color: #333333;
	display: grid;
	grid-template-columns: 1fr 4fr 1fr ;
	/*grid-template-columns: 1fr 4fr;*/
}

header, nav, main, article, section, aside, footer {
			/*border-radius: 0px 0.5em 0.5em;
			border: 1px solid;*/
			padding: .5em;
			/*margin: .3em;*/
}

p			{margin-bottom:0;
}

header {
			background: #F1F3F4;
			border-color: #d5d5d5;
			grid-column: 1 / 7;
  			/*grid-row:    1 / 2;*/
			grid-template-rows:max-content;
			text-align:center;
}

		header a {
			text-decoration: none;
			float:right;
			line-height:1%;
			}

.birs	{float:right;
		padding-left:0.1em;
		}
.bils	{float:left;
		padding-right:0.1em
		}

/* Navigation */
      nav ul {
        list-style-type: none;
        margin:0;
        padding:0;
       }
      nav ul li {
	    float: left;
	    position: relative;
      }
      nav li a {
        display: block;
        width: 130px; /*110/*/
        color: black;
        text-align: center;
	    background-color: #BEE3FF; /*Tabs/*/
	    padding: 0.2em 0.6em;
	    text-decoration: none;
	    border: 1px solid #000;
	    border-bottom: 2px solid #000;
		border-left:1px solid #000;
	    border-right: 1px solid #000;
		border-top-right-radius:12px;
		border-top-left-radius:12px;
      }
      nav li a:hover {
        background-color: #95C2FF; /*MausTab*/
        /*border: 1px solid: darkgray;
	    border-bottom: 10px solid green;
	    border-right: 4px solid green;*/
      }
      nav ul li ul {
	    display: none;
	    position: absolute;  /*Damit der folgenden Inhalt nicht nach unten rückt */
      }
      nav ul li:hover ul { display: block; }
     
	  nav ul li:hover ul a {
        display: block;
        width: 130px;
        color: black;
        text-align: center;
	    background-color: #D5F2FF;  /*SubTab*/
	    padding: 0.2em 0.6em;
	    text-decoration: none;
	    border: 1px solid lightgray;
	   /* border-bottom: 1px solid blue;
	    border-right: 1px solid blue;*/
      }
      nav ul li ul li a:hover {
        background-color: #95C2FF; /*MausSubTab*/
        border: 1px solid: black;
	    border-bottom: 1px solid black;
	    border-right: 1px solid black;
		border-left: 1px solid black;
      }	  

nav {
			background: #fffbf0;/*LeisteGrund*/
			border-color: #e7c157;
			grid-column: 1 / 7;
  			grid-row:    2 / span 2;
			/*grid-columns:1 / 2;
			grid-rows:2 / span 2;*/			
}

nav a:focus, nav a:hover, {
	color:#33C;
	background-color: gold;/*???*/
}
 
@media (max-width:30em) {

nav {
			background: #0000FF;/*LeisteGrundMobil*/
			border-color: #e7c157;
			/*grid-column: 1 / 7;
  			grid-row:    2 / span 2;'/
			/*visibility:hidden;*/
			/*grid-columns:1 / 7;
			grid-rows:2 / span 4;
			/*background:#CC0;*/
			}
nav ul li ul {
	    display: none;
	    position: relative;  /*Damit der folgenden Inhalt nach unten rückt */
  
}
}

/*CCFFFF=Logo_Grund*/

/*00cc33=Logo_Schrift*/
main {
		background:#D1F7FA;
		/*grid-column:2 / 7;*/
		grid-column-start: 2;
		grid-column-end: 6;
		grid-row:4;
}
section{
		background:#fffbf0;
		grid-column-start: 6;
		grid-column-end:7;
		grid-rows:4;
}
	


article {
			background: #ffede0;
			border-color: #df6c20;
			grid-column: 1 / 7;
  			grid-row:    6;	
			/*display:inline-block;*/
}

aside	{
			background: #fffbf0;
			border-color:red;
			grid-column: 1 / 2;
			/*grid-columns: 5 / 7;*/
			grid-row: 4;
}
aside img{
	padding-right: .5em;
}


footer {
	background:#ccffff;
	color:#000;
	grid-column:1 / 7;
	grid-row:7;
	padding: 0em .5em 0em .5em;
}

footer ul   {list-style-type:none;
}

img	{
	max-width:100%;
	height:auto;	
	/*padding-right: .5em;*/
}

figure {
  margin: 1px;
  padding-right: -.5em;
  border: 1px solid gainsboro;
  /*background: #ffede0;*/
  display:inline-block;
}

/*figure	{
	margin-block-start:	1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margei-inline-end: 40px;
}*/
figcaption {
	padding: 1px;
	text-align:center;
	display:block;
}

			/*a {
				font-size: 2em;
				text-decoration: none;
				position: relative;
				display: inline-block;
				width: 1px;
				overflow: hidden;
				padding-left: 1em;
				margin-right: 2rem;
			}*/
			
			/*nav a::before {
				content: "";
				position: absolute;
				top: 0.2em;
				left: 0;
				width: 1em;
				height: 0.2em;
				border-top: 0.6em double blue;
				border-bottom: 0.2em solid blue;
			}*/