/*
    DEMO STYLE
*/
@import "../../../Fonts/open-sans.css";

/*  HOME PAGE BLQ Logo */
#c6130 .csc-textpic-lastcol {
    padding: 36px 0 0 30px;
}


#c6304 .row {
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
#c6304 .row p {
    margin: 20px;
}
#c6304 .row p:nth-child(1) {
     margin-right: 0px;
 }
#c6304 .row p:nth-child(3) {
    margin-top: 60px;
}
#c6304 a {
    border-bottom: none;
}



/* HOME PAGE In Kooperation mit  */

#c6298  {
    margin: 3rem 0 2rem 0;
}

#c6300 a {
    padding-bottom: 0;
    border-bottom: none;
}

#c6300 ul {
    display: flex;
    align-items: stretch; /* Default */
    /*justify-content:  space-around;    horizontal alignment (applies to child elements) */
    justify-content: center;
    align-items: center;              /* vertical alignment (applied to child elements) */
    flex-wrap: wrap;                  /* wrap: multi-lines, direction is defined by flex-direction */
    width: 100%;
    margin: 0;
    padding: 0;
}
#c6300 li {
    display: block; /* Default */
    margin: 1rem 1rem 3rem 1rem;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
}
#c6300 li:nth-child(1) {
   /* margin-right: 5rem;*/
    grow-flex: 1;
}


/*
#c6298 .csc-textpic-below .csc-textpic-imagewrap {
    margin-top: 0;
}

#c6298  .csc-textpic-image {
    margin: 12px 30px 2rem 0;
}

#c6298  .csc-textpic-imagecolumn.csc-textpic-firstcol {
    margin-right: 30px;
}

#c6298  .csc-textpic-image .csc-textpic-last  {
    margin-top: 0;
    margin-right: 0;
}

*/

body {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff; /* #fafafa;#F1F3F4;  #FBF6EE;*/
    color: #202223;
}

h1 {
    margin-bottom: 2rem;
}

h2, h3 {
    margin: 2rem 0 1rem 0;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .mt-lg-0 h1:first-of-type,
    .mt-lg-0 h2:first-of-type,
    .mt-lg-0 h3:first-of-type {
        margin-top: 0;
    }
}

@media (max-width: 992px) {
    .ce-gallery figcaption {
        display: block;
    }
}


a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

a {
    color: #6C8B22;
    padding-bottom: 1px;
    border-bottom: 1px solid #91BA2F;
}
a:hover, a:focus, a:active {
    color: #91BA2F;
    border-color: #A6D044;
}

img.link-icon,
.csc-textpic a img.link-icon {
    margin: 0 5px 0 3px;
    display: inline-block;
}

img.link-icon2,
.csc-textpic a img.link-icon2 {
    margin: 0 0 0 3px;
    display: inline-block;
}

figcaption {
    margin-top: 0.5rem;
}

#header a, #sidebar a, a#fancybox-close
{
    border-bottom: none;
}

.ce-gallery figure.image img {
    width:100%;
    height: auto;
}

.csc-textpic-below .csc-textpic-imagewrap {
    margin-top: 2rem;
}

.csc-space-before-2 {
    margin-top: 2rem;
}

.csc-space-before-3 {
    margin-top: 3rem;
}

.csc-space-before-4 {
    margin-top: 4rem;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}



.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    FOOTER STYLE
----------------------------------------------------- */


#footer {
    margin-top: 3rem;
}

#footer p {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 8px 0 0;
}
#footer a {
    color: #202223;
    border-bottom: none;
}
#footer ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer ul li {
    display: inline;
}

#footer ul li a {
    display: inline-block;
    padding: 0 8px;
    color: #202223;
    border-bottom: none;
    border-left: 2px solid #999999;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.page-wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.notransition {
    transition: none !important;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background-color: #ededed;
    color: #333333;
    transition: all 0.3s;
}

#sidebar.menuHidden {
    margin-left: -250px;
}


