:root 
{
    --schmerz-card-border: 14px;
    --schmerz-card-border-margin: 0px !important;
    --schmerz-card-border-radius: 14px;
    --color-therapie: rgb(137, 204, 204) ;
    --color-angehoerige: rgb(7, 150, 221);
}


article.card:has(.text-koerperliches) .btn,
article.card:has(.bg-koerperliches) .btn 
{
    color: var(--bs-danger-bg-subtle) !important;
} 

article.card:has(.text-koerperliches) .row  ,
article.card:has(.bg-koerperliches) .row  {
    border-right: var(--schmerz-card-border) solid var(--bs-danger-bg-subtle) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-koerperliches 
{
    color: var(--bs-danger-bg-subtle) !important;
}
.table-koerperliches , .bg-koerperliches 
{
    background-color: var(--bs-danger-bg-subtle) !important;
    color: var(--bs-black) !important;
}



article.card:has(.text-alltaegliches) .btn,
article.card:has(.bg-alltaegliches) .btn 
{
    color: var(--bs-warning) !important;
}

article.card:has(.text-alltaegliches) .row ,
article.card:has(.bg-alltaegliches) .row
{
    border-right: var(--schmerz-card-border) solid var(--bs-warning) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-alltaegliches 
{
    color: var(--bs-warning) !important;
}
.table-alltaegliches , .bg-alltaegliches 
{
    background-color: var(--bs-warning) !important;
    color: var(--bs-dark) !important;
}



article.card:has(.text-psychisches) .btn,
article.card:has(.bg-psychisches) .btn 
{
    color: var(--bs-purple) !important;
}

article.card:has(.text-psychisches) .row ,
article.card:has(.bg-psychisches) .row  
{
    border-right: var(--schmerz-card-border) solid var(--bs-purple) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-psychisches 
{
    color: var(--bs-purple) !important;
}
.table-psychisches , .bg-psychisches 
{
    background-color: var(--bs-purple) !important;
    color: var(--bs-dark) !important;
}



article.card:has(.text-gesellschaftliches) .btn,
article.card:has(.bg-gesellschaftliches) .btn 
{
    color: var(--bs-gray-500) !important;
}

article.card:has(.text-gesellschaftliches) .row ,
article.card:has(.bg-gesellschaftliches) .row  
{
    border-right: var(--schmerz-card-border) solid var(--bs-gray-500) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-gesellschaftliches 
{
    color: var(--bs-gray-500) !important;
}
.table-gesellschaftliches , .bg-gesellschaftliches 
{
    background-color: var(--bs-gray-500) !important;
    color: var(--bs-dark) !important;
}



article.card:has(.text-therapeutisches) .btn,
article.card:has(.bg-therapeutisches) .btn 
{
    color: var(--color-therapie) !important;
}

article.card:has(.text-therapeutisches) .row ,
article.card:has(.bg-therapeutisches) .row  
{
    border-right: var(--schmerz-card-border) solid  var(--color-therapie) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-therapeutisches 
{
    color: var(--color-therapie) !important;
}
.table-therapeutisches , .bg-therapeutisches 
{
    background-color: var(--color-therapie) !important;
    color: var(--bs-dark) !important;
}



article.card:has(.text-philosophisches) .btn,
article.card:has(.bg-philosophisches) .btn 
{
    color: var(--bs-black) !important;
}

article.card:has(.text-philosophisches) .row ,
article.card:has(.bg-philosophisches) .row  
{
    border-right: var(--schmerz-card-border) solid var(--bs-black) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-philosophisches 
{
    color: var(--bs-black) !important;
}
.table-philosophisches , .bg-philosophisches 
{
    background-color: var(--bs-black) !important;
    color: var(--bs-light) !important;
}



article.card:has(.text-soziales) .btn,
article.card:has(.bg-soziales) .btn 
{
    color: var(--bs-indigo) !important;
}

article.card:has(.text-soziales) .row ,
article.card:has(.bg-soziales) .row  
{
    border-right: var(--schmerz-card-border) solid var(--bs-indigo) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-soziales 
{
    color: var(--bs-indigo) !important;
}
.table-soziales , .bg-soziales 
{
    background-color: var(--bs-indigo) !important;
    color: var(--bs-light) !important;
}



article.card:has(.text-aktuelles) .btn,
article.card:has(.bg-aktuelles) .btn 
{
    color: var(--bs-info) !important;
}

article.card:has(.text-aktuelles) .row ,
article.card:has(.bg-aktuelles) .row  
{
    border-right: var(--schmerz-card-border) solid var(--bs-info) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-aktuelles 
{
    color: var(--bs-info) !important;
}
.table-aktuelles , .bg-aktuelles 
{
    background-color: var(--bs-info) !important;
    color: var(--bs-dark) !important;
}



article.card:has(.text-angehoerige) .btn,
article.card:has(.bg-angehoerige) .btn 
{
    color: var(--color-angehoerige) !important;
}

article.card:has(.text-angehoerige) .row ,
article.card:has(.bg-angehoerige) .row  
{
    border-right: var(--schmerz-card-border) solid var(--color-angehoerige) !important;
    border-radius: calc(var(--schmerz-card-border) - 3px);
}

.text-angehoerige 
{
    color: var(--color-angehoerige) !important;
}
.table-angehoerige , .bg-angehoerige 
{
    background-color: var(--color-angehoerige) !important;
    color: var(--bs-dark) !important;
}

article.card.border-dark .btn-outline-dark:hover 
{
    color: var(--bs-light) !important;
}

.font-weight-bold 
{
    font-weight: 700;
}

a.font-weight-bold:hover 
{
    color: var(--bs-primary) !important;
}