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

/* Orange: #F59B00  */

/*

Landing Page #b1733

*/


.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-uploads li, .ce-uploads div, .ce-gallery, .ce-row {
   /* overflow:initial;  sunfish removed 2024-11-29*/
}


#c7094 img.link-icon{
    display: none;
}
#b1733 #sidebarCollapse,
#b1733 #sidebar{
    display: none;
}

#b1733 #headercontainer {
    display: none;
}


#b1733 .container #main-content .ce-image .ce-gallery figure.image img.link-icon,
#leitfaden .ce-image .ce-gallery figure.image img.link-icon {
    width: 0;
    height: 0;
    display: none;
}
#autoren-logos .ce-image .ce-gallery .ce-column:first-of-type figure.image {
    margin-top: 38px;
}
#autoren-logos .ce-image .ce-gallery .ce-column:first-of-type figure.image img{
    height: 75px;
    width: 193px;
}

#foerderung .ce-image .ce-gallery figure.image img {
    height: 174px;
    width: 320px;
}



@media (min-width: 1000px) {
    #autoren-logos {
        max-width: 85%;
        overflow: visible;
    }
    #foerderung {
        max-width:90%;
        margin-left: auto;
        overflow: visible;
    }
}

@media (min-width: 1500px) {
    #foerderung {
        max-width:85%;
        margin-left: auto;
        overflow: visible;
    }

}

/* 2.3.5. Zubereitung saladette */
#b1763 .ml-lg-4 {
    margin-left: 0 !important;
}
#b1763 .mt-4 {
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    #b1763 .ml-lg-4 {
        margin-top: 2rem;
        max-width: 400px;
    }
}

.youtube-video .ce-inner {
    /* max-width: 90%;*/
}

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

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



/*
    Orange block element
 */

.frame-layout-1 {
    margin-top: 2rem;
    background-color: #F59B00;
    color: #ffffff;
    padding: 5%;
}

.frame-layout-1 h1,
.frame-layout-1 h2,
.frame-layout-1 h3,
.frame-layout-1 h4,
.frame-layout-1 h5,
.frame-layout-1 p {
    color: #ffffff !important;
}
.frame-layout-1 h1,
.frame-layout-1 h2,
.frame-layout-1 h3 {
    font-weight: bold;
}

.frame-layout-1 header h1,
.frame-layout-1 header h2,
.frame-layout-1 header h3,
.frame-layout-1 header h4,
.frame-layout-1 header h5  {
    margin-top: 0;
}

@media (max-width: 1210px) {
    .frame-layout-1 header h1 {
        font-size: 2.2rem;
    }
    .frame-layout-1 h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1030px) {
    .frame-layout-1 header h1 {
        font-size: 2rem;
    }
    .frame-layout-1 h2 {
         font-size: 1.3rem;
     }
}
@media (max-width: 900px) {
    .frame-layout-1 header h1 {
        font-size: 2rem;
        font-weight: normal;
    }
    .frame-layout-1 h2 {
        font-size: 1.3rem;
        font-weight: normal;
    }
}


.gslide-media.gslide-image {
    margin: auto;
    width: 90%;
    height: auto;
}

.glightbox-clean .gslide-description .gdesc-inner {
    padding: 0 20px 20px 20px;
}

#main-content .ce-below .ce-gallery {
    margin-top: 0;
}

.ce-gallery[data-ce-images="3"] .ce-column,
.ce-gallery[data-ce-images="4"] .ce-column,
.ce-gallery[data-ce-images="5"] .ce-column{
    margin-bottom: 30px;
}

/* border box */
.frame-layout-2 {
    padding:0.5rem 1rem;
    border: 1px solid #333;
}

.frame-layout-2 p:last-child {
    margin-bottom: 0;
}


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

h1 {
    margin: 2rem 0;
}

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

h1, h2, h3 {
    color: #F59B00;
}


.small, span.small {
    font-size: 80%;
}
.underline, span.underline {
    text-decoration: underline;
    /* border-bottom: 1px solid #333333; */
}



/* 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: #014c97;
    padding-bottom: 1px;
    border-bottom: 1px solid #0266cb;
}
a:hover, a:focus, a:active {
    color: #0266cb;
    border-color: #0280ff;
}

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

.ce-gallery figure.image .image-caption a img.link-icon {
    width: 14px;
    border: none;
}


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;
}

#sidebarCollapse {
    margin-top: 1px;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background-color: #F59B00;
    color: #ffffff;
    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 #ffffff;
}
#sidebar ul.u1 > li {
    border-bottom: 1px solid #ffffff;
}

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

 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: #ffffff;
    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.u1 li.item-2 ul.u2 a,
#sidebar ul.u1 li.item-2 ul.u2 strong {
    background-color: #F59B00;
}

#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,
#sidebar ul.u1>li>ul.u2>li a:hover{
    color: #b67200;
    background: #fff;
}

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

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: #F59B00; /* #FEF6E2; */
    color: #ffffff; /*#f2f2f2;*/
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-collapse:hover {
    background-color: #F59B00;
    color: #ffffff;
}


/*

.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;
    display: flex;
}
#headercontainer #header{
    margin-left: auto;
}

#headercontainer #header div {
    text-align: center;
}


/* 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;
        font-weight: bold;
    }

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

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

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

    h5, .h5 {
        font-size: 1rem;
        font-weight: bold;
    }
    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;
}