/***** News-Liste - Start *****/
.news-list-row {
    display: flex;
    align-items: baseline;
    position: relative;
    min-height: 55px;
    margin: 0 0 18px;
    padding: 8px 0 0 82px;
}
.news-list-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 55px;
    background-color: rgb(var(--color-red));
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
}
.news-list-row::after {
    content: '';
    position: absolute;
    top: 22px;
    left: 16px;
    width: 24px;
    height: 32px;
    background: url("../Images/bg-arrow-white.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.news-list-row:hover::after {
    left: 20px;
}
.news-list-row .date {
    color: rgb(var(--color-red));
    margin: 0 30px 0 0;
}
.news-list-row h2 {
    margin: 0;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
}
.news-list-row:hover h2 {
    text-decoration: none;
}
/***** News-Liste - End *****/

/***** News-Slider - End *****/
/*.content .flexslider ul.slides li {
    background-color: rgb(var(--color-bg-gray));
}*/
.news .flexslider {
    margin: 0;
    background: rgb(var(--color-bg-gray));
}
.news .flexslider::before {
    content: '';
    position: absolute;
    top: -32px;
    left: -14px;
    width: 105px;
    height: 84px;
    background-color: rgb(var(--color-red));
    clip-path: polygon(0 0, 78% 0, 100% 100%, 0 100%);
    z-index: 1;
}
.news .flexslider::after {
    content: '';
    position: absolute;
    top: -32px;
    left: -14px;
    width: 86px;
    height: 84px;
    background: url("../Images/bg-icon-megaphone.svg") no-repeat center;
    background-size: 62px auto;
    z-index: 2;
}
.article.rm.slider {
    padding: 80px 80px 64px;
    background-color: rgb(var(--color-bg-gray));
}
.article.rm.slider h3 {
    position: relative;
    margin: 0 0 44px;
    font: 400 36px/1.25 var(--font-1);
    color: rgb(var(--color-red));
}
.article.rm.slider h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-red));
}
.article.rm.slider .date {
    margin: 0 0 12px;
}
.article.rm.slider .description {
    margin: 0 0 24px;
}
.article.rm.slider .description p:last-of-type {
    margin: 0;
}
.article.rm.slider .more {
    margin: 0 0 0 2px;
}
.article.rm.slider .more a {
    position: relative;
    padding: 0 0 0 40px;
    text-decoration: underline;
}
.article.rm.slider .more a:hover {
    text-decoration: none;
}
.article.rm.slider .more a::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 26px;
    height: 13px;
    background: url("../Images/bg-arrow-red.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.article.rm.slider .more a:hover::before {
    left: 4px;
}
.article.rm.slider .media {
    float: right;
    width: 341px;
    max-width: 100%;
    margin: 0 0 24px 24px;
}

.content .news-slider ol li {
    padding: 0 0 0 12px;
}
.content .news-slider ol li::before {
    display: none;
}
/***** News-Slider - Start *****/

/***** News-Detail - Start *****/
.news-single.rm {
    color: inherit;
}
.news-single.rm .footer {
    margin: 0 0 40px;
    padding: 0;
    color: inherit;
    border: none;
}
.news-single.rm .footer span {
    margin: 0;
    padding: 0;
    border: none;
}
.news-single.rm .footer p {
    margin: 0;
}
.news-single.rm .footer span.news-list-category {
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}
.news-single.rm .footer span.news-list-category::before {
    content: '|';
    position: absolute;
    top: 0;
    left: 0;
}
.news-single.rm .news-related-wrap {
    display: block;
    width: auto;
    margin-top: 0;
}
.news-single.rm .news-related-wrap .news-related {
    display: block;
    width: auto;
    padding: 0;
    border: none;
}

