@font-face {
    font-family: jeFont;
    src: url(https://www.junioreinstein.nl/template/fonts/JE-font/JE-blokletters-basis-Regular.otf);
}

@font-face {
    font-family: mkFont;
    src: url(https://www.maxklug.de/template/fonts/de_MK-font/MkDruckschriftN-reg.otf);
    font-weight: normal;
}

@font-face {
    font-family: mkFont;
    src: url(https://www.maxklug.de/template/fonts/de_MK-font/MkDruckschriftN-bol.otf);
    font-weight: bold;
}

@font-face {
    font-family: mkFont;
    src: url(https://www.maxklug.de/template/fonts/de_MK-font/MkDruckschriftN-bl.otf);
    font-weight: 800;
}

@font-face {
    font-family: mkFontDot;
    src: url(https://www.maxklug.de/template/fonts/de_MK-font/MkDruckschriftN-dot-reg.ttf);
    font-weight: normal;
}


@page {
    size: A4 portrait;
    margin: 0 0 0 0;
}

.A4.worksheet-print {
    position: relative;
    background: white;
    width: 21cm;
    height: 29.6cm !important;
    display: block;
    margin: auto;
    padding: 0;
    overflow: hidden;
    margin-bottom: 2rem;
}

.jeFont, .jeFont H1, .jeFont H2, .jeFont H3, .jeFont H4, .jeFont H5 {
    font-family: jeFont, sans-serif;
}


body.de_maxklug .jeFont,
body.de_maxklug .jeFont H1,
body.de_maxklug .jeFont H2,
body.de_maxklug .jeFont H3,
body.de_maxklug .jeFont H4,
body.de_maxklug .jeFont H5 {
    font-family: mkFont, sans-serif;
}

.mkFont {
    font-family: mkFont, sans-serif;
}

.mkFontDot {
    font-family: mkFontDot, sans-serif;
}

body.de_maxklug H1,
body.de_maxklug H2,
body.de_maxklug H3,
body.de_maxklug H4,
body.de_maxklug H5 {
    font-family: mkFont, sans-serif;
}


body.de_maxklug {
    font-family: mkFont, sans-serif;
}


.print-correct {
    color: #00B419 !important;
    font-family: jeFont, sans-serif;
    font-size: 110% !important;
    line-height: 1.7;
}

.correct-answer {

}

body.de_maxklug .print-correct {

    font-family: mkFont, sans-serif;
    font-size: 100% !important;

}


.answers-worksheet {
    font-weight: 200;
    color: #ffffff !important;
}


.header-bg {
    position: absolute;
    width: 19cm;
    height: 16mm;
    background-color: #81bde8 !important;
    top: 6mm;
    left: 10mm;
    border-radius: 3mm;
}

.header-bg h1 {
    color: #fff !important;
    font-weight: 600;
    font-size: 8mm;
    margin-left: 24mm;
    margin-top: 3mm;
}

.header-bg h1.normal-length {
    font-size: 8mm;
    margin-top: 3mm;
}

.header-bg h1.large-length {
    font-size: 6mm;
    margin-top: 5mm;
}

.header-bg h1.huge-length {
    font-size: 5mm;
    margin-top: 2.5mm;
    display: inline-block;
    max-width: 12cm;
}

.header-bg h1.huge-length.answers-worksheet {
    font-size: 5mm;
    margin-top: 2mm;
    display: inline-block;
}

.de_maxklug .header-bg h1.normal-length {
    font-size: 7mm;
    margin-top: 4mm;
}

.de_maxklug .header-bg h1.large-length {
    font-size: 5mm;
    margin-top: 6mm;
}

.de_maxklug .header-bg h1.huge-length {
    font-size: 4mm;
    margin-top: 3.5mm;
    display: inline-block;
    max-width: 12cm;
}

.de_maxklug .header-bg h1.huge-length.answers-worksheet {
    font-size: 4mm;
    margin-top: 3mm;
    display: inline-block;
}

.header-bg h1 br {
    display: none;
}


.logo-container {
    position: absolute;
    width: 24mm;
    height: 24mm;
    z-index: 100;
    left: 5mm;
    top: 2mm;
    background-color: white !important;
    border-radius: 12mm;

}


.logo-container img {
    margin: 2mm;
}


.subject-container {
    height: 9mm;
    background-color: #085ba7 !important;
    border-radius: 2mm;
    position: absolute;
    z-index: 50;
    right: 13mm;
    top: 19mm;
    color: #FFF !important;
    font-weight: 600;
    padding: 1.5mm 5mm;
}

.footer-bg {
    position: absolute;
    background-color: #d7e9f7 !important;
    width: 19cm;
    height: 12mm;
    top: 280mm;
    left: 10mm;
    border-radius: 2mm;
    color: #00529d !important;
    padding: 2.5mm 3mm;
}


.footer-bg .site {
    margin-top: 0.5mm;
    position: absolute;
    color: #00529d !important;
}


.footer-bg .assortment {
    font-size: 11pt;
    position: absolute;
    right: 5mm;
    margin-top: 1mm;
    font-weight: 200;
    color: #00529d !important;
}


.stars-container-worksheet {
    position: absolute;
    right: 12.5mm;
    top: 6.5mm;
    z-index: 75;
}

.stars-container-worksheet img {
    width: 4mm;
}


.questions {
    position: absolute;
    width: 190mm;
    top: 34mm;
    left: 10mm;
}


@media print {
    html {
        -webkit-print-color-adjust: exact;
    }

    .header-bg h1 {
        color: #fff !important;
        font-weight: 600;
        font-size: 8mm;
        margin-left: 24mm;
        margin-top: 3mm;
    }


    .question-number {
        color: #999999 !important;
    }

    .exercise-header {
        color: #377aab !important;
    }

    .A4.worksheet-print {
        margin-bottom: 0;
    }
}

html, body {
    margin: 0 0 0 0;
    height: 99% !important;
}

.answer-field {
    display: inline-block;
    border-bottom: 1px dotted #999;
    line-height: 20px;
}

.answer-field.correct-answer {
    color: green;
    font-size: 125%;
}

body.de_maxklug .answer-field.correct-answer {
    font-size: 110%;
}

:root {
    --color-1: #6e40aa;
    --color-2: #4c6edb;
    --color-3: #24aad8;
    --color-4: #1ac7c2;
    --color-5: #1ddea3;
    --color-gr-1: #ea89a7;
    --color-gr-2: #96c15a;
    --color-gr-3: #ed4930;
    --color-gr-4: #536aac;
    --color-gr-5: #d3458c;
    --color-gr-6: #3eaea5;

}


.font, .arrow-outside-point, .number-outside {
    fill: var(--color-1);
}

.start-dot, .arrow-inside-point, .number-inside {
    fill: #ffffff;
}

.arrow-inside {
    stroke: #ffffff;
}

.arrow-outside {
    stroke: var(--color-1);
}


.satz_bestimmung_1 {
    border-bottom: 2px solid #0000bc;
}

.satz_bestimmung_2 {
    border-bottom: 2px solid #FF0000;
}

.satz_bestimmung_3 {
    border-bottom: 2px solid #408101;
}


.satz_bestimmung_4.simple,
.satz_bestimmung_5.simple,
.satz_bestimmung_5.simple {
    border-bottom: 1px solid #408101;
}

.satz_bestimmung_4 {
    border-bottom: 2px dashed #408101;
}

.satz_bestimmung_5 {
    border-bottom: 2px solid #62c800;
}

.satz_bestimmung_6 {
    border-bottom: 2px dashed #62c800;
}

.satz_bestimmung_7,
.satz_bestimmung_8.simple,
.satz_bestimmung_9.simple,
.satz_bestimmung_10.simple {
    border-bottom: 2px solid #be88ce;
}

.satz_bestimmung_8 {
    border-bottom: 2px dashed #be88ce;
}

.satz_bestimmung_9 {
    border-bottom: 3px double #be88ce;
}

.satz_bestimmung_10 {
    border-bottom: 2px dotted #be88ce;
}

.satz_bestimmung_11,
.satz_bestimmung_12.simple,
.satz_bestimmung_13.simple,
.satz_bestimmung_14.simple,
.satz_bestimmung_15.simple,
.satz_bestimmung_16.simple,
.satz_bestimmung_17.simple,
.satz_bestimmung_18.simple,
.satz_bestimmung_20.simple,
.satz_bestimmung_21.simple {
    border-bottom: 2px solid #6c008b;
}

.satz_bestimmung_12 {
    border-bottom: 2px dashed #6c008b;
}

.satz_bestimmung_13 {
    border-bottom: 3px double #6c008b;
}

.satz_bestimmung_14 {
    border-bottom: 2px dotted #6c008b;
}

.satz_bestimmung_15 {
    border-bottom: 2px solid #be88ce;
}

.satz_bestimmung_16 {
    border-bottom: 2px dashed #be88ce;
}

.satz_bestimmung_17 {
    border-bottom: 3px double #be88ce;
}

.satz_bestimmung_18 {
    border-bottom: 2px dotted #be88ce;
}

.satz_bestimmung_20 {
    border-bottom: 2px dotted #be88ce;
}

.satz_bestimmung_21 {
    border-bottom: 2px dotted #be88ce;
}

.wort_arten_1,
.wort_arten_2.simple {
    border-bottom: 2px solid #FF0000;
}

.wort_arten_2 {
    border-bottom: 2px dashed #FF0000;
}

.wort_arten_3,
.wort_arten_4.simple,
.wort_arten_4.simple,
.wort_arten_5.simple,
.wort_arten_6.simple {
    border-bottom: 2px solid #408101;
}

.wort_arten_4 {
    border-bottom: 2px dashed #408101;
}

.wort_arten_5 {
    border-bottom: 2px solid #62c800;
}

.wort_arten_6 {
    border-bottom: 2px dashed #62c800;
}

.wort_arten_16 {
    border-bottom: 2px solid #ff9000;
}

.wort_arten_17 {
    border-bottom: 2px solid #9d9c9c;
}

.wort_arten_18,
.wort_arten_19.simple,
.wort_arten_20.simple,
.wort_arten_21.simple,
.wort_arten_22.simple,
.wort_arten_23.simple,
.wort_arten_24.simple {
    border-bottom: 2px solid #0000bc;
}

.wort_arten_19 {
    border-bottom: 2px dashed #0000bc;
}

.wort_arten_20 {
    border-bottom: 3px double #0000bc;
}

.wort_arten_21 {
    border-bottom: 2px dotted #0000bc;
}

.wort_arten_22 {
    border-bottom: 2px solid #8f8ff2;
}

.wort_arten_23 {
    border-bottom: 2px dashed #8f8ff2;
}

.wort_arten_24 {
    border-bottom: 3px double #8f8ff2;
}

.wort_arten_25 {
    border-bottom: 2px solid #fb6565;
}

.wort_arten_26,
.wort_arten_27.simple,
.wort_arten_28.simple {
    border-bottom: 2px solid #ba0000;
}

.wort_arten_27 {
    border-bottom: 2px dashed #ba0000;
}

.wort_arten_28 {
    border-bottom: 3px double #ba0000;
}

.wort_arten_29,
.wort_arten_30.simple,
.wort_arten_31.simple,
.wort_arten_32.simple,
.wort_arten_33.simple {
    border-bottom: 2px solid #6c008b;
}

.wort_arten_30 {
    border-bottom: 2px dashed #6c008b;
}

.wort_arten_31 {
    border-bottom: 3px double #6c008b;
}

.wort_arten_32 {
    border-bottom: 2px solid #be88ce;
}

.wort_arten_33 {
    border-bottom: 2px solid #be88ce;
}

.wort_arten_34 {
    border-bottom: 2px solid #c9c9c9;
}

.wort_arten_35 {
    border-bottom: 2px solid #67d9a7;
}

.box-input-answer .answer-container.jeFont.correct {
    font-size: 75%;
}

body.orange .header-bg {
    background-color: #ed9742 !important;
}

body.orange .subject-container {
    background-color: #e26e05 !important;
}

body.orange .footer-bg {
    background-color: #f1b06f !important;
}

body.orange .footer-bg .site, body.orange .footer-bg .assortment {
    color: #8c4109 !important;
}

body.green .header-bg {
    background-color: #83bc53 !important;
}

body.green .subject-container {
    background-color: #628e38 !important;
}

body.green .footer-bg {
    background-color: #abcb88 !important;
}

body.green .footer-bg .site, body.green .footer-bg .assortment {
    color: #3b6800 !important;
}

body.pink .header-bg {
    background-color: #e94661 !important;
}

body.pink .subject-container {
    background-color: #eaa4b3 !important;
}

body.pink .footer-bg {
    background-color: #eaa4b3 !important;
}

body.pink .footer-bg .site, body.pink .footer-bg .assortment {
    color: #a82f49 !important;
}

body.blue .header-bg {
    background-color: #4a9ee4 !important;
}

body.blue .subject-container {
    background-color: #85ceff !important;
}

body.blue .footer-bg {
    background-color: #b4e0fc !important;
}

body.blue .footer-bg .site, body.blue .footer-bg .assortment {
    color: #377aab !important;
}

body.purple .header-bg {
    background-color: #6b68ad !important;
}

body.purple .subject-container {
    background-color: #a6a6cc !important;
}

body.purple .footer-bg {
    background-color: #d0d0dd !important;
}

body.purple .footer-bg .site, body.purple .footer-bg .assortment {
    color: #6b68ad !important;
}

body.red .header-bg {
    background-color: #ef2c2d !important;
}

body.red .subject-container {
    background-color: #f89f84 !important;
}

body.red .footer-bg {
    background-color: #f89f84 !important;
}

body.red .footer-bg .site, body.red .footer-bg .assortment {
    color: #ffffff !important;
}

body.springgreen .header-bg {
    background-color: #bdd575 !important;
}

body.springgreen .subject-container {
    background-color: #96a856 !important;
}

body.springgreen .footer-bg {
    background-color: #bdd575 !important;
}

body.springgreen .footer-bg .site, body.springgreen .footer-bg .assortment {
    color: #ffffff !important;
}

body.yellow .header-bg {
    background-color: #fee054 !important;
}

body.yellow .header-bg h1, body.yellow .answers-worksheet {
    color: #a38d2e !important;
}

body.yellow .subject-container {
    background-color: #d1af20 !important;
}

body.yellow .footer-bg {
    background-color: #fee054 !important;
}

body.yellow .footer-bg .site, body.yellow .footer-bg .assortment {
    color: #aa8f1b !important;
}

body.darkpurple .header-bg {
    background-color: #404375 !important;
}

body.darkpurple .subject-container {
    background-color: #aeb1ce !important;
}

body.darkpurple .footer-bg {
    background-color: #aeb1ce !important;
}

body.darkpurple .footer-bg .site, body.darkpurple .footer-bg .assortment {
    color: #ffffff !important;
}

body.fuchsia .header-bg {
    background-color: #e9619e !important;
}

body.fuchsia .subject-container {
    background-color: #ed9fc8 !important;
}

body.fuchsia .footer-bg {
    background-color: #ed9fc8 !important;
}

body.fuchsia .footer-bg .site, body.fuchsia .footer-bg .assortment {
    color: #ffffff !important;
}

body.aqua .header-bg {
    background-color: #6ac2bd !important;
}

body.aqua .subject-container {
    background-color: #4aa59f !important;
}

body.aqua .footer-bg {
    background-color: #6ac2bd !important;
}

body.aqua .footer-bg .site, body.aqua .footer-bg .assortment {
    color: #ffffff !important;
}