h2 {
    letter-spacing: -3px;
}

#wrapper .article-outer {
    position: relative;
    overflow: hidden;
}

#wrapper .article-outer .mod_article
{
    margin: auto auto 0;
}

#wrapper .article-outer .image-splash-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
}

#wrapper .article-outer .image-splash-background figure, .article-outer .image-splash-background img 
{
    width: 100%;
    height: 100%;
}

#wrapper .article-outer .image-splash-background img {    
    object-fit: cover;
}

#wrapper .article-outer .content-text {
    position: relative;
}

.list-item-boxes ul {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-item-boxes ul li {
    width: 14.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border: 1px solid #2A8FA2;
}



.card-flex-column
{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.box-shadow-1 
{
    box-shadow: 0 4px 0 #2A8FA2, 0 8px 0 #45AFC3;
    margin-bottom: 12px;
}

.box-shadow-2 {
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    margin: 1.5rem;
}

.list-item-checkmarks
{
    list-style-image: url('../../startseite/fija-list-style-image-blue.png');
}

.card.content-image img 
{
    width: 100%;
}

.card ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 1.5rem;
    margin: 0;
}

.card h2 {
    display: flex;
    align-items: center;
    font-size: 2rem;
    font-weight: normal;
    margin: 0;
}

.card h2 img {
    margin-right: 1rem;
    display: block;
}

.home-grid-photocard {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1rem 1rem;
    grid-template-areas: 
        "sol prom";
}

.home-grid-top {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1.2fr 0.7fr;
    gap: 1rem 1rem;
    grid-template-areas: 
        "prob prob sol sol"
        "mag mag mag mag"
        ". uniq uniq .";
}

.home-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 
        "keys keys keys keys . . . ."
        "keys keys keys keys . . . ."
        "keys keys keys keys trans trans trans trans"
        "keys keys keys keys trans trans trans trans"
        ". fair fair fair trans trans trans trans"
        ". fair fair fair trans trans trans trans"
        ". fair fair fair trans trans trans trans"
        ". fair fair fair high high high high"
        "strat strat strat strat high high high high"
        "strat strat strat strat high high high high"
        "strat strat strat strat . . . .";
}

.home-grid p 
{
    font-size: 1.5rem;    
}