@charset "utf-8";
html {
padding: 0;
margin: 0;
}

* {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */

        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */

        box-sizing: border-box;
        /* Opera/IE 8+ */
}

body { position: relative; 
line-height: 1.5; color:#000000; 
margin: 0px auto; 
max-width: 75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image : url("../grafik/mass.svg");
background-color: #ed8309;
background-repeat : repeat-x;
background-attachment: fixed;
background-position : center center; 
background-size: cover;
}

#banner {
position : relative;
padding-top : 6px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
height : 85px;
background-color : darkslateblue;
background-image : url("../grafik/homepage01.png");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : center center;
border: 2px solid;
border-color: #FF0000;
border-radius : 8px 8px 8px 8px;
}

#standort { font-size : 9pt; text-align : center;
color : firebrick; text-decoration : none;
}
/*------------------------- Anfang Vertikales Menue -------------------------*/
nav { display: inline-block; 
border-color: #e7c157; padding: 0px; border-radius : 8px 8px 8px 8px;
}

nav ul { position : relative;
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 28px; font-weight : bold;
}

nav li { width: 236px;
 float: Left; 
 position: relative; padding-left : 0;
}

nav li a { display: Block;
 width: 232px;
 line-height: 30px;
 text-align: Center;
 color: #FFFFFF;
 text-decoration: None;
 background-color: teal;
 border: 4px Solid #ffffff; border-radius : 10px 10px 10px 10px;
}

nav li a:hover { box-shadow: 0px 5px 10px orange inset; color: #333333;
}

nav li ul { display: None;
position: Absolute;
left: 0px;
top: 32px;
z-index: 100;
}

nav li:hover ul { display: Block;}

nav li ul a { width: 22em;   /* f�r das Untermen� */ background-color: dodgerblue; line-height: 28px;  text-align: left; padding-left : 6px;}

nav select { display: none; height: 28px; font-weight : bold;}

nav select option { height: 20px; font-size : 10pt;}

/*-------------- Ende Vertikales Menue Anfang html 5 ----------------------*/

header, main, article, section, aside, footer { 
font-size : 10pt;
border-radius: 0px 0.5em 0.5em;
border: 2px solid;
padding: 3px; margin: 3px;
}

header { background: rgb(212, 238, 8); text-align : center;
         border-color: blue; 
         margin-left: 2px; padding-bottom: 0px;      
}

main { display: block;
       /* f�r IE */
background: #c4ced3;
border-color: #8a9da8; 
}

article { text-align : left;
background: #ffede0;
border-color: #df6c20; padding: 6px; margin: 0px;
}

section { background: #F1F3F4; width : 99,6%;
border-color: slateblue; padding-left: 5px; padding-right: 5px;
}

section h4 { text-align : left; color : blue; margin: 3px; padding-left : 6px; font-size : 11pt;
        }
section header { text-align : left; color : blue; margin: 3px; padding-left : 6px; font-size : 11pt;
        }


/*
aside section { background: rgb(248, 246, 185); width : 99,6%;
        border-color: slateblue; padding-left: 0px; margin-left : 0px;
        }*/

aside { background: beige;
        border-color: #8db243; padding-left : 4px;
}
aside section ul {
width : 100%;
list-style-type : none;
text-align : left;
color: orange;
font-size : 10pt;
line-height : 26px;
font-weight : bold;
margin-left : 3px;
padding-left : 3px;
}

footer { text-align : center;
         background: gold;
         background-image: linear-gradient(50deg, transparent 40%, rgba(245, 14, 14, 0.3) 80%); 
         background-size: 32px 30px; margin: 10px auto; max-width: 100em;

         border-color: #8a9da8; padding: 8px; margin: 4px;
}

address a { font-weight: bold; color: rgb(160, 8, 206); }
/*-------------------------XXXXX Ende html 5 XXXXX-----------------------------*/