.content .news-single.rm .news-related-wrap .news-related li {
    padding: 0;
    line-height: inherit;
}
.content .news-single.rm .news-related-wrap .news-related li a {
    display: inline-block;
    min-height: 55px;
    margin: 0 0 18px;
    padding: 8px 0 0 82px;
    word-break: break-all;
}
.news-single.rm .news-related-wrap .news-related li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 55px;
    background-color: rgb(var(--color-red));
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
}
.news-single.rm .news-related-wrap .news-related li a::after {
    content: '';
    position: absolute;

    transition: all var(--transition-t1);
}
.news-single.rm .news-related-wrap .news-related li a[href*=".pdf"]::after,
.news-single.rm .news-related-wrap .news-related li a[href*=".PDF"]::after {
    top: 11px;
    left: 16px;
    width: 24px;
    height: 32px;
    background: url("../Images/bg-icon-pdf-white.svg") no-repeat;
    background-size: contain;
}
.news-single.rm .news-related-wrap .news-related li a[href*=".pdf"]:hover::after,
.news-single.rm .news-related-wrap .news-related li a[href*=".PDF"]:hover::after {
    top: 13px;
}
.news-single.rm .news-related ul li span {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    border: none;
    color: inherit;
}
.news-single.rm .news-backlink-wrap a.link-arrow::before {
    transform: rotate(180deg);
}
.news-single.rm .news-backlink-wrap a.link-arrow:hover::before {
    left: -4px;
}

.news-single.rm .article .media {
    float: right;
    width: 636px;
    margin: 0 0 24px 24px;
}

.news-single.rm .article .additional-content {
    margin-top: 76px;
}
/***** News-Detail - End *****/

/***** News Blättern - Start *****/
.page-navigation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 76px 0 0;
}
.page-navigation .page-status {
    display: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
}
.page-navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.news .page-navigation ul li {
    float: none;
    display: block;
    width: 50px;
    text-align: center;
    padding: 0;
}
.content .news .page-navigation ul li::before {
    display: none;
}
.page-navigation ul li a {
    display: block;
    height: 38px;
}
.page-navigation ul li a:hover {
    color: #fff;
    background-color: rgb(var(--color-primary));

    transition: all var(--transition-t1);
}
.page-navigation ul li.active,
.page-navigation ul li.current {
    color: #fff;
    background-color: rgb(var(--color-primary));
}
.page-navigation .next,
.page-navigation .previous {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding: 0;
    cursor: pointer;
    text-indent: -9999em;
    transform: rotate(180deg);

    transition: all var(--transition-t2);
}
.page-navigation ul li.previous,
.page-navigation ul li.next {
    position: absolute;
    top: calc(50% - 23px);
    left: -24px;
    width: 30px;
    height: 45px;
    margin: 0;
}
.page-navigation ul li.next {
    left: auto;
    right: -24px;
}
.page-navigation ul li.next a,
.page-navigation ul li.previous a {
    position: relative;
    display: block;
    height: 45px;
    width: 30px;
    overflow: hidden;
}
.page-navigation ul li.next a:hover,
.page-navigation ul li.previous a:hover {
    background-color: transparent;
}
.page-navigation .next a::before,
.page-navigation .previous a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 45px;
    background: url("../Images/bg-arrow-2-green.svg") no-repeat;
    background-size: contain;
    pointer-events: none;

    transition: all var(--transition-t2);
}
.page-navigation .previous a::before {
    transform: rotate(180deg);
}
.page-navigation .next a::before {
    left: 4px;
}
.page-navigation .next a:hover::before {
    left: 0;
}
.page-navigation .previous a:hover::before {
    left: 4px;
}
/***** News Blättern - End *****/