#sidebar ul {
    margin-left: 0;
}

#sidebar ul li {
    margin-bottom: 0;
}

#sidebar ul.u1 {
    margin-bottom: 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #CCCCCC;
}
#sidebar ul.u1 > li {
    border-bottom: 1px solid #CCCCCC;
}

#sidebar ul.logout {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CCCCCC;
}

 a.logout-button::after {
    content: "\f2f5";
    display: inline-block;
    padding-left: 0.5rem;
    font-family: Font Awesome\ 5 Free;
    font-size: 1.2em;
    line-height: .04167em;
    vertical-align: -0.125em;
    color: #999999;
    font-weight: 900;
    text-rendering: auto;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#sidebar ul.u2 {
    padding: 0;
   /* border-bottom: 1px solid #777777; */
}

/*  e-learning */
#sidebar .item-2 ul.u2 {
    /* border-bottom: 1px solid #ffffff; */
}

#sidebar ul.u3 {
    padding: 0;
}


#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar ul li a,
#sidebar ul li strong {
    padding: 10px;
    font-size: 1.4rem;
    display: block;
}

#sidebar ul li a:hover {
    color: #6C8B22;
    background: #fff;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    background: #92BC17;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul {
    margin: 0;
}

#sidebar ul ul a,
#sidebar ul ul strong{
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.15rem !important;
}
/* e-learning */
#sidebar ul li.item-2 ul a,
#sidebar ul li.item-2 ul strong  {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #92BC17;
    color: #ffffff;
}

#sidebar ul ul ul a,
#sidebar ul ul ul strong {
    padding-left: 50px !important;
}

#sidebar ul li.item-2 ul ul a,
#sidebar ul li.item-2 ul ul strong {
    padding-left: 30px !important;
}


ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 1.15rem !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.btn-collapse:focus, .btn-collapse:active {
    outline: none !important;
    box-shadow: none;
}

.btn-collapse {
    margin-left: -20px;
    background-color: #ededed;
    color: #bbbbbb;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-collapse:hover {
    background-color: #ededed;
    color: #000000;
}


/*

.btn-collapse:focus, .btn-collapse.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-collapse.disabled, .btn-collapse:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: transparent;
}

.btn-collapse:not(:disabled):not(.disabled):active, .btn-collapse:not(:disabled):not(.disabled).active,
.show > .btn-collapse.dropdown-toggle {
    color: #333;
    background-color: #dddddd;
    border-color: transparent;
}

.btn-collapse:not(:disabled):not(.disabled):active:focus, .btn-collapse:not(:disabled):not(.disabled).active:focus,
.show > .btn-collapse.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
*/
ol.decimal {
    list-style-type: decimal;
}
ol.lower-roman {
    list-style-type: lower-roman;
}
ol.upper-roman {
     list-style-type: upper-roman;
}
ol.lower-alpha {
    list-style-type: lower-alpha;
}
ol.upper-alpha {
    list-style-type: upper-alpha;
}

