* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
body{
    margin: 0;
    background-color: dimgray;
}
body > div:first-of-type{
    font-size: 100%;
    width: 210mm;
    height: 297mm;
    padding: 5mm 10mm 5mm 20mm;
    margin: auto;
    background-color: white;
    overflow:visible  ;
}
h1{
    text-align: center;
    font-size: 1.4em;
}
h2{
    text-align: center;
    font-size: 1.2em;
}

/* Aufbau der Tabelle */
div > dl {
    width: 100%;
    border: 1px solid black;
    border-bottom: none ;
    margin: 0;
}
div > dl:last-of-type {
    border: 1px solid black;
}
dl *{
    padding: 0 2mm;
    margin: 0;
    font-size: 1em;
}
dl {
    border-left: 1px solid black;
    display: grid;
    grid-template-columns: 50mm auto;
    
}
dl > dl{
    grid-template-columns: 24mm auto;
}
dt {
    grid-column-start: 1;
    text-align: center;
}
div > dl > dt{
    text-align: left;
    font-weight: 600;
}
dd {
    grid-column-start: 2;
    border-left: 1px solid black;
    padding: 0 5px;
}

t-red,
t-blue{
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 600;
}
t-red{
    color: red;
}
t-blue{
   color: blue;
}
b{
    margin: 0;
    font-weight: 600;
}
p {
    font-weight: 600;
}


/* css für pe Textmaker und Logo */

div.pe dt.pe,
div.pe dt.pe + dd{
    background-color: rgba(255, 255, 0, 0.3);
    font-style: normal;
    font-weight: 600;
}

div.pe dt.all,
div.pe dt.all + dd{
    background-color: rgba(255, 255, 0, 0.3);
    font-style: normal;
}

div.pe > div {
    width: 180mm;
    height: 45mm;
    border: 1px black solid;
    text-align: center;
    font-size: 1.2em;
    background-image: url("../image/logo_st.elisabeth.svg"), url("../image/logo_pfarreien.svg");
    background-position-x: 8mm, 135mm;
    background-position-y: 6mm, 8mm;
    background-size: 15%, 22%;
    background-repeat: no-repeat;
    margin-bottom: 5mm ;
}  
div.pe h1 {
    padding: 3mm 5mm 0 0;
    margin: 0;
}
div.pe h2 {
    padding: 2mm 5mm 0 0;
    margin: 0;
    line-height:1.7;
}
div.pe h1::after{
    content: "St. Elisabeth Ballenstedt";
}

/* css für pe Textmaker und Logo */
div.pq dt.pe,
div.pq dt.pe + dd{
    font-style: italic;
}
div.pq > div {
    width: 180mm;
    height: 32mm;
    border-bottom: 1px black solid;
    text-align: center;
    font-size: 1.2em;
    background-image: url("../image/logo_st.mathilde.svg");
    background-position-x: 108mm;
    background-position-y: 0mm;
    background-size: 32%;
    background-repeat: no-repeat;
    margin-bottom: 18mm ;
}
div.pq h1 {
    padding: 12mm 80mm 0 0mm;
    margin: 0 0 5mm 0;
 }
 div.pq h2 {
     padding: 0;
     margin: 0;
 }

div.pq h1::after{
    content: "St. Mathilde Quedlinburg";
}