/* ---------- neutralisieren ----------------- */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* ---------- neutralisieren Ende ---------- */ 
html   {box-sizing: border-box; padding-right: 1em; scroll-behavior: smooth;  }
*, *:before, *:after { box-sizing: inherit;}

/* ---------- allgemein / besonders ----------------- */ 
* {margin:0 auto; padding:0;}

 body 	{font-size:1.2rem; line-height: 1.4;color:#000; font-family: Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif, Georgia; max-width: 950px; width: 100%; padding-left: 4%; padding-right: 0.4em; min-height: 100vh; margin:0 auto; }
 
/* Silbentrennung CSS3 */
p	{-webkit-hyphens: auto; hyphens: auto; text-align: justify;}
p { text-indent: -2em; margin-left: 2em; margin-top: 0;}

/* Text */
div.bt  {font-family:"Times New Roman", Times, serif; font-size:1.2rem; padding-left: 1.8em; padding-right: 0em; max-width: 950px; max-width: 100%;  text-align: justify;-webkit-hyphens: auto; hyphens: auto; }
div.pe {padding-left:1em; margin-left:2em; margin-bottom:1em;margin-top:1em;border-left:2em solid #eeeeee; hyphens: auto; text-align: justify;} /* Protokollerklärung */
div.ne {padding-left:1em; margin-left:5em; margin-bottom:1em;margin-top:1em; border-left:2em solid #f7f7f7; hyphens: auto; text-align: justify; text-align: justify;} /* Niederschriftserklärung */
div.hinweis, div.hinweis2 {font-family:"Times New Roman", Times, serif; font-size:1.2rem; padding: 0.5em 0em 0em 2em; max-width: 950px; width: 100%; text-indent: 0px;} /* Hinweise des Bearbeiters */

div.rechts		{margin-left: 30%; } /*weg vom linken Rand */

 /* wohl nie genutzt */
	p.at 	 {margin-left: 2em; text-indent:-2em;}
	p.bt 		 {margin-left: 1.6em; text-indent:-1.5em; }
	hr    {border:none; height:1px; background:#060; color:#090; width:70%;}
	.umbruch   {white-space:normal;}
 /* wohl nie genutzt  Ende*/

p.ohneEinzug {margin-left: 0em; text-indent:0em;}
p.Einzug {margin-left: 4em;}
p.lipu {padding-left: 1.5em; /* Abstand links vom Rand */
 text-indent: -0.7em; /* Zieht erste Zeile auf Punkt) */
	margin-left: 0em; margin-top: 0em;}

.abstand {margin: 1em 1em 1em 1em; } /* abgesetzte Texte */
.abstand2 {display: flex; margin: 1em; } /* abgesetzte Texte */
.einrueck {margin-left:3.4em; text-indent:-1.2em;} /*Aufzählungen im Paragrafen */
.einrueck_a {margin-left:4.8em; text-indent:-1.5em;} /* Unteraufzählungen */
.einrueck2 {margin-left:2em; text-indent: 0em;} /* zurück in den Normaltext */
.einrueck4 {margin-left:1.5em; text-indent: -1.5em;} /* Aufzählung in Protokollerklärung */
.einrueck3 {margin-left:4em; text-indent: 0em;} /* Einrückung ohne Einzug */
.ohneumbruch {white-space: nowrap;} /* vor allem Links zu Paragrafen */

span.wichtig {background-color:red; color:white;} /* farblich markiert etwa in Hinweisen */
span.ne {font-size: 100%;  font-weight:700; margin:0px; padding-top: 0.8em;padding-bottom:0.5em; white-space:normal; hyphens: none; text-align: left;}
sup   {font-size: 0.7em; line-height: 8px; color: red;} /* Satznummern */

/* Dekoration ---------------------- */
 /* #77b12a; */
.bt-k { padding-left: 3%; position: relative; left: -3%; background-repeat: no-repeat; background-image: linear-gradient( to right,  rgba(119, 177, 42, 0) 0px,  rgba(119, 177, 42, 0.4) 5px,  rgba(119, 177, 42, 0) 10px );}
 /* #7ca9da; */
.bt-b {padding-left: 3%; position: relative; left: -3%; background-repeat: no-repeat; background-image: linear-gradient( to right,  rgba(124, 169, 218, 0) 0px,  rgba(124, 169, 218, 0.4) 5px,  rgba(124, 169, 218, 0) 10px );}

         /* Marker  ---------------------- */
.re-bt-b, .re-bt-k, .re-bt-b2, .re-bt-k2 {
 position: absolute; 
 width: 80px;
 height: 25px;    
 top: -15px;  /* Versatz nach oben */
 right: -15px; /* Versatz nach rechts */
 z-index: 1; 
border: 0px solid #333;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.re-bt-k {background-color: rgba(119, 177, 42, 0.3); transform: rotate(-5deg);}
.re-bt-k::after {content: ""; position: absolute;top: 0;right: 0; width: 18pt; height: 100%; background-color: rgba(119, 177, 42, 0.7);}
.re-bt-b {background-color: rgba(124, 169, 218, 0.3); transform: rotate(-5deg);}
.re-bt-b::after {content: ""; position: absolute;top: 0;right: 0; width: 18pt; height: 100%; background-color: rgba(124, 169, 218, 0.7);}

         /* Titel-Färbung   ---------------------- */
.re-bt-b2, .re-bt-k2 { width: 60%; height: 16px; top: 25px; right: 0px; z-index: -1; border: 0;border-right: 0; border-bottom: 0;}
.re-bt-k2 {background: linear-gradient(to left, #77b12a 10%, #ffffff);}
.re-bt-b2 {background: linear-gradient(to left, #7ca9da 10%, #ffffff); }
/* Dekoration Ende ---------------------- */

h1    {font-size: 100%; text-align: left; margin:0px; padding-top:1em; padding-bottom:1em; color:#47006B; max-width: 100%;}
/* Paragrafen- Überschrift */
h1.par {
 background-color: #f0f0f0;
 margin-left: auto; margin-right: auto; 
 margin-bottom: 0.8em; 
 padding: 0.1em 0.1em 0.1em 0.4em; 
 max-width: 100%; 
 box-sizing: border-box; 
 position: relative;
}
h2    {font-size: 100%; padding-top:1em; padding-bottom:0.5em; position: relative; hyphens: none; text-align: left;}
h2.var {padding-top:0.1em;}
h3    {font-size: 100%; margin:0px; padding-top: 0.8em;padding-bottom:0.5em; white-space:normal; hyphens: none; text-align: left; }
h4    {font-size: 90%; padding:3px; margin:10px;}
h5    {font-size: 90%; font-weight:300; font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, Times, Serif; }
a    {background-color: transparent; text-decoration: none;}
a[href$=".xls"]{background: url(excelicon.gif) no-repeat right top; padding-right:20px;}
a[href$=".xlsx"]{background: url(excelicon.gif) no-repeat right top; padding-right:20px;}
a[href$=".doc"]{background: url(wword.gif) no-repeat right top; padding-right:20px;}
a[href$=".docx"]{background: url(wword.gif) no-repeat right top; padding-right:20px;}
a[href$=".pdf"]{background: url(pdflink.gif) no-repeat right top; padding-right:20px;}
a[href$=".ppdf"]{background: url(pdflink.gif) no-repeat right top; padding-right:20px;}
a[href$=".pptx"]{background: url(pptxlink.gif) no-repeat right top; padding-right:20px;}
a[href^="dat/schichtplan-fibel-ausgabe1-a.pdf"] {background: url();}
a:link   {color:#334057; font-weight:400; cursor: pointer;} /* unbesuchter Link */
a:visited  {color:#0b2b4d; font-weight:400;}
a:hover  {background-color:#b8b8b8; color:#FFF; font-weight:500;cursor: pointer; }
a:active  {color:#2a0d54; font-weight:400;}
a:focus  {border:1px solid #3b4857;} /* bei Rückkehr zu Seite grad geklickter Link */
input:focus {border:1px solid #3b4857;}

/* der Steuerungs-Button in Paragrafen vor und zurück */
.zurueck, .vor { 
 font-size:0.85rem; 
 width: 140px;
 justify-content: center;
 background-color: #eee;
 border: 1px solid #ccc;
 border-right: 2px solid #555;
 border-bottom: 2px solid #333;
 padding: 5px 2px 5px 2px; 
 background-repeat: no-repeat;
 background-position: 10px center; 
 background-size: 20px; 
 cursor: pointer;
 border-radius: 5px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
}
.vor:hover {background-color: #cacaca; }
.zurueck:hover {background-color: #cacaca; }
.zurueck { background-image: url('../img/p.png'); padding:0px 5px 0px 20px; width: 50px !important; height: 25px;}
.verdi-button {
	 background-color: #e30613;
	 font-family: Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif, Georgia !important; 
  color: #FFFFFF !important; 
  font-size: 100% !important;
  font-weight: 700 !important;
		padding: 15px 15px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
 display: block; 
 width: fit-content; /* Der Button ist nur so breit wie der Text */
 margin: 0 auto;  /* Zentriert den Button horizontal */
	 }
.verdi-button:hover {background-color: #b3000b; }

/* Tabelle */
table {
  box-sizing: border-box;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 4px solid white;
  border-radius: 10px; 
  overflow: hidden; 
   width: auto;         /* Tabelle wird nur so breit wie der Inhalt */
  max-width: 100%;     /* Aber niemals breiter als das äußere Div */
  margin-left: auto;   /* Zentrierung links */
  margin-right: auto;  /* Zentrierung rechts */
  display: table; 
}
th    {padding-top:6px; padding-bottom:4px; width: 19%; }
.tabkopf,.tk  {background:#1b516e; text-align:center; padding:3px; font-size:90%; font-weight:600; color:#FFF;}
.tabzeile1, .tz1 {background:#F8FFDA; text-align:center; line-height:1.5em; vertical-align:top;line-height:1.4em; hyphens: none; }
.tabzeile1a, .tz1a {background:#DFE5C4; text-align:center; line-height:1.5em; vertical-align:top;line-height:1.4em; color:#000;}
.tabzeile2, .tz2 {background:#E4EACA; text-align:center; line-height:1.5em; vertical-align:top;line-height:1.4em; hyphens: none; }
.tabzeile2a, .tz2a {background:#CDD3B6; text-align:center; line-height:1.5em; vertical-align:top;line-height:1.4em;color:#000;}

tr.tabzeile1:hover {background:#EEFFAA; color:#000;}
tr.tabzeile2:hover {background:#C2C98E; color:#000;}
tr.tz1:hover {background:#EEFFAA; color:#000;}
tr.tz2:hover {background:#C2C98E; color:#000;}

.tz1, .tz2, .tk {padding: 1%;}
.tz1 , .tz2, .tk {font-size:95%;}
.tz1l	{text-align:left; padding-left: 20px;}
.tz2l	{text-align:left; padding-left: 20px;}

.mobile-text {display: none;} /* auf Mobil ausgeblendet */
.desktop-only {display: inline; line-height: 2.8; } /* um <span class="desktop-only"><br></span> einzupfuschen */

/* Tooltip: Container */
.tooltip {position: relative; text-decoration: none;}
/* Text */
.tooltip .tooltiptext {
 width: 210px;
 margin-left: -105px; /* Hälfte der Breite */ 
 padding: 10px; 
 font-size: 0.85rem; 
 line-height: 1.3; 
 min-height: 50px; 
 visibility: hidden;
   display: none; 
 background-color: #2b2b2b;
 color: #fff;
 border-radius: 5px;
 position: absolute;
 text-align: center;
 z-index: 1;
 bottom: 125%;
 left: 50%;
 opacity: 0;
 transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {  display: block;visibility: visible; opacity: 1;}  /* Einblenden beim Drüberfahren */
span.test {display: inline-block;}
.banner { /* (wirkt oft Wunder) */
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
	}

.banner-container {
 width: 100%;    /* Nimmt die volle Breite ein */
 max-width: 950px;  /* Begrenzt die Breite auf 1000px */
 height: 170px;   /* Festgelegte Höhe */
	min-height: 170px;
 margin: 0 auto;   /* Zentriert den Container auf der Seite */
 overflow: hidden;  /* Versteckt überstehende Bildeile */
	position: relative;
}
.banner-image {
 width: 100%;    /* Bildbreite zu Container */
  max-width: 100%; 
 height: 100%;   /* Bildhöhe zu Container */
 object-fit: cover;  /* Bild ohne Verzerrung */
 object-position: center; /* Zentriert den Bildausschnitt */
 -webkit-transform: translateZ(1px);
 transform: translateZ(1px);
 z-index: 10;
}
#banner.banner-text {
 position: absolute; /* Über das Bild legen */
 top: 50%; /* Vertikal zentrieren */
 transform: translateY(-50%); /* Exakte vertikale Zentrierung */
 max-width: 90%; /* Verhindert, dass der Text über das ganze Bild läuft */
 padding: 1em; 
 z-index: 10; /* Optional: Stellt sicher, dass der Text über dem Bild liegt */
}
#banner.banner-text h1 {
 padding-bottom:0em;
 margin: 0;
 font-size: 1.6em; line-height: 1.3; 
 color: white; text-shadow: 0.5px 0.5px 1px #333; 
 text-align: left;
 hyphens: none; -webkit-hyphens: none;
}
#banner.banner-text p {
 padding-bottom:0.5em;
 margin: 14px 0 0;
 line-height: 1.1; 
 font-size: 0.9em; font-weight:700; text-indent: 0em;
 color: white; text-shadow: 0.5px 0.5px 1px #333; 
 text-align: left;
 hyphens: none; -webkit-hyphens: none;
}
.verweis	 /* Verweis auf Hinweise des Bearbeiters */ 
 {font-family:"Times New Roman", Times, serif; font-size:1.2rem; 
	color: #000; 
 background-color: #f0f0f0; /* grau */
 padding: 0.5px 1em 0.5px 1em; /* Kleiner Innenabstand (Rand innen) */
 border-radius: 5px; 
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	display: inline-block; /* Kasten endet direkt nach dem Text */
 margin: 10px 0;   /* Weißer Außenabstand oben und unten */}  /* Optional: Abgerundete Ecken */	 
.verweis a {color: #000;}
.verweis a:hover {color:white; background-color:#bbb; font-weight:900;}

a.back-to-top {
 position: fixed;
 bottom: 15px; left:50%; 
 z-index: 999;
 padding: 10px 15px;
 text-decoration: none;
 align-items: center;
 justify-content: center;
 font-family: sans-serif;
 box-sizing: border-box;
 color: black;
 border: 2px solid black; 
 border-radius: 50%;
	background-image: url('../img/hoch.png'); 
 background-repeat: no-repeat;
 background-position: center;
 background-size: 25px 25px;
 width: 50px; height: 50px; 
}
a.back-to-top:hover {cursor: pointer; background-image: url('../img/hoch.png'); background-color:transparent; }
div.steuern	{display: flex; align-items: center; white-space: nowrap; gap: 5px;}
div.kopf {position: relative; width: 100%;  max-width: 100%; padding: 0;margin:0;width:100%;}

/* Mobil: Element anzeigen (Bildschirm kleiner als 768px / 48 em  Galxy S10 breit ist 780px */
@media (max-width: 850px) {
#banner.banner-text h1 {font-size: 1.3em; line-height: 1.1; max-width: 96%;}
#banner.banner-text p {max-width: 96%;  margin: 0 0;}
 div.hinweis {padding-left: 1.9em;}
 div.bt {padding-left: 1.9em;}
}
@media (max-width: 770px) {
#banner.banner-text h1 {font-size: 1.3em; line-height: 1.1; }
}	
@media (max-width: 700px) {
div.bt {width: 99%;}
}
@media only screen and (max-width: 55em) {
.mobile-text { display: block; font-size: 0.85em; font-weight:400; white-space:nowrap; max-width: 80%; }   
.desktop-only {display: none;}
}
@media only screen and (max-width: 45em) {
#banner.banner-text h1 {font-size: 1.3em; line-height: 1.1; }
#banner.banner-text {max-width: 95%; padding: 0.5em 0.5em 0.5em 1em; }
div.hinweis {padding-left: 1.2em;}
.tz1 , .tz2, .tz1a , .tz2a, .tk, .tz1l, .tz2l, .tabzeile1, .tabzeile  {padding-left: 10px; width: 1%; }
td:first-child {padding-left: 10px; width: 1%; white-space: nowrap;}
.re-bt-b2, .re-bt-k2 {top:25px;}
}
@media only screen and (max-width: 39em) {
.vor {font-size: 0.9em}
p {font-size: 1.0em; text-indent: -1.2em; margin-left: 1.2em; margin-top: 0;}
p.at  {padding-left: 0em; padding-right: 0.1em; width: 99%; max-width: 100%; }
div.hinweis {padding: 1em 0em 1em 1em; width: 99%; text-align:left;  max-width: 100%; }
div.hinweis{padding-left: 1.15em;}
div.pe {padding-left:0.5em; margin-left:1.2em; border-left:1em solid #eeeeee; hyphens: auto; text-align: justify;} /* Protokollerklärung */
div.ne {padding-left:0.7em; margin-left:2.2em; margin-bottom:1em;margin-top:1em; border-left:1em solid #f7f7f7; hyphens: auto; text-align: justify;} /* Niederschriftserklärung */
div.bt {padding-left: 1.15em;}
.einrueck {margin-left:2.3em; text-indent:-1em;}
.einrueck_a {margin-left:3.9em; text-indent:-1.5em;}
.einrueck2 {margin-left:1em; text-indent:0em;}
.einrueck4 {margin-left:1.2em; text-indent: -1.5em;}
.einrueck3 {margin-left:3em; text-indent: 0em;} /* Einrückung ohne Einzug */
#banner.banner-text h1 {font-size: 1.2em; line-height: 1.1; }
#banner.banner-text {max-width: 95%; padding: 0.5em 0.5em 0.5em 1em; }
.re-bt-b2, .re-bt-k2 {top:24px;}
}	
@media only screen and (max-width: 37em) {
.vor {width: 95px; padding: 5px 0px 5px 0px;}
.zurueck {height: 20px;}
.tz1 , .tz2, .tz1a , .tz2a, .tk, .tz1l, .tz2l, .tabzeile1, .tabzeile2 {padding-left:10px;}
td:first-child {padding-left: 10px; width: 1%; white-space: normal;}
.bt-k, .bt-b {padding-left: 4%; position: relative; left: -4%; }
.re-bt-b2, .re-bt-k2 {top:23px;}
}
@media only screen and (max-width: 35.5em) {
body 	{font-size:1.1rem;}
div.hinweis {font-size:1rem;}
div.bt {font-size:1rem;}
.verweis {font-size:1.1rem;}
.vor {width: 90px; }
#banner.banner-text h1 {font-size: 1.35em; line-height: 1.2; }
#banner.banner-text p { font-size: 0.85em; line-height: 1.1; font-weight:900; }
.re-bt-b2, .re-bt-k2 {top:22px;}
}
@media only screen and (max-width: 32em) {
.vor {width: 80px; font-size: 0.8em;}
.tz1 , .tz2, .tz1a , .tz2a, .tk, .tz1l, .tz2l, .tabzeile1, .tabzeile2 {font-size:90%; padding-left: 1px; padding-right: 1px;}
td:first-child  {font-size:90%; padding-left: 1px; padding-right: 1px;}
table {margin-left:1%; max-width: 99%;}
.re-bt-b2, .re-bt-k2 {top:20px;}
}
@media only screen and (max-width: 31em) {
body 	{font-size:1rem;}
div.hinweis {font-size:1rem;} 
.verweis {font-size:1rem;}
.vor {width: 75px; }
.tooltip .tooltiptext {width: 160px; margin-left: -80px; }
.re-bt-b2, .re-bt-k2 {top:19px;}
}
@media only screen and (max-width: 30em) {
.vor {width: 70px; }
}
/* ---------- um Google zu beruhigen ----------------- */ 
@media only screen and (max-device: 380px) {
html 			{font-size: 0.8em;}
h1    {white-space:normal;}
a    {white-space:normal;}
}
/* ---------- Ende Google ----------------- */