/***** rm-neanderticket - Start *****/
.klive #klive-terminauswahl {
    padding: 0;
}
#klive-terminauswahl > form {
    display: flex;
    justify-content: space-between;
}
#klive-terminauswahl > form > div {
    float: none;
    width: calc(25% - 12px);
}
#klive-terminauswahl > form > div > select {
    width: 100%;
    margin: 0;
    font-size: 26px;
    color: rgb(var(--color-secondary));
    background-color: rgb(var(--color-bg-gray));
}
#klive-terminauswahl select#date,
#klive-terminauswahl select#artist,
#klive-terminauswahl select#stage,
#klive-terminauswahl select#rubrik {
    padding: 0 12px;
}
.klive #klive-terminauswahl .klive-section,
#veranstaltungen.klive-section {
    position: relative;
    margin: 0 0 32px;
    padding: 0;
    font-size: 36px;
    color: rgb(var(--color-secondary));
}
.klive-section::before {
    content: '';
    position: absolute;
    bottom: -12px;
    width: 32px;
    border-bottom: 2px solid rgb(var(--color-secondary));
}
#veranstaltungen.klive-section {
    margin-bottom: 34px;
}
#klive-kalenderbox {
    position: relative;
}
#klive-kalenderbox .klive-logo {
    margin-top: 30px;
    margin-bottom: -30px;
}
#klive-kalenderbox .klive-monat {
    margin: 0 0 20px;
    font-size: 32px;
    color: rgb(var(--color-font));
    font-weight: 600;
}
.klive-terminbox .klive-kurzfassung-links {
    width: auto;
    height: 232px;
    line-height: 1.25;
    background: rgb(var(--color-secondary));
}
.klive-kurzfassung-links .klive-datumuhrzeit {
    width: 184px;
    margin: 0;
    padding: 10px 0 0 22px;
}
.klive-datumuhrzeit .klive-datum {
    font-size: 47px;
}
.klive-datumuhrzeit .klive-datum .klive-datum-monat {
    opacity: 1;
}
.klive-tag {
    font-size: 30px;
}
.klive-zeit {
    font-size: 30px;
}
#klive-kalenderbox  .klive-foto {
    width: 236px;
    height: 232px;
}

.klive-kurzfassung .klive-titel {
    float: left;
    max-width: calc(100% - 610px);
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 26px;
    line-height: 1.25;
}
.klive-kurzfassung .klive-titel .klive-tags {
    display: flex;
    margin: 0 0 8px;
}
.klive-kurzfassung .klive-titel .klive-tags .klive-location-notdefault {
    background: rgb(var(--color-secondary));
}
.klive-kurzfassung .klive-titel .klive-tags .klive-kurzrubrik {
    background: rgb(var(--color-primary));
}
.klive-kurzfassung .klive-titel .klive-titel-artist,
.klive-kurzfassung .klive-titel .klive-titel-pretitel,
.klive-kurzfassung .klive-titel .klive-titel-titel {
    margin: 0 0 0 7px;
    font-weight: 600;
    opacity: 1;
}
.klive-kurzfassung .klive-titel .klive-titel-subtitel {
    margin: 8px 0 0 7px;
    font-size: inherit;
    opacity: 1;
}
.klive-kurzfassung .klive-ticketbutton-jetzt-kaufen,
.klive-kurzfassung .klive-ticketbutton-ausverkauft,
.klive-kurzfassung .klive-ticketbutton-restkarten-vor-ort {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 232px;
    width: 175px;
    margin: 0;
    padding: 12px;
    text-align: center;
    font-size: 26px;
    line-height: 1;
    background: rgb(var(--color-primary));

    transition: all var(--transition-t1);
}
.klive-kurzfassung .klive-ticketbutton-jetzt-kaufen:hover {
    background: rgb(var(--color-secondary));
}
@media only screen and (min-width: 501px) {
    .klive-kurzfassung .klive-ticketbutton-jetzt-kaufen,
    .klive-kurzfassung .klive-ticketbutton-ausverkauft,
    .klive-kurzfassung .klive-ticketbutton-restkarten-vor-ort {
        font-size: 26px;
    }
}
.klive-kurzfassung .klive-ticketbutton-ausverkauft {
    cursor: no-drop;
}

