/* Design aus dem Dickicht · blackape.de */

/* FONTS  
-------------------------------------------------- */

:root {
    --ff_1: 'AlanSans-Regular', Helvetica, Arial, sans-serif;
    --fw_1: 400;

    --ff_2: 'AlanSans-Medium', Helvetica, Arial, sans-serif;
    --fw_2: 500;
}

@font-face {
    font-family: "AlanSans-Regular";
    src: url("../fonts/AlanSans-Regular.woff2") format("woff2"),
         url("../fonts/AlanSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AlanSans-Medium";
    src: url("../fonts/AlanSans-Medium.woff2") format("woff2"),
         url("../fonts/AlanSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

h1, .like_h1,
h2, .like_h2,
h3, .like_h3,
h4, .like_h4,
h5, .like_h5,
h6, .like_h6 {
    font-family: var(--ff_2);
    font-weight: var(--fw_2);
    line-height: 1.25;
    margin-block-start: 0;
}

h1, .like_h1 { font-size: 2rem; margin-block-end: 0.55em; }
h2, .like_h2 { font-size: 1.8rem; margin-block-end: 0.55em; }
h3, .like_h3 { font-size: 1.4rem; margin-block-end: 0.55em; }
h4, .like_h4 { font-size: 1.2rem; margin-block-end: 0.55em; }
h5, .like_h5 { font-size: 1rem; margin-block-end: 0.55em; }
h6, .like_h6 { font-size: 1rem; margin-block-end: 0.55em; }

.FONT_1 {
    font-family: var(--ff_1);
    font-weight: var(--fw_1);
}

.FONT_2 {
    font-family: var(--ff_2);
    font-weight: var(--fw_2);
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.muted {
    font-size: 0.8rem;
    opacity: 0.8;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.align_justify {
    text-align: justify;
}

.nohyph {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

@media (min-width: 1024px) {

    /* FONTS  
    -------------------------------------------------- */

    .align_left_desk {
        text-align: left;
    }

    .align_right_desk {
        text-align: right;
    }

    .align_center_desk {
        text-align: center;
    }

    .align_justify_desk {
        text-align: justify;
    }

}