* {
    margin: 0;
    padding: 0;
}

.page {
    width: 210mm;
    height: 297mm;
    overflow: hidden;
    position: relative;
}

.page--bg,
.page--pattern,
.page--bg--overlay,
.page--border,
.page--content {
    position: absolute;
    width: 210mm;
    height: 297mm;
}

.page--content {
    overflow: hidden;
}

.page--date,
.page--time,
.page--heading,
.page--perex,
.page--paragraph,
.page--links,
.page--subheading,
.page--qr {
    position: absolute;
}

.page--heading,
.page--subheading {
    font-weight: normal;
    font-style: normal;
    font-family: 'luzankydisplay', 'Poppins', sans-serif;
}

.page--date,
.page--time,
.page--perex,
.page--paragraph,
.page--links {
    font-family: 'Poppins', sans-serif;
}

.page--bg {
    object-fit: cover;
}

/*.page--bg--overlay {*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*}*/

/* Deprecated, left for older cached frontends */
.page--bg--overlay__0 {
    background-color: rgba(0, 0, 0, 0);
}

.page--bg--overlay__25 {
    background-color: rgba(0, 0, 0, 0.25);
}

.page--bg--overlay__50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.page--bg--overlay__75 {
    background-color: rgba(0, 0, 0, 0.75);
}
/* End of deprecated */

.page--logo--container {
    position: absolute;
    width: 60mm;
    top: 260mm;
    height: 26mm;
    right: 10mm;
    text-align: center;
    /* For debugging: */
    /*outline: 1px solid red;*/
}