.klive-langfassung .klive-langfassung-links {
    width: 438px;
    padding: 40px 270px 0 20px;
    font-size: 22px;
    line-height: 1;
    text-align: center;
}
.klive-sprites {
    height: 40px;
}
.klive-nutzeraktion-soziale-netzwerke,
.klive-nutzeraktion-direktlink,
.klive-nutzeraktion-tellafriend,
.klive-nutzeraktion-drucken,
.klive-nutzeraktion-speichern {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.klive-langfassung .klive-langfassung-inhalt {
    margin: 0;
    padding: 20px 0 20px;
    font-size: 26px;
    line-height: 1.25;
}
.klive-langfassung .klive-langfassung-inhalt a::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-arrow-2-blue.svg") no-repeat;
    background-size: contain;
}
.klive-langfassung .klive-langfassung-inhalt .bImage a::before {
    display: none;
}
.klive-langfassung .klive-langfassung-headline {
    position: relative;
    margin: 0 0 34px;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
    color: rgb(var(--color-secondary));
    border: none;
    text-transform: none;
}
.klive-langfassung .klive-langfassung-headline::before {
    content: '';
    position: absolute;
    bottom: -12px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-secondary));
}
.klive-langfassung .bImage img {
    /*width: 460px;*/
    margin: 0 0 32px;
}
.klive-langfassung .klive-langfassung-veranstaltungsort {
    margin: 0 0 32px;
}
.klive-langfassung .klive-langfassung-anfahrt {
    margin: 0 0 32px;
}
.klive-langfassung .klive-langfassung-ausverkauft {
    padding: 20px 0 0;
    color: rgb(var(--color-red));
}
.klive-langfassung .klive-langfassung-ausverkauft br {
    display: none;
}
.klive-langfassung .klive-langfassung-vvk-entgelte + br {
    display: none;
}
/***** rm-neanderticket - End *****/

/***** Flexslider - Start *****/
.flexslider {
    margin: 0 0 76px;
    border: none;
    border-radius: 0;
    background: transparent;
}
.content .flexslider ul {
    margin: 0;
}
.content .flexslider ul li {
    margin: 0;
    padding: 0;
}
.content .flexslider ul li::before {
    display: none;
}

.flex-direction-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}
.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
    top: -2px;
    left: -48px;
    width: 26px;
    height: 45px;
    text-indent: -9999em;
    background: url("../Images/bg-arrow-2-red.svg") no-repeat;
    background-size: contain;
    opacity: 1;
}
.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
    top: -2px;
    right: -48px;
    width: 26px;
    height: 45px;
    text-align: left;
    text-indent: -9999em;
    background: url("../Images/bg-arrow-2-red.svg") no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    opacity: 1;
}
.flex-direction-nav a.flex-prev::before,
.flex-direction-nav a.flex-next::before {
    display: none;
}

.flex-control-nav {
    display: none;
}

.content .flex-control-paging li a {
    background: rgb(var(--color-font));
    color: #fff;
}
.content .flex-control-paging li a.flex-active {
    background: rgb(var(--color-primary));
    color: #fff;
}
/***** Flexslider - End *****/

/***** Owl Carousel - Start *****/
.owl-carousel {
    width: auto;
    margin: 0 -12px;
}
/*.owl-carousel .owl-stage-outer {
    margin: 0 12px;
}*/

.owl-item [class*="col-"] {
    width: auto;
    padding: 0 12px;
}

.owl-theme .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.owl-theme .owl-nav [class*="owl-"] {
    width: 26px;
    height: 45px;
    margin: 0;
    padding: 0;
    color: #000;
    background: transparent url("../Images/bg-arrow-2-green.svg") no-repeat;
    background-size: contain;
    border-radius: 0;
    pointer-events: auto;
    text-indent: -9999em;
}
.owl-theme .owl-nav .owl-next {
    transform: rotate(180deg);
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    color: inherit;
    background: transparent url("../Images/bg-arrow-2-green.svg") no-repeat;
    background-size: contain;
}
.owl-theme .owl-nav .owl-prev {
    margin-left: -40px;
}
.owl-theme .owl-nav .owl-next {
    margin-right: -40px;
}

.owl-dots {
    display: none;
}
/***** Owl Carousel - End *****/

/***** Search-Box - Start *****/
.search-box {
    display: flex;
    margin: -76px 0 64px;
}
.search-box form {
    position: relative;
    width: 575px;
    max-width: 100%;
}
.search-box input[type="text"] {
    width: 100%;
    height: 70px;
    padding: 0 92px 0 24px;
    font: 400 26px/1 var(--font-1);
    color: rgb(var(--color-font-dark));
    border: none;
    background-color: rgba(var(--color-bg-gray));
}
.search-box input[type="text"]::placeholder {
    /*color: rgb(var(--color-font-dark));*/
    /*opacity: 1;*/
}
.search-box input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 70px;
    padding: 0;
    border: none;
    text-indent: -9999em;
    background: rgb(var(--color-primary)) url("../Images/bg-icon-lens-white.svg") no-repeat calc(50% + 4px) calc(50%);
    background-size: 32px auto;
    clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
}

