.box-area {
    float: right;
    position: relative;
    display: flex;
    flex-direction: column;
    /* padding-left: 10px; */
}

.boxing-col2 {
    /* max-width: calc(calc(var(--page-width) - var(--max-width-navbar-li)) - 20px); */
    float: unset;
    display: block !important;
}

.boxing-col2 article {
    /* padding-right: 10px; */
    float: unset;
}

.boxing-col2 .entry-header, .boxing-col2 .entry-content {
    float: unset;
}

.box {
    width: var(--width-navbar-li);
    /* min-height: 280px; TODO: */
    max-width: var(--max-width-navbar-li);
    color: #FFFFFF;
    /* padding: 18px; */
    font-family: var(--font-family);
    float: right;
    margin-bottom: 5px;
    top: 0;
    left: 10px;
    /* background-repeat: no-repeat; 
    background-size: contain; */
}

.box.box-quadrat {
    height: var(--width-navbar-li);
    max-height: var(--max-width-navbar-li);
}

.box.quote {
    min-height: auto;
}

.box.box-thumbnail-outer .box-text {
    margin-top: -100%;
    position: relative;
    /* min-height: var(--width-navbar-li); */
}

.box.box-thumbnail {
    min-height: 300px;
}

.box .box-thumbnail-inner {
    /* height: 100%; */
    width: 100%;
    float: left;
    /* opacity: 0.3; */
    position: relative;
}

.box .box-text {
    padding: 18px;
    top: 0;
    float: left;
}

.box .box-text p:last-of-type {
    margin-bottom: 0;
}

.box img {
    width: var(--width-navbar-li);
    max-width: var(--max-width-navbar-li);
    height: auto;
    opacity: 0.2;
    /* position: absolute; */
}

.box .beWhite img {
    opacity: 1.0;
}

.box h1 {
    padding: 0;
    background-color: transparent;
    line-height: calc(var(--font-lh-h1-fix) - 8px);
}

.box h1:empty {
    display: none;
}

.box h2 {
    margin-top: 0;
}

.box .content {
    font-family: var(--font-family);
    font-size: var(--font-size-menu-dropdown);
    line-height: var(--font-lh-menu-sub);
    font-weight: var(--font-weight-menu-sub);
}

.box .clearfix {
    clear: both;
}

.box.bg-primary1 {
    background-color: var(--primary-logo-1);
}

.box.bg-primary1p {
    background-color: var(--primary-logo-1plus);
}

.box.bg-primary2m {
    background-color: var(--primary-logo-2minus);
}

.box.bg-primary2 {
    background-color: var(--primary-logo-2);
    color: #000000;
}

.box.bg-primary2p {
    background-color: var(--primary-logo-2plus);
}

.box.bg-secondary {
    background-color: var(--secondary-logo);
}

.box.bg-secondary2 {
    background-color: var(--secondary-logo-2);
}

.box.bg-primary_a_01 {
    background-color: var(--primary-a-01);
}

.box.bg-primary_a_02 {
    background-color: var(--primary-a-02);
}

.box.bg-secondary_p_01 {
    background-color: var(--secondary-p-01);
}

.box.bg-secondary_p_02 {
    background-color: var(--secondary-p-02);
}

.box.bg-secondary_n_01 {
    background-color: var(--secondary-n-01);
}

.box.bg-secondary_n_02 {
    background-color: var(--secondary-n-02);
}

.box.bg-secondary_b_01 {
    background-color: var(--secondary-b-01);
}

.box.bg-secondary_b_02 {
    background-color: var(--secondary-b-02);
}

.box.bg-secondary_c_01 {
    background-color: var(--secondary-c-01);
}

.box.bg-secondary_c_02 {
    background-color: var(--secondary-c-02);
}

.box.bg-secondary_m_01 {
    background-color: var(--secondary-m-01);
}

.box.bg-secondary_m_02 {
    background-color: var(--secondary-m-02);
}



.box.color-primary1 > *, .box.color-primary1 h1 {
    color: var(--primary-logo-1) !important;
}

.box.color-primary1p > *, .box.color-primary1p h1 {
    color: var(--primary-logo-1plus) !important;
}

.box.color-primary2m > *, .box.color-primary2m h1 {
    color: var(--primary-logo-2minus) !important;
}

.box.color-primary2 > *, .box.color-primary2 h1 {
    color: var(--primary-logo-2) !important;
}

.box.color-primary2p > *, .box.color-primary2p h1 {
    color: var(--primary-logo-2plus) !important;
}

.box.color-secondary > *, .box.color-secondary h1 {
    color: var(--secondary-logo) !important;
}

.box.color-secondary2 > *, .box.color-secondary2 h1 {
    color: var(--secondary-logo-2) !important;
}

.box.color-secondary_b_01 > *, .box.color-secondary_b_01 h1 {
    color: var(--secondary-b-01) !important;
}

.box.color-secondary_b_02 > *, .box.color-secondary_b_02 h1 {
    color: var(--secondary-b-02) !important;
}

.box.color-secondary_n_01 > *, .box.color-secondary_n_01 h1 {
    color: var(--secondary-n-01) !important;
}

.box.color-secondary_n_02 > *, .box.color-secondary_n_02 h1 {
    color: var(--secondary-n-02) !important;
}

.box.color-secondary_c_01 > *, .box.color-secondary_c_01 h1 {
    color: var(--secondary-c-01) !important;
}

.box.color-secondary_c_02 > *, .box.color-secondary_c_02 h1 {
    color: var(--secondary-c-02) !important;
}

.box.color-secondary_m_01 > *, .box.color-secondary_m_01 h1 {
    color: var(--secondary-m-01) !important;
}

.box.color-secondary_m_02 > *, .box.color-secondary_m_02 h1 {
    color: var(--secondary-m-02) !important;
}

.box.color-primary_a_01 > *, .box.color-primary_a_01 h1 {
    color: var(--primary-a-01) !important;
}

.box.color-primary_a_02 > *, .box.color-primary_a_02 h1 {
    color: var(--primary_a-02) !important;
}

.box.color-none > *, .box.color-none h1 {
    color: #000000 !important;
}

.box.quote h1.box-title::before {
    content: '„';
}

.box.quote h1.box-title::after {
    content: '”';
}


@media screen and (max-width: 766px) {
    .boxing-col2 {
        display: flex !important;
        flex-direction: column !important;
    }

    .box {
        width: var(--max-width-navbar-li);
    }

    .box.box-thumbail-outer {
        min-height: var(--max-width-navbar-li);
    }
    
    .box img {
        width: var(--max-width-navbar-li);
    }

    .box-area {
        align-items: left;
        padding-left: 0;
    }
}