@charset "UTF-8";
.alert-error {
    border: 1px solid #ff0000;
    background-color: #ffcccc;
    color: #000;
    padding: 1rem;
    margin: 1rem 0;
}

blockquote {
    margin: 1rem 0;
    background-position: 0 24px;
    padding: 1rem 0 1rem 3rem;
    background-color: transparent;
    background-image: url(https://pikas.dzlm.de/sites/pikasdg/themes/goodnex/images/icons/quotes.png);
    font-style: italic;
    background-repeat: no-repeat;
}
blockquote > p:last-child:not(:first-child) {
    margin-top: 5px;
    text-align: right;
    font-size: 0.9rem;
    font-style: normal;
}
blockquote > p:last-child:not(:first-child):before {
    content: "\002014";
    margin-right: 1rem;
}
blockquote > p:last-child:not(:first-child):after {
    content: "\002014";
    margin-left: 1rem;
}
blockquote > p:last-child:not(:first-child) > br {
    display: none;
}
blockquote > footer {
    /*border-top:1px solid $color-grey;*/
    margin-top: 5px;
    margin-right: 1rem;
    color: #000;
    text-align: right;
    font-size: 0.9rem;
    font-style: normal;
}
blockquote > footer:before {
    content: "\002014";
    margin-right: 1rem;
}
blockquote > footer:after {
    content: "\002014";
    margin-left: 1rem;
}
blockquote > footer > br {
    display: none;
}

pre.rechnen {
    font-size: 1.5rem;
    margin: 0.5rem 0;
    padding: 0;
}

.transition-default {
    -webkit-transition: all 0.3s linear;
    -moz-transition-duration: all 0.3s linear;
    -o-transition-duration: all 0.3s linear;
    transition: all 0.3s linear;
}

.transition-collapse, details.collapse-text-details::details-content {
    -webkit-transition: all 0.5s ease allow-discrete;
    -moz-transition-duration: all 0.5s ease allow-discrete;
    -o-transition-duration: all 0.5s ease allow-discrete;
    transition: all 0.5s ease allow-discrete;
}

.transition-collapse-test {
    -webkit-transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
    -moz-transition-duration: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
    -o-transition-duration: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
    transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
}

.hover, div.card-group div.card, div.card-group div.card.card-type-kachel-petrol, div.card-group div.card.hover-scale-img div.card-img img, .not-ie a.hover {
    -webkit-transition: all 0.3s linear;
    -moz-transition-duration: all 0.3s linear;
    -o-transition-duration: all 0.3s linear;
    transition: all 0.3s linear;
}

.hover:hover, div.card-group div.card:hover, div.card-group div.card.hover-scale-img div.card-img img:hover {
    z-index: 100;
}

.hover-zoom-05:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.hover-zoom-10:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.hover-rotate-l-10:hover {
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.hover-rotate-r-10:hover {
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.hover-shadow:hover {
    -webkit-box-shadow: 5px 5px 5px 0px #AAA;
    -moz-box-shadow: 5px 5px 5px 0px #AAA;
    box-shadow: 5px 5px 5px 0px #AAA;
    -webkit-transform: translate(-1px, -1px) scale(1.02);
    -moz-transform: translate(-1px, -1px) scale(1.02);
    -o-transform: translate(-1px, -1px) scale(1.02);
    transform: translate(-1px, -1px) scale(1.02);
}

.no-select, h2.replaced-by-img {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.row, div.img-img, div.img-gallery, div.header > div.text, div.list-personen, #kira-quiz > div.fragen {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > *, div.img-img > *, div.img-gallery > *, div.header > div.text > *, div.list-personen > *, #kira-quiz > div.fragen > * {
    flex-shrink: 0;
    /*width: 100%;*/
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6, div.card-group div.card.card-3 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12, div.card-group div.card.card-6, div.header > div.text > div.text {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0, div.header > div.text, div.kira-check-frage div.row, div.kira-check-frage div.img-img, div.kira-check-frage div.img-gallery, div.kira-check-frage div.header > div.text, div.kira-check-frage div.list-personen, div.kira-check-frage #kira-quiz > div.fragen, #kira-quiz > div.fragen,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0, div.header > div.text, div.kira-check-frage div.row, div.kira-check-frage div.img-img, div.kira-check-frage div.img-gallery, div.kira-check-frage div.header > div.text, div.kira-check-frage div.list-personen, div.kira-check-frage #kira-quiz > div.fragen, #kira-quiz > div.fragen,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3, div.img-gallery > figure {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4, div.card-group div.card.card-3 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6, div.card-group div.card.card-6, div.img-img > div.img1, div.img-img > div.img2, div.img-img > figure, div.img-gallery.gallery-2 > figure, div.list-personen > div.person {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12, div.list-personen > div.person.person-row {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3, div.card-group div.card.card-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6, div.header > div.text > div {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}
table.table.table-bordered, table.table.table-text {
    border: 1px solid #DDDDDD;
}
table.table.table-bordered th, table.table.table-bordered td, table.table.table-text th, table.table.table-text td {
    border: 1px solid #DDDDDD;
}

/* --------Anm. HW: So globale Stile sind ungünstig. Ich habe das globale img wieder rausgenommen----*/

/* figure, img { */
    /* display: block; */
    /* margin: 1rem 0 1rem 0; */
/* } */

main-wrapper figure {
    display: block;
    margin: 1rem 0 1rem 0;
}

/* ----------*/



figure.w100, img.w100 {
    width: 100%;
}
figure.w75, img.w75 {
    width: 75%;
}
@media screen and (max-width: 991px) {
    figure.w75, img.w75 {
        width: 100%;
    }
}
figure.w50, img.w50 {
    width: 50%;
}
@media screen and (max-width: 991px) {
    figure.w50, img.w50 {
        width: 100%;
    }
}
figure.w25, img.w25 {
    width: 25%;
}
@media screen and (max-width: 991px) {
    figure.w25, img.w25 {
        width: 100%;
    }
}
figure.w12, img.w12 {
    width: 12.5%;
}
@media screen and (max-width: 767px) {
    figure.w12, img.w12 {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    figure.w12, img.w12 {
        width: 75%;
    }
}
figure.center, img.center {
    text-align: center;
    margin: 1rem auto 1rem auto;
}
figure.left, img.left {
    text-align: left;
    margin: 1rem auto 1rem 0;
}
figure.right, img.right {
    text-align: right;
    margin: 1rem 0 1rem auto;
}
figure > img, img > img {
    width: 100%;
    height: auto;
    margin: 0;
}
figure.image > a > img, img.image > a > img {
    width: 100%;
    height: auto;
    margin: 0;
}

/*
h2.replaced-by-img-after-dont-work {
    @extend .no-select;
    color:transparent;
    position: relative;
    font-size:0;
    line-height:0;
    height:auto;
    :after {
        content:'';
        display: block;
        position: relative;
        width:100%;
        height:auto;
    }
    &.digi-leitideen-foerdern:after {
        content: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Leitideen/img/leitideen_prozessbezogenekompetenzen.png);
    }

}
*/
h2.replaced-by-img {
    height: auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

/*
h2.replaced-by-img-old {
    @extend .no-select;
    color:transparent;
    height: 154px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
&.digi-leitideen-gestalten {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Leitideen/img/leitideen_gutenmathematikunterricht.png);
}
&.digi-leitideen-stuetzen {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Leitideen/img/leitideen_beziehungsreichesuebendurchdigitalemedienstuetzen.png);
}
&.digi-leitideen-potentiale {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Leitideen/img/leitideen_verstehensprozessedurchdiepotentialedigitalermedienunterstuetzen.png);
}
&.digi-leitideen-foerdern {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Leitideen/img/leitideen_prozessbezogenekompetenzen.png);
}
&.digi-unterricht-zahlen-operationen {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Unterricht/unterricht_zahlenundoperationen.png);
}
&.digi-unterricht-raum-form {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Unterricht/unterricht_raumundform.png);
}
&.digi-unterricht-groessen-messen {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Unterricht/unterricht_groessenundmessen.png);
}
&.digi-unterricht-daten-haeufigkeiten-wahrscheinlichkeiten {
    background-image: url(https://pikas-digi.dzlm.de/sites/pikasdg/files/uploads/Unterricht/unterricht_datenhaeufigkeitenundwahrscheinlichkeiten.png);
}
&.digi-fortbildung-digitale-medien {
    background-image: url(/sites/default/files/uploads/Fortbildung/Grundlagen/fortbildung_digitalemedien.png);
}
&.digi-fortbildung-lernvideos-digitale-pinnwaende {
    background-image: url(/sites/default/files/uploads/Fortbildung/Lernvideos/fortbildung_digitalemedien.jpeg);
}
&.digi-fortbildung-gute-aufgaben {
    background-image: url(/sites/default/files/uploads/Fortbildung/Gute_Lernaufgaben/fortbildung_gutelernaufgaben.png);
}
&.digi-fortbildung-programmieren-in-der-grundschule {
    background-image: url(/sites/default/files/uploads/Fortbildung/Programmieren/fortbildung_programmierenindergrundschule.png);
}
&.digi-fortbildung-praxismodul-diagramme {
    background-image: url(/sites/default/files/uploads/Fortbildung/Diagramme/fortbildung_diagramme.png);
}
&.digi-fortbildung-divomath {
    background-image: url(/sites/default/files/uploads/Fortbildung/divomath/divomath_digi.png);
}
&.digi-software-kriteriengeleitete-softwareauswahl {
    background-image: url(/sites/default/files/uploads/Software/img/software_kriteriengeleitetesoftwareauswahl.png);
}
&.digi-software-software_apps-fuer-den-mathematikunterricht {
    background-image: url(/sites/default/files/uploads/Software/img/software_appsfuerdenmathematikunterricht.png);
}
&.digi-software-elternbrief-apps {
    background-image: url(/sites/default/files/uploads/Software/img/software_elternbriefapps.png);
}
&.digi-unterstuetzung-geraete-administrieren {
    background-image: url(/sites/default/files/uploads/Unterstuetzung/unterstuetzung_geraeteadministrieren.png);
}
&.digi-unterstuetzung-unterricht-organisieren {
    background-image: url(/sites/default/files/uploads/Unterstuetzung/unterstuetungunterrichtorganisieren.png);
}
&.digi-unterstuetzung-klasse-managen {
    background-image: url(/sites/default/files/uploads/Unterstuetzung/unterstuetzung_klassemanagen.png);
}
&.digi-unterstuetzung-kinder-unterstuetzen {
    background-image: url(/sites/default/files/uploads/Unterstuetzung/unterstuetzung_kinderunterstuetzen.png);
}


}
*/
#main ul.download, #main ol.download {
    margin: 0.5rem 0;
    padding: 0;
    list-style: none;
}
#main ul.download > li, #main ol.download > li {
    padding: 0;
}
#main ul.list-unstyled, #main ol.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.download-icon, a.download-icon-matin,
a.download-icon-pdf, a.download-icon-doc, a.download-icon-ppt, a.download-icon-xls, a.download-icon-video,
a.download-icon-padlet, a.download-icon-zip, a.download-icon-matin.link-external,
a.download-icon-pdf.link-external, a.download-icon-doc.link-external, a.download-icon-ppt.link-external, a.download-icon-xls.link-external, a.download-icon-video.link-external,
a.download-icon-padlet.link-external, a.download-icon-zip.link-external {
    display: block;
    min-height: 25px;
    height: auto !important;
    padding: 5px 0 5px 35px !important;
    padding-left: 35px !important;
    margin: 0.25rem 0;
    background-position-y: 50%;
    background-size: 25px;
    background-repeat: no-repeat;
}

a.download-icon-pdf {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-pdf.png) !important;
}

a.download-icon-doc {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-doc.png) !important;
}

a.download-icon-ppt {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-ppt.png) !important;
}

a.download-icon-xls {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-xls.png) !important;
}

a.download-icon-video {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-video.png) !important;
}

