/**
 * Theme Name: ycpodersdorf
 * Template:   nook-wpcom
 */

@font-face {
  font-family: 'AeroMatics';
  src: url('/wp-content/uploads/fonts/aero-matics/Aero Matics Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.logo-text a {
  font-size: 23px;
  font-family: 'AeroMatics', Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  font-synthesis: none;
}

.wppsac-post-slider .wppsac-post-image-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center !important;
}

.ycp-featured-image[style] {
 max-height: 400px !important;
 height: unset !important;
 width: unset !important;
}

.ycp-featured-image a[style] {
 max-height: 400px !important;
 height: unset !important;
 width: unset !important;
}

.ycp-featured-image a img[style] {
 max-height: 400px !important;
 height: unset !important;
 width: unset !important;
}
.wppsac-post-slider.design-1 .wppsac-post-content-left {
  left: 50%;
  transform: translateX(-50%);
  width: unset;
}

.wppsac-post-slider h2.wppsac-post-title a, .wppsac-post-carousel h2.wppsac-post-title a, .cool-vertical-timeline-body .timeline-content .story-time p {
  font-size: var(--wp--preset--font-size--large); 
}
.wppsac-post-content .wppsac-readmorebtn, .cool-vertical-timeline-body .timeline-content .story-details p:not(.timeline-block_desc, .ctlb-block-desc), .cool-vertical-timeline-body.ctlb-wrapper .story-details .ctlb-block-desc, .cool-vertical-timeline-body.ctlb-wrapper .story-details .timeline-block_desc p, .caf-post-layout1 .caf-content  {
  font-size: var(--wp--preset--font-size--medium);
}

:root :where(.wp-block-social-links .wp-social-link a) {
  padding: 0px;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.img-circle {
  border-radius: 50% !important;
}

/*
.ycp-homepage-content {
  margin-top: -110px !important;
}

.ycp-homepage-content > :is(*, div) {
  padding-right: 233px !important;
}
*/

.wppsac-post-slider.design-1 .wppsac-post-content-left {
  background: none !important;
  text-shadow: 0px 1px 2px var(--tw-text-shadow-color,lab(0% 0 0/.3)),0px 3px 2px var(--tw-text-shadow-color,lab(0% 0 0/.3)),0px 4px 8px var(--tw-text-shadow-color,lab(0% 0 0/.3));

}
.wppsac-post-categories {
  text-shadow: none;
}
.upcoming-events a {
  color: #fff;
  text-decoration: none;
}
.upcoming-events a:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
@media only screen and (min-width:1700px){
  .upcoming-events {
    max-width: 460px;
    margin-top: -100px !important;
    margin-right: 100px !important;
    align-self: end;
    z-index: 1;
  }
  .ycp-homepage-content {
    margin-top: -150px !important;
  }

}
@media only screen and (max-width:1699px){
  .upcoming-events {
    margin: auto !important;
  }
}
.upcoming-events {
  max-width: 460px;
  color: #fff;
}
  .upcoming-events .card {
    background: #002c59;
    border-radius: 34px;
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
    padding: 23px;
    box-sizing: border-box;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  }

  .upcoming-events .title {
    margin: 0 0 18px 0;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.2px;
  }

  .upcoming-events .list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 14px;
  }

  .upcoming-events .item {
    display: grid;
    grid-template-columns: 22px 1fr;
    column-gap: 14px;
    align-items: start;
  }

  .upcoming-events .bullet {
    line-height: 1;
    font-size: 16px;
    margin-top: 6px;
  }

  .upcoming-events .name {
    margin: 0;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.1;
  }

  .upcoming-events .date {
    margin: 2px 0 0 0;
    font-weight: 500;
    font-size: 17px;
  }
  @media (max-width: 480px) {
    .upcoming-events .card { padding: 20px 20px; border-radius: 26px; }
    .upcoming-events .item { grid-template-columns: 18px 1fr; column-gap: 10px; }
    .upcoming-events .bullet { margin-top: 4px; }
.mobile-no-padding[style] {
  padding: 0px !important;
}

  }

.cool-vertical-timeline-body {
 max-width: 100% !important;
}






.wppsac-post-slider.design-1 .wppsac-post-content-left {
  position: relative;
  z-index: 1;
  padding: 30px 0px 0px 0px !important
}

.wppsac-post-slider.design-1 .wppsac-post-content-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  
  width: 100vw; /* volle Viewport-Breite */
  height: 100%;
background: linear-gradient(
  to top,
  rgba(0,0,0,0.8) 0%,
  rgba(0,0,0,0.6) 30%,
  rgba(0,0,0,0.3) 60%,
  rgba(0,0,0,0.1) 80%,
  rgba(0,0,0,0) 100%
) !important;
  z-index: -1;
}