/*   übernommen aus bisherigem Tabellen-css*/
 table, th, td {
   font-size: 0.96em;
   font-weight: bold;
   /*bordercolordark: #000;
   bordercolorlight: dd4;*/
   margin: 2px 0 ;
   }
/**/

 table {
 	border-collapse: collapse;    /*width: 96%;*/
  }

 td, th {	 height: 32px;
           border-bottom: 1px solid #b61;
           padding: 0px 12px;
    }

 th {    /*  Farben der Titel-Felder    */
        background-color: #04f;
        color: white;
        padding: 0px 12px;
    }
 /*  Hintergrundfarbe in der ganzen Zeile bei Mouseover  */
 tr:hover{background-color:#f5f5f5}

 th:first-child {
 	padding-left: .5em;
 }

 th:last-child,
 td:last-child {
 	padding-right: .5em;
 }

 thead th {   /* Linie unter Tabellen-Titel-Feldern */
 	border-bottom: 2px solid lightblue;
 }

 tbody th {
 	font-weight: normal;
 	text-align: left;
 }

 th a {   /*   background =  Icon für pdf */
 	/*background: url("https://wiki.selfhtml.org/images/6/6b/Pdf.png") no-repeat left center;*/
 	padding: 15px 5px 15px 40px;
 }

 td {
 	text-align: center;
 }

 @media screen and (max-width: 34em) {
 	thead {
 		display: none;
 	}
 	tr:first-child {
 		border-top: 2px solid lightblue;
 	}
 	tr {
 		border-bottom: 2px solid lightblue;
		padding: .1em 0em .1em 0em;
 	}
  td {
    display: block;
    text-align: left;
  }
  td, th {	height: auto;
            padding: 1px 0px;
            border-bottom: 0px; }
 	td::before {
 		content: "Datum: ";
 	}
 	td:nth-child(2)::before {
 		content: "Ort: ";
 	}
 	td:nth-child(3)::before {
 		content: "Anlass: ";
 	}
 	table, tbody,	tr {
 		display: block;
 	}
 	tbody th {
 		display: block;
 		font-weight: bold;
 	}
 	th a {
 		font-weight: normal;
 	}

 }