/* ===========================
Urkunden-CSS
=========================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
font-family: 'font01', sans-serif;
}

/* DIN A5 Seitenformat */
@page {
    size: A5 portrait;
    margin: 10mm; /* optional, kann angepasst werden */
}

#Urkunde {
    width: 148mm;   /* DIN A5 Breite */
    height: 210mm;  /* DIN A5 Höhe */
    margin: 0; /* zentriert die Urkunde horizontal */
    border-collapse: collapse;
    table-layout: fixed; /* damit Zeilen- und Spaltenhöhe exakt eingehalten werden */
}

#Urkunde td {
padding: 0;
margin: 0;
}

/* ---------------------------
Text-Styles
---------------------------- */
#Platz, .Platz {
font-family: 'font01';
font-size: 67px;
color: #000000;
text-align: center;
}

#Name, .Name {
font-family: 'Pacifico-Regular';
font-size: 35px;
text-align: center;
color: #000000;
}

#AK, .AK,
#Zeit, .Zeit,
#Disziplin, .Disziplin {
font-family: 'font01';
font-size: 23px;
color: #000000;
text-align: center;
width: 595px;
}

#Ort, .Ort {
font-family: 'font01';
font-size: 15px;
text-align: right;
color: #000000;
}

#Datum, .Datum {
font-family: 'font01';
font-size: 23px;
text-align: right;
color: #000000;
}

#Titel, .Titel {
font-family: 'font01';
font-size: 33px;
text-align: right;
color: #000000;
width: 350px;
}

/* ---------------------------
Zeilen-Höhen
---------------------------- */
#Zeile01 { height: 77mm; }
#Zeile02 { height: 17mm; }
#Zeile03 { height: 3mm; }
#Zeile04 { height: 12mm; }
#Zeile05 { height: 1mm; }
#Zeile06 { height: 6mm; }
#Zeile07 { height: 6mm; }
#Zeile08 { height: 6mm; }
#Zeile09 { height: 33mm; }
#Zeile10 { height: 4mm; }
#Zeile11 { height: 1mm; }
#Zeile12 { height: 6mm; }
#Zeile13 { height: 1mm; }
#Zeile14 { height: 9mm; }
#Zeile15 { height: 8mm; }

/* Spacer Input unsichtbar */
#spacer {
width: 30mm;
border: none;
background: none;
}

/* ---------------------------
Fonts
---------------------------- */
@font-face {
font-family: "font01";
src: url("./fonts/font01.eot");
src: url("./fonts/font01.eot?#iefix") format("embedded-opentype"),
url("./fonts/font01.otf") format("opentype"),
url("./fonts/font01.svg") format("svg"),
url("./fonts/font01.ttf") format("truetype"),
url("./fonts/font01.woff") format("woff"),
url("./fonts/font01.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "font02";
src: url("./fonts/font02.eot");
src: url("./fonts/font02.eot?#iefix") format("embedded-opentype"),
url("./fonts/font02.otf") format("opentype"),
url("./fonts/font02.svg") format("svg"),
url("./fonts/font02.ttf") format("truetype"),
url("./fonts/font02.woff") format("woff"),
url("./fonts/font02.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "font03";
src: url("./fonts/font03.eot");
src: url("./fonts/font03.eot?#iefix") format("embedded-opentype"),
url("./fonts/font03.otf") format("opentype"),
url("./fonts/font03.svg") format("svg"),
url("./fonts/font03.ttf") format("truetype"),
url("./fonts/font03.woff") format("woff"),
url("./fonts/font03.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Pacifico-Regular";
src: url("./fonts/Pacifico-Regular.eot");
src: url("./fonts/Pacifico-Regular.eot?#iefix") format("embedded-opentype"),
url("./fonts/Pacifico-Regular.otf") format("opentype"),
url("./fonts/Pacifico-Regular.svg") format("svg"),
url("./fonts/Pacifico-Regular.ttf") format("truetype"),
url("./fonts/Pacifico-Regular.woff") format("woff"),
url("./fonts/Pacifico-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}