/* Unnötige Abstände entfernen */ 

.ss360-layer:not(.ss360-layer--overlay) .ss360-custom-search, .ss360-frame--content-result-heading h2 {
    margin-bottom: 0;
}

#mainsearch {
	border:0 !important;
	background:transparent !important;
	font-size:1rem !important;
	
}
.unibox__cluster--style-compact .unibox__selectable {
    padding: 4px 0 4px 0rem;
}
h2.unibox__suggest-heading {
    margin-left: 0rem;
    border-top: 1px #e2e2e2 solid;
    padding-top: 8px;
}

.unibox__cluster--style-compact.unibox__cluster--layout-list .unibox__selectable-image-container{
	width:1rem;
	height:auto;
}
.unibox-n-section.unibox__selectable.unibox__selectable--has-image {
    margin-left: 2rem;
}

.unibox__selectable-image {
	border-radius:0;
}
.unibox__selectable-image-container--left {
		margin-right: .5rem;
margin-left: -2rem;
border-radius:0;
}
.unibox__selectable-image-container--left .unibox__content-container{
	margin-left: .5rem;
}

#unibox-suggest-box .unibox-tc-c, #unibox-suggest-box .unibox-tc-c--hover:hover, #unibox-suggest-box .unibox-tc-c--hover:focus {
	color:2d2d2d;
}

body#body .searchform.opened .unibox__cluster{
	padding:0;
}
body#body .searchform.opened #unibox-suggest-box {
	padding:1rem;
}
body#body .searchform.opened {
	overflow: visible;
}



.ss360-pagination__copy {display:none; }
aside {display:none}
.unsichtbar{display:none}
.wrapper .ss360-layer svg { vertical-align: top; fill:var(--ss360-grey-text) }
.ss360-data-point__cell--key {  min-width: 142px; }
#ss360-custom-searchbutton svg {fill:#fff}
ul.breadcrumbs li:last-child {display:inline-block !important;color: var(--default-font-color-light);}
ul.breadcrumbs li:nth-last-child(2) a {display:none;color:red !important}
.ss360-list a:hover {color:#ef0000}
html #body aside {display:none}

#body .ss360-suggests__link, #body .ss360-suggests__snippet {
    font-size:1rem;
}

.loading span:before {
    animation: dots 1s linear infinite;
    content: "";
    }
    @keyframes dots {
    0%, 20% {
        content: ".";
    }
    40% {
        content: "..";
    }
    60% {
        content: "...";
        }
    90%, 100% {
        content: "";
    }
}



section.unibox {
    padding-top:0 !important;
}

.unibox span{
    font-size:14px;
}

.unibox__selectable-image-container{
    display:none;
}


.unibox-n-section.unibox__selectable.unibox__selectable--has-image{
    margin-left:0;
}

.ss360-custom-search__searchbox {
    padding-left:0 !important;
}

.header-menu-item.searchform [type="submit"]{
    display:none !important;
}

body section.unibox h2 {
    font-size:16px;
    margin-bottom:0;
    text-align:left;
}

.ss360-layer svg,
.ss360-layer img {
    vertical-align: baseline;
}

.ss360-custom-search__searchbox.ss360-n-input{
    background:none !important;
    border: 1px solid #5A616C;
    padding-left:10px !important;
    border-radius: 0;
    border-bottom-left-radius: var(--ss360-border-radius-xl);
    border-top-left-radius: var(--ss360-border-radius-xl);
}

.ss360-suggests__content {
    gap:.25rem;
}
.ss360-suggests--card {
    padding:0;
    border:0;
}

.ss360-data-point__cell--value {
    font-weight:normal;
}
#body .ss360-suggests__snippet .ss360-highlight {
    font-weight:normal
}


/*.streched_link*/
.ss360-suggests__link:after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
#body .ss360-suggests__wrap {
    position:relative
}
#body .ss360-suggests__header {
    position: static;
}

#body .ss360-data-point{
    vertical-align: top;
    padding-right:10px;
}

#body .ss360-data-point__cell--key {
    min-width: 0;
}

#body .ss360-data-points--row .ss360-data-points__body {
    display:table;
}
#body .ss360-data-points--row .ss360-data-point {
    display: table-row;
    -webkit-line-clamp: 3; /* derzeit nur im safari*/
    line-clamp: 3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
#body .ss360-data-points--row .ss360-data-point:first-child td {
    word-break: keep-all;
}
#body .ss360-data-point__cell--key {
    padding-right:10px;
}

/************* custom styles ****************/

/** Ergebnisliste **/
#body div.ss360-suggests__content header span a.ss360-suggests__link {
    /* Headline/mobile/h3 */
    font-family:'ApproachKoelnRegular', Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 26px */
    color: #2d2d2d;
}

#body div.ss360-suggests__content p.ss360-suggests__snippet {
    font-family:'ApproachKoelnRegular', Arial, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 26.1px */
}

