@font-face {
    font-family: 'opensans';
    src: url('/assets/fonts/open-sans/OpenSans-Regular.ttf?1557272') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'granstander';
    src: url('/assets/fonts/granstander-clean/Grandstander-clean.ttf?1557272') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.debug {
    background: rgba(0, 0, 0, 0.1);
}

.absolute {
    position: absolute;
}

.paragraph {
    font-family: "opensans";
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.paragraph-cover-1 {
    font-size: 52px;
    line-height: 1.1;
    font-weight: normal;
}

.paragraph-cover-1-10_1-12_2,
.paragraph-cover-1-10_2-12_2 {
    font-size: 57px;
    line-height: 1.2;
}

/** DE, FR, IT variation */
/** see this: https://github.com/niklasravnsborg/laravel-pdf/issues/70 */
.paragraph-cover-1-10_1-12_2-2_2,
.paragraph-cover-1-10_2-12_2-2_2,
.paragraph-cover-1-10_1-12_2-2_5,
.paragraph-cover-1-10_2-12_2-2_5,
.paragraph-cover-1-10_1-12_2-2_6,
.paragraph-cover-1-10_2-12_2-2_6,
.paragraph-cover-1-10_1-12_2-2_9,
.paragraph-cover-1-10_2-12_2-2_9 {
    font-size: 48px;
    line-height: 1.1;
}

/** TR */
.paragraph-cover-1-10_1-12_2-2_10,
.paragraph-cover-1-10_2-12_2-2_10 {
    font-size: 70px;
    line-height: 1.1;
}

.paragraph-cover-1-10_2-12_1-2_2,
.paragraph-cover-1-10_2-12_1-2_5,
.paragraph-cover-1-10_2-12_1-2_6,
.paragraph-cover-1-10_2-12_1-2_9 {
    font-size: 46px;
    line-height: 1.1;
}

.paragraph-cover-1-10_2-12_1-2_3 {
    line-height: 1.2;
}

.paragraph-cover-1-10_2-12_2-2_10 {
    font-size: 70px;
}


.font-size-lg {
    font-size: 65px;
    line-height: 1.1;
    font-weight: normal;
}

.font-size-md {
    font-size: 24px;
}

.paragraph-special {
    font-family: "granstander";
    font-weight: bold;
}

.placeholder {
    font-family: "misses";
    font-weight: normal;
    font-size: 28px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.color-1 {
    color: #7c433f;
}

.color-2 {
    color: #bb9070;
}


.bg-color-1 {
    color: #FFFFFF;
}

.color-1-0 {
    color: #FFFFFF;
}

.color-1-1 {
    color: #222222;
}

.color-1-2 {
    color: #7C443F;
}

.bg-color-2 {
    color: #FFFFFF;
}

.color-2-0 {
    color: #FFFFFF;
}

.color-2-1 {
    color: #222222;
}

.color-2-2 {
    color: #7C443F;
}