.custom-search {
    position: relative;
    width: 575px;
    max-width: 100%;
}
.custom-search input[type="text"] {
    width: 100%;
    height: 70px;
    padding: 0 92px 0 24px;
    font: 400 26px/1 var(--font-1);
    color: rgb(var(--color-font-dark));
    border: none;
    background-color: rgba(var(--color-bg-gray));
}
.custom-search input[type="text"]::placeholder {
    /*color: rgb(var(--color-font-dark));*/
    /*opacity: 1;*/
}
.custom-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 70px;
    padding: 0;
    border: none;
    text-indent: -9999em;
    background: rgb(var(--color-primary)) url("../Images/bg-icon-lens-white.svg") no-repeat calc(50% + 4px) calc(50%);
    background-size: 32px auto;
    clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
}
/***** Search-Box - End *****/

/***** Suchergebnisse - Start *****/
.search-results {

}
.search-results-num {
    margin: 0 0 40px;
    font: 34px/1.23529 var(--font-1);
    color: rgb(var(--color-secondary));
    text-align: center;
}
.search-results .hit {
    color: rgb(var(--color-red));
}
.frame-layout-170 .search-results .hit {
    color: inherit;
}
.search-results .result-list-item {
    margin: 0 0 10px;
}
.search-results .result-title {
    font-family: var(--font-1);
    font-size: 26px;
    color: rgb(var(--color-primary));
    margin: 0 0 2px;
}
.search-results .result-title a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 40px;
    color: rgb(var(--color-font));
}
.search-results .result-title a::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.search-results .result-title a:hover::before {
    left: 4px;
}

.search-results .result-teaser {
    /*display: block;*/
    display: none;
    margin: 0 0 10px;
}
.search-results .add-info {
    opacity: .7;
}

.search-pagebrowser .result-txt {
    text-align: center;
}
.search-pagebrowser.bottom .result-txt {
    display: none;
}
.search-pagebrowser.top {
    display: none;
}
.search-pagebrowser.top .pagebrowser {
    margin: 0 0 40px;
}
.search-pagebrowser.bottom {
    margin: 60px 0 0;
}
.pagebrowser ul {
    display: flex;
    margin: 4px 14px 0;
}
.pagebrowser ul li a.prev,
.pagebrowser ul li a.next {
    position: relative;
    display: block;
    width: 32px;
    margin: 0 10px;
    text-indent: -9999em;
}
.pagebrowser ul li a.next {
    transform: rotate(180deg);
}
.pagebrowser ul li a.prev:hover,
.pagebrowser ul li a.next:hover {
    background-color: transparent;
}
.pagebrowser ul li a.next::before,
.pagebrowser ul li a.prev::before {
    content: '';
    position: absolute;
    top: 8px;
    left: calc(50% - 8px);
    width: 16px;
    height: 26px;
    background: url("../Images/bg-arrow-2-green.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.pagebrowser ul li a.next:hover::before,
.pagebrowser ul li a.prev:hover::before {
    left: calc(50% - 12px);
}
.pagebrowser ul li a.current {
    color: #fff;
    background-color: rgb(var(--color-primary));
}
/***** Suchergebnisse - End *****/

/***** Page-Browser - Start *****/
.pagebrowser {
    display: flex;
    justify-content: center;
    margin: 0 0 76px;
    padding: 10px 0 0;
    border-top: 3px solid rgb(var(--color-primary));
    overflow: hidden;
}
.pagebrowser-top .pagebrowser {
    margin: 0 0 30px;
    padding: 0;
    border-top: none;
}
.pagebrowser .inner {
    display: flex;
    align-items: flex-start;
}
.pagebrowser .pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4px 14px 0;
}
.content .pagebrowser ul li {
    padding: 0;
    margin: 0;
}
.content .pagebrowser ul li::before {
    display: none;
}
.pagebrowser ul li a {
    display: block;
    padding: 2px 11px 7px;
    text-decoration: none;

    transition: all var(--transition-t1);
}
/*.pagebrowser ul li.active a {
    color: #fff;
    background-color: rgb(var(--color-primary));
}*/
.pagebrowser ul li a:hover {
    color: #fff;
    background-color: rgb(var(--color-primary));
}
.pagebrowser .first-page,
.pagebrowser .previous-page,
.pagebrowser .next-page,
.pagebrowser .last-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    margin: 14px 6px 0;
}
.pagebrowser .first-page::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}
.pagebrowser .first-page::after {
    content: '';
    width: 0;
    height: 0;
    margin: 0 0 0 3px;
    border-right: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}
