.matterbox {
    position:relative;
    color: var(--col06);
    border: 0px solid transparent;
    border-radius: var(--radius_standard);
    transition: all 0.3s, ease-in-out 0.2s;
    display: flex;
    flex-direction: column;
}

.matterbox.bg-color_lightgrey {
    background-color: var(--ci008);
}
.matterbox.bg-color_mediumgrey {
    background-color: var(--ci009);
}
.matterbox.bg-color_darkgrey {
    background-color: var(--ci011);
    color: var(--white);
}
.matterbox.bg-color_ci001 {
    background-color: var(--ci001);
    color: var(--white);
}
.matterbox.bg-color_ci002 {
    background-color: var(--ci002);
    color: var(--white);
}
.matterbox.bg-color_white {
    background-color: var(--white);
    color: var(--col06);
}


.matterbox.bg-color_darkgrey h3, .matterbox.bg-color_ci001 h3, .matterbox.bg-color_ci002 h3,
.matterbox.bg-color_darkgrey a, .matterbox.bg-color_ci001 a, .matterbox.bg-color_ci002 a {
    color: var(--white);
}
.matterbox.bg-color_darkgrey a:hover {
    color: var(--ci002);
}
.matterbox.bg-color_ci001 a:hover {
    color: var(--ci009);
}
.matterbox.bg-color_ci002 a:hover {
    color: var(--ci011);
}


.matterbox figure {
    position:relative;
    margin-top: -2px;
    border: 1px solid var(--ci008);
}
.matterbox.bg-color_ci001 figure {
    border-color: var(--ci001);
}
.matterbox.bg-color_ci002 figure {
    border-color: var(--ci002);
}
.matterbox.bg-color_mediumgrey figure {
    border-color: var(--ci009);
}
.matterbox.bg-color_darkgrey figure {
    border-color: var(--ci011);
}
.matterbox.bg-color_white figure {
    border-color: var(--white);
}

.matterbox figure img {
    width:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:relative;
    background-clip: padding-box;
}
.matterbox.zoom_normal:hover figure img {
    transform: scale(1.05);
}

.matterbox .boxContent {
    padding: 1rem;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}
.matterbox h3 {
    font-size: var(--font_size06);
    font-weight:normal;
    text-transform:none;
    margin-bottom: 0.5rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.matterbox.headTop h3 {
 padding: 1rem;
}


.matterbox .longtext {
    flex: 1 0 auto;
}

.matterbox.textLeft .longtext,
.matterbox.textLeft h3, 
.matterbox.textLeft .longtext p {
    text-align: left;
}
.matterbox.textCenter .longtext,
.matterbox.textCenter h3, 
.matterbox.textCenter .longtext p {
    text-align: center;
}
.matterbox.textRight .longtext,
.matterbox.textRight h3 
.matterbox.textRight .longtext p {
    text-align: right;
}
.matterbox .longtext a {
    font-weight: bold;
}

.matterbox .buttons {
    margin-top: auto;
}
.matterbox .buttons a {
    background-color: var(--ci001);
    color: var(--white);
}
.matterbox .buttons a:hover {
    background-color: var(--ci002);
    color: var(--white);
}
.matterbox.bg-color_ci001 .buttons a {
    background-color: var(--ci002);
    color: var(--white);
}
.matterbox.bg-color_ci001 .buttons a:hover, .matterbox.bg-color_ci002 .buttons a:hover {
    background-color: var(--ci011);
    color: var(--white);
}

.matterbox_single {
    margin-bottom: 1rem;
}

.matterbox_single.bg-color_ci001:hover {
    background-color: var(--ci002);
}
.matterbox_single.bg-color_ci001:hover figure {
    border-color: var(--ci002);
}
.matterbox_single.bg-color_ci002:hover {
    background-color: var(--ci001);
}
.matterbox_single.bg-color_ci002:hover figure {
    border-color: var(--ci001);
}
.matterbox_single.bg-color_ci002:hover .boxContent p {
    color: var(--white);
}

.matterbox_single.headTop h3 {
    padding: 1rem 2rem;
   }
.matterbox_single .boxContent {
    padding: 1rem;
   }
.matterbox_single a {
    text-decoration: none;
}
/*.matterbox_single .boxContent p {
    font-weight: bold;
}*/
.matterbox_single .boxContent p:last-child {
    margin-bottom: 0;
}