/* IMPORT GOOGLE FONTS */

/* CUSTOM FONTS */
@font-face {font-family: 'Morion';src: url('https://www.janspille.business/wp-content/uploads/Morion-Bold.eot'); src: url('https://www.janspille.business/wp-content/uploads/Morion-Bold.eot?#iefix') format('embedded-opentype'),url('https://www.janspille.business/wp-content/uploads/Morion-Bold.woff2') format('woff2'),url('https://www.janspille.business/wp-content/uploads/Morion-Bold.woff') format('woff');}
@font-face {font-family: 'Antro-Vectra-Bolder';src: url('https://www.janspille.business/wp-content/uploads/antro_vectra_bolder.eot'); src: url('https://www.janspille.business/wp-content/uploads/antro_vectra_bolder.eot?#iefix') format('embedded-opentype'),url('https://www.janspille.business/wp-content/uploads/antro_vectra_bolder.woff2') format('woff2'),url('https://www.janspille.business/wp-content/uploads/antro_vectra_bolder.woff') format('woff'),url('https://www.janspille.business/wp-content/uploads/antro_vectra_bolder.ttf') format('truetype');}
@font-face {font-family: 'DM-Sans-400';src: url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-regular.eot'); src: url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-regular.woff2') format('woff2'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-regular.woff') format('woff'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-regular.ttf') format('truetype');}
@font-face {font-family: 'DM-Sans-500';src: url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-500.eot'); src: url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-500.eot?#iefix') format('embedded-opentype'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-500.woff2') format('woff2'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-500.woff') format('woff'),url('https://www.janspille.business/wp-content/uploads/dm-sans-v6-latin-500.ttf') format('truetype');}

