/* Generelle Styles für Contentboxen */
@media (min-width:1200px){.contentbox .content-box-content-col{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}
@media (min-width:768px){.contentbox .content-box-content-col{-ms-flex-direction:row;flex-direction:row}}.contentbox .content-box-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:3rem;-ms-flex-pack:center;justify-content:center;margin-bottom:0;min-width:100px;padding:15px}

/* Styles für Good-Contenboxen */
.contentbox-good .content-box-icon {
    border-left: 3px solid;
}
.contentbox-good{background:rgba(190,239,189,.4);border-color:#bbcfd2}
.contentbox-good .content-box-icon{background:#146060;color:#E5F9E5}
.contentbox-good h2,.contentbox-good,.contentbox-good p{color:#004702}

.fa-thumbs-up:before{content:"\f164"}
.fal {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;}

/* Styles für Info-Contenboxen */
.contentbox-info {background:rgba(221,198,159,.3);border-color:#ddd4b9}
.contentbox-info .content-box-icon{background:#DDC69F;color:#856404}
.contentbox-info h2,.contentbox-info,.contentbox-info p{color:#856404}
.fa-good:before{content:"\f129"}
.fal {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;}

/* Styles für Bad-Contenboxen */
.contentbox-bad{background:rgba(248,215,218,.7);border-color:#f1b0b7}
.contentbox-bad .content-box-icon{background:#F79494;color:#721c24}
.contentbox-bad h2,.contentbox-bad,.contentbox-bad p{color:#721c24}

.fa-thumbs-down:before{content:"\f165"}
.fal {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;}

/* Styles für Alert-Contenboxen */
.contentbox-alert{background:rgba(238,68,68,.2);border-color:#F79494}
.contentbox-alert .content-box-icon{background:#EE4444;color:#660500}
.contentbox-alert h2,.contentbox-alert,.contentbox-alert p{color:#721c24}

.fa-good:before{content:"\f12a"}
.fal {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;}