a.download-icon-matin {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-matin.png) !important;
}

a.download-icon-padlet {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-padlet.png) !important;
}

a.download-icon-zip {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-zip.png) !important;
}

div.collapse-fieldset-with-border + div.collapse-fieldset-with-border {
    margin-top: -1rem;
    border-top: none;
}
div.collapse-fieldset-with-border + div.collapse-fieldset-with-border details.collapse-text-details {
    border-top: none;
    margin-top: 0;
    padding-top: 2rem;
}

div.collapse-fieldset-with-border:has(+ .collapse-fieldset-with-border) details.collapse-text-details {
    padding-bottom: 1rem;
}

details.collapse-text-details {
    border: none;
    border-top: none;
    border-bottom: none;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    /*inline-size: 100ch;*/
    /*
    &::details-content {
        block-size: 0;
        overflow-y: clip;
        @extend .transition-collapse;
    }

    */
    /*
@supports (interpolate-size: allow-keywords) {
    :root {
        interpolate-size: allow-keywords;
    }

    &[open]::details-content {
        height: auto;
    }
}
    */ }
@media (prefers-reduced-motion: no-preference) {
    details.collapse-text-details {
        interpolate-size: allow-keywords;
    }
}
details.collapse-text-details div.form-details-wrapper {
    margin: 0;
}
details.collapse-text-details summary {
    display: list-item;
}
details.collapse-text-details::details-content {
    height: 0;
    overflow: clip;
}
details.collapse-text-details[open]::details-content {
    height: auto;
}
details.collapse-text-details div.collapse-text-text {
    margin: 1rem 0 0 0;
}
details.collapse-text-details div.collapse-text-text > ul {
    margin: 0;
    list-style: none;
}
details.collapse-text-details div.collapse-text-text > ul > li {
    text-indent: -1rem;
}
details.collapse-text-details.cl-literatur, details.collapse-text-details.cl-literatur-2, details.collapse-text-details.cl-ordner-1, details.collapse-text-details.cl-zahnraeder, details.collapse-text-details.cl-zahnraeder-sprechblase, details.collapse-text-details.cl-literatur-kira {
    min-height: 70px;
    background-position: left 15px;
    padding-left: 75px;
    background-repeat: no-repeat;
    background-size: 60px;
}
details.collapse-text-details.cl-no-triangle summary::marker, details.collapse-text-details.cl-no-triangle summary::-webkit-details-marker {
    display: none;
    content: "";
}
details.collapse-text-details.cl-literatur {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-literatur.png);
}
details.collapse-text-details.cl-literatur-2 {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-literatur-2.png);
}
details.collapse-text-details.cl-ordner-1 {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-ordner-1.svg);
}
details.collapse-text-details.cl-zahnraeder {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-zahnraeder.svg);
}
details.collapse-text-details.cl-zahnraeder-sprechblase {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-zahnraeder.svg);
}
details.collapse-text-details.cl-literatur-kira {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-literatur-kira.png);
}
div.div-eigenaktivitaet details.collapse-text-details {
    border: none;
}

