/* ---------- 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;}

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 3.5em; max-width: 950px; width: 100%; text-indent: 0em;} /* Hinweise des Bearbeiters */
div.rechts		{margin-left: 30%; } /*weg vom linken Rand */
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%;}

/* 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; text-indent: -1em; margin-left: 0em; }
div.bt p {margin-left: 2em; text-indent: -1.8em; }
div.bt p.ohneEinzug {margin-left: 0.5em; text-indent:0em;}
div.bt span.linksbuendig {text-align: left;}
div.bt .einrueck {margin-left:4em; text-indent:-1em;} /*Aufzählungen im Paragrafen */
div.bt .einrueck3 {margin-left:2.6em; text-indent: 0em;} /* Einrückung ohne Einzug */
div.bt .einrueck2 {margin-left:2.1em; text-indent:0em;} /* zurück in den Normaltext */
div.bt .einrueck4 {margin-left:1.5em; text-indent: -1.5em;} /* Aufzählung in Protokollerklärung */
div.bt .einrueck_a {margin-left:4.8em; text-indent:-1.5em;} /* Unteraufzählungen */
div.bt .einrueck5 {margin-left:1.5em; text-indent:0em;} 
div.bt h2  {text-indent: -1em; margin-left: 1.3em;}
div.bt div.pe {padding-left:1em;  text-indent:0em;} /* Protokollerklärung */
div.bt h3    {margin-left:1em; text-indent:-1em;}
div.bt div.hinweis, div.bt div.hinweis2 {padding: 0.5em 0.2em 0em 3.5em; text-indent: -1em;} /* Hinweise */
div.bt .verweis {padding: 0.1em 0.4em 0.05em 1.4em;} /* Innenabstand (Rand innen) */
div.bt .abstand1 {margin: 0.5em 1em 0.5em 2em; text-indent:0em;} /* abgesetzte Texte */
div.bt h1.par { margin-left:-1.2em; text-indent:0em; }
div.bt h3.satz {font-size: 100%; color:#47006B; background-color: #f0f0f0; text-align: left; max-width: 104%; padding: 0em 0em 0em 0em;  padding-right:-2em;  box-sizing: border-box;  position: relative; margin-left: -1.8em; margin-bottom: 0.3em;  margin-right: -1.2em; text-indent:0.3em;}
div.bt h3.satz sup   {font-size: 0.9em; color: red;  vertical-align: baseline; /* Verhindert, dass sup die Zeilenhöhe beeinflusst */
  position: relative; top: -0.3em;  line-height: 0;  } 

 /* 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: 0.5em 0em 0.5em 1em; } /* abgesetzte Texte */
.abstand1 {margin: 0.5em 0em 0.5em 1em; text-indent:0em;} /* abgesetzte Texte */
.abstand2 {display: flex; margin: 1em; } /* abgesetzte Texte */

.einrueck {margin-left:4.4em; text-indent:-1.5em;} /*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:3.5em; text-indent: 0em;} /* Einrückung ohne Einzug */
.einrueck5 {margin-left:1.5em; text-indent:0em;} 

.ohneumbruch {white-space: nowrap;} /* vor allem Links zu Paragrafen */

span.wichtig {background-color:#FBD1D1;} /* 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); }

/* «  » */
.huelle {  text-align: center;  padding: 0.3em 1em;}
zitat {
  display: inline-block;
  position: relative;
  /* huelle  background-color: #f9f9f9; border: 1px solid #eee; border-radius: 8px; */   
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.05); */
  padding: 0.2em 2em;      /* Genug Platz für Text + Zeichen innen */
  font-family: Verdana, sans-serif;
  font-size: 100%;   line-height: 1.5;  text-align: center;  margin: 0 auto;
}
zitat::before, zitat::after { position: absolute;  font-size: 250%; color: #ccc;  opacity: 0.6;  line-height: 1;}
zitat::before {content: "\00bb"; left: 0.1em; top: -0.3em;}
zitat::after { content: "\00ab"; right: 0.1em; bottom: -0.2em;}
/* 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;
}
h1.link a  {color: inherit;  text-decoration: none;   font-size: inherit;   font-weight: inherit;}
h2    {font-size: 100%; padding-top:1em; padding-bottom:0.5em; position: relative; hyphens: none; text-align: left;}
h2.link a  {color: inherit;  text-decoration: none;   font-size: inherit;   font-weight: inherit;}
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$=".pdf"]{background: url(pdflink.gif) no-repeat right top; padding-right:20px;}

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$=".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 */
.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, .verweis2 /* Verweis auf Hinweise des Bearbeiters */ 
 {font-family:"Times New Roman", Times, serif; font-size:1.2rem; 
	color: #000; 
 background-color: #f0f0f0; /* grau */
 padding: 0.1em 0.5em 0.1em 0.6em;   /* Innenabstand (Rand innen) */
 border-radius: 5px; 
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	display: inline-block; /* Kasten beschränkt auf dem Text */
     margin: 10px 0;   /* Weißer Außenabstand oben und unten */
 }
.verweis a {color: #000;}
.verweis a:hover {color:white; background-color:#bbb; font-weight:900;}
 /* Rücksprung-Tool */
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; }

/* 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: 3.1em;}
 div.bt {padding-left: 1.9em;}
.verweis {padding: 0.1em 0.3em 0.05em 0.7em;} 
}
@media (max-width: 770px) {
#banner.banner-text h1 {font-size: 1.3em; line-height: 1.1; }
}	
@media (max-width: 700px) {
div.bt {width: 99%;}
div.bt {padding-left: 1.8em;}
div.bt p, div.bt h2 {text-indent: -1.7em; margin-left: 0em;}
 div.bt p.ohneEinzug {text-indent: 0em; margin-left: -1.2em; }
 div.bt .einrueck {margin-left:1.6em; } /*Aufzählungen im Paragrafen */
 div.bt .einrueck2 {margin-left:0em;} /* zurück in den Normaltext */
div.bt div.hinweis, div.bt div.hinweis2 {padding: 0.5em 0em 0em 2em;} /* Hinweise */
div.bt .abstand {margin: 0.5em 0em 0.5em 1.5em; } /* abgesetzte Texte */

}
@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;}
div.bt p, div.bt h2 {text-indent: -1.3em; margin-left: 0em;}
.re-bt-b2, .re-bt-k2 {top:25px;}
}
@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; }
.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:26px;}
}
@media only screen and (max-width: 39em) {
.vor {font-size: 0.9em}
p {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 1.3em; width: 99%; text-align:left; max-width: 100%; }
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.3em;}
html, body, div.bt, div.bt div.hinweis, div.bt div.hinweis2, div.hinweis, div.hinweis2, zitat {font-size:1.1rem;} 
.abstand, .abstand1, div.bt .abstand1, div.bt .abstand,.verweis   {font-size:1,1rem;} 
div.bt h3.satz {padding: 0em 0em 0em 0em; margin-left: -1.2em;  margin-right: -1.2em; text-indent:0.5em; max-width: 107%;}
.einrueck {margin-left: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:2em; 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:25px;}
.verweis {padding: 0.1em 0.5em 0.05em 0.6em;} 
}	
@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%; }
}
@media only screen and (max-width: 35.5em) {
.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;}
.verweis {padding: 0.1em 0.5em 0.05em 0.5em;} 
.re-bt-b2, .re-bt-k2 {top:24px;}
}
@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%;}
div.bt div.hinweis, div.bt div.hinweis2 {padding: 0.5em 0em 0em 0em;} /* Hinweise */
div.bt h3    {margin-left:0em; text-indent:-0em;}
}
@media only screen and (max-width: 31em) {
html, body, div.bt, div.bt div.hinweis, div.bt div.hinweis2, div.hinweis, div.hinweis2, zitat {font-size:1rem;} 
.abstand, .abstand1, div.bt .abstand1, div.bt .abstand,.verweis   {font-size:1rem;} 
.vor {width: 75px; }
.tooltip .tooltiptext {width: 160px; margin-left: -80px; }
.re-bt-b2, .re-bt-k2 {top:21px;}
}
@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 ----------------- */