.pagebrowser .previous-page::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}
.pagebrowser .next-page::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}
.pagebrowser .last-page::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}
.pagebrowser .last-page::after {
    content: '';
    width: 0;
    height: 0;
    margin: 0 0 0 3px;
    border-left: 11px solid rgb(var(--color-primary));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .first-page:hover::before,
.pagebrowser .first-page:hover::after {
    border-right-color: rgb(var(--color-secondary));
}
.pagebrowser .previous-page:hover::before {
    border-right-color: rgb(var(--color-secondary));
}
.pagebrowser .next-page:hover::before {
    border-left-color: rgb(var(--color-secondary));
}
.pagebrowser .last-page:hover::before,
.pagebrowser .last-page:hover::after {
    border-left-color: rgb(var(--color-secondary));
}
/***** Page-Browser - End *****/

/***** Suche A-Z - Start *****/
nav.alphabet {
    max-width: 1040px;
    margin: 0 0 76px;
    font-size: 1.076923rem;
}
nav.alphabet ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
nav.alphabet ul li {
    margin: 0 8px 8px 0;
    padding: 0;
}
nav.alphabet ul li::before {
    display: none;
}
nav.alphabet ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    background-color: rgba(var(--color-bg-gray));
}
nav.alphabet ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgb(var(--color-primary));
    opacity: 0;

    transition: all var(--transition-t1);
}
nav.alphabet ul li a:hover::before {
    opacity: 1;
}
nav.alphabet ul li a.active {
    color: #fff;
    background-color: rgb(var(--color-primary));
}

.anliegen div.abisz {
    margin: 0 0 76px;
}
.anliegen h2.abisz {
    position: relative;
    margin: 0 0 40px;
}
.anliegen h2.abisz::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-primary));
}
.anliegen div.abisz li {
    margin: 0 0 10px;
    padding: 0;
}
.anliegen div.abisz li::before {
    display: none;
}
.anliegen div.abisz li a {
    position: relative;
    padding: 0 0 0 36px;
    font-size: 0.923076rem;
    text-decoration: underline;
}
.anliegen div.abisz li a:hover {
    text-decoration: none;
}
.anliegen div.abisz li a::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;
    transition: all var(--transition-t1);
}
.anliegen div.abisz li a:hover::before {
    left: 4px;
}
.anliegen .toplink a {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 9px 100px 10px 32px;
    font-weight: 400;
    text-decoration: none;
    background-color: rgb(var(--color-bg-gray));
}
.anliegen .toplink a::before {
    content: '';
    position: absolute;
    top: 22px;
    right: 16px;
    width: 28px;
    height: 14px;
    background: url("../Images/bg-arrow-white.svg") no-repeat;
    background-size: contain;
    z-index: 1;
    transform: rotate(-90deg);

    transition: all var(--transition-t1);
}
.anliegen .toplink a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 69px;
    background-color: rgb(var(--color-primary));
    clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.anliegen .toplink a:hover::before {
    top: 20px;
}

.anliegen .result {
    position: relative;
    margin: 0 0 54px;
    font: 400 30px/1.25 var(--font-1);
    color: rgb(var(--color-primary));
}
.anliegen .result::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-primary));
}
.anliegen .vcard {
    margin: 0 0 76px;
}
.anliegen .vcard .person {
    font-weight: 600;
}
.anliegen .vcard a {
    text-decoration: underline;
}
.anliegen .vcard a:hover {
    text-decoration: none;
}

