.redactor-box {
    float: none !important;
}    

.article img,
.comment img {
    height: auto;
}

.highlighted.active {
    background: yellow;
}

.highlighted.normal {
    text-decoration: underline;
    text-decoration-style: wavy;
}

.article {
    background: #fff;
    padding: 30px;
    margin: 20px 0 40px;
    border-radius: 20px;
}

.article a,
.journals a {
    color: #FF7000;
}

.article [data-block="layout"] {
    display:flex;
}

.article .wrap-center {
    margin: auto;
}

.article .float-right {
    margin-left: auto;
}

.article .float-left {
    margin-right: auto;
}

.article > div > p:last-child {
    margin-bottom:0;
} 

.alert {
    border-radius: 20px;
}

.card {    
    border: none;
    border-radius: 20px;
}

.plugin-form-wrapper .card {
    border: 2px solid #FF7000;
}

.add-plugins .list-group-item {
    background: transparent;
    border: none; 
}

.add-plugins .list-group-item > span {    
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #787878;
    text-decoration: none;
    cursor:pointer;
}

.add-plugins .list-group-item > span:hover > img {
    transform: scale(1.04);
}

.add-plugins .list-group-item > span > img {    
    margin-bottom: 10px;
}


.card-text,
.card-link,
.comment-show {
    margin-top: 20px;
    display: block;    
}

.card-link {
    color: #45ABFF;
}

.card-title,
.card-subtitle {
    color: #787878;
}

.card-subtitle {    
    font-size: 1.25rem;
}

.card-header,
.card-body {
    padding: 30px;
    background: transparent;
}

.card-footer {
    padding: 15px 30px;    
    display:flex;
}

.card-footer:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #ffffff;
    background-color: #FF7000;
    border-color: #dc3545;    
}

.alert-warning a {
    color: #ffffff;
}

.comment .fa-thumbtack {
    cursor: pointer;
}

.comment .fa-thumbtack.fa-rotate-by {
    --fa-rotate-angle: 45deg;
}

.comment .card-text > p:last-child {
    margin-bottom: 0;
}

.sticky-bottom {
    bottom: 30px;
}

.alert-highlighted {
    border-radius: 20px;
    background: #45ABFF;
    color: #fff;
    padding: 10px 20px;
}

table:not(.table-article) a {
     color: #45ABFF;
}

table:not(.table-article) td,
table:not(.table-article) .list-group-item {
     color: #787878;
}

table:not(.table-article) th {
    border-bottom: 2px solid #FF7000;
}

table:not(.table-article) td {
    border-bottom: 2px solid #FFF0C9;
}

table:not(.table-article) th,
table:not(.table-article) td {
    padding: 15px 20px;
    box-shadow: none;   
    vertical-align:middle; 
}

table:not(.table-article) th:first-child {
    border-top-left-radius: 20px;
}

table:not(.table-article) th:last-child {
    border-top-right-radius: 20px;
}

table:not(.table-article) tr:last-child > td:first-child {
    border-bottom-left-radius: 20px;
}

table:not(.table-article) tr:last-child > td:last-child {
    border-bottom-right-radius: 20px;
}

table:not(.table-article) tr:last-child > td {
    border: none;
}

.nav-pills .nav-link {
    color: #45ABFF;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #45ABFF;    
}

.form-label {
    color: #FF7000;
    margin-bottom: 3px;
}

.form-control,
.form-select,
.select2 {
    border: 2px solid #FF7000;
    border-radius: 25px;
    padding: 10px 17px;
}

.form-control[readonly] {
    background:#efefef;
    cursor:not-allowed;
}

.select2 {
    background:#fff;
    margin-bottom: 10px;    
}

.select2-selection {
    border: none !important;
    padding: 0 !important;
    box-shadow:none !important;
    min-height:auto !important;
    height:auto !important;
    background-position:right !important;
}

.select2-dropdown {
    border: none !important;
    border-radius: 25px !important;
    padding: 15px;
    margin-top: 10px;
} 

.select2-dropdown [class*='highlighted'] {
    background:#efefef !important;    
}

.select2-dropdown [class*='selected'] {
    color:#fff !important;    
    background:#FF7000 !important;    
}

.select2-dropdown [class*='disabled'] {
    color:#bfbfbf !important;    
}

