/*  ---------- 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 ---------- */    
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
* {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
* {margin:0; padding:0;}

html         {box-sizing: border-box; padding-right: 1em; }
*, *:before, *:after {box-sizing: inherit;}
/*  ---------- allgemein / besonders ----------------- */ 

/* Silbentrennung CSS3 */
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; }
p	{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify;}
p { text-indent: -2em; margin-left: 2em; margin-top: 0;}

/* Text */
p.at    		{margin-left: 2em; text-indent:-2em;}
div.bt    {font-family:"Times New Roman", Times, serif; padding-left: 1.5em; padding-right: 0em; max-width: 950px; width: 100%;  }
p.bt   		{margin-left: 1.6em; text-indent:-1.5em; }

span.cm {margin-right: 0.3em; }
.verweis	{font-size:1.2rem; font-family:"Times New Roman", Times, serif; }
div.verweis	{font-size:1.2rem; font-family:"Times New Roman", Times, serif; padding-left:2em; margin-top: 0em;   position: relative; top: -20px;}
p.ohneEinzug {margin-left: 0em; text-indent:0em;}
div.hinweis    {font-family:"Times New Roman", Times, serif; padding-left: 3em; max-width: 950px; width: 90%;}
p.hinweis   	{font-size:1.2rem; margin-left: 0em; text-indent:0em; }


div.pe {padding-left:1em; margin-left:2em; 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 #eeeeee; hyphens: auto; text-align: justify;}  /* Niederschriftserklärung  */

/* der Steurungs-Button in Paragrafen  */
.zurueck {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 10px 20px 10px 40px; 
  background-image: url('../img/p.png');
  background-repeat: no-repeat;
  background-position: 10px center; 
  background-size: 23px; 
  cursor: pointer;
  border-radius: 5px;
}

.ohneumbruch   {white-space: nowrap;}
h1             {font-size: 100%; text-align: left; margin:0px; padding-top:1em; padding-bottom:0em; color:#47006B;}
h2             {font-size: 100%; padding-top:0em; padding-bottom:0em;}
h3             {font-size: 100%; margin:0px; padding-top:0em;}
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; }

/*  Links */           
a              {background-color: transparent; text-decoration: none;}
a.umb          {white-space:normal;}
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;}
a:visited      {color:#0b2b4d; font-weight:400;}
a:hover        {color:#2a0d54; font-weight:400;cursor: pointer; }
a:active       {color:#2a0d54; font-weight:400;}
a:focus        {border:1px solid #3b4857;}
input:focus  {border:1px solid #3b4857;}

span.wichtig   {background-color:red; color:white;}
.einrueck1      {margin-left:30px;}
.einrueck2        {text-indent:-30px; margin-left:30px;}
p.aufzaehl     {text-indent:-30px; margin-left:60px;}
ul.aufzaehl    {list-style: square; padding-left: 2em;}
ul.aufzaehl2  {list-style: square; padding-left: 2em; color: red; }
li.aufzaehl2 span {font-weight:900; color:#000;}
li.rot:before      {content: "? "; color: red; }
.umbruch           {white-space:normal;}
.ohneumbruch   {white-space:nowrap;}
sup            {font-size: 0.7em; line-height: 8px; color: red;}
hr              {border:none; height:1px; background:#060; color:#090; width:70%;}

/* Tabelle  */
table {
  width: 100%;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 4px solid white;
  border-radius: 10px; 
  overflow: hidden; 
}
th             {padding-top:6px; padding-bottom:4px;  width: 19%; }
.tabkopf,.tk       {background:#1b516e; text-align:center; padding:2px; 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;}
.tabzeile2, .tz2  {background:#E4EACA; text-align:center; line-height:1.5em; vertical-align:top;line-height:1.4em;}

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

.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;       /* Macht den Button zu einem Block-Element */
  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; }

.mobile-text {display: none;}
.desktop-only { display: inline; line-height: 2.8; }
.abstand { display: inline; line-height: 2.8; }

/* Mobil: Element anzeigen (Bildschirm kleiner als 768px) */
@media (max-width: 700px) {
    .mobile-text { display: block; font-size: 0.85em; font-weight:400; white-space:nowrap; max-width: 80%; }         
  .desktop-only {display: none;}
  .abstand { display: inline; line-height: 3.5; }
}
div.mobil		{display: flex; justify-content: flex-end;}
/*  ---------- responsible ----------------- */ 

@media only screen and (max-width: 53em) {
}
@media only screen and (max-width: 51em) {
p { font-size: 1.0em;}
p.at        {padding-left: 0em;  padding-right: 0.1em; width: 99%;}
div.bt    {padding-left: 0.5em;  padding-right: 0.1em; width: 99%;}
p.bt        {padding-left: 0.5em;  padding-right: 0.1em; width: 99%;}
div.hinweis    {padding-left: 1em; padding-right: 0.1em; width: 99%; }
}

@media only screen and (max-width: 48em) {
.tk , .tz1 ,  .tz2   {font-size:92%;}
}			
@media only screen and (max-width: 43em) {
.tk , .tz1 ,  .tz2  {font-size:80%;}
}			

}
@media only screen and (max-width: 39em) {
		.tk , .tz1 ,  .tz2   {font-size:70%;}
}	
@media only screen and (max-width: 37em) {
			.tk , .tz1 ,  .tz2   {font-size:60%;}
}
@media only screen and (max-width: 35.5em) {
}

@media only screen and (max-width: 32em) {
}

@media only screen and (max-width: 30em) {
}

/*  ----------  um Google zu beruhigen ----------------- */ 
@media only screen and (max-device-width: 380px) {
html  			{font-size: 0.8em;}
h1             {white-space:normal;}
a              {white-space:normal;}
}
/*  ---------- Ende Google ----------------- */