body {
    background-color: #d4e8ff;
    min-width: 280px;
}

a {color: #0068d8; font-weight: 500;text-decoration: none;}
a:hover {color: black; font-weight: 500;}

.text-link-blue {color: #0068d8;}

.sticky {position: sticky;top: 0;z-index: 1200;background-color:#235E9D;border-bottom:1px solid #062400;}

#site-title {
    font-family: 'Mystery Quest', cursive;
    text-shadow:2px   0  0   #000,-2px   0  0   #000,0    2px 0   #000,0   -2px 0   #000,1px  1px 0   #000,-1px -1px 0   #000,1px -1px 0   #000,-1px  1px 0   #000,1px  1px 5px #000;
    font-size: 38px;
    line-height: 46px;
    color: rgb(248, 168, 29);
    letter-spacing: 6px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}
#site-title span {font-size: 20px;font-weight: 100;}
#site-sub-title {font-size: 14px;color:white;}

.mystery-quest {font-family: 'Mystery Quest', cursive;}

.nav-tabs-gray {
    border-bottom: 1px solid #93918d;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    border-color: #93918d #93918d #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #93918d #93918d #93918d;
}
.nav-tabs-gray .nav-link.active {
    color: #000000;
    border-color: #93918d #93918d #fff;
}
a.nav-link { border: 1px solid #93918d; }

.navbar ul.navbar-nav li.nav-item a.nav-link { background-color: #235E9D; color: #FFFFFF;}
.navbar ul.navbar-nav li.nav-item a.nav-link.active, .navbar ul.navbar-nav li.nav-item a.nav-link:hover { background-color: #FFFFFF; color: #000000;}
.navbar-toggler:focus, .navbar-toggler:active { outline: 0;box-shadow: none; }
.navbar-toggler span {
    display: block;
    background-color: rgb(255, 255, 255);
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 13px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    top: -12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.badge-popular {
    background-color: #FFF59D!important;
    color: #000!important;
    padding: .15em .65em .35em .65em;
    font-weight: 500;
    vertical-align: text-bottom;
}

#workspace {
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.breadcrumb {
    background-color: #E8F1FF;
    border-bottom:1px solid #8DA6CD;
    border-top:1px solid #8DA6CD;
    padding: 0 10px;
    font-size: .90rem;
    flex-wrap: nowrap;
}
.breadcrumb li {
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item.active {
    color: #53595f;
}

/*.breadcrumb li:not(:last-child) {*/
/*    display: inline;*/
/*    !*max-width: 300px;*!*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/
/*.breadcrumb {*/
/*    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*    font-weight: normal;*/
/*    padding: 0 10px;*/
/*    line-height: 1.7;*/
/*    font-size: .90rem;*/
/*    border-radius: 0;*/
/*    background-color: #E8F1FF;*/
/*    border-bottom:1px solid #8DA6CD;*/
/*    border-top:1px solid #8DA6CD;*/
/*    padding-bottom: 1px;overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/

/*    display: block !important;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/
/*.breadcrumb-item {display: inline;}*/
/*.breadcrumb-item + .breadcrumb-item::before {content: "\00bb";}*/

.head-with-lines {
    text-align: center;
    font-style: italic;
    margin: 23px 0 13px;
    font-size: 14px;
    position: relative;
}
.head-with-lines div {
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    padding: 0 4px;
    position: relative;
    z-index: 1;
}
.head-with-lines:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #d3d3d3;
}

.btn-standard {color:#ffffff;background-color: #1F71CA; border-color: #084D96;}
.btn-standard:hover {color:#ffffff;background-color: #0E54A0;font-weight: 400;}
.btn-substandard {color:#0068D8;background-color: #f1f4f6; border-color:#8DA6CD;}
.btn-substandard:hover {color:#ffffff;background-color: #1F71CA;font-weight: 400;}

.btn-sidebar {
    cursor: pointer;
    color: #0068D8;
    border-color: #8DA6CD;
    background-color: #F1F4F6;
    position:relative;
    font-weight: 500;
    font-size: 1.1rem;
}
.btn-sidebar:hover {color: #ffffff;border-color:#17A2B8;background-color: #17A2B8;}
.btn-sidebar.focus, .btn-sidebar:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(35, 94, 157, 0.2);
}
.btn-sidebar span:before {
    font-family: icomoon;
    content: '\f0c9';
    font-weight: bold;
    padding: 0px 10px;
}
.btn-sidebar.collapsed span::after {
    font-family: icomoon;
    content: '\f0d7';
    display: inline-block;
    position: absolute;
    right: 10px;
    pointer-events: none;
}
.btn-sidebar span::after {
    font-family: icomoon;
    content: '\f00d';
    display: inline-block;
    position: absolute;
    right: 10px;
    pointer-events: none;
}

.btn-letter {
    color: #0068D8;
    border-color: #8DA6CD;
    background-color: #f1f4f6;
    width:34px;
    margin-bottom: .3rem!important;
    margin-right: .3rem!important;
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .2rem;
    font-weight: 600;
}
.btn-letter.active, .btn-primary:active, .btn-letter:hover {
    color: #fff;
    background-color: #1F71CA;
    border-color: #0068d8;
}
.btn-block {
    display: block;
    width: 100%;
}
.border-shadow {
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
}

.border-card {
    border-color: #93918d !important; /*8DA6CD*/
}

.border-light-grey {
    border-color: #aab2ba !important;
}
.border-blue {
    border-color: #062400 !important;
}

.card-href {font-weight: normal!important;}
.card-href:hover {background-color: #f1f4f6;}

.card-blue-shadow {
    border-color: #93918d!important; /*084D96 8DA6CD*/
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    border-radius: .25rem!important;
}
.card-blue-shadow .card-body {
    border-radius: .25rem!important;
}
.card-body:before {
    font-family: Georgia, serif;
    font-size: 40px;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 4px;
    top: 6px;
}
.card-symbol-7:before, .card-symbol-130:before {content: "\201C";}
.card-symbol-148:before, .card-symbol-130:before {}
.card-header, .card-footer {background-color: #F5F3EB!important;border-color: #d2d2d2;} /*8DA6CD*/
.card-alert-warning {
    color: #664d03!important;
    background-color: #fff3cd!important;;
}
.card-footer-social {font-size:14px;border-left: 1px solid rgba(0,0,0,.125);}
.card-footer-blue {font-size:1.1rem;background-color: #EBF0F5;border-color: #8DA6CD;}
.card-footer-tags i {font-size:14px;color: #084D96;margin-right:5px;}

.alert-answer {
    color: #383d41;
    background-color: #ECEFF1;
    border-color: rgba(0,0,0,.125);
    padding: .25rem .75rem;
}

.jumbotron {background-color: #F5F3EB;border-color:#93918d!important;color:#000000;} /*084D96*/

.font-weight-bold {font-weight: 700!important;}

.terms-condition {margin: 0;padding: 0;list-style-type: none;}
.terms-condition ol {padding-left: 10px;}
.terms-condition li {margin-bottom: 20px;}
.terms-condition > li {counter-increment: step-counter;position: relative;padding-left: 35px;}
.terms-condition > li:before {content: counter(step-counter, decimal-leading-zero) '.';margin-right: 0.25em;font-size: 24px;line-height: 30px;position: absolute;text-align: right;left: 0;}

h2, H2 {font-size: 1.25rem;}
h4, H4 {border-bottom: 1px solid #868e96;}

.pagination {justify-content: center!important;}
.pagination ul>li {display:none;}

.pagination .last, .pagination .first {display:inline-block;}
.pagination .page-offset-0 {display:inline-block;}
.page-link {padding: .6rem .85rem;}
.page-link i {line-height: 1.25!important;}
.page-link:focus, .page-link:hover {color: #ffffff;background-color: #17a2b8;border-color: #17a2b8;}
.page-item.active .page-link {background-color: #17a2b8;border-color: #17a2b8;}
.pagination-custom .page-link {padding: .5rem 1rem;font-size: 1rem;line-height: 1.5;}

.icon-bg {background-color: #ececec;border: none;border-radius: 15%;display:inline-block; padding: 12px 12px;}
.dlist {display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;}
.dlist-row {border-top: 1px solid #dee2e6;display: -ms-flexbox!important;display: flex!important;}
.dlist-row:hover {background-color: #ececec;}
.dlist-row.nohover:hover {background-color: #ffffff!important;}
.dlist-row>div {padding: 1rem .75rem;}
.dlist-row small a {font-weight: 400;}
.dlist>.dlist-row:last-child {border-bottom: 1px solid #dee2e6;}
.dlist-ads {border-top: 1px solid #dee2e6;}

.raggningsreplik, .riddle {padding: 1.1rem 1.4rem 1.1rem 0;margin:0;}

.readmore {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
}
.readmore:before, .readmore:after {content: '';border-top: 1px dashed;margin: 0 10px 0 0;flex: 1 0 10px;}
.readmore:after {margin: 0 0 0 10px;}

form label {font-weight: 500;}

#return-to-top, #return-to-previous {
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #567FAC; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 12px 22px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    opacity: 0.75;
}
#return-to-top {
    display: none; /* Hidden by default */
    right: 10px; /* Place the button 30px from the right */
}
#return-to-previous {
    left: 10px; /* Place the button 30px from the right */
}
#return-to-top:hover, #return-to-previous:hover {
    /*background-color: #69af07; Add a dark-grey background on hover */
    opacity: 1;
}

.display-5 {font-size: 2rem;font-weight: 300;line-height: 1.2;}

#cookies-eu-banner {position: fixed;overflow: hidden;z-index: 9999;left: 0;right: 0;bottom: 0;display:none;}
.ce-window {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding: 2em 1.8em;background: #000;color: #fff;font-size: 1rem;-ms-flex-align: center; align-items: center;}
.ce-message {flex: 1;}
.ce-compliance {display: flex;display: -ms-flexbox;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: justify;align-content: space-between;}
.ce-btn {display: block;padding: .4em .8em;font-size:.9em;font-weight: 700;line-height: 1.5em;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;cursor: pointer;flex: 1;border-color: transparent;}
#cookies-eu-more {text-decoration: none;background: #222;color: #fff;border: 1px solid #000;cursor: pointer;padding: 4px 7px;margin: 0 0;font-size: 13px;font-weight: bold;transition: background 0.07s, color 0.07s, border-color 0.07s;}
#cookies-eu-accept {color: rgb(0, 0, 0);background-color: rgb(241, 214, 0);}
#cookies-eu-reject {color: rgb(255, 255, 255);padding: 4px 7px;margin: 2px 10px;border: none;}
#cookies-eu-reject:hover {text-decoration: underline;}
#cookies-eu-more:hover,#cookies-eu-more:focus,#cookies-eu-accept:hover,#cookies-eu-accept:focus {background: #fff;color: #222;}

.footer {
    color: #ffffff;
    font-weight: normal;
    font-size:13px;
    letter-spacing: 1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqTE3waAAABBZJREFUOBFl0k1z20QAgOE9EErhblqOQJzKvUJS01snUbQJpzaRP3KqtF5p7XaGOrIsxXAAHFmKGabYq5VWameY1JWjpFySxo6aW6eE6Qwn4FB6539gzvyF931ApeKFDMlQt9lw9azD/t4Wb5h/pk/BQ556iwUaWmaiN6HLWsI+z1ALgYY0dYcBWavXB62xFGj740lB8pADsJOURX1i1phQiwb99meU/KSv5mxArJxKlEZXQHqX46t0rxSkq3d1DIbaSAzqjKvFRk0ryXBsH2iqkOjgOaak8SKL77z7Y2U3HRSx34+VKsGAvZ0/1o9MPa/sagH+cHXssHNrXwuAfTe6mNtho0PeJ1jhx0KZqZPOPAMUjthXDK+IEcoq1+wjh0uCdsgSoDRwhUOliHfoAnWS+x6hUXt38gFYyLyt6colm2O9NhdOg0C9yewquQ0K1rTHnDq+f2A/KMeETRRS/+VrD4EnAWnp88oBeVW6uUyynaC4a47L4TUgF9/YT7t9zxxSO4Zdfny4vYDTQQbkQXS4vFcaRf46Yy2ZCOnvzdzB5xx4ozJiPCYrQ6qFj0SlF3UT+PLtBJjJyQ02kVsPSNSOnOZShL3FFgwtwOWNQim42BwU5TA+Gt1YteVI/eLXDmDkCp0de75M0z4736KnXf0faZNboNR12CcPvKGmQ8ZvrwSfBsGJoS+VQbjeM6hnwTAyzlwNNxSb7TnPEAEB9troMo4gE+FzhFnHauoeF/MAzsI9PiYZMmu3CjvtCqf5/4I2gTBhup3c5BLRnq4nlI98sebqjIHhLOiqZHjE7q0Z8dZ07ZIxC12fA1Y+SIyIVtRQCbKr4/tO7/SaxW9zwFFflF2Thtl8FCONr+suIgksA56+/5D4M2IG7icY+r2pa0vbkQam+rjKOUeqaFey9kYuTWrC5juPOTBGzWW3TnhtQSWG/Z3EgtDeh6fnoA3XW4M9q5ZHZ6Wouo7OyF71S3UcAq2ltS9JiFlsjmTD00TUJcpZvgrI5YgrEAsbZD/2xV50ktFFtjN6AWbYwkg4cae4kTfYW+eZgMK4x0VQ6nNvQq/jDjv8w2LBuG/o0ut7CQUFNuZws97Sauy3PCM/6EpuV77gG0AlsuuIPvE9Jh3zM4csUpylGAKYZ/2/zCG0Y9rl2uG2glMxk7tvwI7psZUJGbSYFPCPZV6fpoy3RQ0cjXPIC1hY+ba+Fp7lT7CtxwVEfdDp3Vr4pcojml+6wp1mkRPf2FiANki5ssQZk/CdJ2l1sl3x3MSsXc84cDaF/0uYCQH5l6x8PeiMYPDRdBdxD/a0h2ich6CWC7OfORJidoto93rm9zMm5EINwasKOeiLfkM/fzSvejgOGs0kMd33gOBvNSi6fPWbnksh0X27Vczqr+Xhv+VDGwIBxGLjAAAAAElFTkSuQmCC');
    background-repeat: repeat repeat;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.footer a {color: rgb(224, 95, 3);}
.footer a:hover {color: rgb(224, 95, 3);text-decoration: underline;}

.blockquote-footer {
    font-size: .75em!important;
}

.favorite {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 30px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #b4b4b4;
}
.favorite:before {
    font-size: 14px;
    padding: 0 5px;
    background-color: #ffffff;
    position: absolute;
    left: -40px;
    opacity: 0;
}
.favorite:after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
}
.favorite-active:after {content: "\e903";color: #0068D8;}

/*
.favorite-active:before {content: "Tabort";left: -45px;}
.favorite:hover:before, .favorite-active:hover:before {color: #0068D8;opacity: 1;}
.favorite i:hover:before {content: "\e901";}
.favorite-active i:hover:before {content: "\e900";}
*/

.tags a {background-color: #f1f4f6; border:1px solid #8DA6CD;line-height:1.3;text-decoration: none; break-inside: avoid; padding: 6px 8px 7px 8px; margin: 0 0 8px 0; display:inline-block; border-radius: 0 8px; font-size: 1.1rem;
    /*background-color: #fffce5 7aa354;f7ffef -webkit-box-shadow: 0 0 1px 0 #437512;
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 2px 1px #437512;*/
    font-weight:500;
    color: #0068D8;
}
.tags-block a {
    /*display:block;*/
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.tags b {font-weight: 600!important;flex: 1 1 auto!important;}
.tags a span {align-self: flex-start!important;line-height:1.2;font-weight: normal;float: right!important; color: #fff; background-color: #17a2b8;}
.tags a:hover, .tags a.active, .tags .btn:hover {color:#ffffff; border-color:#17a2b8; background-color: #17a2b8;}
.tags a:hover span, .tags a.active span {background-color: #17a2b8;color:#ffffff;}
.tags .form-control {border-color:#8DA6CD;border-top-left-radius: 0; border-bottom-left-radius: 8px;}
.tags .btn {color: #0068D8;border-color:#8DA6CD;background-color:#f1f4f6;border-top-right-radius: 8px;border-bottom-right-radius: 0;}

.tags h2, .subhead h2 {position: relative;font-weight: 500;line-height: 1.4;font-style: italic;font-size: 24px;z-index: 1;overflow: hidden;text-align: left;padding-left:30px;margin-bottom:0;}
.tags h2 small {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.tags h2:before, .subhead h2:before {position: absolute;top: 51%;overflow: hidden;width: 10%;height: 2px;content: '\a0';background-color: black;margin-left: -11%;text-align: right;}
.tags h2:after, .subhead h2:after {position: absolute;top: 51%;overflow: hidden;margin-left:10px;width: 95%;height: 2px;content: '\a0';background-color: black;}

.tags-columns {-webkit-columns: 4;-moz-columns: 4;columns: 4;}

ul.cloud {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 2.5rem;
}
ul.cloud li {
    padding: 0.25rem 0.35rem;
}
ul.cloud a {
    /*color: #a33;*/
    display: block;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}
ul.cloud a[data-weight="1"] { --size: 1; }
ul.cloud a[data-weight="2"] { --size: 2; }
ul.cloud a[data-weight="3"] { --size: 3; }
ul.cloud a[data-weight="4"] { --size: 4; }
ul.cloud a[data-weight="5"] { --size: 5; }
ul.cloud a[data-weight="6"] { --size: 6; }
ul.cloud a[data-weight="7"] { --size: 7; }
ul.cloud a[data-weight="8"] { --size: 8; }
ul.cloud a[data-weight="9"] { --size: 9; }
ul.cloud a[data-weight="10"] { --size: 10; }
ul.cloud a[data-weight="11"] { --size: 11; }
ul.cloud a[data-weight="12"] { --size: 12; }

ul.cloud a {
    --size: 6;
    font-size: calc(var(--size) * 0.25rem + 0.75rem);
    opacity: calc((40 - (12 - var(--size))) / 40);
}

ul.cloud a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    transform: translate(-50%, 0);
    opacity: 0.15;
    transition: width 0.25s;
}

ul.cloud a:focus::before,
ul.cloud a:hover::before {
    width: 100%;
}

.quiz-question {margin-bottom:40px;}
.quiz-question-current {border-color:#8DA6CD;background-color: #fafafa;}
.quiz-question-disabled {opacity: .5;}
.quiz-question-disabled::before {z-index: 1;content: "";cursor: not-allowed;position: absolute;bottom: 0;left:0;right:0;top:0;}
.grid {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.btn-quiz {
    color: #0068D8;
    border-color: #8DA6CD;
    background-color: #f1f4f6;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .2rem;
    font-weight: 600;
}
.btn-quiz-lg {padding: .75rem .25rem;}
.btn-quiz:disabled {border-color:#b3b3b3!important;font-weight: 400;}
.btn-quiz-correct, .btn-quiz-correct:disabled {border-color: #1f5707 !important;background-color:#1f5707!important;color:white!important;font-weight: 400;}
.btn-quiz-wrong, .btn-quiz-wrong:disabled {border-color: #a10606 !important;background-color:#a10606!important;;color:white!important;font-weight: 400;}
.btn-quiz.active, .btn-quiz:hover {
    color: #fff;
    background-color: #1F71CA;
    border-color: #0068d8;
}

.list-group-border-0>.list-group-item {
    border-width: 0;
}

.numberCircle {
    font: 22px Arial, sans-serif;
    font-weight: 600;
    width: 1.5em;
    height: 1.5em;
    box-sizing: initial;

    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.5em;
    box-sizing: content-box;
}

@media (min-width: 320px) {
    .pagination .page-offset-lr {display:inline-block;}
    .pagination .page-visible {display:inline-block;}
}

@media (min-width: 480px) {
    .flex-xs-row {-ms-flex-direction: row!important;flex-direction: row!important;}
}

@media (min-width: 575px) {
    .pagination .page-indicator-1 {display:inline-block;}
    .pagination .page-indicator-2 {display:inline-block;}
    .pagination .page-indicator-3 {display:inline-block;}
    .pagination .page-indicator-4 {display:inline-block;}
    .pagination .page-indicator-5 {display:inline-block;}
    .pagination .page-indicator-6 {display:inline-block;}

    .pagination .page-offset-1-5 {display:inline-block;}
    .pagination .page-offset-2-5 {display:inline-block;}
    .pagination .page-offset-3-5 {display:inline-block;}
}

@media (min-width: 768px) {
    .share-buttons-big h5 span:last-child {display:none;}
    .author-sidebar a {display:block;margin-right:0;}

    .d-md-list-item {display: table-cell!important;}

    .pagination .page-offset-1 {display:inline-block;}
    .pagination .page-offset-2 {display:inline-block;}
    .pagination .page-indicator-2 {display:none;}

    .favorite:hover {color: #0068D8;cursor: pointer;}
    .favorite:hover:before {color: #0068D8;opacity: 1;}
    .favorite-add:before {content: "Spara";}
    .favorite-add:hover:after {content: "\e901";}
    .favorite-active:before {content: "Tabort";left: -45px;}
    .favorite-active:hover:after {content: "\e900";}
}

@media (min-width:768px) and (max-width:991px) {
    .nav-link span {display:none;}
    .author-sidebar a:before {content: ""; padding-right:0;}
}

@media (min-width: 992px) {
    .pagination .page-offset-3 {display:inline-block;}
    .pagination .page-offset-4 {display:inline-block;}
    .pagination .page-indicator-3 {display:none;}
    .pagination .page-indicator-4 {display:none;}
    .bootstrap-sidebar .collapse {display: block;}
}

@media (min-width: 1200px) {
    .pagination .page-indicator-5 {display:none;}
    .pagination .page-offset-5 {display:inline-block;}
    .pagination .page-offset-6 {display:inline-block;}
}

@media (max-width: 1199px) {
    .tags-columns {-webkit-columns: 3;-moz-columns: 3;columns: 3;}
}

@media (max-width: 991px) {
    .page-offset-2 a {display:none;}
    /*.tags a span {display:none;}*/
    .tags-columns {-webkit-columns: 2;-moz-columns: 2;columns: 2;column-gap: 0;}

    .tags a, .tags form {margin: 0 8px 8px 8px}
}

@media (max-width: 767px) {
    .page-offset-1 a {display:none;}
    .page-offset-5 {display:none;}
    .tags a span {display:inline-block;}
    .border-md-0 {border-width: 0 !important;}

    .display-4 {font-size: 2.5rem;}
    .grid {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 575px) {
    body {background-color: #ffffff;}
    .h1, h1 {font-size: 1.5rem;}
    .list-inline-item {display:block;}
    .copyright span {display:none;}
    .blockquote {font-size:18px;}
    .border-sm-0 {border-width: 0 !important;}

    .display-4 {font-size: 2rem;font-weight: 500;}

    .ce-window {flex-direction: column;}
    .ce-compliance {margin-top:20px;}

    #site-title {font-size:34px;}

    .card-footer-social {border-top: 1px solid rgba(0,0,0,.125);border-left-width: 0;}

    .container {padding-left: 8px; padding-right: 8px;}
    .row {margin-left: -8px;margin-right: -8px;}

    .tags h2, .subhead h2 {
        text-align: center;
        font-size: 20px;
        line-height: 1.4;
        padding-left: 0;
    }
    .tags h2:before, .subhead h2:before {width: 50%;margin-left: -52%;}
    .tags h2:after, .subhead h2:after {width: 50%;}
}

@media (max-width: 480px) {
    #site-title {font-size: 32px;line-height: 35px;letter-spacing: 4px;}
    .card-footer-social {border-top: 1px solid rgba(0,0,0,.125);border-left-width: 0;}
    .tags-columns {-webkit-columns: 1;-moz-columns: 1;columns: 1;}
}

@media (max-width: 320px) {
    #site-title {font-size: 22px;line-height: 35px;letter-spacing: 3px;}
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {text-align: center;width: 1.25em;}

.icon-bookmark_delete_icon:before {
    content: "\e900";
}
.icon-bookmark_new_icon:before {
    content: "\e901";
}
.icon-bookmark_favorite_icon:before {
    content: "\e902";
}
.icon-bookmark_mark_favourite_icon:before {
    content: "\e903";
}
.icon-bookmark:before {
    content: "\f02e";
}
.icon-file-alt:before {
    content: "\f15c";
}
.icon-search:before {
    content: "\f002";
}
.icon-times:before {
    content: "\f00d";
}
.icon-power-off:before {
    content: "\f011";
}
.icon-home:before {
    content: "\f015";
}
.icon-lock:before {
    content: "\f023";
}
.icon-tag:before {
    content: "\f02b";
}
.icon-tags:before {
    content: "\f02c";
}
.icon-links:before {
    content: "\f02f";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-caret-down:before {
    content: "\f0d7";
}
.icon-caret-left:before {
    content: "\f0d9";
}
.icon-caret-right:before {
    content: "\f0da";
}
.icon-angle-double-up:before {
    content: "\f102";
}
.icon-at:before {
    content: "\f1fa";
}
.icon-twitter-square:before {
    content: "\f081";
}
.icon-facebook-square:before {
    content: "\f082";
}
.icon-linkedin:before {
    content: "\f08c";
}
.icon-flag:before {
    content: "\f425";
}