#NAV {
  width: 90%;
  margin: 4em;
  table-layout: fixed;
  text-align: center;
}
#ID1 {

    margin: 1em;
    max-width: 100em;
    font-style: italic;
    font-weight: bolder;
    font-size: medium ;
    }
.rechts {
	float: right;
	margin-left: 5em;
}
#ID2 {
  width: 100%;
    margin: 0;
  
}
#ID3 {

    margin: 0 auto;
    max-width: 100em;
    font-style: italic;
    font-weight: bolder;
    } 
#ID4 {
    margin: 4em;  
     }

#ID5 {
    margin: 0em 2em 0em 0em;  
     }

#TB1 {
	width: 95%;
    background-color: #efd7c3;
    border-color: #efd7c3;
    margin:2em ;
    table-layout: fixed;
    
}
#TB2 {
    width: auto;
    background-color: #efd7c3;
    border-color: #efd7c3;
}

#TB3 {
	width: 95%;
    background-color: #efd7c3;
    border-color: #efd7c3;
    margin:3em ;
    table-layout: fixed;
    
    }

#TB4 {margin-top: 2em;
    }


#AZ {text-align: justify;
    
}

td {
    width: auto;
	border: 0px solid;
	overflow: hidden;
	vertical-align: top;
    align-content: center;
    margin:auto;
    
    
}

body   {
background-color: #efd7c3;
margin: 3px;

}

h2  {
    font-style: normal; width: auto
    }
h1  {
    margin-top: 0px;
    }

    body { font: bold .9em/150% Georgia, serif; }

.justify {
	text-align: justify;
}

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */

#galerie,
li {
	margin: 0.1em;
	padding: 0.1em;
}

li {
	display: inline-block;
	list-style-type: none;
	width: 45%;
}

img {
	padding: 0;
	margin: 0;
	width: 100%;
	/* Bild passt sich an verfügbaren Raum im li ann */
}

a {
	padding: 0.1em;
}

a:focus,
a:hover {
	background: #09c;
}
/* Large screens */

@media all and (min-width: 30em) {
	li {
		width: 10em;
	}
	.details {
		position:fixed;
		right: 30%;
		top: 15%;
		background-color: #efd7c3;
		border: 0.1em solid #3983ab;
		border-radius: 0 8px 8px;
		padding: 1em 1em .2em;
		width: 45em;
		max-height: 40em;
		overflow: auto;
		display: none;
	}
	.details img {
		width: 90%;
	}
	.details:target {
		display: block;
	}
	.close {
		width: 0;
		height: 0;
		border: 0;
		text-shadow: none;
		color: transparent;
	}
	.close::after {
		position: absolute;
		top: 1em;
		right: 1em;
		content: "X";
		color: white;
		background: #c32e04;
		font: bold 1em/150% Georgia, Times, serif;
		border: 0.1em solid #3983ab;
		border-radius: 0 8px 8px;
		display: block;
		text-align: center;
		width: 1.5em;
		height: 1.5em;
		padding: 0.2em 0 0 0em;
	}
}