/* HYPERLINKS */
a,
a:link,
a:hover,
a:active,
a:visited,
a:focus {
    color: #494948;
    text-decoration: none;
    outline: 0;
}
#main a,
#main a:link,
#main a:hover,
#main a:active,
#main a:visited,
#main a:focus {
    color: #bc1f21;
    text-decoration: underline;
}
#main a.button,
#main a.button:link,
#main a.button:hover,
#main a.button:active,
#main a.button:visited,
#main a.button:focus {
    display: inline-block;
    text-decoration: none;
    background-color: #bc1f21;
    color: #fff;
    border-radius: 24px;
    line-height: 40px;
    padding: 0 32px;
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* CONTENT */
.frame-layout-1 {
    background-color: #e8e8e8;
    padding: 24px;
}
header {
    display: inline-block;
    width: 100%;
}
#main h1,
#main h2,
#main h3,
#main header span {
    display: inline-block;
    width: 100%;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Jost-Medium';
}
#main h1 {
    color: #b3a185;
    font-size: 24px;
}
#main h2 {
    font-size: 40px;
    text-transform: uppercase;
    padding-top: 88px;
    background-image: url(../Images/header-gold.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 60px 80px;
    margin-bottom: 40px;
}
#main h3 {}
#main header span {
    font-size: 48px;
    text-transform: uppercase;
}
#main header .ce-headline-center {
    text-align: center;
}
#main .frame-type-netwerk_intro header {
    margin-top: 88px;
    margin-bottom: 102px;
    background-image: url(../Images/header-h1.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 1024px 104px;
}
#main .frame-layout-0 ul,
#main .frame-type-netwerk_intro ul,
#main .frame-type-text ul,
#main .package-single ul {
    margin-left: 1.25rem;
}
#main p,
#main .frame-layout-0 li,
#main .frame-type-netwerk_intro li,
#main .frame-type-text li,
#main .package-single li {
    line-height: 1.75;
}
#main p:not(:last-child),
#main .frame-type-netwerk_intro ul:not(:last-child),
#main .frame-type-text ul:not(:last-child),
#main .package-single ul:not(:last-child) {
    margin-bottom: 2rem;
}
    #main p.text-center {
        text-align: center;
    }
    #main p.text-right {
        text-align: right;
    }
/* ####### */
/* RESPONSIVE */
@media (max-width: 1200px) {
    #main header span {
        font-size: 40px;
    }
}
@media (max-width: 820px) {
    #main h2 {
        font-size: 32px;
        text-transform: uppercase;
        padding-top: 88px;
        background-image: url(../Images/header-gold.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 60px 80px;
    }
    #main .frame-type-netwerk_intro header {
        margin-top: 32px;
        margin-bottom: 40px;
        background-image: url(../Images/header-red.png);
        background-position: center top;
        background-size: 60px 80px;
        padding: 96px 32px 0 32px;
    }
}
@media (max-width: 600px) {
    #main h2 {
        font-size: 24px;
    }
    #main header span {
        font-size: 32px;
    }
}
@media (max-width: 420px) {
    #main h2 {
        word-break: break-all;
    }
    #main header span {
        font-size: 24px;
    }
}
/* ########## */