hr { width : 100%; clear : right; color : #420303; clear : both; }

h1 { text-align : center; color : blue; font-size : 18pt; }


h2 { text-align : center; color : rgb(177, 24, 243); font-size : 16pt;}
h3 { text-align : center; font-size : 14pt;}
h4 { text-align : left; color : blue; margin-left: 0.5em; font-size : 13pt; }
h5 { text-align : left; margin-left: 0.5em; font-size : 11pt; }
u { color : blue; font-size : 11pt; }
p { text-align : left; margin: 0.3em; padding-left : 0.2em; padding-top : 0.2em; padding-bottom : 0.2em; font-size : 10pt;}
p a { font-weight : bold; font-size : 11pt; color : rgb(192, 66, 8);}
p.center { text-align : center; clear : both; padding-top : 0.6em; padding-bottom : 0.6em;}
p.glossar { text-align : center; }
a span { font-weight : bold; font-size : 11pt; color : rgb(138, 46, 4);}
em { font-weight : bold; COLOR: #993333;}
strong { font-weight : bold; COLOR: #036103;}
pre { font-family: verdana; tab-size:4; margin: 6px;}
i { color : #b50505; }
mark { text-align : left; padding : 0.2em; font-size : 10pt;}
abbr { font-weight : bold;}
blockquote { font-weight : bold; COLOR: saddlebrown;}
cite { font-weight : normal; COLOR: navy;}
sub { font-size : 8pt;}
sup { font-size : 8pt;}
#inhalt-zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*-------------------------XXXXX Anfang Tabelle XXXXX-------------------------*/
table {
width : 100%;
font-size : 10pt;
background-color : maroon;
color : white;
margin-bottom : 3px;/*-------------------------geändert 08.07.2025-------------------------*/
padding : 2px;
border-width : 2px;
border-style : solid;
border-color : #ffd000;
border-radius : 6px 6px 6px 6px;
}

caption { padding : 0.3em; background-color: #ffede0;
color : rgb(20, 31, 233);
font-weight : bolder;
}
thead {
color : #ffdddd;
text-align : center;
}
tbody {
font-weight : bolder;
text-align : right;
}
tfoot { color : #ddddff;}

tr { color : #ddffdd;}
th {
background-color : #00e0ff;
text-align : center;
color : black;
border-width : 2px;
border-style : solid;
border-color : #ffd000;
empty-cells : show;
border-radius : 6px 6px 6px 6px;
}
td {
color : yellow;
font-size : 10pt;
line-height : 20px;
font-weight : bolder;
border-width : 1px;
border-style : solid;
border-color : #ffd000;
empty-cells : show;
padding-right : 3px;/*-------------------------geändert 08.07.2025-------------------------*/
border-radius : 6px 6px 6px 6px;
}
dl {
font-size : 10pt;
font-family : verdana, arial, helvetica, sans-serif;
margin-bottom : 2em;
margin-left : 3px;
margin-right : 6px;
}
dt { color : darkred; 
background: gainsboro;
font-weight : bolder; 
line-height : 24px;
text-align : left;
margin-left : 6px;
margin-bottom : 3px;
padding-left : 6px;
}
dd {
text-align : left;
margin-left : 6px;
margin-bottom : 1em;
}

/*-------------------------Ende Tabelle X Anfang Liste ------------------------*/

article ul {
width : 99.4%;
list-style-type : disc;
text-align : left;
font-size : 10pt;
line-height : 24px;
font-weight : normal;
margin-left : 3px;
padding-left : 3px;
}

article li {
padding-left : 3px; list-style-type : none; 
}

article ul li:nth-child(even) { width : 100%; line-height : 20px; font-size : 11pt;
 background-color: #C1DFFF; padding : 6px; margin : 0px;
}
article ul li:nth-child(odd) { width : 100%; line-height : 20px; font-size : 11pt;
 background-color: #E8F3FF; padding : 6px; margin : 0px;
}

article ol li:nth-child(even) { width : 99%; line-height : 18px;
 background-color: #C1DFFF; padding : 3px; margin : 0px;
}
article ol li:nth-child(odd) { width : 99%; line-height : 18px;
 background-color: #E8F3FF; padding : 3px; margin : 0px;
}


section header { font-size : 11pt;
       }

section ul {
width : 100%;
list-style-type : disc;
text-align : left;
font-size : 10pt;
line-height : 26px;
font-weight : normal;
margin-left : 0px;
padding-left : 0px;
}

section li {
padding-left : 0px; list-style-type : none;
}

section ul li:nth-child(even) { width : 99,4%; line-height : 22px; font-size : 11pt;
 background-color: #C1DFFF; padding-left : 4px; margin-right : 2px;
}
section ul li:nth-child(odd) { width : 99,4%; line-height : 22px; font-size : 11pt;
 background-color: #E8F3FF; padding-left : 4px; margin-right : 2px;
}

section ol li:nth-child(even) { width : 99%; line-height : 22px;
 background-color: #C1DFFF; padding : 3px; margin : 0px;
}
section ol li:nth-child(odd) { width : 99%; line-height : 22px;
 background-color: #E8F3FF; padding : 3px; margin : 0px;
}
/*---------------------- Ende Liste Anfang Links ----------------------------*/

section a:link { color : blue; text-decoration-line: underline; text-decoration-thickness: 1.5px; text-decoration-skip-ink: auto;}
section a:visited { color: maroon; text-decoration: none;}
section a:hover { color: fuchsia; text-decoration: none;}
section a:active { color: green;  text-decoration: none;}

aside a:link { color : blue; text-decoration-line: underline; text-decoration-thickness: 1.5px; text-decoration-skip-ink: auto;}
aside a:visited { color: maroon; text-decoration: none;}
aside a:hover { color: fuchsia; text-decoration: none;}
aside a:active { color: green;  text-decoration: none;}

main a:link {
color : #0a6592;
font-size : 10pt;
line-height : 16px;
background-color : transparent;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0% 0%;
text-decoration : underline; text-decoration-thickness: 1.5px; text-decoration-skip-ink: auto;
}
main a:visited {
color : rgb(116, 42, 165);
font-size : 10pt;
line-height : 16px;
background-color : transparent;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0% 0%;
text-decoration : none;
}
main a:hover {
color : #5f0000;
font-size : 10pt;
line-height : 16px;
background-color : transparent;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0% 0%;
text-decoration : none;
}
main a:active {
color : rgb(8, 8, 238);
font-size : 10pt;
line-height : 16px;
background-color : transparent;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0% 0%;
text-decoration : none;
}
/*----------------------------- Ende Links ---------------------------------*/

/*------------------------- Anfang Bild und Karten -------------------------*/
figure { display: block;
float : left;
text-align : left;
margin: 0.7ex; 
padding: 0.2ex;
border: 2px solid silver; border-radius : 8px 8px 8px 8px;
}

figure img { display: block;
        float : left;
        text-align : left;
        margin: 0.8ex; 
        padding: 0.0ex;
        border: 3px solid black;  
        border-radius : 8px 8px 8px 8px;
        }

figure a img { transition: transform 1.7s;}

figure a img:hover { transform: scale(1.5, 1.5);}

figcaption { width: 100%; font-size: 100%;
font-style: italic;
color : MediumBlue;
margin-left: 0.4ex; 
padding-left: 0.4ex;
}

figure ul li { border-color: slateblue; list-style-type : none; color: rgb(17, 11, 1);
}

legend {
        display: block;
        width: 100%;
        margin: 0.3ex 0 0 0;
        border-top: 1px solid silver;
        padding: 0.3ex 0 0 0;
        font-style: italic; color : MediumBlue;
}

/*------------------- Ende Bild und Karten ------------------------------------*/
/*------------------- Anfang tooltip sonderzeichen ----------------------------*/

A.tooltip { font-weight : bold; text-align : center; color : #000000; position : relative; text-decoration : none;}
A.tooltip:link { font-weight : bold; font-size : 12pt; color : #20FF00; position : relative; text-decoration : none;}
A.tooltip:visited { font-weight : normal; color: #000000; position: relative; text-decoration: none;}
A.tooltip:active { font-weight : normal; color: #000000; position: relative; text-decoration: none;}
A.tooltip:hover { font-weight : normal; background: none transparent scroll repeat 0% 0%; color: #0000FF; text-decoration: none;}
A.tooltip span { display : none; font-weight : normal; color: #000000; text-decoration: none;}
A.tooltip:hover span { display : inline-block; font-weight : normal; font-size: 40pt; Z-INDEX: 100; background: #E0FF00; left: 50px; width: 60px; color: #FF0000; line-height: 65px; font-family: Arial, Helvetica, sans-serif; position: absolute; TOP: -20px; text-align : center; text-decoration: none;}

.fett { font-weight : bolder; font-size : 26pt; color: chartreuse; line-height: 44px; text-align : center;}

/*------------------- Ende tooltip sonderzeichen ----------------------------*/
/*------------------- Anfang Sondermenue ----------------------------*/

details { border: 2px solid rgb(114, 107, 107); background-color : ghostwhite/*rgb(230, 204, 111)*/;
         border-radius: 0px 0.5em 0.5em; margin-bottom: 3px; transition: all .5s; padding-bottom: 4px;
}

details ul {
        margin-left: 0.8em;
        padding-left: 0.3em;
}

details ul li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
}

summary { font-weight: bolder;
	position: relative; 
	line-height: 180%;
	padding-left: 2em; margin-top: 3px;
}
/* Verwendung des "Pfeil"-Symbols anstelle des Dreiecks 
summary::marker { 
	content: " 🡳 ";	
	color: green;
	font-size: 1.2em;
	font-weight: bold; 
}
details[open] summary::-webkit-details-marker,
details[open] summary::marker { 
	content: " 🡱 ";
	color: red;
}*/

summary::marker,
summary::-webkit-details-marker {
	color: transparent; 
}

summary::after {
	position: absolute;
	top: 0;
	left: 0.3em;
	content: '≡';/* '≡''+' */ 
	font-size: 2em; 
	font-weight: bold;
	color: rgb(8, 28, 245);
	transition: transform .2s;
}

details[open] summary::after {
	transform: rotate(45deg);
	color: rgb(232, 8, 8);
}

details[open] summary {
	background: rgb(255, 235, 230);
}

details p {
	padding: .4em;
}



/*  Verdecktes Menue */ 
select { background: rgb(119, 188, 244); font: 11px/15px arial, verdana, sans-serif; border: 2px solid rgb(119, 119, 119); border-image: none; font-size-adjust: none; font-stretch: normal; font-size : 9pt; border-radius : 7px 7px 7px 7px; height : 20pt;
}

/*  Glossar Navigationleiste innerhalb des Alphabets */ 
#glosnavi { width:100%; min-height:80px; padding-top: 1.3em; padding-left : 3px; padding-bottom: 3px; text-align : center; }
                
#glosnavi ul {text-align: center; font-weight: bold; list-style-type: none; margin: 0px; padding-bottom: 0.1em;}
            
#glosnavi li { width: 2.9em; display: inline-block; text-align: center; border: 4px solid rgb(181, 142, 142); border-radius : 8px 8px 8px 8px; margin-bottom: 3px;}

#glosnavi li a:link { font-weight: bolder; float: left; font-size: 17px; text-align: center; color : #161616; text-decoration : none; padding-left: 4px;}
#glosnavi li a:visited { font-weight: bolder; float: left; color: #ed1313; text-decoration: none;}
#glosnavi li a:hover { font-weight: bolder; float: left; color: #6e047e; text-decoration: none;}
#glosnavi li a:active { font-weight: bolder; float: left; color: #19e715;  text-decoration: none;}
/*  Ende Glossar Navigation Lexikon */


/* zeitleiste */ 
#zeitleiste { width:100%; padding-top: 0.1em; padding-left : 3px; padding-bottom: 3px;}
                
#zeitleiste ul {text-align: center; list-style-type: none;}
            
#zeitleiste li { width: 3.4em; height: 4.8em; display: inline-block; font-weight: bold; text-align: center; border: 3px solid rgb(181, 142, 142); 
        border-radius : 8px 8px 8px 8px; padding: 3px;}

#zeitleiste li a:link { float: left; font-size: 12px; text-align: center; color : #161616; text-decoration : none;}
#zeitleiste li a:visited { float: left; color: #ed1313; text-decoration: none;}
#zeitleiste li a:hover { float: left; color: #6e047e; text-decoration: none;}
#zeitleiste li a:active { float: left; color: #19e715;  text-decoration: none;}
/* Ende zeitleiste */

/* Neu */
.logo { position: absolute;
    left: 0;
    width: 60px;
    top: 11px;
    left: 10px;
}
.sprung {
position: fixed; text-align : center; 
margin-left: 89.4em; margin-top: 36.8em; text-decoration: none; 
background-repeat : no-repeat;
background-attachment : scroll;
}

button { width: 44px; font-size : 20pt; cursor: pointer; background-color: #eea968; border: 4px solid rgb(6, 102, 245); border-radius : 10px 10px 10px 10px; }


/* https://developer.mozilla.org/de/docs/Learn_web_development */