:root {
    --primary-logo-1: #004790;
    --primary-logo-1plus: #0067B1;
    --primary-logo-2minus: #0085C8;
    --primary-logo-2: #36AEE4;
    --primary-logo-2plus: #82CCF2;
    --secondary-logo: #6B7880;
    --secondary-logo-2: #A0B4B9;

    --primary-a-01: #0454A3;
    --primary-a-02: #38ADE3;
    --secondary-b-01: #104862;
    --secondary-b-02: #30A37F;
    --secondary-c-01: #50266E;
    --secondary-c-02: #804796;
    --secondary-m-01: #942346;
    --secondary-m-02: #D01F73;
    --secondary-n-01: #D56D0E;
    --secondary-n-02: #F2B721;
    --secondary-p-01: #006656;
    --secondary-p-02: #BBC800;
}

.site-main .entry-content table,
.is-style-table-default table,
.is-style-regular table {
    border: 1px solid white !important;
    font-family: var(--font-family);
}


.wp-block-table td {
    font-family: var(--font-family-content-default);
}


.site-main .entry-content table th,
.is-style-table-default table th,
.is-style-regular table th {
    background: var(--background-footer);
    color: #FFFFFF;
    border: 3px solid white !important;
    font-size: var(--font-size-h1-fix);
    font-weight: var(--font-weight-h1);
}

.site-main .entry-content table td,
.is-style-table-default table td,
.is-style-regular table td {
    background: var(--primary-logo-2plus);
    border: 3px solid white !important;
    padding: 18px;
}

.site-main .entry-content table tfoot td,
.is-style-table-default table tfoot td,
.is-style-regular table tfoot td {
    background: var(--primary-logo-2);
    border: 3px solid white !important;
}



.site-main .table-changeable, .site-main .table-changeable a,
.is-style-table-changeable, .is-style-table-changeable a {
    color: #FFFFFF;
}

.site-main .table-changeable tr:nth-child(odd) td:nth-of-type(odd),
.is-style-table-changeable tr:nth-child(odd) td:nth-of-type(odd) {
    background-color: var(--primary-logo-1plus);
}

.site-main .table-changeable tr:nth-child(odd) td:nth-of-type(even),
.is-style-table-changeable tr:nth-child(odd) td:nth-of-type(even) {
    background-color: var(--primary-logo-1);
}

.site-main .table-changeable tr:nth-child(even) td:nth-of-type(even),
.is-style-table-changeable tr:nth-child(even) td:nth-of-type(even) {
    background-color: var(--primary-logo-1plus);
}

.site-main .table-changeable tr:nth-child(even) td:nth-of-type(odd),
.is-style-table-changeable tr:nth-child(even) td:nth-of-type(odd) {
    background-color: var(--primary-logo-1);
}

.site-main .table-changeable td:empty,
.is-style-table-changeable td:empty {
    background-color: transparent !important;
}

.is-style-table-changeable table td strong:first-child {
    font-size: var(--font-size-h1-fix);
}

table.has-fixed-layout {
    border-spacing: 5px;
    table-layout: fixed;
    border-collapse: collapse;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.wp-block-table .has-fixed-layout td {
    word-break: break-word;
}

.wp-block-table .has-fixed-layout th {
    word-break: keep-all;
}

.has-fixed-layout td {
    background-repeat: no-repeat !important;
    background-position: 0 !important;
    height: 300px;
    text-align: left;
    vertical-align: top;
    max-width: var(--max-width-navbar-li);
}

.has-fixed-layout td.moodle {
    color: #FFFFFF;
    background-color: var(--primary-logo-1) !important;
}

.is-style-image-rotate img, img.is-style-image-rotate {
    transform: rotate(-2deg);
    margin-top: 10px;
    margin-bottom: 10px;
}

.first-column-small th:first-child,
.first-column-small td:first-child {
    width: 120px;
}

.first-column-small td {
    height: auto;
}




/**
DOWNLOAD STYLE
*/

:root{
    --opacity-style-download: 0.2;
}


.is-style-table-download table tr, .is-style-table-download table tr td {
    background-color: var(--primary-logo-2) !important;
    color: black;
    font-family: var(--font-family);
    padding: 15px;
    padding-top: 18px;
}

.is-style-table-download tr td::after {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
    content: "";
    opacity: var(--opacity-style-download);
    max-width: var(--max-width-navbar-li);
    max-height: var(--max-width-navbar-li);
}

.is-style-table-download tr:first-child td:nth-child(0n + 1)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_Anmeldung.svg');
}