ol.square {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.square li {
    counter-increment: step-counter;
    margin-bottom: 10px;
}

ol.square li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color:  #91BA2F;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}

ol.circle {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
}
ol.circle li {
    margin: 0 0 1rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
}
ol.circle li::before {
    content: counter(my-awesome-counter);
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: #91BA2F;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 0 #999;
}
ol.circle.lower-roman li::before {
    content: counter(my-awesome-counter, lower-roman);
}
ol.circle.upper-roman li::before {
    content: counter(my-awesome-counter, upper-roman);
}
ol.circle.lower-alpha li::before {
    content: counter(my-awesome-counter, lower-alpha);
}
ol.circle.upper-alpha li::before {
     content: counter(my-awesome-counter, upper-alpha);
}


ol li, ul li {
    margin-bottom: 1rem;
}


ul, ol {
    margin-left: 0;
}

ol ol li, ol ul li, ul ol li, ul ul li {
    margin-bottom: 0.25rem;
}

.li-mb-0 li{
    margin-bottom: 0 !important;
}
.li-mb-1 li{
    margin-bottom: 0.25rem !important;
}
.li-mb-2 li {
    margin-bottom: 0.5rem !important;
}
.li-mb-3 li {
    margin-bottom: 1rem !important;
}
.li-mb-4 li {
    margin-bottom: 1.5rem !important;
}
.li-mb-5 li {
    margin-bottom: 3rem !important;
}


.pagination,
ul.pagination,
.quiz-subm {
    margin-top: 3rem;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page-link,
.tx-fp-masterquiz .quiz-subm .btn.btn-primary {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    font-size: 90%;
    line-height: 1.25;
    color: #ff8700;
    background-color: #fff;
    border: 1px solid #dedede;
}

.page-link:hover,
.tx-fp-masterquiz .quiz-subm .btn.btn-primary:hover {
    z-index: 2;
    color: #b35f00;
    text-decoration: none;
    background-color: #e9e9e9;
    border-color: #dedede;
}

input[type="checkbox"], input[type="radio"] {
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: -0.15rem;
}

.tx-fp-masterquiz .checkbox label,
.tx-fp-masterquiz .radio label {
    margin-left: 1.4rem;
    text-indent: -1.4rem;
}



/* ---------------------------------------------------
    VIDEO CONTAINER
    <div class="video-container-wrapper"><div class="video-container"><iframe src="https://www.youtube-nocookie.com/embed/LJUaJ5PSXGE?rel=0" width="800" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div>
----------------------------------------------------- */

.video-container-wrapper {
    max-width: 100%;
    left: 0;
    right:0;
    margin:auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 0 20px 20px 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

#headercontainer {
    margin-top: -20px;
}


/* EXT:base/Resources/Private/Extensions/FeLogin/TemplatesInline/ */

.tx-felogin {
    margin: 3rem 0;
}

.tx-felogin legend{
    display: inline-block;
}


.tx-felogin input::placeholder{
    color: #9a9a9a;
    font-weight: 400;
}

.tx-felogin span#togglePassword {
    position: absolute;
    right: 15px;
    transform: translate(0, -50%);
    top: 50%;
    cursor: pointer;
}
.tx-felogin span#togglePassword .fa {
    font-size: 18px;
    color: #9a9a9a;
    font-weight: 400;
}