.select2-search {
    padding: 0 0 15px 0 !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 3px rgb(69 171 255 / 25%);
    border-color: #45ABFF;
}

.form-check {
    padding-left: 40px;
    line-height: 30px;
}

.form-check .form-check-input {
    margin-left: -39px;
    margin-top: 0;
}

.form-check-input[type=checkbox] {
    width: 30px;
    height: 30px;
    border-radius: 10px !important;
    border-color: #FF7000;
}

.form-check-input:checked {
    background-color: #FF7000;    
    border-radius: 10px;
}

.handouts .card {
    height: 100%;
    overflow: hidden;
}

.input-group-append .btn {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border: 2px solid #ff7000;
    padding: 10px 14px;
    border-left-width: 1px;
}

.input-group-append .btn:hover {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border: 2px solid #ff7000 !important;!i;!;
    padding: 10px 14px;
    border-left-width: 1px !important;!i;!;
}


.support .topics a {
    text-decoration:none;
}

.support .topics a:hover .card {
    background: #fafafa;
}

.support .topics .card {
    border:2px solid #FF7000;
}

.support .questions .list-group-item {
    border-color: #FF7000;    
}

.support .questions .list-group-item a {
    text-decoration:none;
    color: #FF7000;
}

.support .questions .list-group-item a:hover {
    text-decoration:underline;    
}

.article-list a {
    text-decoration:none;
}

.article-list .card-body img {
    transition-duration:0.2s;
}

.article-list a:hover .card-body img {
    transform: scale(1.04);
}

.article-list .card,
.article-list .card-header {
    border-top-left-radius:25px;
    border-top-right-radius:25px;
}

.article-list .card-header {
    padding:5px 15px;
    background:#45ABFF;
    color:#fff;
    line-height:1.3em;
    border: none;
}

.article-list .card-header.publiziert {
    background:#FF7000;
}

.article-list .card-header img {
    position:absolute;
    right:10px;
    top:10px;
    z-index: 1;
}

.article-list .card-header .article-classroom {
    font-weight: 600;
}

.article-list .card-body {
    background:#FF7000;
    color:#fff;
    padding: 0;
    overflow:hidden;
}

.article-list .card-footer {
    background:#fff;
    padding:20px 15px;
    border: none;
}

.article-list .card-footer .article-title strong {
    color:#787878;
    font-size:26px;
    line-height:31px;       
}

.article-list .card-footer .article-author {
    color:#FF7000;
    font-size:20px;
    margin-top:5px;
}

.article-list .card-footer .article-date {
    color:#787878;
    font-size:20px;
    margin-top:5px;    
    padding-left:20px;     
}

.article-list .card-footer .article-date::before {
    content:'';
    width:1px;
    height: 17px;    
    margin-top:6px;
    margin-left:-10px;
    background:#787878;    
    position:absolute;
}

#image_modal .pixabay-preview {
    cursor:pointer;
    position: relative;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#image_modal .pixabay-preview:hover::before {
    content: '\f058';
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 58px;
    color: #FFF0C9;
    background: #ff6e00;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    pointer-events: none;
}

#image_modal .modal-content {
    border-radius: 20px;
    border: 0;
}

select#kategorie + .select2 {
    margin-bottom:0;
}

.passwordinput.is-invalid {
    background-image: none;
}

div ~ .no-articles {
    display:none;
}

.articles .btn-secondary.active,
.articles .btn-secondary.active:focus,
.articles .btn-secondary.active:active:focus,
.articles .btn-secondary.active:active,
.articles .btn-secondary.active:hover,
.journals .btn-secondary.active,
.journals .btn-secondary.active:focus,
.journals .btn-secondary.active:active:focus,
.journals .btn-secondary.active:active,
.journals .btn-secondary.active:hover,
.users .btn-secondary.active,
.users .btn-secondary.active:focus,
.users .btn-secondary.active:active:focus,
.users .btn-secondary.active:active,
.users .btn-secondary.active:hover {
    background: #FF7000 !important;
    border-color: #FF7000 !important;
    color: #fff !important;
}

.modal-footer {
    background: #FFF0C9;
}

figcaption {
    font-size: 14px;
    margin-top: 5px;    
}