.bf-4 .ck-content .pages .image img {
    background-color: #fff;
}

.ck-content .image img {
    width: 9em;
}

.ck-content .page-5 .image-1 img {
    width: 15em;
}

.ck-content .page-5 .image-2 img {
    width: 24em;
}

.ck-content .page-8 .image-1 img {
    width: 22em;
}

.ck-content .page-26 .image-1 img,
.ck-content .page-27 .image-1 img {
    width: 20em;
}

.ck-content .page-26 .image-2 img {
    width: 18em;
}

.ck-content .page-26 .image-3 img {
    width: 40em;
}

.ck-content .page-26 .image-4 img {
    width: 35em;
}

.ck-content .page-27 .image-2 img {
    width: 23em;
}

.ck-content .page-8 .image-2 img {
    width: 19em;
}

.ck-content .page-33 .image-1 img {
    width: 30em;
}

.ck-content .page-33 .image-2 img {
    width: 22em;
}

.ck-content .page-35 .image img {
    width: 25em;
}

.col-auto {
    justify-content: center;
}

.col-auto > div {
    width: auto;
}

.pages {
    padding-bottom: 50px;
}

.pages p {
    margin: 10px auto;
}

.pages .col-center {
    justify-content: center;
}

.pages .katex-display {
    padding: 1px 2px;
}

.pages .link-anchor {
    border: none;
    background-color: transparent;
    font-weight: bold;
    padding: 0 5px;
    border: 1px solid red;
}

.pages p, 
.pages li {
    text-align: justify;
}

.pages .marker-brackets li,
.pages .marker-brackets-ang,
.pages .marker-brackets-alpha {
    list-style-type: none;
}

.pages .marker-brackets,
.pages .marker-brackets-ang,
.pages .marker-brackets-alpha {
    position: relative;
    padding-left: 60px;
}

.pages .marker-brackets li::before {
    content: "(" counter(list-item)") ";
    font-size: 120%;
    position: relative;
    margin-left: -30px;
}

.pages .marker-brackets-alpha li::before {
    content: "(" counter(list-item, lower-alpha)") ";
    font-size: 120%;
    position: relative;
    margin-left: -30px;
}

.pages .marker-brackets-ang li::before {
    content: "[" counter(list-item)"] ";
    font-size: 120%;
    position: relative;
    margin-left: -40px;
    display: inline-block;
    margin-right: 17px;
}

.reference .marker-brackets-ang li:nth-of-type(10)::before,
.reference .marker-brackets-ang li:nth-of-type(11)::before {
    margin-right: 8px;
}

.btn-hide {
    display: none
}

.pb-show-answer-btn,
.pb-show-postup-btn {
    margin: 5px 0;
}

.pb-show-postup-btn {
    display: block;
}

.ck-content .well {
    margin-bottom: 0;
}

.pages .proof {
    position: relative;
}

.pages .proof > p:last-of-type:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    position: relative;
    right: 0;
    bottom: 0;
    margin-right: 0;
    margin-top: 8px;
    float: right;
}

.ck-content button[data-toggle="collapse"][aria-expanded="true"] .show-if-collapsed {
    display: none;
}
.ck-content button[data-toggle="collapse"][aria-expanded="false"] .show-if-expanded {
    display: none;
}

.ck-content .page-5 .image-big > img {
    width: 750px;
    height: auto;
    margin: 10px auto;
}

.ck-content .page-6 .image-medium > img {
    width: 15em;
    height: auto;
    margin: 10px auto;
}

.pages .text-indent {
    text-indent: 30px;
}

.page-7 .responsive-columns {
    align-items: flex-end;
    justify-content: center;
}

.page-10 .marker-brackets,
.page-10 .marker-brackets-alpha,
.reference .marker-brackets-ang {
    margin: 10px;
}

.pages .col-around-space {
    justify-content: space-around;
}

.ck-content .impresum .image img {
    width: 20em;
    margin: 0 auto;
    height: auto;
}

.page-4 .resp-box {
    align-items: center;
    justify-content: center;
}


.text-center {
    text-align: center !important;
    line-height: 2.5;
    overflow: auto;
    overflow-y: hidden;
}

.text-center-m {
    text-align: center !important;
    line-height: 3.5;
    overflow: auto;
    overflow-y: hidden;
}

.page-4 .resp-box > div {
    min-width: 275px;
}

.page-4 .resp-box > div:nth-of-type(1) p:nth-of-type(3) {
    margin-left: 4px;
}

.katex-display .katex-html, .text-center .katex .katex-html {
    padding: 10px 0;
}

.popover-content .katex-display .katex-html {
    padding: 0;
}

.no-wrap {
    white-space: nowrap;
}

.page-23 .pos-box > div {
    width: 100%;
}
/*
body > .popover {
    max-height: 200px;
    overflow: auto;
}*/

.page-uvod p:last-of-type {
    text-align: right;
}


/* Katex zalamování */
.katex-wrap .katex .base {
    display: contents;
}

@media screen and (min-width: 425px) {
    .page-23 .m-left {
        margin-left: -27px;
    }
}

@media screen and (min-width: 768px) {
    .page-23 .pos-box {
        max-width: 100%;
    }

    .page-23 .pos-box > div {
        width: 50%;
    }
}