*,*::before, *::after{
	box-sizing:border-box;
}

div.gridbox{
	display:grid;
	grid-template-columns:1fr 5fr;
	gap:2%;
	grid-template-areas: "navibereich textbereich";
}

.kasten_gross{
	border-style:solid;
	border-width:2px;
	border-radius:10px;
	box-shadow: 3px 3px;
}

.kasten_klein{
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	box-shadow: 2px 2px;
}
/* ####################################### Navigationsleiste links */
.navibereich{
	grid-area:navibereich;
	max-width:200px;
	min-width:80px;
	height:100%;
	text-align:center;
	background-color:white;
	}
	
.logo{
	width: 90%;
	height:auto;
}
	
.knopf{
	width: 70%;
	max-width:100px;
	height:auto;
	margin:10px;
}

.knopf:hover{
	border:5px solid black;
	border-radius:10px;
}
/* ####################################### Navigationsleiste links Ende*/


.textbereich{
	grid-area:textbereich;
	height:100%;
	background-color:rgba(255,235,215,0.8);
}

/* ####################################### Seitenheader Textbereich*/

.textkopf{
	margin:10px auto;
	background-color:rgba(255,255,255,0.9);
	width:95%;
	text-align:center;
}

.lyrikkopf{
	text-shadow:0 0 2px white, 0 0 5px rgba(255,128,0,1), 0 0 15px rgba(255,128,0,1);
	margin:2px;

}
.prosakopf{
	text-shadow:0 0 2px white, 0 0 5px rgba(170,212,0,1), 0 0 15px rgba(170,212,0,1);
	margin:2px;
}

.fremdkopf{
	text-shadow:0 0 2px white, 0 0 5px rgba(150,210,240,1), 0 0 15px rgba(150,210,240,1);
	margin:2px;
}

.s1014kopf{
	text-shadow:0 0 2px white, 0 0 5px rgba(200,30,30,1), 0 0 15px rgba(200,30,30,1);
	margin:2px;
}

.industriekopf{
	text-shadow:0 0 2px white, 0 0 5px rgba(170,30,200,1), 0 0 15px rgba(170,30,200,1);
	margin:2px;
}

.weg{
	visibility:hidden;
	margin:2px;
}

.textzahl{
	font-size:1.1em
}

/* ####################################### Seitenheader Textbereich Ende*/

/* ####################################### Textnavigation*/

.textnavigation{
	margin:10px auto;
	background-color:rgba(235,235,255,0.9);
	width:95%;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	position:sticky;
	top:0;
}

.navlinktext{
	padding: 5px;
	margin: 10px;
	background-color:white;
	text-decoration:none;
	color: black;
	display:inline-block;
}

.navel{
	margin:5px;
	background-color:white;
}

.tn_button{
	margin: 5px;
}

.tt{
	position:relative;
	display:inline-block;
}

.tooltip{
	visibility:hidden;
	opacity:0;
	position:absolute;
	z-index:1;
	border:1px;
	background:rgba(255,235,215);
	transition:opacity 1s;
	border-radius:4px;
	padding:5px;
	bottom:100%;
	margin-left:-100%;
}

.tt:hover .tooltip{
	visibility:visible;
	opacity:1;
}

.wahl{
	position:relative;
	display:inline-block;
}

.wahlinhalt{
	position:absolute;
	background-color:white;
	display:none;
	top:100%;
	font-size:0.9em;
}

.wi_mittel{
	left:-100%;
}

.wi_gross{
	left:-300%;
	max-height:400px;
	overflow:auto;
}

.wahlinhalt a{
	display:block;
	text-decoration:none;
	color:black;
	background-color:light-blue;
	padding:5px;
	border:2px solid;
	border-style:solid;
	border-radius:4px;
}

.spalte{
	display:inline-block;
	vertical-align:top;
}

.kattyp{
	font-weight:bold;
}

.Form{
	background-color:rgba(255,128,0,0.1);
}

.Thema{
	background-color:rgba(170,212,0,0.1);
}

.Besonderheit{
	background-color:rgba(150,210,240,0.1);
}

.kat1 a:hover{
	color:rgba(255,128,0,1);
	background-color:black;
	text-decoration:underline overline;
}

.kat2 a:hover{
	color:rgba(170,212,0,1);
	background-color:black;
	text-decoration:underline overline;
}

.kat3 a:hover{
	color:rgba(150,210,240,1);
	background-color:black;
	text-decoration:underline overline;
}

.kat4 a:hover{
	color:rgba(200,30,30,1);
	background-color:black;
	text-decoration:underline overline;
}

.kat5 a:hover{
	color:rgba(170,30,200,1);
	background-color:black;
	text-decoration:underline overline;
}

.wahl:hover .wahlinhalt{
	display:block;
}

div.suche{
	position:relative;
}

div.suchmaske{
	display:none;
	position:absolute;
	background:white;
	width:200px;
	height:150px;
	z-index:1;
}

.suchmaske input, select, button{
	display:block;
	margin:5px;
	font-size:1em;
	width:90%;
}

.suche:hover .suchmaske{
	display:block;
}

/* ####################################### Textnavigation Ende*/

.textblock{
	margin:10px auto;
	background-color:rgba(240,255,235,0.9);
	width:95%;
	text-align:left;
	padding:3%;
}


.zusatztext{
	margin:10px auto;
	background-color:rgba(255,235,235,0.9);
	width:95%;
	text-align:left;
	padding:3%;
}

.imp{
	width:50%;
	height:auto;
}

/* ####################################### Termine- und Newsletter-Bereich*/
.nl_url{
	display:none;
	position:absolute;
}

table.termine{
	width:100%;
	margin:10px;
	margin-bottom:50px;
	border:2px solid darkblue
}
tr.termine{
	border:1px solid black
}

td.terminfrage{
	background-color: white;
	padding:5px;
	border:1px solid black;
	font-weight:bold;
	width:15%;
}

td.terminantwort{
	background-color: lightgrey;
	padding:5px;
	border:1px solid black;
}
/* ####################################### Termine- und Newsletter-Bereich Ende*/

hr.bildgedicht{
	border: 1px solid black;	
	border-radius: 2px;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	width:100%;
}

p.industriebilder{
	text-align:center;
}

.zentriert{text-align:center;}
.blocksatz{text-align:justify;}
.rechts{text-align:right;}
.links{text-align:left;}
.monospace{font-family:monospace;font-size:1.2em}
.fett{font-weight:bold;}

p.teiltext{
	margin-bottom:50px;
}

.textblock h1{
	text-align:center;
}

h2.untertitel{
	text-align:center;
}

h2.titel_zusatz{
	text-align:center;
	font-style:italic;
}

h2.teiltext{
	text-align:left;
	font-size:1em;
}

h2.teil_untertitel{
	text-align:left;
	font-size:0.9em;
}

h2.teil_titel_zusatz{
	font-size:0.9em;
	text-align:left;
	font-style:italic;
}

hr{
	border: 3px solid black;
	border-radius: 2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	width:100%;
}