#cf-app img,
#cf-app svg,
.cf-container {
max-width: 100%;
}
#cf-app .cf-title,
#cf-app table.cf-table {
margin-bottom: 1.25rem;
}
#cf-app .cf-icon:before,
#cf-app .cf-table__top .dataTables_filter label::before,
#cf-app .cf-table__bottom .dataTables_filter label::before,
#cf-app table.cf-table th.sorting span::after {
content: "";
background-size: contain;
background-repeat: no-repeat;
}
#cf-app p {
margin: 0;
color: #000000;
}
#cf-app h1,
#cf-app h2,
#cf-app h3,
#cf-app h4,
#cf-app h5,
#cf-app h6 {
margin-top: 0;
}
#cf-app .flex {
display: flex;
}
#cf-app {
font-size: 16px;
line-height: 1.5;
}
#cf-app table,
#cf-app table td,
#cf-app table th {
border: unset;
}
#cf-app .dataTables_length label {
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
#cf-app {
font-size: calc(100vw / 1280 * 16);
}
}
@media screen and (min-width: 1024) {
#cf-app {
font-size: calc(100vw / 1440 * 14);
}
}
@media screen and (min-width: 1280px) {
#cf-app {
font-size: 16px;
}
}
#cf-app .cf-main {
font-weight: 400;
line-height: 1.5;
padding: 1.5rem 0;
}
.cf-container {
color: #1e1e1e;
margin-right: auto;
margin-left: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#cf-app input {
font-size: 1rem;
}
#cf-app a {
text-decoration: none;
}
#cf-app input::-webkit-input-placeholder {
color: #bfbfbf;
}
#cf-app input::-ms-input-placeholder {
color: #bfbfbf;
}
#cf-app input::-moz-placeholder {
color: #bfbfbf;
}
#cf-app input::placeholder {
color: #595959;
}
#cf-app input[type="search"]::-webkit-search-cancel-button,
#cf-app input[type="search"]::-webkit-search-decoration,
#cf-app input[type="search"]::-webkit-search-results-button,
#cf-app input[type="search"]::-webkit-search-results-decoration {
display: none;
}
#cf-app .dataTables_length select {
width: auto;
float: right;
line-height: 1;
background: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.142787 10.9674L3.55548 14.803C3.61049 14.8648 3.67873 14.9144 3.75551 14.9484C3.8323 14.9824 3.91581 15 4.00032 15C4.08483 15 4.16835 14.9824 4.24513 14.9484C4.32191 14.9144 4.39015 14.8648 4.44516 14.803L7.85786 10.9674C8.18355 10.6013 7.91352 10.0358 7.41302 10.0358H0.586647C0.0861442 10.0358 -0.183883 10.6013 0.142787 10.9674Z' fill='%23595959'/%3E%3Cpath d='M7.85721 4.03258L4.44452 0.19701C4.38951 0.135219 4.32127 0.0856184 4.24449 0.0516126C4.1677 0.0176067 4.08419 0 3.99968 0C3.91517 0 3.83165 0.0176067 3.75487 0.0516126C3.67809 0.0856184 3.60985 0.135219 3.55484 0.19701L0.142143 4.03258C-0.18355 4.39869 0.0864772 4.96419 0.58698 4.96419H7.41335C7.91386 4.96419 8.18388 4.39869 7.85721 4.03258Z' fill='%23595959'/%3E%3C/svg%3E")
no-repeat;
background-position: calc(100% - 0.375rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 1.25rem !important;
font-size: 1rem;
padding: 0.5rem 0.625rem;
color: #898989;
margin-left: 0.375rem;
margin-bottom: 0px;
}
#cf-app .btn-download {
display: inline-flex;
align-items: center;
flex-shrink: 0;
border: 1.5px solid #bfbfbf;
font-weight: 500;
border-radius: 0.5rem;
color: #212529;
padding: 0.5rem 1rem;
column-gap: 0.625rem;
min-width: max-content;
margin: auto;
}
#cf-app .btn-download svg {
color: #bfbfbf;
width: 1.125rem;
flex-shrink: 0;
}
#cf-app .btn-download:hover,
#cf-app .btn-download:hover svg {
border-color: #2271b1;
color: #2271b1;
}
#cf-app .cf-title {
display: flex;
column-gap: 0.9375rem;
align-items: center;
font-weight: 500;
font-size: 1.625rem;
line-height: 1.5;
}
#cf-app .cf-title img {
max-width: 1.725rem;
}
#cf-app .cf-table thead th,
#cf-app table.cf-table td:first-child,
#cf-app table.cf-table th:first-child {
text-align: left;
}
#cf-app table.cf-table th.cf-thumbnail-th {
width: 10% !important;
}
#cf-app table.cf-table th.cf-title-th {
text-align: left;
width: 40%;
}
#cf-app .cf-table__top {
display: flex;
row-gap: 0.375rem;
margin-bottom: 0.9375rem;
flex-wrap: wrap;
}
#cf-app .cf-table__top .dataTables_filter,
#cf-app .cf-table__bottom .dataTables_filter {
float: none;
text-align: left;
}
#cf-app .cf-table__top .dataTables_filter label,
#cf-app .cf-table__bottom .dataTables_filter label {
position: relative;
display: block;
font-size: 0;
}
#cf-app .cf-table__top .dataTables_filter label::before,
#cf-app .cf-table__bottom .dataTables_filter label::before {
position: absolute;
left: 1.25rem;
top: 0.9375rem;
width: 1.125rem;
height: 1.125rem;
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/icons/icon-search.svg);
}
#cf-app .cf-table__top .dataTables_filter input,
#cf-app .cf-table__bottom .dataTables_filter input {
height: 3rem;
width: 100%;
font-size: 16px;
border-radius: 0.5rem;
border: 0;
box-shadow: 0;
outline: 0;
background-color: #f8f9fa;
padding: 0.9375rem 1.25rem 0.9375rem 3rem;
}
#cf-app .cf-options_info {
display: flex;
justify-content: flex-end;
padding: 12px 0;
flex: 1;
}
#cf-app .cf-options {
display: flex;
column-gap: 1.5625rem;
color: #595959;
}
#cf-app .cf-options__grid,
#cf-app .cf-options__list {
display: flex;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
align-items: center;
justify-content: center;
}
#cf-app .cf-options__grid.active,
#cf-app .cf-options__list.active {
color: #2271b1;
}
#cf-app .cf-table-grid,
#cf-app table.cf-table-grid .cf-updated {
display: block;
}
#cf-app .cf-table th.sorting::before,
#cf-app .cf-table th.sorting:after {
content: unset;
}
#cf-app .cf-table__main {
max-width: 100%;
overflow-x: auto;
}
#cf-app table.cf-table.collapsed .cf-icon {
margin-left: 1.5625rem;
}
#cf-app table.cf-table a.cf-icon {
word-break: break-word;
}
#cf-app table.cf-table.collapsed .dtr-control::before {
z-index: 5;
}
#cf-app table.cf-table.collapsed tr.child td.child {
padding: 0;
}
#cf-app table.cf-table.collapsed tr.child ul.dtr-details {
width: 100%;
}
#cf-app table.cf-table.collapsed tr.child ul.dtr-details li {
padding: 0.9375rem;
display: flex;
align-items: center;
column-gap: 1.25rem;
border-bottom: 0.125rem solid #f8f9fa;
}
#cf-app table.cf-table.collapsed tr.child ul.dtr-details li:last-child {
border-bottom: 0;
}
#cf-app table.cf-table-grid.collapsed .dtr-control {
pointer-events: none;
}
#cf-app table.cf-table-grid.collapsed .dtr-control .cf-icon {
pointer-events: auto;
padding: 0 !important;
margin: 0 !important;
}
#cf-app .cf-options_info .dataTables_length,
#cf-app .cf-table-grid thead,
#cf-app table.cf-table .cf-updated,
#cf-app table.cf-table-grid.collapsed .dtr-control::before,
#cf-app table.cf-table-grid.collapsed tbody td.child,
#cf-app table.cf-table-grid.collapsed tbody tr.child {
display: none;
}
#cf-app table.cf-table-grid.collapsed tbody td.dtr-hidden {
display: table-cell !important;
}
#cf-app table.cf-table th.sorting {
background-image: none !important;
}
#cf-app table.cf-table th:last-child {
width: 16%;
}
@media screen and (min-width: 1600px) {
#cf-app .cf-container {
max-width: 1650px;
}
#cf-app table.cf-table th.cf-title-th {
width: 50%;
}
#cf-app table.cf-table th:last-child {
width: 10%;
}
}
#cf-app table.cf-table th.sorting span {
display: inline-flex;
align-items: center;
column-gap: 0.4375rem;
}
#cf-app table.cf-table th.sorting span::after {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/icons/icon-sort.svg);
background-position: center;
width: 0.5rem;
height: 1rem;
}
#cf-app table.cf-table th.sorting_asc span::after {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/icons/icon-sort-up.svg);
}
#cf-app table.cf-table th.sorting_desc span::after {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/icons/icon-sort-down.svg);
}
#cf-app table.cf-table th span {
font-weight: 600;
}
#cf-app table.cf-table tr {
position: relative;
}
#cf-app table.cf-table tbody td,
#cf-app table.cf-table thead th {
text-align: center;
white-space: nowrap;
padding: 0.9375rem;
}
#cf-app table.cf-table thead th:focus-visible { outline: none !important; border: 2px solid #2271b1 !important;
}
#cf-app table.cf-table tbody tr:first-child td {
border-top: 0.125rem solid #f8f9fa;
}
#cf-app table.cf-table tbody td {
border-bottom: 0.125rem solid #f8f9fa;
}
#cf-app table.cf-table-grid tbody tr:first-child td:not(:last-child) {
border-top: 0;
}
#cf-app table.cf-table thead th,
#cf-app table.cf-table-grid tbody td,
#cf-app table.cf-table.no-footer {
border-bottom: 0;
background-color: #fff;
}
#cf-app table.cf-table-grid .flex {
justify-content: center;
}
#cf-app table.cf-table-grid td:first-child {
text-align: center;
}
#cf-app table.cf-table-grid .cf-icon {
flex-direction: column;
justify-content: center;
}
#cf-app table.cf-table-grid .cf-icon::before {
width: 3.75rem;
height: 5rem;
margin-bottom: 0.625rem;
}
#cf-app table.cf-table-grid tbody td {
padding: 0;
white-space: normal !important;
}
#cf-app table.cf-table-grid td .cf-column-size {
color: #757575;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2;
}
#cf-app table.cf-table-grid td .cf-column-type {
display: none !important;
}
#cf-app table.cf-table-grid td .cf-download-count {
display: none !important;
}
#cf-app table.cf-table-grid td:last-child {
margin-top: auto;
border-top: 0 !important;
}
#cf-app table.cf-table-grid .cf-column-last {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.9375rem;
justify-content: space-between;
border-radius: 0 !important;
border-top: 0.125rem solid #f8f9fa;
padding-top: 0.9375rem;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
#cf-app {
font-size: 1rem;
}
#cf-app .cf-title {
font-size: 1.75rem;
line-height: 2.5rem;
margin-bottom: 1.875rem;
}
#cf-app .cf-title img {
max-width: 2.5rem;
}
#cf-app .cf-table__top {
align-items: center;
flex-direction: row;
justify-content: space-between;
margin-bottom: 1.875rem;
}
#cf-app .cf-table__top .dataTables_filter input,
#cf-app .cf-table__bottom .dataTables_filter input {
width: 19.6875rem;
}
#cf-app table.cf-table.collapsed tr.child ul.dtr-details li {
padding: 1.25rem;
}
#cf-app table.cf-table tbody tr.prev-hover td,
#cf-app table.cf-table tbody tr:hover td {
border-color: transparent;
}
#cf-app table.cf-table tbody tr:hover td {
background-color: #fbfbfb !important;
}
#cf-app table.cf-table tr:hover td:first-child {
border-radius: 0.5rem 0 0 0.5rem;
}
#cf-app table.cf-table tr:hover td:last-child {
border-radius: 0 0.5rem 0.5rem 0;
}
#cf-app table.cf-table-grid .cf-icon {
margin-bottom: 0.625rem;
}
#cf-app table.cf-table-grid .cf-icon::before {
width: 4.625rem;
height: 6.25rem;
}
#cf-app table.cf-table-grid .cf-column-last {
flex-direction: column;
}
#cf-app table.cf-table-grid tr:hover {
background-color: #fbfbfb;
}
#cf-app table.cf-table-grid tr:hover .cf-column-last {
border-color: #ecf0f4;
}
}
#cf-app table.cf-table-grid .cf-column-last small {
color: #757575;
display: block;
letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
#cf-app .btn-download {
font-size: 1rem;
}
#cf-app .cf-options_info {
display: flex;
align-items: center;
justify-content: flex-end;
}
#cf-app .cf-options_info .dataTables_length {
color: #898989;
}
#cf-app table.cf-table tbody td,
#cf-app table.cf-table thead th {
text-align: right;
}
#cf-app table.cf-table-grid tbody td,
#cf-app table.cf-table-grid thead th {
text-align: center;
}
#cf-app table.cf-table-grid .cf-updated {
text-align: left;
}
}
@media screen and (min-width: 1440px) {
#cf-app table.cf-table-grid .cf-column-last {
padding-top: 1.25rem;
flex-direction: row;
}
#cf-app table.cf-table-grid .cf-updated {
text-align: left;
}
.cf-empty-data.cf-table tr:hover,
.cf-empty-data.cf-table tr:hover td {
background-color: #fff;
}
}
.cf-empty-data.cf-table-grid tr {
grid-column: 1/5 span;
padding: 20px;
border: 0;
}
.cf-empty-data.cf-table tr td {
border-color: #f8f9fa !important;
text-align: center;
}
.cf-empty-data.cf-table-grid tr td {
padding-top: 0;
margin-top: 0;
border: 0 !important;
justify-content: center;
}
#cf-app .cf-table-grid tbody {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media screen and (min-width: 768px) {
#cf-app .cf-table-grid tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.875rem;
}
}
@media screen and (min-width: 1024px) {
#cf-app table.cf-table {
margin-bottom: 3.125rem;
}
#cf-app .cf-table-grid tbody {
grid-template-columns: repeat(var(--grid-column), minmax(0, 1fr));
}
}
#cf-app .cf-table-grid tbody tr {
display: flex;
flex-direction: column;
background: #fff;
border: 0.125rem solid #eef2f5;
border-radius: 1.25rem;
padding: 1.875rem 1.25rem 1.25rem;
}
#cf-app .cf-table__bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
row-gap: 0.375rem;
font-weight: 400;
color: #898989;
}
@media screen and (max-width: 1023px) {
#cf-app .cf-table__bottom {
margin-top: 0.9375rem;
column-gap: 0.5rem;
}
#cf-app .dataTables_filter,
.dataTables_filter input {
width: 100% !important;
}
#cf-app .cf-options_info {
display: flex;
justify-content: flex-end;
width: 100%;
}
}
#cf-app .cf-pagination {
display: flex;
color: #595959;
gap: 1.25rem;
align-items: center;
justify-content: flex-end;
flex: 1;
}
#cf-app .cf-pagination .dataTables_info,
#cf-app .cf-pagination .dataTables_length,
#cf-app .cf-pagination .dataTables_paginate {
padding-top: 0;
margin-top: 0;
color: inherit;
}
#cf-app .cf-pagination .dataTables_paginate {
display: flex;
}
#cf-app .cf-pagination .dataTables_paginate span {
display: none;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button {
min-width: inherit;
display: flex;
align-items: center;
justify-content: center;
width: 2.4375rem;
height: 2.1875rem;
border: 1px solid #c4c4c4;
box-shadow: none;
outline: 0;
margin: 0;
padding: 0;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button:hover {
border-color: #2271b1;
background: 0;
color: #2271b1 !important;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button.disabled:hover {
border-color: #c4c4c4;
opacity: 0.4;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button.previous {
border-radius: 0.25rem 0 0 0.25rem;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button.next {
border-radius: 0 0.25rem 0.25rem 0;
}
#cf-app .cf-pagination .dataTables_paginate .paginate_button.previous svg,
#cf-app .cf-pagination .dataTables_paginate .paginate_button.next svg {
height: 18px;
width: 18px;
}
#cf-app .cf-table .cf-icon:hover {
color: #2271b1;
text-decoration: underline;
text-underline-position: under;
}
#cf-app .cf-icon {
display: inline-flex;
align-items: center;
column-gap: 0.9375rem;
color: inherit;
}
#cf-app .cf-icon:before {
display: block;
width: 1.25rem;
height: 1.625rem;
flex-shrink: 0;
}
#cf-app .cf-icon.cf-hidden:before {
display: none;
}
@media screen and (min-width: 768px) {
#cf-app .cf-table-grid tbody tr {
padding: 2.5rem 1.5625rem 1.5625rem;
}
#cf-app .cf-icon {
column-gap: 1.125rem;
}
#cf-app .cf-icon:before {
width: 2.3125rem;
height: 3rem;
}
}
#cf-app .icon-pdf:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/pdf.svg);
}
#cf-app .icon-doc:before,
#cf-app .icon-docx:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/doc.svg);
}
#cf-app .icon-xls:before,
#cf-app .icon-xlsx:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/xls.svg);
}
#cf-app .icon-ppt:before,
#cf-app .icon-pptx:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/ppt.svg);
}
#cf-app .icon-mp4:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/mp4.svg);
}
#cf-app .icon-other:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/other.svg);
}
#cf-app .icon-wav:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/wav.svg);
}
#cf-app .icon-jpg:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/jpg.svg);
}
#cf-app .icon-zip:before {
background-image: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/zip.svg);
}
#cf-app .cf-table__bottom:has(.dataTables_filter) > div:nth-last-child(n + 2),
#cf-app .cf-table__top:has(.dataTables_filter) > div:nth-last-child(n + 2) {
width: 50%;
}
#cf-app .cf-table__top:not(:has(.dataTables_filter)),
#cf-app .cf-table__bottom:not(:has(.dataTables_filter)) {
flex-direction: column;
align-items: flex-end;
}
#cf-app .cf-table__bottom > div:nth-of-type(3),
#cf-app .cf-table__top > div:nth-of-type(3) {
width: 100%;
flex: none;
}
.catf-dg-create-folder-btn {
justify-content: center;
width: 100%;
margin-bottom: 15px;
}
.block-spinner-wrap {
margin-bottom: 20px;
}
#cf-app .cf-column-thumbnail {
width: 90px;
height: 90px;
background: #ededee;
border-radius: 0.3rem;
}
#cf-app .cf-column-thumbnail .cf-thumbnail-image,
#cf-app .cf-column-thumbnail .cf-thumbnail-image.cf-pdf.cf-landscape {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 0.3rem;
}
#cf-app .cf-column-thumbnail .cf-thumbnail-image.cf-pdf.cf-portrait {
max-height: 100%;
object-fit: contain;
}
#cf-app .cf-table-grid .cf-column-thumbnail {
width: 100%;
height: auto;
border-radius: 1.25rem !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
#cf-app
.cf-table-grid
.cf-column-thumbnail
.cf-thumbnail-image.cf-pdf.cf-landscape {
width: 100%;
height: auto;
}
#cf-app span.cf-thumbnail-image {
display: inline-flex;
align-items: center;
justify-content: center;
column-gap: 0.9375rem;
color: inherit;
}
#cf-app span.cf-thumbnail-image:before {
content: "";
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 60px;
height: 80px;
flex-shrink: 0;
} .cf-table.cf-table-grid tr {
padding-left: 0px !important;
padding-right: 0px !important;
}
.cf-table.cf-table-grid tr td:nth-child(1) {
border-radius: 1.25rem !important;
}
#cf-app .cf-table.cf-table-grid .cf-thumbnail-image {
width: 100%;
height: 200px;
border-radius: 1.25rem !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
#cf-app .cf-table.cf-table-grid span.cf-thumbnail-image:before {
width: 120px;
height: 156px;
display: inline-block;
}
#cf-app .cf-table.cf-table-grid.cf-has-thumbnail tr {
padding-top: 0px;
}
#cf-app
.cf-table.cf-table-grid.cf-has-thumbnail
td:first-child.has-margin-bottom {
margin-bottom: 2.5rem;
}
#cf-app
.cf-table.cf-table-grid.cf-has-thumbnail
td:first-child.no-margin-bottom {
margin-bottom: 0px;
}
#cf-app table.cf-table-grid .cf-column-last.has-margin-top {
margin-top: 1.875rem;
}
#cf-app table.cf-table-grid .cf-column-last.no-margin-top {
margin-top: 5px;
} .cf-table-my-wrap {
position: relative; }
.cf-table-my-wrap.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top-color: #3498db;
border-radius: 50%;
animation: cfdocspin 1s linear infinite;
z-index: 999;
}
@keyframes cfdocspin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .cfdoc_breadcrumb {
font-size: 16px;
position: relative;
display: flex;
background-color: #edeff0;
padding: 0 10px;
margin-bottom: 20px;
border-radius: 4px;
}
.cfdoc_breadcrumb ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.cfdoc_breadcrumb > ul {
display: flex;
gap: 0;
padding: 10px; }
.cfdoc_breadcrumb ul.children {
display: none;
min-width: 150px;
position: absolute;
z-index: 10;
padding: 5px 15px;
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
top: 100%;
left: auto;
}
.cfdoc_breadcrumb ul.children ul.children {
top: 0;
left: 100%;
}
.cfdoc_breadcrumb li {
position: relative;
padding: 5px 0 5px 0px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.2s ease;
}
.cfdoc_breadcrumb > ul > li {
position: relative;
padding: 0;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.2s ease;
display: flex;
color: #2c3f4c;
margin-right: 8px;
font-size: 16px;
}
.cfdoc_breadcrumb li li {
display: flex;
width: 100%;
}
.cfdoc_breadcrumb li li.has-childrend {
background: url(//citymanagement-gotha.de/wp-content/plugins/catfolders-document-gallery/assets/images/icons/right-arrow.svg) no-repeat;
background-position: right;
}
.cfdoc_breadcrumb > ul > li > span {
margin: 0 5px;
}
.cfdoc_breadcrumb > ul > li i {
display: flex;
width: 20px;
} .cfdoc_breadcrumb > ul > li:not(:last-child)::after{ content: '/';
margin-left: 10px;
color: #959fa5; }  .cfdoc_breadcrumb li:hover > ul.children {
display: block;
} .cfdoc_children ul {
list-style-type: none;
padding: 0;
margin: 0 0 20px 0;
display: flex;
gap: 10px;
}
.cfdoc_children ul li {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #f9f9f9;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
font-size: 16px;
color: #333;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
}
.cfdoc_children ul li i {
display: flex;
align-items: center;
color: #666;
font-size: 20px;
width: 20px;
}
.cfdoc_children ul li:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}