.cag_pagebrowser,
.tx-feuserlisting-pi1 .back-link {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #dedede;
    text-align: center;
}
.tx-feuserlisting-pi1 .back-link {
    text-align: left;
}
.cag_pagebrowser a,
.keq_navigation a,
a.nav-link,
.tx-feuserlisting-pi1 .back-link a {
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    font-weight: normal;
    color: #007bff !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

.cag_pagebrowser a:hover, .cag_pagebrowser a:focus, .cag_pagebrowser a:active,
.keq_navigation a:hover, .keq_navigation a:focus, .keq_navigation a:active,
a.nav-link:hover, a.nav-link:focus, a.nav-link:active,
.tx-feuserlisting-pi1 .back-link a:hover,
.tx-feuserlisting-pi1 .back-link a:focus,
.tx-feuserlisting-pi1 .back-link a:active {
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    font-weight: normal;
    color: #225f85 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    transition: all 0.3s;
}

.cag_pagebrowser a:focus,
.keq_navigation a:focus,
 a.nav-link:focus,
.tx-feuserlisting-pi1 .back-link a:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.keq_navigation a {
    float: none;
    width: auto;
}

.csc-textpic-imagewrap img {
    width:100%;
    height:auto;
}
.csc-textpic-imagewrap.responsive {
    max-width:100%;
}



.table-striped>tbody>tr>td,
.table-striped>thead>tr>th {
    background-color: rgba(0,0,0,.05);
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fdfdfd;
}

/* custom border: border border-secondary p-4 rounded */

.c-border {
    border: 1px solid #aaaaaa;
    border-radius: 0.25rem;
    padding: 1rem 1rem 1rem 1.5rem;
}
.c-border > h2, .c-border > h3, .c-border > h4 {
    margin-top: 0.5rem !important;
}

/* ---------------------------------------------------
    MEDIAQUERIES

    see custom max width queries for font size below
----------------------------------------------------- */

/* xxs  Extra small devices (portrait phones, less than 576px) */

/*  X-Small sm devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {

    .content p, .content li {
        font-size: 1.25rem;
        /* line-height: 1.5;*/
    }

    .content .small p, .content .small li {
        font-size: 1rem;
        /* line-height: 1.5;*/
    }

    .content ul, .content ol {
        margin-left: 2rem;
    }
}
/* Medium md (for tablets - screens equal to or greater than 768px wide) */
@media (min-width: 768px) {

    .btn-collapse.active i {
        transform: rotate(180deg);
    }
    ul, ol {
        margin-left: 3rem;
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 6rem !important;
    }
    .mt-md-7,
    .my-md-7 {
        margin-top: 7rem !important;
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 8rem !important;
    }

}
/* Large lg (for small laptops - screens equal to or greater than 992px wide) */
@media (min-width: 992px) {

    #sidebar {
        min-width: 300px;
        max-width: 300px;
    }
    #sidebar.menuHidden {
        margin-left: -300px;
    }

    text-nowrap-md {
        white-space: nowrap !important;
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 6rem !important;
    }
    .mt-lg-7,
    .my-lg-7 {
        margin-top: 7rem !important;
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 8rem !important;
    }
}
/* Extra large  xl  - screens equal to or greater than 1200px wide */
@media (min-width: 1200px) {
    #sidebar {
        min-width: 400px;
        max-width: 400px;
    }
    #sidebar.menuHidden {
        margin-left: -400px;
    }
}

/* Extra extra large  xxl  - screens equal to or greater than 1400px wide */
@media (min-width: 1400px) {
    #sidebar {
        min-width: 500px;
        max-width: 500px;
    }
    #sidebar.menuHidden {
        margin-left: -500px;
    }
}

/* M A X - W I D T H -- smaller than */

/* custom - no bootstrap - breakpoints  */
/* custom breakpoint smartphone size - smaller than 380px  */
@media (max-width: 380px) {
    #footer {
        font-size: 0.8rem;
    }
}
/* custom breakpoint smartphone size - smaller than 450px */
@media (max-width: 450px) {
    .csc-textpic-imagewrap.responsive {
        max-width:100%;
        float:none !important;
    }
    .csc-textpic-imagewrap.responsive img {
        width:inherit;
    }
}

/* smaller than sm Small  - smaller than 576px */
@media (max-width: 576px) {
    h1, .h1 {
        font-size: 1.5rem;
    }

    h2, .h2 {
        font-size: 1.25rem;
    }

    h3, .h3 {
        font-size: 1rem;
    }

    h4, .h4 {
        font-size: 1rem;
    }

    h5, .h5 {
        font-size: 1rem;
    }
    ul, ol {
        margin-left: 0;
        padding-left: 1rem;
    }

    #header img {
        height: 30px;
        width: auto;
    }
    #header {
        font-size: 0.8rem;
    }
    .tx-feuserlisting-pi1-listrow table,
    .tx-veguestbook-pi1 .tx-guestbook-result,
    .tx-veguestbook-pi1 .tx-guestbook-header,
    .tx-veguestbook-pi1 .tx-guestbook-header2,
    .tx-veguestbook-pi1 .tx-guestbook-right {
        font-size: 0.8rem;
    }
}

/* smaller than md Medium   - smaller than 768px */
@media (max-width: 768px) {
    #header {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
        margin-top: -40px;
    }
    #header img {
        height: 50px;
        width: auto;
    }
    /* on small devices hide sidebar by default and add class active by clicking the sidebarCollapse button */
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.menuVisible {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}


