:root {
    --default_bg: #e4002a;
    --main-color: #E51145;
    --main_color: #E51145;
    --icons-black: url('../../../Images/sprite_portal_black.svg');
    --icons-white: url('../../../Images/sprite_portal_white.svg');
}

.joFacetteItem .img-container .joSprite {
    background-image: var(--icons-white);
}
/*
.joListandtable a:hover, .joListandtable .active a {
    background-image: var(--icons-white);
    background-color: var(--main-color);
}
*/
.item_sorting {
    flex-wrap: wrap;
    gap: 5px;
}
.item_sorting li {
    margin: 0;
}
.joListandtable a {
    background-image: var(--icons-black);
}
/*
.listview_wrap .control_wrap a {
    width: 36px;
    height: 36px;
    overflow: hidden;
}
*/
div.ol-control, div.ol-control:hover {
    background: #fff;
}
div.ol-attribution {
    bottom: 40px;
}
.logo-extra {
    position: relative;
}
.joFacettedSearch a .img-container {
    background: var(--main-color);
}
.joFacetteItem {
    padding: 5px 10px;
}
/*
.bookmark-wrap:has(.bookmark-number-wrap) {
    position: absolute;
    top: 1px;
    left: 25px;
    background: var(--main-color);
    border-radius: 50% 50%;
    padding: 3px;
    border: 2px solid #fff;
    min-width: 30px;
}
*/
#map-list .list_notable h2 {
    font-size: 20px;
}
.bookmark-wrap a {
    color: #fff;
    font-weight: 400;
    text-align: center;
}
/*
.listview_wrap .detail.control_button .joSprite {
    background-size: 540px;
    background-position: -469px -4px;
}
*/
/*
.listview_wrap .colbox.control_button .joSprite {
    background: 20px 0 / contain url(../../../Icons/Denkmalatlas/Merkliste.svg) no-repeat;
    filter: brightness(0) saturate(100%);
}
.listview_wrap .colbox.control_button .listBookmarkRemove .joSprite {
    background: 20px 0 / contain url(../../../Icons/Denkmalatlas/Merkliste_filled.svg) no-repeat;
}
*/
.collbox-link-container > .btn-delete {
    background: var(--main-color);
    font-weight: 400;
}
.collbox-link-container > a {
    background-color: #212529;
    font-weight: 400;
}
a.back-to-top {
    background: var(--main-color);
}
/*
.control_button span {
    display: none !important;
}
*/
.facettes .tab-pane .button_wrap .joCheck {
    border-color: var(--main-color);
    border-radius: 2px;
}
.joAlphabetIndex li.active a {
    border-color: var(--main-color);
    color: var(--main-color);
}
.results .submit_all {
    appearance: none;
    border: 1px solid var(--main-color);
    border-radius: 2px;
    background: #fff;
    font-size: 18px;
    margin: 10px 0 30px;
    padding: 5px 10px;
    transition: .2s;
}
.results .submit_all:hover,
.results .submit_all:active,
.results .submit_all:focus {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.pagination {
    align-items: center;
    gap: 5px;
}
.pagination .page-link {
    border: 1px solid transparent;
    border-radius: 2px;
    font-weight: 500;
}
.pagination .page-link:focus {
    box-shadow: none;
}
.pagination .page-link:hover {
    border-color: var(--main-color);
    color: var(--main-color);
    background: #fff;
}
.pagination .active .page-link {
    background: var(--main-color);
    color: #fff;
}
.joPaginateWrap .pagination li.paginator-next a {
    background: -537px -43px / 900px var(--icons-white) no-repeat var(--main-color);
    border-radius: 2px;
}
.joPaginateWrap .pagination li.paginator-back {
    margin: 0 10px 0 0;
}
.joPaginateWrap .pagination li.paginator-next {
    margin: 0 0 0 10px;
}
.joPaginateWrap .pagination li.paginator-next a:hover {
    background-image: var(--icons-white);
}
.joPaginateWrap .pagination li.paginator-back a {
    background: -538px -45px / 900px var(--icons-white) no-repeat var(--main-color);
    border-radius: 2px;
}
.facettes .tab-pane .joCheck.joCheckColor_active,
.hierachical .items li.active a.joCheck.joCheckColor_1,
.facettes .tab-pane .joCheck.joCheckColor_active,
.hierachical .items li.active a.joCheck {
    background: var(--main-color);
}
.facettes .tab-pane .button_wrap .joCheck.joCheckColor_active {
    border: none;
    position: relative;
}
.facettes .joCheck.joCheckColor_active::before,
.facettes .joCheck.joCheckColor_active::after {
    content: '';
    width: 16px;
    height: 2px;
    background: #fff;
    opacity: 1;
    border-radius: 5px;
    left: 4px;
    position: absolute;
    top: 11px;
}
.facettes .joCheck.joCheckColor_active::before {
    transform: rotate(45deg);
}
.facettes .joCheck.joCheckColor_active::after {
    transform: rotate(-45deg);
}
/*
#joDeleteIcon .delete_text {
    display: inline-block;
    font-weight: 500;
}
#joDeleteIcon {
    background: var(--main-color);
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
}
#joDeleteIcon .joSprite {
    display: none;
}
*/
.joTimeLineAndFilter .c_button {
    font-size: 14px;
}
.alternativeview_1 .sort_switch_wrap {
    order: unset;
}
.alternativeview_1 .imageSwitch {
    margin: 0;
}
/*
.first-row,
.second-row {
    flex: 0 0 100%;
}
*/
.second-row {
    gap: 30px;
    padding: 15px 0;
}
.alternativeview_1 .t01 {
    font-weight: 400;
    padding: 0;
}

.joListNotableContainer .list_notable,
.joGridview .grid-link,
.filter_wrap,
.search_mask_outer_wrap {
    background-color: #eee;
}
#map-list .search_mask_outer_wrap {
    margin: 0 -15px;
    padding: 0 15px;
}
.search_mask_outer_wrap .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
#map-list .filter_wrap {
    margin: 0 -15px;
    padding: 0 15px;
}
/*
.sort_and_view_wrap {
	order: 3;
}
*/
.search_button {
	font-size: 0;
}
.item_wrap{
    padding: 0 0 5px;
}
.list_notable .sw{
    margin-bottom: 0px;
}
.joListNotableContainer .list_notable,
.joGridview .grid-link {
    transition: .2s ease;
}
.facettes .tab-pane-inactive,
.facettes .tab-pane {
    padding: 0 0 30px;
}
.joControls {
	padding-right: 0;
    gap: 0 10px;
    align-items: center;
}
.joControls > li.deletefilter {
    border-left: none;
}
.facettes .index_wrapper .button_wrap a:hover {
	color: var(--default_bg);
}
.listview_wrap.results {
    margin-top: 0;
    border-top: none;
    padding-top: 60px;
}
#joMaps-container {
	height: calc(100dvh - 69px);
}
#map-list .joScrollWrap {
    height: calc(100dvh - 69px);
    overflow: auto;
    padding: 0;
}
/* width */
#map-list .joScrollWrap::-webkit-scrollbar {
  width: 5px;
}
/* Track */
#map-list .joScrollWrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
#map-list .joScrollWrap::-webkit-scrollbar-thumb {
  background: var(--default_bg);
}
/* Handle on hover */
#map-list .joScrollWrap::-webkit-scrollbar-thumb:hover {
  background: var(--default_bg);
}
.map-item-header-title p {
	margin-bottom: 0;
}
#map-list .searchform {
	padding: 15px 0;
}
#map-list .sort_and_view_wrap {
    flex-direction: column-reverse;
}
#map-list .sort_and_view_wrap > div {
    flex: 0 0 100%;
    max-width: 100%;
}
#map-list .sort_block {
	padding-bottom: 15px;
}
#map-list .alternativeview_1 {
    display: flex;
    flex-direction: column;
    padding: 0 15px 15px;
    margin-left: 0;
    margin-right: 0;
}
#map-list .button_wrap > a {
    word-break: break-word;
    hyphens: auto;
}
.maplayout .control_button > a {
	display: flex;
    align-items: center;
    height: 100%;
}
/*
.map-slide-item .colbox .joSprite {
    background: center / contain url(../../../Icons/Denkmalatlas/Merkliste.svg) no-repeat;
    filter: brightness(0) saturate(100%);
    margin: 0 auto;
}
.results .map-slide-item .detail .joSprite {
    background-position: -656px -5px;
}
*/
.joDetail .classic_view .control_button {
    margin: 0 10px;
}
.alternativeview_1 .tl01 {
    width: 100%;
}
a.gbv {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    padding: 2px 4px;
    background-color: #d0cfcf;
    text-decoration: none;
    line-height: 100%;
    border: #808080 1px solid;
    font-size: 12px;
    border-right: #638bc6 7px solid;
}
.joFacetteItem a:hover {
    color: #fff;
}
.subtype_literatureall .item_wrap:not(:last-child) {
    margin-bottom: 15px;
}
/*
.joListandtable .gallery_icon {
    background-position: -45px -45px;
}
*/
/*
.sort_and_view_wrap {
    gap: 20px;
    margin: 20px 0 0;
    align-items: center;
}
.sort_and_view_wrap .sort_block {
    justify-content: start;
}
.sort_switch_wrap {
    justify-content: start;
}
*/
/* .sort_and_view_wrap > div {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
} */
.sort_and_view_wrap .found_block strong {
    color: var(--main-color);
    font-weight: 600;
}
/*
.sort_and_view_wrap .found_block {
    flex: 0 0 100%;
}
*/
#map-list .sort_and_view_wrap .found_block {
    flex: 0 0 100%;
    max-width: 100%;
}
#map-list .item_sorting a {
    display: flex;
    align-items: center;
}
.item_sorting a {
    background: #fff;
    color: #313331;
    border: 1px solid #313331;
    border-radius: 2px;
    font-size: 16px;
}
.item_sorting .direction_desc a:after {
    content: '';
    transform: rotate(90deg);
    background-position: -335px -39px;
}
.item_sorting a:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 16px;
    background: -337px -37px / 602px url(../../../Images/sprite_portal_black.svg);
    transform: rotate(-90deg);
}
.item_sorting .active a {
    background: #fff;
    color: var(--main-color);
    border-color: var(--main-color);
}
.item_sorting .active a:after {
    filter: brightness(0) saturate(100%) invert(18%) sepia(89%) saturate(3590%) hue-rotate(335deg) brightness(89%) contrast(103%);
}
/* .sort_and_view_wrap .sort_block .item_sorting_con {
    margin: 40px auto 0 0;
} */
.sort_and_view_wrap .sort_block {
    align-self: flex-start;
}
.sort_and_view_wrap .sort_block a {
    display: block;
}
div#chart_div {
    height: 100px;
}
a[href="#classificationtime"] .joSprite,
a[href="#classificationtimeHierarchy"] .joSprite {
    background-position: -87px 2px;
}
a[href="#samtgemeinde_loc"] .joSprite,
a[href="#samtgemeinde_locFirstletter"] .joSprite,
a[href="#gemeinde_loc"] .joSprite,
a[href="#gemeinde_locFirstletter"] .joSprite,
a[href="#gemarkung_loc"] .joSprite,
a[href="#gemarkung_locFirstletter"] .joSprite,
a[href="#stadtteil_loc"] .joSprite,
a[href="#stadtteil_locFirstletter"] .joSprite {
    background-position: -57px 2px;
}
a[href="#classificationstatus"] .joSprite {
    background-position: -27px -118px;
}
a[href="#classificationobject"] .joSprite {
    background-position: -416px -177px;
}
.joSearchControl div.classificationtime,
.joSearchControl div.classificationtimeHierarchy {
    background-position: -93px -3px;
}
.joSearchControl div.samtgemeinde_loc,
.joSearchControl div.samtgemeinde_locFirstletter,
.joSearchControl div.gemarkung_loc,
.joSearchControl div.gemarkung_locFirstletter,
.joSearchControl div.gemeinde_loc,
.joSearchControl div.gemeinde_locFirstletter,
.joSearchControl div.stadtteil_loc,
.joSearchControl div.stadtteil_locFirstletter {
    background-position: -63px -3px;
}
.joSearchControl div.classificationobject {
    background-position: -421px -182px;
}
.joSearchControl div.classificationstatus {
    background-position: -32px -122px;
}
.joSearchControl div.imageonly {
    background-position: -302px -3px;
}
/* .alternativeview_1 .export {
    order: 4;
} */
.item_wrap > .link_wrap {
    display: inline;
}
.external-default,
.list_notable .link_external,
.link_wrap > .link_external,
.link-fix .link_external {
    width: 20px;
    height: 20px;
    font-size: 0;
    vertical-align: middle;
    background: -277px -30px / 500px var(--icons-black) no-repeat transparent;
    transform: rotate(-45deg);
}
.list_notable .item_content_wrap br {
    display: none;
}
.joDetail .classic_view .content_block .section_inner_wrap > h3 {
    margin-bottom: 5px;
}
.upperFeedback {
    margin-bottom: 15px;
}
.joListTable .control_button a div {
    width: unset;
}
.joListTable .detail .joSprite,
.joListTable .listBookmark .joSprite,
.joListTable .listBookmarkRemove .joSprite  {
    width: 30px;
    height: 30px;
}
.joListTable .detail .joSprite {
    background-size: 647px;
    background-position: -583px -2px;
}
/*
.map-slide-item .control_wrap {
    justify-content: start;
    gap: 15px;
}
.map-slide-item .control_wrap > div {
    margin: 0;
}
.map-slide-item .control_wrap .detail,
.map-slide-item .control_wrap .colbox,
.map-slide-item .control_wrap .localize {
    border-color: #262A31;
}
*/
.map-slide-box.results .img {
    margin: 0 0 20px;
}
#map-list .listBookmarkRemove .joSprite {
    background: center/ contain url(../../../Icons/Denkmalatlas/Merkliste_filled.svg) no-repeat;
}
.childobjects .joGridview .grid-text-container {
    color: #000;
}
.joDetail .classic_view .colbox .listBookmark,
.joDetail .classic_view .colbox .listBookmarkRemove {
    width: 30px;
    height: 30px;
}
.joDetail .classic_view .colbox .listBookmark {
    background: center / contain url(../../../Icons/Denkmalatlas/Merkliste.svg) no-repeat;
    filter: brightness(0) saturate(100%);
}
.joDetail .classic_view .colbox .listBookmarkRemove {
    background: center / contain url(../../../Icons/Denkmalatlas/Merkliste_filled.svg) no-repeat;
}
.control_button:has(.listBookmark),
.control_button:has(.listBookmarkRemove)  {
    border: none;
}
.detaillink.default {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    padding: 3px 5px;
    border-radius: 4px;
    margin: 0 0 2px;
    color: #fff;
}
.item_content_wrap > .objectclass,
.item_content_wrap > .level,
.item_content_wrap > .bearbeitungsstatus,
.item_content_wrap > .status {
    position: relative;
    display: inline-block;
    background-color: #7ca751;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1.4;
    padding: 0 .5em 0;
    letter-spacing: .03em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
}
.item_content_wrap > .objectclass:before,
.item_content_wrap > .level:before,
.item_content_wrap > .bearbeitungsstatus:before,
.item_content_wrap > .status:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('../../../Images/sprite_portal_white.svg');
    background-color: transparent;
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: -5px -4.5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 1px;
}
.header_value {
    margin-bottom: 5px;
    font-weight: 700;
}
.item_content_wrap > .bearbeitungsstatus.level2:before,
.item_content_wrap > .level.level2:before {
    background-image: url('../../../Images/sprite_portal_black.svg');
}
.objectclass.keinverzeichnisobjekt,
.status.nichtveroeffentlicht {
    background-color: #b64b7c;
}
.objectclass.keinverzeichnisobjekt:before,
.status.nichtveroeffentlicht:before {
    background-position: -44px -165px;
}
.item_content_wrap > .level:before,
.item_content_wrap > .bearbeitungsstatus:before {
    background-position: -65px -166.5px;
}
.bearbeitungsstatus.level0,
.level.level0 {
    background-color: #b64b7c;
}
.bearbeitungsstatus.level1,
.level.level1 {
    background-color: #ff5724;
}
.bearbeitungsstatus.level2,
.level.level2 {
    color: black;
    background-color: #d6b13a;
}
.bearbeitungsstatus.level3,
.level.level3 {
    background-color: #7ca751;
}
.hierachical .items > ul {
    max-height: 550px;
    padding-right: 15px;
}
#map-container {
    position: absolute;
    height: 0!important;
    padding-bottom: 100%;
    width: 100%;
}
.joDetail #map-container {
    position: relative;
}
#mapdiv {
    position: absolute;
    width: 100%;
    height: 100% !important;
}
.joDetail .classic_view .detailimage_con.placeholder-con {
    height: auto;
}
/* .table .control_button a {
    flex-direction: row;
} */
.d-image-title {
    position: absolute;
    bottom: 60px;
    background-color: black;
    color: white;
    padding: 3px 6px;
    font-size: 12px;
}
.joAndOrSwitch .joOrText,
.joAndOrSwitch .joAndText {
    line-height: 150%;
}
/*
.alternativeview_1 .btn-export span {
    display: none;
}
.alternativeview_1 .btn-export .sprite_mask {
    width: 30px;
    height: 30px;
}
.alternativeview_1 .btn-export-xsl .joSprite {
    background-position: -579px -104px;
}
.alternativeview_1 .btn-export-csv .joSprite {
    background-position: -483px -391px;

}
*/
.alternativeview_1 .export {
    display: flex;
    /* margin-left: auto; */
    gap: 10px;
}
div.ol-control > button {
    background-color: var(--main-color);
}
div.ol-control button:focus, div.ol-control button:hover {
    background-color: var(--main-color);
}
.joLayerContent {
    position: absolute;
    right: 1px;
    top: 0px;
    transform: translateX(100%);
    background-color: #fff;
    padding: 5px 10px;
}
.joLayerContainer li {
    display: flex;
}
.joLayerContainer input {
    display: inline-block;
}
.joLayerContainer label {
    display: inline-block;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    /*
    white-space: nowrap;
    */
}
.joDetail .joLayerContainer .joLayerContent {
    max-width: 450px;
    max-height: 350px;
    overflow: auto;
}
.ol-popup .nearby-p-link {
    white-space: nowrap;
}
/* map popup - start */
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    border: 1px solid #000000;
    /* bottom: -110px; */
    top:-30px;
    left: 30px;
    display: none;
    padding: 10px 15px;
}
.ol-popup:after, .ol-popup:before {
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-right-color: #ffffff;
    border-width: 10px;
    left: 10px;
    margin-left: -30px;
}
.ol-popup:before {
    border-right-color: #000000;
    border-width: 11px;
    left: -11px;
    margin-left: -11px;
    top: calc(10% - 1px);
}
.ol-popup .list_notable {
    border-bottom: none;
    padding: 0;
}
.ol-popup .joListLinks {
    margin-top: 0;
    padding: 0 15px;
}
.ol-popup .joListLinks .control_button {
    float: left;
}
.ol-popup .list_notable .txt {
    padding:0;
}
.ol-popup .list_notable .txt {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}
.ol-popup .list_notable h2 {
    font-size: 20px;
}
.ol-popup .list_notable .txt .main-txt {
    padding-bottom: 0;
}
.ol-popup .results {
    padding-top: 0;
}
.ol-popup .clearfix {
    clear: both;
}
.ol-popup .img .joResponseImage {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
}
.ol-popup .localize,
.ol-popup .colbox{
    display:none;
}
#popup-loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: relative;
    left: 50%;
}
#popup-closer {
    position: absolute;
    right: 2px;
    z-index: 10;
    text-decoration: none;
}
#popup-closer::before {
    content: '✖';
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#ol4-map-container .joLayerContainer {
    display: none;
}
.feedback-submit {
    background: #fff;
    color: #262A31;
    border-color: var(--main-color);
    transition: .2s;
    padding: 5px 10px;
}
.feedback-submit:hover,
.feedback-submit:focus,
.feedback-submit:focus-visible,
.feedback-submit:active {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
/* map popup - ende */
.joDetail .classic_view .leftcol {
    padding: 0;
}
.detail-img-slick .slick-arrow.slick-prev,
.detail-img-slick .slick-arrow.slick-next {
    outline: none;
}
*[id^="l-item-"] {
    scroll-margin-top: 50vh;
    scroll-margin-top: 50dvh;
}
.pdf-only {
    display: none;
}
.item_wrap u {
    margin-top: 7px;
    display: inline-block;
}
.item_sorting_label {
    display: none;
}
.sort_switch_wrap {
    justify-content: flex-start;
    .dropdown-toggle {
        padding-left: 0;
    }
}
.del_timefilter a:hover {
    color: white;
}
@media (min-width: 768px)
{
    .joDetail .classic_view .leftcol {
        padding-right: 20px;
    }
    .joDetail .classic_view .rightcol {
        padding-left: 20px;
    }
    .hierachical .items > ul {
        overflow: auto;
    }
    /* width */
    .hierachical .items > ul::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    .hierachical .items > ul::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.7);
    }
    /* Handle */
    .hierachical .items > ul::-webkit-scrollbar-thumb {
        background: #e4002a;
        cursor: grab;
    }
    /* Handle on hover */
    .hierachical .items > ul::-webkit-scrollbar-thumb:hover {
        background: #e4002a;
    }
    .img-placeholder-wrap .markup-pl-wrap {
        padding: 0 0 100% 0;
        width: 100%;
        height: 0;
    }
}