/* font override */
@font-face {
    font-family: 'gloss_and_bloom';
    src: local('gloss_and_bloom'),
        url('/concrete/css/fonts/gloss_and_bloom-webfont.woff2') format('woff2'),
        url('/concrete/css/fonts/gloss_and_bloom-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ccm-page h1, .ccm-page h2 {
    font-family: 'gloss_and_bloom' !important;
    word-wrap: break-word;
    hyphens: auto;
}

.ccm-page h1 {
    font-size: 2.5em !important;
}

.ccm-page h2 {
    font-size: 2.5em !important;
}

.hero-unit-sub-page__content{
    padding-left: 32px;
}

/* responsive logo block */

.override-logo-block a img {
    display: none;
}

.override-logo-block {
    margin: 4px;
    padding: 0px;
    width: 356px;
    height: 92px;
    background-image: url(/application/files/8516/4407/5830/logo-weiss.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.primary-header--resized .override-logo-block {
    margin: 0px;
    width: 290px;
    height: 70px;
    transition: height .5s;
}

@media only screen and (max-width: 1096px) {
  .override-logo-block {
    width: 76px;
  }
  .primary-header--resized .override-logo-block {
    width: 52px;
  }
}

/* Dark blocks */

.ccm-page .block-dark h1, 
.ccm-page .block-dark h2, 
.ccm-page .block-dark h3, 
.ccm-page .block-dark h4, 
.ccm-page .block-dark h5,
.ccm-page .block-dark h6,
.ccm-page .block-dark p, 
.ccm-page .block-dark {
   color: white; 
}

/* Event Banner */
.banner_block .ensemble-slideshow .ensemble-slideshow__slide {
    background: #222;
    height: 400px;
}

.banner_block .ensemble-slideshow .ensemble-slideshow__slide img {
    opacity: 0.5;
}

.banner_block .ensemble-slideshow .ensemble-slideshow__layer div {
    color: white;
}

/* Gottesdienst Seite */
.ccm-block-calendar-event-list-event-date{
    float: none;
    margin: auto;
}

/* CCM Slider Fix */
.ccm-image-slider{
    height: 700px;
    overflow: hidden;
    width: 100%;
}

.ccm-image-slider-inner{
    position:absolute;
    top: 50%; 
    transform: translateY(-50%);
    width: 100%;
}

.ccm-image-slider-inner .rslides {
    margin: 0 !important;
    width: 100%;
}

.ccm-image-slider-inner .rslides li img{
    width: 100vw;
    height: 70vh !important;
    object-fit: cover;
    background-size: cover;
}

/* hero images */
.ccm-block-hero-image {
    background-color: #090910;
}

.ccm-block-hero-image-image{
    opacity: 50%;
}

.ccm-block-hero-image-text{
    padding: 16px;
}