.is-style-table-download tr:first-child td:nth-child(0n + 2)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_imStudium.svg');
}

.is-style-table-download tr:nth-child(0n+2) td:nth-child(0n + 1)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_moodle_Funktionen.svg');
}

.is-style-table-download tr:nth-child(0n+2) td:nth-child(0n + 2)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_Wissenswertes.svg');
}

.is-style-table-download table td {
    margin: 0;
    position: relative;
    z-index: 5;
    width: var(--max-width-navbar-li);
    width: 200px !important;
}

.is-style-table-download table td {
    font-size: var(--font-size-menu-sub-fix);
}

.is-style-table-download table td strong:first-child {
    font-size: var(--font-size-menu-fix);
}

.is-layout-flow:has(.is-style-table-download) {
    flex-basis: 66.68% !important;
}


/**
Moodle STYLE
*/

:root{
    --opacity-style-moodle: 0.2;
}


.is-style-table-moodle table tr, .is-style-table-moodle table tr td {
    background-color: var(--primary-logo-2) !important;
    font-family: var(--font-family);
    font-weight: var(--font-weight-content);
    padding: 15px;
    padding-top: 18px;
    color: black;
}

.is-style-table-moodle tr td::after {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
    content: "";
    opacity: var(--opacity-style-moodle);
}

.is-style-table-moodle tr td a {
    color: black;
    text-decoration: none;
}

.is-style-table-moodle tr td a:hover {
    color: white;
    text-decoration: none;
}

.is-style-table-moodle tr:first-child td:nth-child(0n + 1)::after {
    background-image: url('/wp-content/uploads/2023/09/Icons_OSW_Icon_moodle_80px.svg');
    opacity: 1;
}

.is-style-table-moodle tr:first-child td:nth-child(0n + 1) {
    color: white;
}

.is-style-table-moodle tr:first-child td:nth-child(0n + 2) strong, .is-style-table-moodle tr:first-child td:nth-child(0n + 2) a {
    height: 100%;
    display: block;
}

.is-style-table-moodle tr:first-child td:nth-child(0n + 2)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_moodle_logIn.svg');
}

.is-style-table-moodle tr:nth-child(0n+2) td:nth-child(0n + 1)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_moodle_Download.svg');
}

.is-style-table-moodle tr:nth-child(0n+2) td:nth-child(0n + 2)::after {
    background-image: url('/wp-content/uploads/2023/11/OSW_Picto_moodle_videos.svg');
}

.is-style-table-moodle table td {
    margin: 0;
    position: relative;
    z-index: 5;
}

.is-style-table-moodle table td {
    font-size: var(--font-size-menu-sub-fix);
    font-weight: 600;
}

.is-style-table-moodle table td strong:first-child {
    font-size: var(--font-size-menu-fix);
    font-weight: 500;
}

.is-layout-flow:has(.is-style-table-moodle) {
    flex-basis: 76% !important;
}


/**
image Link
*/

.is-style-image-link {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.is-style-image-link .wp-element-caption {
    height: 100%;
    background: var(--primary-logo-2);
    color: white;
    padding: 4.2px;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 14px;
    font-size: var(--font-size-menu-sub);
    font-family: var(--font-family);
}

.is-style-image-link figcaption {
    margin-bottom: 0;
}


/**
file Link
*/

.is-style-file-link {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.is-style-file-link .wp-element-caption {
    height: 100%;
    background: var(--primary-logo-2);
    color: white;
    padding: 4.2px;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 14px;
    font-size: var(--font-size-menu-sub);
    font-family: var(--font-family);
}

.is-style-file-link figcaption {
    margin-bottom: 0;
}

.is-style-file-link a:not(.more-link)::before {
    content: '';
    background-image: url('/wp-content/themes/bcl_weiterbildungskolleg_bochum/assets/icons/Icons_OSW_PDF_80px.svg');
    background-repeat: no-repeat;
    display: inline-block;
    height: 66px;
    width: 66px;
    margin-top: -13px;
}

.is-style-file-link a:not(.more-link) {
    display: flex;
    height: 36px;
    background-color: var(--primary-logo-2);
    color: white;
    font-size: var(--font-size-menu-sub);
    font-family: var(--font-family);
    text-decoration: none;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
    padding: 5px;
    padding-right: 15px;
    padding-left: 5px;
}

.wp-block-file .wp-block-file__content-wrapper {
    flex-grow: 0;
}