div.card-group {
    position: relative;
    z-index: 1;
}
div.card-group > div {
    z-index: 2;
    position: relative;
}
div.card-group > div > * {
    position: relative;
    z-index: 3;
}
div.card-group div.card {
    padding: 0;
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    background-color: #FFF;
    border: 0 solid #FFF;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-clip: border-box;
}
div.card-group div.card.no-border {
    border: none;
}
div.card-group div.card h2, div.card-group div.card h3 {
    color: #327D87;
}
div.card-group div.card .card-inner {
    margin-bottom: 1rem;
    z-index: 2;
    border: 1px solid #ddd;
}
div.card-group div.card > div.card-body {
    padding: 1rem;
    height: auto;
    overflow: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
div.card-group div.card > div.card-body h2, div.card-group div.card > div.card-body h3 {
    margin: 0 0 0.5rem 0;
    padding: 0;
    border: none !important;
}
div.card-group div.card > div.card-body div.title {
    margin: 0 0 0.5rem 0;
    padding: 0;
    font-size: 1.5rem;
}
div.card-group div.card > div.card-body div.sub-title {
    margin: 0 0 0.5rem 0;
    padding: 0;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
div.card-group div.card > div.card-body p {
    margin: 0 0 0.5rem 0;
}
@media (max-width: 767px) {
    div.card-group div.card .zzz.card-img {
        display: none;
    }
}
div.card-group div.card > div.card-img {
    position: relative;
    background-color: #EEE;
    width: 100%;
    height: 156px;
    overflow: hidden;
}
@media (max-width: 1399px) {
    div.card-group div.card > div.card-img {
        height: 160px;
    }
}
@media (max-width: 1199px) {
    div.card-group div.card > div.card-img {
        height: 162px;
    }
}
@media (max-width: 991px) {
    div.card-group div.card > div.card-img {
        height: 160px;
    }
}
@media (max-width: 767px) {
    div.card-group div.card > div.card-img {
        height: 160px;
    }
}
div.card-group div.card > div.card-img img {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
div.card-group div.card > div.card-img.h2 {
    height: 195px;
}
div.card-group div.card > div.card-img.h100 img {
    height: 100%;
    width: auto;
}
div.card-group div.card.card-type-kachel-petrol {
    flex-direction: row;
    align-items: flex-start;
    background-color: rgba(50, 122, 134, 0.2);
}
div.card-group div.card.card-type-kachel-petrol > div.card-body {
    width: 70%;
    padding: 1rem;
}
div.card-group div.card.card-type-kachel-petrol > div.card-body h3 {
    font-size: 1.5rem;
}
div.card-group div.card.card-type-kachel-petrol > div.card-img {
    background-color: transparent;
    width: 30%;
    text-align: center;
}
div.card-group div.card.card-type-kachel-petrol > div.card-img img {
    height: 90%;
    width: auto;
    top: 5%;
    transform: none;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-1, div.card-group div.card.card-type-kachel-petrol img.stempel-2 {
    position: absolute;
    z-index: 100;
    height: 75px;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-1 {
    right: 24%;
    bottom: 37px;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-1.no-icon {
    right: 2%;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-2 {
    right: 48%;
    bottom: 37px;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-2.no-icon {
    right: 26%;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-fachoffensive {
    right: 24%;
    bottom: 37px;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-fachoffensive.no-icon {
    right: 2%;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-foedima {
    right: 48%;
    bottom: 37px;
}
div.card-group div.card.card-type-kachel-petrol img.stempel-foedima.no-icon {
    right: 2%;
}
div.card-group div.card.card-type-kachel-petrol:hover {
    background-color: #327D87;
}
div.card-group div.card.card-type-kachel-petrol:hover > div.card-body h3 {
    color: #FFF;
    text-decoration: none;
}
div.card-group div.card.card-type-kachel-petrol:hover a {
    color: #FFF;
    text-decoration: none;
}
div.card-group div.card.card-type-teaser-website {
    padding: 1rem 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-items: self-start;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-website {
        flex-direction: column;
    }
}
div.card-group div.card.card-type-teaser-website > div.card-img {
    width: 30%;
    height: 100%;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-website > div.card-img {
        width: 100%;
    }
}
div.card-group div.card.card-type-teaser-website > div.card-img a {
    display: block;
}
div.card-group div.card.card-type-teaser-website > div.card-img img {
    top: 0;
    transform: none;
}
div.card-group div.card.card-type-teaser-website > div.card-body {
    padding: 0 0 0 1rem;
    width: 70%;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-website > div.card-body {
        padding: 1rem 0 0 0;
        width: 100%;
    }
}
div.card-group div.card.card-type-teaser-print {
    padding: 1rem 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-items: self-start;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-print {
        flex-direction: column;
    }
}
div.card-group div.card.card-type-teaser-print > div.card-img {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-print > div.card-img {
        width: 100%;
    }
}
div.card-group div.card.card-type-teaser-print > div.card-img a {
    /*width:60%;*/ }
div.card-group div.card.card-type-teaser-print > div.card-img a img {
    width: auto;
    height: 200px;
    top: 0;
    transform: none;
}
div.card-group div.card.card-type-teaser-print > div.card-body {
    padding: 0 0 0 1rem;
    width: 70%;
}
@media only screen and (max-width: 991px) {
    div.card-group div.card.card-type-teaser-print > div.card-body {
        padding: 1rem 0 0 0;
        width: 100%;
    }
}
div.card-group div.card:hover > div.card-body h2, div.card-group div.card:hover > div.card-body h3 {
    color: #327D87;
    text-decoration: underline;
}
div.card-group div.card:hover > div.card-body xxp {
    color: #000;
    text-decoration: none;
}
div.card-group div.card.test-1:hover h2, div.card-group div.card.test-1:hover h3 {
    color: #327D87;
    text-decoration: underline;
}
div.card-group div.card.test-1:hover p {
    color: #327D87;
}
div.card-group div.card.test-2:hover h2, div.card-group div.card.test-2:hover h3 {
    color: #327D87;
    text-decoration: underline;
}
div.card-group div.card.test-2:hover p {
    color: #000;
}
div.card-group div.card.test-3:hover h2, div.card-group div.card.test-3:hover h3 {
    color: #327D87;
}
div.card-group div.card.test-3:hover p {
    color: #000;
    text-decoration: none;
}
div.card-group div.card.hover-scale-img {
    border: 0px solid #327D87;
}
div.card-group div.card.hover-scale-img:hover div.card-img img {
    transform: scale(1.05) translateY(-50%);
}

.div-default, div.collapse-fieldset-with-border, .div-background-image-top-left, div.news, .box-70-30, div.img-right, div.img-left, div.div-aufgabe, div.div-eigenaktivitaet, div.img-img, div.img-right-text-float, div.img-gallery, div.interview, div.div-interview, div.ckedit-box-grey {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

zzz.div-default + zzz.div-default, zzz.div-background-image-top-left + zzz.div-default, zzz.box-70-30 + zzz.div-default, zzz.div-default + zzz.div-background-image-top-left, zzz.div-background-image-top-left + zzz.div-background-image-top-left, zzz.box-70-30 + zzz.div-background-image-top-left, zzz.div-default + zzz.box-70-30, zzz.div-background-image-top-left + zzz.box-70-30, zzz.box-70-30 + zzz.box-70-30 {
    margin-top: -1rem;
}

.div-border, div.div-aufgabe, div.div-eigenaktivitaet {
    border: 2px solid #327D87;
    border-radius: 8px;
    padding: 1rem 2rem;
}

.div-border-top-bottom, div.collapse-fieldset-with-border {
    border-top: 1px dotted #222;
    border-bottom: 1px dotted #222;
    border-left: none;
    border-right: none;
}

.div-border-top-bottom + .div-border-top-bottom, div.collapse-fieldset-with-border + .div-border-top-bottom, .div-border-top-bottom + div.collapse-fieldset-with-border, div.collapse-fieldset-with-border + div.collapse-fieldset-with-border {
    border-top: none;
}

.div-background-image-top-left, div.news {
    padding: 15px 15px 15px 130px;
    min-height: 140px;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    background-size: 100px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .div-background-image-top-left, div.news {
        padding: 75px 15px 15px 15px;
        background-position: center 10px;
        background-size: 75px;
    }
}
.div-background-image-top-left zzh2, div.news zzh2, .div-background-image-top-left zzh3, div.news zzh3 {
    margin: 0.25rem 0.5rem 0.5rem 0;
}

.h3-with-background-image, div.div-aufgabe h3, div.div-eigenaktivitaet h3 {
    min-height: 65px;
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-aufgabe.png);
    background-position: left center;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 60px;
    display: flex;
    align-items: center;
}

.box-70-30 > div.text, div.img-right > div.text, div.img-left > div.text {
    width: 70%;
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.text, div.img-right > div.text, div.img-left > div.text {
        width: 100%;
    }
}
.box-70-30 > div.img, div.img-right > div.img, div.img-left > div.img {
    width: 30%;
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img, div.img-right > div.img, div.img-left > div.img {
        width: 100%;
    }
}
.box-70-30 > div.img > img, div.img-right > div.img > img, div.img-left > div.img > img {
    width: 100%;
}
.box-70-30 > div.img > figure.image, div.img-right > div.img > figure.image, div.img-left > div.img > figure.image {
    margin: auto;
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img > figure.image.w50, div.img-right > div.img > figure.image.w50, div.img-left > div.img > figure.image.w50 {
        width: 50%;
    }
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img > figure.image.w25, div.img-right > div.img > figure.image.w25, div.img-left > div.img > figure.image.w25 {
        width: 25%;
    }
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img.w75, div.img-right > div.img.w75, div.img-left > div.img.w75 {
        width: 75%;
    }
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img.w50, div.img-right > div.img.w50, div.img-left > div.img.w50 {
        width: 50%;
    }
}
@media only screen and (max-width: 991px) {
    .box-70-30 > div.img.w25, div.img-right > div.img.w25, div.img-left > div.img.w25 {
        width: 25%;
    }
}

div.div-aufgabe h3 {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-aufgabe.png);
}

div.div-eigenaktivitaet h3 {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/icons/icon-zahnraeder.svg);
}

div.img-img {
    display: flex;
    align-items: baseline;
}
div.img-img > div img {
    width: 100%;
}
div.img-img > figure > img {
    width: 100%;
}
div.img-img > figure > figcaption {
    text-align: center;
}

div.img-right, div.img-left {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
}
@media only screen and (max-width: 991px) {
    div.img-right, div.img-left {
        flex-direction: column;
    }
}
div.img-right > div.img > figure, div.img-left > div.img > figure {
    margin: 0;
}
div.img-right > div.img > figure > figcaption, div.img-left > div.img > figure > figcaption {
    text-align: center;
}

@media only screen and (min-width: 992px) {
    div.img-right > div.img {
        padding-left: 0.75rem;
    }
}

div.img-right-text-float > div.text {
    width: 100%;
}
div.img-right-text-float > div.text > div.img {
    width: 50%;
    float: right;
}
div.img-right-text-float > div.text > div.img > figure {
    margin: 0;
}
@media only screen and (max-width: 991px) {
    div.img-right-text-float > div.text > div.img {
        width: 100%;
        float: none;
    }
}

@media only screen and (min-width: 992px) {
    div.img-left > div.img {
        padding-right: 0.75rem;
    }
}

div.img-gallery {
    display: flex;
    align-items: unset;
}
div.img-gallery > figure > a, div.img-gallery > figure img {
    width: 100%;
}
div.img-gallery > figure > figcaption {
    text-align: center;
}

div.interview, div.div-interview, div.ckedit-box-grey {
    padding: 1rem;
    width: auto;
    background-color: #e5e5e5;
    display: block;
    overflow: hidden;
    border: 1px solid #DDD;
}

div.ckedit-box-ocre {
    background-color: #F2EDE4;
    border: 1px solid #327D87;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
    position: relative;
    padding: 1rem;
    width: auto;
}

div.ckedit-box-green-outline {
    padding: 1rem;
    border-radius: 8px;
    margin: 10px 0;
    border: 2px solid #DDD;
    box-shadow: none;
}

div.header {
    margin-bottom: 2rem;
}
div.header p.comment {
    margin-top: 0;
    padding-top: 0;
}
div.header > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild.jpg);
    height: 317px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 1rem 2rem;
}
@media (max-width: 1399px) {
    div.header > div.img {
        height: 317px;
    }
}
@media (max-width: 1199px) {
    div.header > div.img {
        height: 317px;
    }
}
@media (max-width: 991px) {
    div.header > div.img {
        height: 246px;
        padding: 0.5rem 1rem;
    }
}
@media (max-width: 767px) {
    div.header > div.img {
        height: 230px;
        padding: 0.5rem 1rem;
    }
}
div.header > div.img h1.akronym {
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    font-weight: lighter;
}
div.header > div.img h1.akronym > span {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    color: #327D87;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 2.5rem;
}
@media only screen and (max-width: 767px) {
    div.header > div.img h1.akronym > span {
        line-height: 1.8rem;
    }
}
@media only screen and (max-width: 991px) {
    div.header > div.img h1.akronym > span {
        line-height: 1.8rem;
    }
}
div.header > div.img h1.akronym > span > strong-2 {
    font-size: 1.5em;
    min-width: 0.8em;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: -0.15rem;
}
@media only screen and (max-width: 991px) {
    div.header > div.img {
        background-size: cover;
        background-position-x: center;
    }
}
div.header > div.text {
    background-color: #EEE;
}
div.header > div.text > div {
    padding: 1rem !important;
}
div.header > div.text > div.text > h2 {
    padding: 0;
    margin: 0 0 0.5rem 0;
}
div.header > div.text div.news {
    margin: 0;
}
div.header.header-main > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild.jpg);
}
div.header.header-main.alt-2 > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild-2.jpg);
}
div.header.header-fortbildung > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/fortbildung.jpg);
}
div.header.header-diagnose > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/diagnose.jpg);
}
div.header.header-unterricht > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/unterricht.jpg);
}
div.header.header-selbststudium > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/selbststudium.jpg);
}
div.header.header-front-digi > div.img {
    background-image: url(https://pikas-digi.dzlm.de/pikasfiles/uploads/images/header/digi-startseite.jpg);
}
div.header.header-front-kira > div.img {
    height: 345px;
    background-image: url(https://pikas.dzlm.de/kirafiles/uploads/images/start/kira-startseite.png);
}
div.header.header-front-mahiko > div.img {
    height: 317px;
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/mahiko-startseite.jpg);
}
div.header.header-front-matin > div.img {
    height: 612px;
    background-image: url(https://pikas.dzlm.de/pikasmifiles/uploads/klassensituation_neu02%20%282%29.jpg);
}
div.header.header-front-primakom > div.img {
    background-size: 110%;
    background-position-x: 50%;
    height: 366px;
    background-image: url("https://pikas.dzlm.de/primafiles/uploads/Images/startseite/lehrerzimmer.jpg");
}
div.header.header-front-msk > div.img {
    height: 217px;
    background-image: url(https://pikas.dzlm.de/mskfiles/uploads/images/startbild.png);
}

hr {
    margin: 1rem 0 2rem 0;
    background-color: transparent;
    border-bottom: 1px dotted #222;
}

.box-hr, div.card-group div.card.card-type-teaser-website, div.card-group div.card.card-type-teaser-print {
    margin: 1rem 0;
    border-top: 1px dotted #222;
    border-bottom: 1px dotted #222;
    border-left: none;
    border-right: none;
}

.box-hr + .box-hr, div.card-group div.card.card-type-teaser-website + .box-hr, div.card-group div.card.card-type-teaser-print + .box-hr, div.card-group .box-hr + div.card.card-type-teaser-website, div.card-group div.card.card-type-teaser-website + div.card.card-type-teaser-website, div.card-group div.card.card-type-teaser-print + div.card.card-type-teaser-website, div.card-group .box-hr + div.card.card-type-teaser-print, div.card-group div.card.card-type-teaser-website + div.card.card-type-teaser-print, div.card-group div.card.card-type-teaser-print + div.card.card-type-teaser-print {
    margin-top: -1rem;
    border-top: none;
}

div.news {
    background-color: #FFF;
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/pikos/piko-news.png);
}
div.news h3 em {
    margin-right: 0.3rem;
}

img.ckedit-blue-tint {
    -webkit-filter: sepia(0.3) hue-rotate(120deg) brightness(0.8) contrast(1.5);
    filter: sepia(0.3) hue-rotate(120deg) brightness(0.8) contrast(1.5);
    border-radius: 3%;
}

article.node-unpublished {
    display: block !important;
}
article.node-unpublished:before {
    content: "Diese Seite ist nicht veröffentlicht\a";
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    border: 3px dotted #ff0000;
    background-color: #ffcccc;
    background-image: none;
    white-space: pre-line;
    line-height: 1.4em;
}

div.header {
    margin-bottom: 2rem;
}
div.header p.comment {
    margin-top: 0;
    padding-top: 0;
}
div.header > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild.jpg);
    height: 317px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 1rem 2rem;
}
@media (max-width: 1399px) {
    div.header > div.img {
        height: 317px;
    }
}
@media (max-width: 1199px) {
    div.header > div.img {
        height: 317px;
    }
}
@media (max-width: 991px) {
    div.header > div.img {
        height: 246px;
        padding: 0.5rem 1rem;
    }
}
@media (max-width: 767px) {
    div.header > div.img {
        height: 230px;
        padding: 0.5rem 1rem;
    }
}
div.header > div.img h1.akronym {
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    font-weight: lighter;
}
div.header > div.img h1.akronym > span {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    color: #327D87;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 2.5rem;
}
@media only screen and (max-width: 767px) {
    div.header > div.img h1.akronym > span {
        line-height: 1.8rem;
    }
}
@media only screen and (max-width: 991px) {
    div.header > div.img h1.akronym > span {
        line-height: 1.8rem;
    }
}
div.header > div.img h1.akronym > span > strong-2 {
    font-size: 1.5em;
    min-width: 0.8em;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: -0.15rem;
}
@media only screen and (max-width: 991px) {
    div.header > div.img {
        background-size: cover;
        background-position-x: center;
    }
}
div.header > div.text {
    background-color: #EEE;
}
div.header > div.text > div {
    padding: 1rem !important;
}
div.header > div.text > div.text > h2 {
    padding: 0;
    margin: 0 0 0.5rem 0;
}
div.header > div.text div.news {
    margin: 0;
}
div.header.header-main > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild.jpg);
}
div.header.header-main.alt-2 > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/titelbild-2.jpg);
}
div.header.header-fortbildung > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/fortbildung.jpg);
}
div.header.header-diagnose > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/diagnose.jpg);
}
div.header.header-unterricht > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/unterricht.jpg);
}
div.header.header-selbststudium > div.img {
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/selbststudium.jpg);
}
div.header.header-front-digi > div.img {
    background-image: url(https://pikas-digi.dzlm.de/pikasfiles/uploads/images/header/digi-startseite.jpg);
}
div.header.header-front-kira > div.img {
    height: 345px;
    background-image: url(https://pikas.dzlm.de/kirafiles/uploads/images/start/kira-startseite.png);
}
div.header.header-front-mahiko > div.img {
    height: 317px;
    background-image: url(https://pikas.dzlm.de/pikasfiles/uploads/images/header/mahiko-startseite.jpg);
}
div.header.header-front-matin > div.img {
    height: 612px;
    background-image: url(https://pikas.dzlm.de/pikasmifiles/uploads/klassensituation_neu02%20%282%29.jpg);
}
div.header.header-front-primakom > div.img {
    background-size: 110%;
    background-position-x: 50%;
    height: 366px;
    background-image: url("https://pikas.dzlm.de/primafiles/uploads/Images/startseite/lehrerzimmer.jpg");
}
div.header.header-front-msk > div.img {
    height: 217px;
    background-image: url(https://pikas.dzlm.de/mskfiles/uploads/images/startbild.png);
}

div.list-personen {
    /*overflow:hidden;*/ }
div.list-personen > div.person {
    margin-bottom: 15px;
    overflow: hidden;
}
div.list-personen > div.person > div.img {
    float: left;
    width: 100px;
    height: 128px;
    margin: 0 10px 0 0;
    overflow: hidden;
}
div.list-personen > div.person > div.img > img {
    width: 100%;
    max-width: none;
    height: auto;
}
div.list-personen > div.person > div.text {
    margin-left: 110px;
}
div.list-personen > div.person > div.text span.name {
    font-weight: bold;
}
div.list-personen > div.person > div.text span.position {
    font-weight: normal;
}
div.list-personen > div.person > div.text span.ort {
    font-weight: normal;
    display: block;
}
div.list-personen > div.person.person-row {
    margin-bottom: 15px;
}

div.video-container {
    /*@include debug-text('Die Videos sollten jetzt alle funktionieren.');*/ }
div.video-container.center {
    display: flex;
    justify-content: center;
}
div.video-container a.ckvideolink {
    width: 70%;
}
div.video-container a.ckvideolink span.ckplaybtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 4rem solid white;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    z-index: 2;
    transition: transform 0.2s ease, opacity 0.2s ease;
    opacity: 0.8;
}
div.video-container a.ckvideolink span.ckplaybtn:hover {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 1;
}

img.gifplayer {
    position: relative;
    display: block;
}
img.gifplayer.gifplayer-loaded {
    cursor: pointer;
}

span.gifplayer-btn {
    cursor: pointer;
    position: absolute;
    background-image: url("https://pikas.dzlm.de/primafiles/uploads/ckplaybtn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 300%;
    opacity: 0.7;
}
span.gifplayer-btn.animated {
    display: none;
}

div.ck-editor__main div.ck-content blockquote {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    border: 3px dotted #ff0000;
    background-color: #ffcccc;
    background-image: none;
    white-space: pre-line;
    line-height: 1.4em;
}
div.ck-editor__main div.ck-content blockquote:before {
    content: "Element Zitat (wird automatisch formatiert)\a";
}

div.ck div.ck-editor__main div.page-header {
    display: block;
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    border: 3px dotted #ff0000;
    background-color: #ffcccc;
    background-image: none;
    white-space: pre-line;
    line-height: 1.4em;
}
div.ck div.ck-editor__main div.page-header:before {
    content: "Element Page-Header (wird automatisch formatiert)\a";
}

div.kira-check-frage {
    padding: 5px;
}
div.kira-check-frage > div {
    padding: 0;
}
div.kira-check-frage > div > * {
    padding: 5px 0;
}
div.kira-check-frage h3 {
    padding: 5px 0;
}
div.kira-check-frage div.frage {
    padding-top: 15px;
}
div.kira-check-frage div.frage > img {
    margin: 5px 0;
    width: 33%;
    border: 2px solid #BBB;
    background-color: #FFF;
}
@media screen and (max-width: 767px) {
    div.kira-check-frage div.frage > img {
        width: 100%;
    }
}
div.kira-check-frage div.frage figure.image.aufgabe {
    margin: 5px 0;
    width: 33%;
}
@media screen and (max-width: 767px) {
    div.kira-check-frage div.frage figure.image.aufgabe {
        width: 100%;
    }
}
div.kira-check-frage div.frage figure.image.aufgabe > img {
    border: 2px solid #BBB;
    background-color: #FFF;
}
div.kira-check-frage div.fehlermuster {
    border-bottom: 1px dotted #DDD;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
div.kira-check-frage div.ueberlege {
    border-bottom: 1px dotted #DDD;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
div.kira-check-frage div.ueberlege > p {
    margin: 0;
    padding: 0;
}
div.kira-check-frage div.ueberlege > p + p {
    margin-bottom: 5px;
}
div.kira-check-frage div.open {
    color: #327D87;
    cursor: pointer;
}
@media (max-width: 767px) {
    div.kira-check-frage div.row div.col-4, div.kira-check-frage div.img-img div.col-4, div.kira-check-frage div.img-gallery div.col-4, div.kira-check-frage div.header > div.text div.col-4, div.kira-check-frage div.list-personen div.col-4, div.kira-check-frage #kira-quiz > div.fragen div.col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
div.kira-check-frage div.wege div.weg {
    padding: 0;
    margin: 2px;
    border: 2px solid #BBB;
    background-color: #FFF;
}
div.kira-check-frage div.wege div.weg > img {
    width: 100%;
}
div.kira-check-frage div.loesungen div.loesung {
    display: none;
    padding: 0;
    margin: 2px;
    border: 2px solid #BBB;
    background-color: #FFF;
    cursor: pointer;
}
div.kira-check-frage div.loesungen div.loesung > img {
    width: 100%;
}
div.kira-check-frage div.loesungen div.loesung.clicked {
    border-width: 4px;
}
div.kira-check-frage div.loesungen div.loesung.loesung-1.clicked {
    border-color: #14960A;
}
div.kira-check-frage div.loesungen div.loesung.loesung-2.clicked,
div.kira-check-frage div.loesungen div.loesung.loesung-3.clicked {
    border-color: #ff0000;
}
div.kira-check-frage div.kommentare div.kommentar {
    display: none;
    border: 0;
    background-color: #FFF;
    width: 100%;
    padding: 5px;
}
div.kira-check-frage div.kommentare div.kommentarx {
    border: 2px solid #ff0000;
}
div.kira-check-frage div.kommentare div.kommentar.kommentar-1 {
    color: #14960A;
}
div.kira-check-frage div.kommentare div.kommentar.kommentar-2,
div.kira-check-frage div.kommentare div.kommentar.kommentar-3 {
    color: #ff0000;
}

zzz_body.cke_editable div.kira-check-frage div.row, zzz_body.cke_editable div.kira-check-frage div.img-img, zzz_body.cke_editable div.kira-check-frage div.img-gallery, zzz_body.cke_editable div.kira-check-frage div.header > div.text, zzz_body.cke_editable div.kira-check-frage div.list-personen, zzz_body.cke_editable div.kira-check-frage #kira-quiz > div.fragen {
    display: block;
    width: 100% !important;
}
zzz_body.cke_editable div.kira-check-frage div.col-4, zzz_body.cke_editable div.kira-check-frage div.col-12, zzz_body.cke_editable div.kira-check-frage div.card-group div.card.card-6, div.card-group zzz_body.cke_editable div.kira-check-frage div.card.card-6, zzz_body.cke_editable div.kira-check-frage div.header > div.text > div.text {
    display: block;
    width: 100% !important;
    margin: 15px 0;
}
zzz_body.cke_editable div.kira-check-frage div.titel:before {
    content: "Titel und Informationen:\A";
}
zzz_body.cke_editable div.kira-check-frage div.frage:before {
    content: "Frage:\A";
}
zzz_body.cke_editable div.kira-check-frage div.wege:before {
    content: "Schuelerloesungen:\A";
}
zzz_body.cke_editable div.kira-check-frage div.frage {
    content: "Frage:\A";
}
zzz_body.cke_editable div.kira-check-frage div.open {
    content: "Text zum Anzeigen der Vorschlaege:\A";
    cursor: text;
}
zzz_body.cke_editable div.kira-check-frage div.loesungen > div {
    display: block;
}
zzz_body.cke_editable div.kira-check-frage div.loesungen div.loesung {
    display: block;
    cursor: text;
}
zzz_body.cke_editable div.kira-check-frage div.loesungen:before {
    content: "moegliche Loesungen:\A";
}
zzz_body.cke_editable div.kira-check-frage div.loesung-1:before {
    content: "richtige Loesung:\A";
}
zzz_body.cke_editable div.kira-check-frage div.loesung-2:before {
    content: "erste falsche Loesung:\A";
}
zzz_body.cke_editable div.kira-check-frage div.loesung-3:before {
    content: "zweite falsche Loesung:\A";
}
zzz_body.cke_editable div.kira-check-frage div.kommentare > div {
    display: block;
}
zzz_body.cke_editable div.kira-check-frage div.kommentare div.kommentar {
    display: block;
}
zzz_body.cke_editable div.kira-check-frage div.kommentare:before {
    content: "Kommentare:\A";
}
zzz_body.cke_editable div.kira-check-frage div.kommentar-1:before {
    content: "Kommentar zur richtigen Loesung:\A";
}
zzz_body.cke_editable div.kira-check-frage div.kommentar-2:before {
    content: "Kommentar zur ersten falschen Loesung:\A";
}
zzz_body.cke_editable div.kira-check-frage div.kommentar-3:before {
    content: "Kommentar zur zweiten falschen Loesung:\A";
}

#kira-quiz p.legende span.color {
    font-size: 2rem;
}
#kira-quiz p.legende span.color.level-1 {
    color: #00ff00;
}
#kira-quiz p.legende span.color.level-2 {
    color: #ffff00;
}
#kira-quiz p.legende span.color.level-3 {
    color: #ff0000;
}
#kira-quiz > div.fragen {
    margin: 0;
    justify-content: center;
}
#kira-quiz > div.fragen > div.col-2 > a {
    display: block;
}
#kira-quiz > div.fragen > div.col-2 > a img.image-field {
    border: 4px solid #00ff00;
    margin: 0;
}
#kira-quiz > div.fragen > div.col-2.level-2 > a img.image-field {
    border-color: #ffff00;
}
#kira-quiz > div.fragen > div.col-2.level-3 > a img.image-field {
    border-color: #ff0000;
}

/*# sourceMappingURL=custom_mirko.css.map */