.anliegen .vcard .person font {
    display: inline-block;
    margin: 0 0 24px;
}

.anliegen .tags {
    margin: 24px 0 0;
    font-size: 24px;
}
.anliegen .tags a {
    text-decoration: underline;
}
.anliegen .tags a:hover {
    text-decoration: none;
}
/***** Suche A-Z - End *****/

/***** Formulare - Start *****/
.rm-form {
    margin: 0 0 76px;
}
.rm-form .csc-mailform-field {
    margin: 0 0 20px;
}
.rm-form input[type="text"],
.rm-form input[type="tel"],
.rm-form input[type="number"],
.rm-form input[type="password"],
.rm-form input[type="email"],
.rm-form textarea {
    height: 50px;
    width: 100%;
    padding: 0 15px;
    font: 400 24px/1.4 var(--font-1);
    color: inherit;
    border: none;
    background-color: rgb(var(--color-bg-gray));
}
.rm-form textarea {
    height: 200px;
    min-height: 125px;
    max-height: 400px;
    padding-top: 6px;
    padding-bottom: 6px;
    resize: vertical;
}
.rm-form select {
    width: 100%;
    background-color: rgb(var(--color-bg-gray));
}
.rm-form input[type="file"] {
    font: 400 24px/1.4 var(--font-1);
}
.rm-form input[type="submit"] {
    margin: 20px 0 0;
    padding: 10px 20px 10px 50px;
    font: 400 24px/1.4 var(--font-1);
    color: #fff;
    border: none;
    background: rgb(var(--color-primary)) url("../Images/bg-arrow-white.svg") no-repeat 15px center;
    background-size: 20px auto;
    cursor: pointer;

    transition: all var(--transition-t1);
}
.rm-form input[type="submit"]:hover {
    background-position-x: 19px;
}
/***** Formulare - End *****/

/***** Adressen - Start *****/
.vcard.tt_address_detail .description {
    margin: 0 0 40px;
}
.vcard.tt_address_detail .info-pane {
    margin: 0 0 30px;
}

.contact-persons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}
.contact-persons .info-pane.contact-box {
    flex: 0 0 auto;
    width: calc(50% - 15px);
}
.contact-persons .info-pane.contact-box .inner {
    padding-bottom: 32px;
}
.vcard.tt_address_detail .figure {
    margin: 0 0 40px;
}
.contact-informations {
    margin: 0 0 40px;
}
.contact-informations dt {
    width: 220px;
}
.contact-informations dd {
    max-width: calc(100% - 240px);
}
.contact-informations a {
    text-decoration: underline;
}
.contact-informations a:hover {
    text-decoration: none;
}
/***** Adressen - End *****/

/***** Firmen - Start *****/
.vcard-firma {
    position: relative;
    margin: 0 0 76px;
    padding: 24px 24px 32px;
    background-color: rgb(var(--color-bg-gray));
}
.vcard-firma .icon {
    position: absolute;
    top: 0;
    right: 0;
}
.vcard-firma .icon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 55px;
    background-color: rgb(var(--color-primary));
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}
.vcard-firma .icon::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 55px;
    background: url("../Images/bg-icon-company.svg") no-repeat calc(50% + 4px) center;
    background-size: 32px auto;
}
.vcard-firma h3 {
    position: relative;
    margin: 0 0 28px;
    padding: 0 0 14px;
    font-size: 30px;
    color: rgb(var(--color-primary));
}
.vcard-firma h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-primary));
}
.vcard-firma .inner {
    display: flex;
    align-items: flex-start;
}
.vcard-firma .info-description {
    flex: 0 0 auto;
    width: 50%;
    margin: 0 24px 0 0;
}
.vcard-firma .info-description p {
    margin: 0;
}
.vcard-firma .info-contact {
    flex: 0 0 auto;
    width: calc(50% - 24px);
}
.vcard-firma a {
    text-decoration: underline;
}
.vcard-firma a:hover {
    text-decoration: none;
}
/***** Firmen - End *****/