/* - Refbejuso - */
.tx-refbejusoapi .pagination {
    justify-content: center;
}

.tx-refbejusoapi .page-item .page-link:hover {
    border-color: var(--highlight-color);
    color: white;
    background-color: var(--highlight-color);
}

.apibox h1,
.apibox h2,
.apibox h3,
.apibox h4,
.apibox h5,
.apibox h6 {
	color: #777;
}

.tx-refbejusoapi h1 {
    font-size: 2rem;
}

/* -- list all eventtypes -- */

.apibox,
.eventbox,
.newsbox,
.servicebox {
	background-color: #ededed;
	margin-bottom: 30px; /* == grid-gutter */
	padding: 1rem;
	margin: 0 15px 30px;
	width: calc(100% - 30px);
}

.frame-layout-10 .apibox {
	background-color: #fff;
}

.apibox hr {
	border-top: 1px solid #fff;
	margin: 0.5rem 0;
}

@media(min-width: 768px) {
	.apibox,
	.eventbox,
	.newsbox,
	.servicebox {
		width: calc(33% - 30px);
	}
}

@media(min-width: 992px) {
	
}

.apibox header,
.eventbox header,
.newsbox header,
.servicebox header {
	/* hyphens: auto; */
}

.apibox header a,
.eventbox header a,
.newsbox header a,
.servciebox header a {
	color: #777;
}

.apibox .lead,
.newsbox .lead {
	font-size: 1rem;
}

.apibox .more,
.eventbox .more,
.newsbox .more,
.servicebox .more {
	margin-top: 2rem;
	text-align: right;
	text-transform: uppercase;
}

/* -- events -- */

.event .address,
.event .metainfo,
.event .register {
	margin-bottom: 1.5rem;
}

.event .grey-bg {
    background-color: #ededed;
    padding: 25px 30px;
}
@media(min-width: 768px) {
    .event .grey-bg {
        margin-right: 15px;
        flex: 0 0 calc(33.333333% - 15px);
        max-width: calc(33.333333% - 15px);
    }
}

/* -- news -- */

.article .lead {
	margin-bottom: 1.5rem;
}

/* Startpage Changes */
h5.startpage-header {
    background-color: var(--light-gray-color);
    font-size: 1.5rem;
    margin: 0px calc(var(--bs-gutter-x)/ 2);
    padding: 5px calc(var(--bs-gutter-x)/ 2);
    width: calc(100% - var(--bs-gutter-x));
}
.frame-layout-10 h5.startpage-header {
    margin-bottom: var(--bs-gutter-x);
}
.splide__slide>.apibox,
.splide__slide>.eventbox,
.splide__slide>.newsbox,
.splide__slide>.servicebox {
	background-color: var(--highlight-color);
	color: var(--dark-color);
    height: calc(100% - 60px);
	margin: 0px 0px 60px 0px;
    min-height: 300px;
	padding: var(--bs-gutter-x);
    position: relative;
    width: 100%;
}
.splide__slide .apibox header a,
.splide__slide .eventbox header a,
.splide__slide .newsbox header a,
.splide__slide .servciebox header a {
	color: var(--dark-color);
}
.splide__slide .apibox .bodytext,
.splide__slide .eventbox .bodytext,
.splide__slide .newsbox .bodytext,
.splide__slide .servicebox .bodytext {
    padding-bottom: calc( 42px + 30px );
}
.splide__slide .apibox .more,
.splide__slide .eventbox .more,
.splide__slide .newsbox .more,
.splide__slide .servicebox .more {
    bottom: 15px;
    margin: 0px;
    position: absolute;
	text-align: center;
    width: calc( 100% - ( 2 * var(--bs-gutter-x) ));
}
@media(min-width: 768px) {
	.splide__slide>.apibox,
	.splide__slide>.eventbox,
	.splide__slide>.newsbox,
	.splide__slide>.servicebox {
		width: 100%;
	}
}
.tx-refbejusoapi .splide__pagination {
    bottom: calc(30px - 11px);
}
.tx-refbejusoapi .splide__pagination__page {
    background-color: var(--light-gray-color);
    border-radius: 50%;
    border: none;
    display: inline-block;
    height: 15px;
    margin-left: 6px;
    margin-right: 6px;
    opacity: 1;
    padding: 0;
    transition: background-color .2s linear;
    width: 15px;
}
.tx-refbejusoapi .splide__pagination__page.is-active {
    background-color: var(--highlight-color);
    transform: none;
}
.frame-layout-10 .tx-refbejusoapi .splide__pagination__page {
    background-color: var(--light-bg-color);
}
.frame-layout-10 .tx-refbejusoapi .splide__pagination__page.is-active {
    background-color: var(--highlight-color);
}

/*
@media (prefers-color-scheme: dark) {
    .apibox,
    .eventbox,
    .newsbox,
    .servicebox {
        background-color: var(--dark-gray-color);
    }
    .apibox header a, .eventbox header a, .newsbox header a, .servciebox header a {
        color: var(--dark-color);
    }
    .page-link {
        color: var(--dark-gray-color);
        background-color: var(--light-gray-color);
    }
    h5.startpage-header {
        background-color: var(--dark-gray-color);
        color: var(--light-color);
    }
    .tx-refbejusoapi .splide__pagination__page {
        background-color: var(--dark-gray-color);
    }
    .frame-layout-10 .tx-refbejusoapi .splide__pagination__page {
        background-color: var(--light-gray-color);
    }
    .frame-layout-10 .tx-refbejusoapi .splide__pagination__page.is-active {
        background-color: var(--highlight-color);
    }
    .event .grey-bg {
        background-color: var(--dark-gray-color);
    }
    .frame-layout-10 .apibox {
        background-color: var(--dark-bg-color);
    }
}
*/