.page--logo {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

/* Margin top for logos because vertical align is practically impossible in dompdf */
.page--logo__Luzanky_Logo_SVC_RGB,
.page--logo__Labyrint_Logo_SVC_RGB {
    margin-top: 2mm;
}

.page--logo__Klokanuv_kufr_slogan_RGB {
    margin-top: 4mm;
}

.page--logo__Minigolf_Liska_Logo_RGB,
.page--logo__L_Caffe_Logo_RGB,
.page--logo__Klokanovy_skolky_Logo_SVC_RGB,
.page--logo__Klokanovy_kurzy_RGB {
    margin-top: 6mm;
}

.page--logo__Lentilka_Logo_SVC_RGB,
.page--logo__Skladanka_Logo_SVC_RGB {
    margin-top: 7mm;
}

/* Fix small logos caused by mpdf bug */
.page--logo__lanove_centrum_logo,
.page--logo__Lampa_Logo_SVC_RGB,
.page--logo__Lumik_Logo_SVC_RGB,
.page--logo__Maceska_Logo_MS_RGB
{
    height: 100%;
}

/* Make some logos a bit smaller */
.page--logo__Lidicka_Logo_SVC_RGB {
    transform: scale(0.85);
}

.page--logo__Luzanky_Logo_SVC_RGB {
    transform: scale(0.95);
}



.page--pattern__off {
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.page--date,
.page--time {
    line-height: 1.1;
}

.page--qr {
    height: 34mm;
    right: 12mm;
    bottom: 47mm;
}

/* =========================== TEMPLATE A =========================== */
.template__A .page--qr,
.page--qr__0 {
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.template__A .page--date {
    left: 20.764mm;
    /*top: 21.067mm;*/
    bottom: 266.333mm;
    width: 120mm;
    font-size: 25pt;
    font-weight: 700;
    color: #fff;
}

.template__A .page--date__xs {
    font-size: 16pt;
}

.template__A .page--date__sm {
    font-size: 20pt;
}

.template__A .page--date__lg {
    font-size: 30pt;
}

.template__A .page--time {
    left: 20.764mm;
    top: 32.724mm;
    width: 120mm;
    font-size: 12pt;
    font-weight: 700;
    color: #fff;
}

.template__A .page--heading {
    left: 20.42mm;
    top: 57.668mm;
    width: 169.413mm;
    line-height: 1.35;
    transform: rotate(-10deg);
    color: #fff;
}

.template__A .page--perex {
    left: 142.252mm;
    top: 115.226mm;
    width: 47.323mm;
    font-size: 11pt;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
}

.template__A .page--perex__xs {
    font-size: 9pt;
}

.template__A .page--perex__md {
    font-size: 12pt;
}

.template__A .page--perex__lg {
    font-size: 14pt;
}

.template__A .page--subheading {
    display: none;
}

.template__A .page--paragraph {
    left: 20.295mm;
    top: 199.178mm;
    width: 91.395mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
}

.template__A .page--paragraph__xs {
    font-size: 8pt;
}

.template__A .page--paragraph__md {
    font-size: 11pt;
}

.template__A .page--paragraph__lg {
    font-size: 14pt;
}

.template__A .page--links {
    left: 20.257mm;
    top: 266.927mm;
    width: 91.395mm;
    font-weight: 700;
    color: #fff;
}

/* ================================================================== */
/* =========================== TEMPLATE B =========================== */
.template__B .page--bg {
    height: 220mm !important;
}

.template__B .page--date {
    left: 20.764mm;
    /*top: 21.067mm;*/
    bottom: 266.333mm;
    width: 120mm;
    font-size: 25pt;
    font-weight: 700;
    color: #fff;
}

.template__B .page--date__xs {
    font-size: 16pt;
}

.template__B .page--date__sm {
    font-size: 20pt;
}

.template__B .page--date__lg {
    font-size: 30pt;
}

.template__B .page--time {
    left: 20.764mm;
    top: 32.724mm;
    width: 120mm;
    font-size: 12pt;
    font-weight: 700;
    color: #fff;
}

.template__B .page--heading {
    left: 20.42mm;
    top: 53.132mm;
    width: 145.987mm;
    line-height: 1.35;
    transform: rotate(-10deg);
    color: #fff;
}

.template__B .page--perex {
    left: 64.656mm;
    top: 150.34mm;
    width: 89.211mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
}

.template__B .page--perex__xs {
    font-size: 10pt;
}

.template__B .page--perex__md {
    font-size: 14pt;
}

.template__B .page--perex__lg {
    font-size: 16pt;
}

.template__B .page--subheading {
    left: 18.367mm;
    top: 224.378mm;
    width: 80.526mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__B .page--paragraph {
    left: 18.367mm;
    top: 238.212mm;
    width: 80.526mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__B .page--paragraph__xs {
    font-size: 8pt;
}

.template__B .page--paragraph__md {
    font-size: 11pt;
}

.template__B .page--paragraph__lg {
    font-size: 14pt;
}

.template__B .page--links {
    left: 18.367mm;
    top: 273.869mm;
    width: 80.526mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE C =========================== */
.template__C .page--bg {
    height: 190mm !important;
}

.template__C .page--date {
    left: 20.2mm;
    /*top: 198.625mm;*/
    bottom: 89.875mm;
    width: 96.978mm;
    font-size: 28.49pt;
    font-weight: 700;
    /* color: #e04221; */
}

.template__C .page--date__xs {
    font-size: 18pt;
}

.template__C .page--date__sm {
    font-size: 22pt;
}

.template__C .page--date__lg {
    font-size: 32pt;
}

.template__C .page--time {
    left: 20.2mm;
    top: 209.5mm;
    width: 96.978mm;
    font-size: 12.75pt;
    font-weight: 700;
    color: #006bcc;
}

.template__C .page--heading {
    left: 16.432mm;
    top: 31.083mm;
    width: 178.273mm;
    line-height: 1.35;
    transform: rotate(-10deg);
    color: #fff;
}

.template__C .page--perex {
    left: 20.2mm;
    top: 225.407mm;
    width: 96.978mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 600;
    color: #006bcc;
}

.template__C .page--perex__xs {
    font-size: 10pt;
}

.template__C .page--perex__md {
    font-size: 14pt;
}

.template__C .page--perex__lg {
    font-size: 16pt;
}

.template__C .page--subheading {
    display: none;
}

.template__C .page--paragraph {
    left: 136.771mm;
    top: 167.817mm;
    width: 55.184mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 700;
    color: #006bcc;
}

.template__C .page--paragraph__xs {
    font-size: 8pt;
}

.template__C .page--paragraph__md {
    font-size: 11pt;
}

.template__C .page--paragraph__lg {
    font-size: 14pt;
}

.template__C .page--links {
    left: 20.2mm;
    top: 273.869mm;
    width: 96.978mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE D =========================== */
.template__D .page--bg {
    height: 140mm !important;
}

.template__D .page--date {
    left: 16mm;
    /*top: 114.981mm;*/
    bottom: 172.519mm;
    width: 100.911mm;
    font-size: 30pt;
    font-weight: 700;
    /* color: #e04221; */
}

.template__D .page--date__xs {
    font-size: 18pt;
}

.template__D .page--date__sm {
    font-size: 24pt;
}

.template__D .page--date__lg {
    font-size: 36pt;
}

.template__D .page--time {
    left: 16mm;
    top: 127mm;
    width: 100.911mm;
    font-size: 14pt;
    font-weight: 700;
    color: #006bcc;
}

.template__D .page--heading {
    left: 29.345mm;
    top: 20.134mm;
    width: 151.398mm;
    line-height: 1.35;
    color: #fff;
}

.template__D .page--perex {
    left: 15.268mm;
    top: 145.826mm;
    width: 100.911mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #006bcc;
}

.template__D .page--perex__xs {
    font-size: 10pt;
}

.template__D .page--perex__md {
    font-size: 14pt;
}

.template__D .page--perex__lg {
    font-size: 16pt;
}

.template__D .page--subheading {
    left: 15.368mm;
    top: 191.705mm;
    width: 96.907mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__D .page--paragraph {
    left: 15.268mm;
    top: 201.688mm;
    width: 96.907mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__D .page--paragraph__xs {
    font-size: 8pt;
}

.template__D .page--paragraph__md {
    font-size: 11pt;
}

.template__D .page--paragraph__lg {
    font-size: 14pt;
}

.template__D .page--links {
    left: 15.34mm;
    top: 275.323mm;
    width: 96.907mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE E =========================== */
.template__E .page--bg {
    height: 105mm !important;
    margin-top: 46mm !important;
}

.template__E .page--date {
    left: 129.413mm;
    /*top: 136.969mm;*/
    bottom: 149.031mm;
    width: 61.467mm;
    font-size: 21.27pt;
    font-weight: 700;
    color: #fff;
}

.template__E .page--date__xs {
    font-size: 15pt;
}

.template__E .page--date__sm {
    font-size: 18pt;
}

.template__E .page--date__lg {
    font-size: 28pt;
}

.template__E .page--time {
    left: 129.413mm;
    top: 148.916mm;
    width: 61.467mm;
    font-size: 10pt;
    font-weight: 700;
    color: #fff;
}

.template__E .page--heading {
    left: 23.25mm;
    top: 19.565mm;
    width: 120mm;
    line-height: 1.35;
    transform: rotate(-11deg);
    color: #fff;
}

.template__E .page--perex {
    left: 15.268mm;
    top: 171.308mm;
    width: 95.438mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #006bcc;
}

.template__E .page--perex__xs {
    font-size: 10pt;
}

.template__E .page--perex__md {
    font-size: 14pt;
}

.template__E .page--perex__lg {
    font-size: 16pt;
}

.template__E .page--subheading {
    left: 15.268mm;
    top: 213.903mm;
    width: 80.526mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__E .page--paragraph {
    left: 15.268mm;
    top: 223.885mm;
    width: 96.907mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__E .page--paragraph__xs {
    font-size: 8pt;
}

.template__E .page--paragraph__md {
    font-size: 11pt;
}

.template__E .page--paragraph__lg {
    font-size: 14pt;
}

.template__E .page--links {
    left: 15.268mm;
    top: 275.323mm;
    width: 80.526mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE F =========================== */
.template__F .page--bg {
    height: 125mm !important;
}

.template__F .page--date {
    left: 17.056mm;
    /*top: 15.148mm;*/
    bottom: 272.552mm;
    width: 80mm;
    font-size: 21.27pt;
    font-weight: 700;
    color: #fff;
}

.template__F .page--date__xs {
    font-size: 15pt;
}

.template__F .page--date__sm {
    font-size: 18pt;
}

.template__F .page--date__lg {
    font-size: 28pt;
}

.template__F .page--time {
    left: 17.056mm;
    top: 26.096mm;
    width: 80mm;
    font-size: 10pt;
    font-weight: 700;
    color: #fff;
}

.template__F .page--heading {
    left: 11.71mm;
    top: 112.795mm;
    width: 120mm;
    line-height: 1.35;
    transform: rotate(-11deg);
    color: #e04221;
}

.template__F .page--perex {
    left: 15.268mm;
    top: 174.269mm;
    width: 95.438mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #006bcc;
}

.template__F .page--perex__xs {
    font-size: 10pt;
}

.template__F .page--perex__md {
    font-size: 14pt;
}

.template__F .page--perex__lg {
    font-size: 16pt;
}

.template__F .page--subheading {
    left: 15.268mm;
    top: 214.89mm;
    width: 80.526mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__F .page--paragraph {
    left: 15.268mm;
    top: 224.872mm;
    width: 96.907mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__F .page--paragraph__xs {
    font-size: 8pt;
}

.template__F .page--paragraph__md {
    font-size: 11pt;
}

.template__F .page--paragraph__lg {
    font-size: 14pt;
}

.template__F .page--links {
    left: 15.268mm;
    top: 275.323mm;
    width: 80.526mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE G (F without border top) ==== */
.template__G .page--bg {
    height: 125mm !important;
}

.template__G .page--date {
    left: 17.056mm;
    /*top: 15.148mm;*/
    bottom: 272.552mm;
    width: 80mm;
    font-size: 21.27pt;
    font-weight: 700;
    color: #fff;
}

.template__G .page--date__xs {
    font-size: 15pt;
}

.template__G .page--date__sm {
    font-size: 18pt;
}

.template__G .page--date__lg {
    font-size: 28pt;
}

.template__G .page--time {
    left: 17.056mm;
    top: 26.096mm;
    width: 80mm;
    font-size: 10pt;
    font-weight: 700;
    color: #fff;
}

.template__G .page--heading {
    left: 11.71mm;
    top: 112.795mm;
    width: 120mm;
    line-height: 1.35;
    transform: rotate(-11deg);
    color: #e04221;
}

.template__G .page--perex {
    left: 15.268mm;
    top: 174.269mm;
    width: 95.438mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #006bcc;
}

.template__G .page--perex__xs {
    font-size: 10pt;
}

.template__G .page--perex__md {
    font-size: 14pt;
}

.template__G .page--perex__lg {
    font-size: 16pt;
}

.template__G .page--subheading {
    left: 15.268mm;
    top: 214.89mm;
    width: 80.526mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__G .page--paragraph {
    left: 15.268mm;
    top: 224.872mm;
    width: 96.907mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__G .page--paragraph__xs {
    font-size: 8pt;
}

.template__G .page--paragraph__md {
    font-size: 11pt;
}

.template__G .page--paragraph__lg {
    font-size: 14pt;
}

.template__G .page--links {
    left: 15.268mm;
    top: 275.323mm;
    width: 80.526mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */
/* =========================== TEMPLATE H =========================== */
.template__H .page--bg {
    height: 110mm !important;
}

.template__H .page--date {
    left: 126.254mm;
    /*top: 10.499mm;*/
    bottom: 278.501mm;
    width: 70mm;
    font-size: 21.27pt;
    font-weight: 700;
    color: #006bcc;
}

.template__H .page--date__xs {
    font-size: 15pt;
}

.template__H .page--date__sm {
    font-size: 18pt;
}

.template__H .page--date__lg {
    font-size: 28pt;
}

.template__H .page--time {
    left: 126.254mm;
    top: 19.889mm;
    width: 70mm;
    font-size: 10pt;
    font-weight: 700;
    color: #006bcc;
}

.template__H .page--heading {
    left: 13.602mm;
    top: 110.098mm;
    width: 128mm;
    line-height: 1.35;
    color: #e04221;
}

.template__H .page--perex {
    left: 15.268mm;
    top: 174.269mm;
    width: 95.438mm;
    font-size: 13pt;
    line-height: 1.35;
    font-weight: 700;
    color: #006bcc;
}

.template__H .page--perex__xs {
    font-size: 10pt;
}

.template__H .page--perex__md {
    font-size: 14pt;
}

.template__H .page--perex__lg {
    font-size: 16pt;
}

.template__H .page--subheading {
    left: 15.268mm;
    top: 214.89mm;
    width: 80.526mm;
    font-size: 16pt;
    line-height: 25.3pt;
    /* color: #e04221; */
}

.template__H .page--paragraph {
    left: 15.268mm;
    top: 224.872mm;
    width: 96.907mm;
    font-size: 9pt;
    line-height: 1.3;
    font-weight: 600;
    color: #006bcc;
}

.template__H .page--paragraph__xs {
    font-size: 8pt;
}

.template__H .page--paragraph__md {
    font-size: 11pt;
}

.template__H .page--paragraph__lg {
    font-size: 14pt;
}

.template__H .page--links {
    left: 15.268mm;
    top: 275.323mm;
    width: 80.526mm;
    font-weight: 700;
    /* color: #e04221; */
}

/* ================================================================== */

.page--links {
    font-size: 10pt;
    line-height: 1.35;
}

.page--links__xs {
    font-size: 8pt;
}

.page--links__md {
    font-size: 12pt;
}

.page--links__lg {
    font-size: 14pt;
}

.page--bg__left {
    object-position: left center;
}

.page--bg__center {
    object-position: center center;
}

.page--bg__right {
    object-position: right center;
}

.page--heading {
    font-size: 98.97pt;
}

.page--heading__xs {
    font-size: 62pt;
}

.page--heading__sm {
    font-size: 75pt;
}

.page--heading__lg {
    font-size: 120pt;
}

/* ================================================================== */

.text--primary {
    color: #006bcc;
}

.text--secondary {
    color: #e04221;
}

.text--tertiary {
    color: #e5bf1c;
}

.text--quaternary {
    color: #eda375;
}

.text--quinary {
    color: #91c861;
}

.text--labyrint {
    color: #b1a9d4;
}

.text--lampa-lany {
    color: #96cfc1;
}

.text--lata {
    color: #f6b4b2;
}

.text--legato {
    color: #a29dac;
}

.text--lesna {
    color: #72ac74;
}

.text--lidicka {
    color: #e7a91e;
}

.text--linka {
    color: #bebbb7;
}

.text--liska {
    color: #f39562;
}

.text--louka {
    color: #93c462;
}

.text--lumik {
    color: #ef7d18;
}

.text--lyska {
    color: #a29dac;
}

.text--lorien {
    color: #92c8ee;
}

.text--klokani {
    color: #eb803f;
}

.text--l-caffe {
    color: #4c3a34;
}

.text--lentilka-zluta {
    color: #efb40f;
}

.text--lentilka-modra {
    color: #4ccff2;
}

.text--lentilka-cervena {
    color: #ef2039;
}