.bg-kko{
	background-color: #b51012;
}

.bg-kko-green{
	background-color: #595E3E;
}

.bg-kko-yellow{
	background-color: #DFAA25;
}

.bg-kko-salmon{
	background-color: #DE9C96;
}


span.badge.bg-danger.featured-article-badge {
    display: none;
}

#sp-footer {
 background-color: #ffffff;
 margin-top: 20px
}

#sp-footer .container-inner {
 padding: 20px;
}
body h1, body h2, body h3 {
font-weight: normal
}

.article-list .article,
#sp-left .sp-module,
#sp-right .sp-module,
#sp-left .sp-module ul > li,
#sp-right .sp-module ul > li,
#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
border: none
}

h1::first-letter, h3::first-letter,
.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
 color: #B50013
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
 margin: 0;
 font-weight: 500;
 padding: 0 0 10px 0
}
#sp-left .sp-module,
#sp-right .sp-module {
 margin-top: 0px;
 paddding: 20px 30px;
}

img {
display: inline
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
 line-height: 1em
}

.sp-megamenu-parent > li > a {
color: #b51012;
}

.btn-primary{
background-color: #b51012;
}

.btn-outline-primary{
color: #b51012;
border-color: #b51012;
}

.btn-outline-primary:hover{
background-color: #b51012;
color: #ffffff;
border-color: #b51012;
}

.hero {
    display: flex;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.hero-content {
display: flex;
justify-content: center;
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem /* 20px */ * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem /* 20px */ * calc(1 - var(--tw-space-x-reverse)));
}

.navbar-nav > li > a {
display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
white-space: nowrap;
}

.link-image{
   max-height: 150px;
   width: auto;
}

.links-menu > li {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
}

.links-menu {
   list-style: none;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   margin-bottom: 0;
}

.card {
    border: none;
    border-radius: 15px;
}

.page-header{
   padding-bottom: 0;
}

.article-header > h2{
   font-size: 1.75rem !important;
}

.social-icons{
   font-size: 1.25rem !important;
}

.article {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}

.gottesdienst {
   transition: 0.15s ease-in-out;
   color: inherit;
}

.gottesdienst-background {
    background-image: linear-gradient(rgba(181,16,19,0) 33%, rgba(181,16,19,1) 90%);
}

.gottesdienst:hover {
   scale: 1.05;
}

.awesomplete {
   width:100%;
}

.awesomplete > .js-finder-search-query {
   font-size:xx-large;
}

.mitmachen-kachel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 15px;
  height: 170px;
  margin-bottom: 30px;
  hyphens: auto;
  transition: 0.15s ease-in-out;
}

.mitmachen-kachel:hover {
   scale: 1.05;
}

.mitmachen-kachel:hover > div > .kachel-inhalt {
   opacity: 1;
  position: relative;
}

.kachel-inhalt {
  opacity: 0;
  position: absolute;
  bottom: 0;
}

.bg-hero {
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.object-fit-cover {
  object-fit: cover;
}

.article-info > dd {
  margin-bottom: 0;
  width: 100%;
}

.readmore {
  font-size: 1.125rem !important; 
}

.readmore a {
  color: #b50013 !important;
}

#sp-header {
  height: 80px !important;
}