/* Variables
================================== */
/* Tables
================================== */
.Rtable {
    display: flex;
    flex-wrap: wrap;
    margin:  0.5rem 0;
    padding: 0;
}
.Rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    margin: -1px 0 0 0;
    padding: 0.75rem;
    overflow: hidden;
    list-style: none;
    border-top: solid 1px #dee2e6;
    border-top: solid 1px #dee2e6;
}


.Rtable-bordered .Rtable-cell {
    margin: -1px 0 0 -1px;
    border: solid 1px #dee2e6;
}

.Rtable-dark-bordered .Rtable-cell{
    border: solid 1px #95999c;
}


.Rtable .Rtable-cell p {
    margin:0;
}
.Rtable-header-cell {
    background-color: #dfe0e1;
    border: solid 1px #95999c;
}

.Rtable-header-cell p {
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
}

.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
    margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
    width: 50%;
}
.Rtable--3cols > .Rtable-cell {
    width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
    width: 25%;
}
.Rtable--5cols > .Rtable-cell {
    width: 20%;
}
.Rtable--6cols > .Rtable-cell {
    width: 16.6%;
}



@media (max-width: 575.98px) {
    .Rtable-responsive-sm {
        display: block;
    }
    .Rtable-responsive-sm  > .Rtable-cell {
        width: 100%;
    }
    .Rtable-responsive-sm  > .Rtable-cell.empty {
        display: none;
    }
    .Rtable-responsive-sm  > .Rtable-header-cell{
        margin-top: 2rem;
    }
    .Rtable-responsive-sm  > .table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .Rtable-responsive-md {
        display: block;
    }
    .Rtable-responsive-md  > .Rtable-cell {
        width: 100%;
    }
    .Rtable-responsive-md  > .Rtable-cell.empty {
        display: none;
    }
    .Rtable-responsive-md  > .Rtable-header-cell{
        margin-top: 2rem;
    }

}

@media (max-width: 991.98px) {
    .Rtable-responsive-lg {
        display: block;
    }
    .Rtable-responsive-lg  > .Rtable-cell {
        width: 100%;
    }
    .Rtable-responsive-lg  > .Rtable-cell.empty {
        display: none;
    }
    .Rtable-responsive-lg  > .Rtable-header-cell{
        margin-top: 2rem;
    }

}

@media (max-width: 1199.98px) {
    .Rtable-responsive-xl {
        display: block;
    }
    .Rtable-responsive-xl  > .Rtable-cell {
        width: 100%;
    }
    .Rtable-responsive-xl  > .Rtable-cell.empty {
        display: none;
    }
    .Rtable-responsive-xl  > .Rtable-header-cell{
        margin-top: 2rem;
    }
}


.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.order-13 {
    order: 13;
}
.order-14 {
    order: 14;
}
.order-15 {
    order: 15;
}
.order-16 {
    order: 16;
}
.order-17 {
    order: 17;
}
.order-18 {
    order: 18;
}
.order-19 {
    order: 19;
}
.order-20 {
    order: 20;
}

/* ergänzendes Recht Überschrift */
/* lektion-1-einfuehrung-und-grundsaetze/12-das-verfahren-im-ueberblick/ */
#c6433 h2 {
    padding-top: 1.5rem;
    font-size: 1.25rem;
}

span.yellow, span.green, span.grey {
    display: inline-block;
}

.yellow, .content td.yellow {
    color: #111111;
    background-color: #FFDE59;
}
.yellow a, .yellow a:link, .yellow a:hover {
    color: #0000FF;
    text-decoration: underline;
}

.Rtable-cell.yellow:nth-of-type(odd) {
    /*background-color: #FFD359;*/
    background-color: #FFEDA6;
}

.green, .content td.green {
    color: #111111;
    background-color: #99cc00;
}
.grey {
    color: #111111;
    background-color: #D9D9D9;
}