#body div.ss360-suggests__content .ss360-dp__datum .ss360-data-point__cell,  #body .ss360-dp__veranstaltungsdatum .ss360-data-point__cell  {
    font-family:'ApproachKoelnRegular', Arial, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    color: #2d2d2d ;
}

#body .ss360-n-section .ss360-list .ss360-suggests--card {
    /* background-color: #E9EEF3; */
    background-color: rgb(250,247,245,1);
    padding: 1rem;
}

#body .ss360-suggests__content,
.ss360-suggests__snippet {
    position: relative;
    color: #2d2d2d;
}

  /* variante Icon am Snippet */
  /* .ss360-suggests__snippet::after {
    content: '';
    display: inline-block;
    width: 1.25em;
    height: 1.25rem;
    margin-left: 0.125rem;
    background-image: url('/images/x22/icons/arrow-right-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
  } */

  /*Variante Icon neben dem Header */
  li.ss360-suggests--card a::before {
    content: '';
    display: inline-block;
    width: 1.25em;
    height: 1.25rem;
    margin-right: 0.325rem;
    background-image: url('/images/x22/icons/arrow-right-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
  }
  /* variante Icon in einer Zeile zum Schluss */
  /* li.ss360-suggests--card::after {
    content: '';
    display: inline-block;
    width: 1.25em;
    height: 1.25rem;
    margin-left: 0.125rem;
    background-image: url('/images/x22/icons/arrow-right-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    position: relative;
  } */

  #body .ss360-dp__veranstaltungsort,
  #body .ss360-dp__lastmodified {
    display: none!important; /* besser über Konfiguration ausblenden */
    
  }

/* Hervorhebung des Wortes im Titel deaktivieren */
  #body .ss360-highlight {
    font-weight: unset;
  }

  /* Suchfeld */
 #body button.ss360-custom-search__clear-button {
    background-color: #fff;
 }

 #body .ss360-custom-search__clear-button-icon {
    min-height:2rem;
    min-width: 2rem;

 }

 .wrapper  .ss360-layer svg {
    fill: #2d2d2d;
 }

/* Filter */
#body .ss360-filter__button {
    display: flex;
    height: 40px;
    padding: var(--spacing-1, 8px) var(--spacing-2, 16px);
    align-items: center;
    gap: var(--spacing-1, 8px);
    flex-shrink: 0;
    align-self: stretch;
    /* border-radius: 2rem; */
    border: unset;
    font-size: 1rem;
    color: #2d2d2d;
    transition: none;
}

#body .ss360-filter__button-clear-icon, #body .ss360-filter__button-clear  {
    display: none;
}

#body .ss360-filter__button:active, #body .ss360-filter__button:focus, #body .ss360-filter__button:focus-visible  {
    border-radius: 2rem; 
    border: 3px solid #1E84D7;
}

#body .ss360-multiselect__checkmark {
    width: 22px;
    height: 22px;
    border: 1px solid #5A616C;
    border-radius: .25em;
    transition: none;
    left: 2px;
}

/* #body   .ss360-multiselect__label-title-wrapper {
    margin-left: 0.25rem;
}
   */ 

#body .ss360-multiselect__label, #body .ss360-multiselect__count {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    color: #2d2d2d;
}

#body .ss360-multiselect-filter.ss360-frame--filter-top .ss360-filter__content {
    min-width: 280px;
    min-height: 375px;
}

/* ss360 checkmark ausblenden */
#body .ss360-multiselect__checkmark:after {
    display: none;
}

#body .ss360-multiselect__checkmark--checked {
    background-color: #2d2d2d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

.ss360-filter__apply-group-button, 
button.ss360-more-results {
    color: #fff;
    text-decoration: none;
    font-family:'ApproachKoelnRegular', Arial, sans-serif;
    padding: 0.2em 1.1em 0.2em 1.1em;
    border-radius: 2rem;
    background:  #E00;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    display: inline-flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
        
}

/* Checkbox focus visible*/
#body .ss360-multiselect__checkbox:focus-visible~.ss360-multiselect__label--checked .ss360-multiselect__checkmark {
    outline-color: #1E84D7;
    border: #1E84D7;
}

/*checkbox focus */
#body .ss360-multiselect__checkbox:focus~.ss360-multiselect__label .ss360-multiselect__checkmark {
     outline: none;
     border: 2px solid #ffffff;
     width: 19px;
     height: 19px;
     box-shadow: 0 0 0 2px #1E84D7;
     
}

#body .ss360-multiselect__checkmark:focus  {
    box-shadow: 0 0 0 2px #1E84D7;
}

#body  .ss360-filter__button, 
.ss360-sorting__select {
    border-radius: 2rem;
    border: none;
}

#body  .ss360-filter__button:hover, 
.ss360-sorting__select:hover {
    background-color: #E9EEF3;
    border-color: #e9eef3 ;
    outline: unset;
}

