.breadcrumbs-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 10px;
}

.breadcrumbs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color:  #C8CDD0;
    font-weight: bold;
    width: 100%;
}

.breadcrumbs-container div{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding-bottom: 5px;
}

.breadcrumbs-container div:not(:last-child) {
    margin-right: 10px;
}

.breadcrumbs-container .ricegrain-container {
    width: 26px;
}

.breadcrumbs-container a {
    color:  #C8CDD0;
}

.breadcrumbs-container a:hover {
    color: #0069B4;
}

.ricegrain-container::before {
    position: relative;
    top: -8px;
    left: -15px;
}

.ricegrain-container.Cherryrot::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='18' viewBox='0 0 175.393 90.866'%3E%3Cdefs%3E%3Cfilter id='Pfad_314' x='0' y='0' width='175' height='90' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='-3' dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_314)'%3E%3Cpath id='Pfad_314-2' data-name='Pfad 314' d='M445.851,63.021a117.873,117.873,0,0,0-47.237,9.832,123.43,123.43,0,0,0,100.05,51.034,123.223,123.223,0,0,0,45.343-8.618,118.186,118.186,0,0,0-98.157-52.248' transform='translate(-380.61 -51.02)' fill='%23de3349'/%3E%3C/g%3E%3C/svg%3E");
}

.ricegrain-container.Limettengrün::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='18' viewBox='0 0 175.393 90.866'%3E%3Cdefs%3E%3Cfilter id='Pfad_314' x='0' y='0' width='175' height='90' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='-3' dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_314)'%3E%3Cpath id='Pfad_314-2' data-name='Pfad 314' d='M445.851,63.021a117.873,117.873,0,0,0-47.237,9.832,123.43,123.43,0,0,0,100.05,51.034,123.223,123.223,0,0,0,45.343-8.618,118.186,118.186,0,0,0-98.157-52.248' transform='translate(-380.61 -51.02)' fill='%23AFCA0B'/%3E%3C/g%3E%3C/svg%3E");
}

.ricegrain-container.Eisblau::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='18' viewBox='0 0 175.393 90.866'%3E%3Cdefs%3E%3Cfilter id='Pfad_314' x='0' y='0' width='175' height='90' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='-3' dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_314)'%3E%3Cpath id='Pfad_314-2' data-name='Pfad 314' d='M445.851,63.021a117.873,117.873,0,0,0-47.237,9.832,123.43,123.43,0,0,0,100.05,51.034,123.223,123.223,0,0,0,45.343-8.618,118.186,118.186,0,0,0-98.157-52.248' transform='translate(-380.61 -51.02)' fill='%2386C2EB'/%3E%3C/g%3E%3C/svg%3E");
}

.ricegrain-container.Sonnengelb::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='18' viewBox='0 0 175.393 90.866'%3E%3Cdefs%3E%3Cfilter id='Pfad_314' x='0' y='0' width='175' height='90' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='-3' dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_314)'%3E%3Cpath id='Pfad_314-2' data-name='Pfad 314' d='M445.851,63.021a117.873,117.873,0,0,0-47.237,9.832,123.43,123.43,0,0,0,100.05,51.034,123.223,123.223,0,0,0,45.343-8.618,118.186,118.186,0,0,0-98.157-52.248' transform='translate(-380.61 -51.02)' fill='%23FFCC00'/%3E%3C/g%3E%3C/svg%3E");
}

.ricegrain-container.Ecru::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='18' viewBox='0 0 175.393 90.866'%3E%3Cdefs%3E%3Cfilter id='Pfad_314' x='0' y='0' width='175' height='90' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='-3' dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_314)'%3E%3Cpath id='Pfad_314-2' data-name='Pfad 314' d='M445.851,63.021a117.873,117.873,0,0,0-47.237,9.832,123.43,123.43,0,0,0,100.05,51.034,123.223,123.223,0,0,0,45.343-8.618,118.186,118.186,0,0,0-98.157-52.248' transform='translate(-380.61 -51.02)' fill='%23C5B98A'/%3E%3C/g%3E%3C/svg%3E");
}

/*** mobile ***/
@media screen and (max-width: 549px) {
    .breadcrumbs-container {
        gap: unset;
        column-gap: 10px;
        row-gap: 5px;
    }
}

@media screen and (max-width: 1180px) {
    .ricegrain-container::before {
        top: -6px;
    }
}