/* DEFAULT FONTS FOR TAGS (H, P, LI, etc.) */
body, p, span, .l-footer__contact_links a {
    font-family: DM-Sans-400;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.625;
}
p, span { margin-bottom: 16px; }
h1, .u-heading--h1 {
    font-family: Morion;
    font-size: 5rem;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1;
    margin-bottom: 43px;
    display: block;
    color: #1a1a1a    }

@media (max-width: 1025px) {
    h1, .u-heading--h1 {
        font-size: 2.5rem;
    }
}

h2, h5, h6, .u-heading--h2, .u-heading--h5, .u-heading--h6 { 
    font-family: Morion;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 18px;
    display: block;
    color: #1a1a1a    }

@media (max-width: 769px) {
    h2, .u-heading--h2 {
        font-size: 2rem;
    }
}

h5, h6, .u-heading--h5, .u-heading--h6 {
    font-size: 2rem;
}
h3, .u-heading--h3 {
    font-family: Morion;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 16px;
    display: block;
    color: #1a1a1a    }
h4, .u-heading--h4 {
    font-family: DM-Sans-500;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.1428571428571;
    letter-spacing: 1px;
    margin-bottom: 36px;
    display: block;
    color: #1a1a1a    }


.u-heading--a1 {
    font-family: Antro-Vectra-Bolder;
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    color: #1a1a1a    }
@media (max-width: 769px) { 
    .u-heading--a1 { 
        font-size: 1.3333333333333rem; 
    } 
}

.u-heading--a2 { 
    font-family: DM-Sans-400;
    font-size: 2.125rem;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1.3529411764706;
    margin-bottom: 16px;
    display: block;
    color: #1a1a1a    }

@media (max-width: 769px) { 
    .u-heading--a2 { 
        font-size: 1.7rem; 
    } 
}

.u-heading--a3,
.u-heading--a4 {
    font-family: DM-Sans-500;
    font-size: 1.125rem;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1;
    margin-bottom: 16px;
    display: block;
    color: #1a1a1a    }
.u-heading--a4 {
    font-size: 1.5rem;
}

blockquote p {
    font-family: Morion;
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.5;
}
@media (max-width: 769px) { 
    blockquote p { 
        font-size: 1.4rem; 
    } 
}
li {
    font-family: DM-Sans-400;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.625;
        margin-bottom: 16px;
}

/* TEXT & BACKGROUND COLORS */
.u-color--primary { color: #1a1a1a; }
.u-color--secondary { color: #6b6b6b; }
.u-color--tertiary { color: #e0e0e0; }
.u-color--quaternary { color: #cd9b3a; }
.u-color--neutral { color: #f7f7f7; }
.u-color--solid { color: #1a1a1a; }
.u-color--black { color: #000000; }
.u-color--white { color: #FFFFFF; }

.u-bg--primary { background-color: #1a1a1a; }
.u-bg--secondary { background-color: #6b6b6b; }
.u-bg--tertiary { background-color: #e0e0e0; }
.u-bg--quaternary { background-color: #cd9b3a; }
.u-bg--neutral { background-color: #f7f7f7; }
.u-bg--solid { background-color: #1a1a1a; }
.u-bg--black { background-color: #000000; }
.u-bg--white { background-color: #FFFFFF; }

/* BORDER COLORS */
.u-border--primary { border-color: #1a1a1a; }
.u-border--secondary { border-color: #6b6b6b; }
.u-border--tertiary { border-color: #e0e0e0; }
.u-border--quaternary { border-color: #cd9b3a; }
.u-border--neutral { border-color: #f7f7f7; }
.u-border--solid { border-color: #1a1a1a; }
.u-border--black { border-color: #000000; }
.u-border--white { border-color: #FFFFFF; }


blockquote, dl, ol, p, pre, table, ul {
    color: #1a1a1a;
}
.u-txt-color-invert * {
    color: #ffffff;
}

/* MENU */


ol a:active, ol a:focus, ol a:hover, p a:active, p a:focus, p a:hover, ul a:active, ul a:focus, ul a:hover  {
    color: #1a1a1a;
}

ul.c-menu a {
    font-family: DM-Sans-400;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 0px;
}

ul.c-menu a, ul.c-menu .sub-menu a, .l-menu__social a, ul#menu-languages a {
    color: #1a1a1a;
}

ul.c-menu a:hover, ul.c-menu .sub-menu a:hover, .l-menu__social a:hover, ul#menu-languages a:hover {
    color: #1a1a1a;
}
ul.c-menu a:hover:after, ul.c-menu .sub-menu a:hover:after {
    background-color: #1a1a1a;
}

/* BUTTONS */

.c-btn--primary {
    display: inline-block !important;
    font-family: 'DM-Sans-500';
    font-weight: 500 !important;
    font-size: 0.8125rem !important;
    color: #000000 !important;
        border-color: #e0e0e0 !important;
    border-radius: 1px !important;
    border-width: 1px !important;
    border-style: solid;
            padding: 16px 32px !important;
    margin: 12px 0 0px;
    transition: 0.2s all linear !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.05em !important;
}
.c-btn--primary:hover,.c-btn--primary:active,.c-btn--primary:focus {
    color: #000000 !important;
        border-color: #000000 !important;
            text-decoration: none !important;
}

.c-btn--secondary {
    display: inline-block;
    font-family: 'DM-Sans-500';
    font-weight: 500;
    font-size: 0.8125rem;
    color: #FFFFFF;
        border-color: #cd9b3a;
    border-radius: 1px;
    border-width: 1px;
    border-style: solid;
            background-color: #cd9b3a;
        padding: 16px 32px;
    margin: 12px 0 0px;
    transition: 0.2s all linear;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.c-btn--secondary:hover,.c-btn--secondary:active,.c-btn--secondary:focus {
    color: #000000;
        border-color: #000000;
            background-color: #FFFFFF;
        text-decoration: none;
}

.c-btn--tertiary {
    display: inline-block;
    font-family: 'DM-Sans-500';
    font-weight: 500;
    font-size: 1rem;
    color: #000000;
            padding: 16px 0px;
    margin: 18px 0 0px;
    transition: 0.2s all linear;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.c-btn--tertiary:hover,.c-btn--tertiary:active,.c-btn--tertiary:focus {
    color: #000000;
            text-decoration: none;
}

.c-accordion__btn { color: #1a1a1a; }
.c-accordion__btn:hover, .c-accordion__btn:active { color: #1a1a1a;}

/* DIVIDER */
.m-divider--primary { color: #1a1a1a; }
.m-divider--secondary { color: #6b6b6b; }
.m-divider--tertiary { color: #e0e0e0; }
.m-divider--quaternary { color: #cd9b3a; }
.m-divider--neutral { color: #f7f7f7; }
.m-divider--solid { color: #1a1a1a; }
.m-divider--black { color: #000000; }
.m-divider--white { color: #FFFFFF; }

/* HEADER */

header .l-brand__symbol img { height: 20px }
footer .l-brand__symbol img { height: 164px }

/* FOOTER */
footer ul.c-menu a, footer ul.c-menu .sub-menu a, footer .l-menu__social a, footer ul#menu-languages a {
    color: #6b6b6b;
}
footer ul.c-menu a:hover, footer ul.c-menu .sub-menu a:hover, footer ul#menu-languages a:hover {
    color: #1a1a1a;
}
footer ul.c-menu a:hover:after, footer ul.c-menu .sub-menu a:hover:after {
    background-color: #1a1a1a;
}
footer ul {
    color: #6b6b6b;
}

/* SLIDER */


.m-slider__nav-prev svg, .m-slider__nav-next svg {
    fill: #1a1a1a;
    width: 18px;
    height: 10px;
}

.m-slider__dots button span {
    background: #1a1a1a;
}
.m-slider__dots .active span, .m-slider__dots button:hover span {
    background: #1a1a1a;
}

/* TEASER */
.m-teaser__actions svg {
    fill: #1a1a1a;
    width: 10px;
    height: 10px;
}
.m-teaser__action_text {
    color: #1a1a1a;
}

/* OPACITY */

.m-teaser__content {
    background-color: rgba(0, 0, 0, 0.14);
}

.u-bg-opacity:after {
    background-color: rgba(0, 0, 0, 0.14);
}