#body  .ss360-filter__button:focus-within,
.ss360-frame--filter-top .ss360-filter__button--active,
.ss360-sorting__select:focus-within,
.ss360-sorting__select:active,
.ss360-filter__delete-button--all:focus, 
.ss360-filter__delete-button--all:focus-visible,
.ss360-filter__delete-button--all:active
 {
    outline-color: #1E84D7;
    border: #1E84D7;

}

#body .ss360-slider__handle {
    height: 1.5rem;
    width: 1.5rem; 
    background-color: #ee0000;
    border: none;
}

#body .ss360-slider__bar {
    height: 2px;
}

#body .ss360-slider__submit {
    background-color: #ee0000;
}

div.ss360-slider__input-wrap.ss360-slider__input-wrap--date > button > i > svg {
    fill: #ffffff;
}


.ss360-slider__date-wrap + .ss360-slider__date-wrap > label {
    margin-right: 0.8rem;
}

#body .ss360-slider__handle--active.ss360-slider__bar {
    outline-color: #1E84D7;
    border: #1E84D7;
}

.ss360-filter__group--selected.ss360-range-filter--top.ss360-range-filter--no-histogram .ss360-filter__content, .ss360-range-filter--top.ss360-range-filter--no-histogram.ss360-range-filter--date .ss360-filter__content {
    min-height: 180px;
}


.ss360-filter__delete-button--all,
.ss360-filter__clear-group.ss360-n-button {
    text-decoration: none;
    color: #2d2d2d;
    font-size: 0.875rem;
    display: inline-flex !important;
    padding: 0.5rem;
    float: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;

    }

.ss360-filter__delete-button--all:before,
.ss360-filter__delete-button--all:focus:before,
.ss360-filter__clear-group.ss360-n-button:before,
.ss360-filter__clear-group.ss360-n-button:focus:before
{
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(/images/x22/icons/arrow-left-red.svg);
    background-size: 1rem 1rem;
    height: 1rem;
    width: 1rem;
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin-right: 0.25rem;
    position: relative;
    top: -1px;
}

.ss360-filter__delete-button--all:hover,
.ss360-filter__clear-group.ss360-n-button:hover {
    text-decoration: underline;    
}

.ss360-filter__delete-button:not(.ss360-filter__delete-button--all) {
    color: #2d2d2d;
}

.ss360-filter__delete-button--all:hover:before,
.ss360-filter__clear-group.ss360-n-button:hover:before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(/images/x22/icons/arrow-left-red.svg);
    background-size: 1rem 1rem;
    height: 1rem;
    width: 1rem;
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin-right: 0.25rem;
    position: relative;
    top: -1px;
}

.ss360-sorting__sort-icon {
    z-index: 1;
}

.ss360-pagination__label {
    text-align: start;
}

.ss360-pagination__progress-bar {
    display: none;
}

.ss360-layer__heading, .ss360-layer, .ss360-pagination__label, .ss360-search-result-heading, .ss360-sorting__select {
    font-size: 1rem;
    color: #2d2d2d;
    font-family:'ApproachKoelnRegular', Arial, sans-serif;
}

section#ss360-filter-top:first-child button:not(.ss360-slider__submit):not(.ss360-filter__clear-group) {
    margin-left: -0.95rem;
}

.ss360-filter__clear-group i,  
.ss360-filter__clear-group i

  {
    display: none;
}

/* Suchbox */
.ss360-custom-search .ss360-custom-search__searchbox {
    font-size: 1rem;
}

 body.is_search_site :focus,
 body.is_search_site :focus-visible
 {
    outline: 2px solid #1E84D7;
}

.ss360-suggests.ss360-suggests--card li a:focus {
    outline: 2px solid #1E84D7;
}

.ss360-frame--filter-top .ss360-filter__group {
    padding: 0.5rem;
}

section#ss360-custom-search {
    margin-bottom: 2rem;
}


@media only screen and (max-width: 768px){
    /* Position des popover im Seitentyp-Filter mobil korrigieren */
    .ss360-filter__content--active {
        left: -33px!important;
    }

    /* Datumsfilter ausblenden*/
    .ss360-range-filter--date.ss360-range-filter, .ss360-filter__button-value {
        display: none;
    }

    .ss360-layer:not(.ss360-layer--overlay).ss360-custom-search {
        margin-bottom: 2.5rem;
   }

   /* weniger Abstand unter Suchfeld*/
   section#ss360-custom-search {
    margin-bottom: 0;
   }

   .ss360-custom-search {
    padding-right: 0!important;
   }

   /* weniger vertikler Abstand zwischen den Filtern*/
   .ss360-frame--filter-top .ss360-filter__button {
        margin-bottom: 0;
   }

   /* Eingabefeld Suche etwas breiter auf mobil*/
   .ss360-custom-search .ss360-custom-search__input-container {
        width: 100%;
   }

   ul.ss360-list li:first-child {
        margin-top: 0;
   }

   section[aria-label="Jahr"] .s360-filter__content--active {
        left: -9px!important;
   }

   section#s360-filter-fid__6 .ss360-filter__button--active {
        left: -99px!important;

     
      
   }




}