:root {
	--my-main-theme-base: #4f80bc;
}
:root, .box-body-base, .box-body {
	--my-link-color: #4f80bc;
	--my-link-color-rgb: 79, 128, 188;
	--my-link-hover-color: #00AAAD;
	--my-link-hover-color-rgb: 0, 170, 173;
	--my-main-theme: #4f80bc;
	--my-main-theme-rgb: 79, 128, 188;
	--my-main-theme-hover: #00AAAD;
}
.box, .box-high {
	--my-link-color: #4f80bc;
	--my-link-color-rgb: 79, 128, 188;
	--my-link-hover-color: #00AAAD;
	--my-link-hover-color-rgb: 0, 170, 173;
}
.type-slider .slider-box {
	--my-slider-bg: #4f80bc;
}
.accordion .acco-header > .acco-toggle:hover {
	--my-at-header-hover-bg: #4f80bc;
}
.intro-headline > .intro {
	--my-intro-headings-color: #00AAAD;
}
.type-sitemap li a:hover {
	--my-sm-hover-bg-color: var(--my-main-theme-hover);
}

/* use of rgb in slider causes issues */
.type-slider .slide-wrapper .caption {
	--my-slider-bg: #4f80bc;
	--my-slider-bg-opacity: 1;
	background-color: var(--my-slider-bg);
}
@media (max-width: 763.98px) {
	.type-slider.text-below-on-xs .captions {
		background-color: var(--my-slider-bg);
	}
}

/* classic template missing usage of variable for icon-color */
.icon-color img {
	background: #4f80bc !important;
}

/* header missing usage of variable */
.area-header .header-links > ul > li > a:hover {
  color: #4f80bc;
}

/* nav-components missing usage of variable */
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
	color: #4f80bc;
}
.nav-side li.currentpage > a:not(.btn), .nav-side li.currentpage > a:not(.btn):hover {
	color: #4f80bc;
}

/* nav-main missing usage of variable */
@media (min-width: 1014px) {
  .nav-menu {
    border-top: solid 1px #4f80bc;
    border-bottom: solid 1px #4f80bc;
  }
}
@media (min-width: 1014px) {
  .nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {
    color: #4f80bc;
  }
}
@media (min-width: 1014px) {
  .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {
    color: #4f80bc;
  }
}

/* reverting strange setting of classic tamplate */
@media (min-width: 1014px) {
  .notfixed .nav-first a {
    display: flex;
  }
}
@media (min-width: 1014px) {
  .isfixed .nav-first a:hover {
    color: #4f80bc;
  }
}

/* allow another link (hack back classic.css...) */
.header-links ul li:nth-child(4) {display: inline;}
.header-links ul li:nth-child(5) {display: none;}
.header-links ul li:nth-child(7) {display: none;}
.header-links ul li:nth-child(8) .ls-item:before {content: "\f09a"; font-family: FontAwesome; font-size: 18px;}
@media (max-width: 1013.98px) {
	.nav-main-items #nav_nav-main-addition li:nth-child(7) {display: inline;}
	.nav-main-items #nav_nav-main-addition li:nth-child(8) {display: none;}
}

/* non-selected tabs get background for better visibility */
.tab-list > li > .tab-toggle {background-color: var(--my-at-header-bg);}

/* add missing spacing before ical-links */
.ical-link {margin-top: 20px;}

/* fix unneccessary extra space in imageseries detail-page */
.type-imageseries.detail-page > .detail-content, .type-imageseries.detail-page > .series {
  margin-top: 0;
}

/* consistent button layout also for events in teaser text tiles */
.teaser.teaser-text-tile.type-event .btn {background: var(--my-btn-bg); color: var(--my-btn-hover-fg); border: none;}
.teaser.teaser-text-tile.type-event .btn:focus, .teaser.teaser-text-tile.type-event .btn:hover, .teaser.teaser-text-tile.type-event .btn.active {background-color: var(--my-btn-hover-bg);}

/* consistent button layout also for events in teaser compact */
.teaser.teaser-compact.type-event .btn {background: var(--my-btn-bg); color: var(--my-btn-hover-fg); border: none;}
.teaser.teaser-compact.type-event .btn:focus, .teaser.teaser-compact.type-event .btn:hover, .teaser.teaser-compact.type-event .btn.active {background-color: var(--my-btn-hover-bg);}

/* fix to get KaPlanList link buttons full width - to be removed as soon KaPlanList get updated */
a.teaser-btn:not(.piece-btn) {width: 100%;}

/* "remove" the KaPlan Gottesdienst address table on detail pages */
.detail-page.type-gottesdienst .service-text {display: none;}
.detail-page.type-gottesdienst .table-striped > tbody > tr > td {padding: 0; border: hidden;}
.detail-page.type-gottesdienst .table-striped > tbody > tr > td:nth-of-type(1) {display: none;}
.detail-page.type-gottesdienst .table-striped > tbody > tr:nth-of-type(1) > td:nth-of-type(2) {font-size: 20px; padding-bottom: 5px;}
.detail-page.type-gottesdienst .table-striped > tbody > tr:nth-of-type(odd) > * {
	--my-table-color-type: inherit;
	--my-table-bg-type: white;
}

/* force same behaviour for text and visual-text detail page blocks */
.detail-page .detail-visual .visual-text {
  font-weight: 300;
}
.detail-page .detail-visual .visual-text strong {
  font-style: normal;
  font-weight: 400;
}

/* allows for grey accordions */
.acco-grey .acco-header > .acco-toggle, .acco-grey .acco-body {
	background: #eee;
}

/* allows for circular images */
.circle img {
	border-radius: 50%;
}

/* add boxes around contact cards */
.type-contact {
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 30%);
    border: 0;
    padding: 20px 25px;
    margin-top: 10px;
}

/* adjust footbar contact information */
.topfoot .type-contact {
	padding: 0;
	margin-top: 0;
}

/* add hover effect to top control */
#topcontrol:hover {
	background-color: #00AAAD;
}