body.elementor-page-54:not(.elementor-motion-effects-element-type-background), body.elementor-page-54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thisiscr.com/wp-content/uploads/2026/08/ChatGPT-Image-26.-Aug.-2026-15_50_25.png");background-position:center center;background-size:cover;}@media(max-width:767px){body.elementor-page-54:not(.elementor-motion-effects-element-type-background), body.elementor-page-54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thisiscr.com/wp-content/uploads/2026/08/ChatGPT-Image-26.-Aug.-2026-15_50_25.png");}}/* Start custom CSS *//* Projektkarte */
.projekt-karte {
  position: relative !important;
  overflow: hidden !important;
}

/* Projektbild */
.projekt-karte img {
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 20px !important;
  transition: transform 0.45s ease !important;
}

/* Titel über dem Bild */
.projekt-hover-titel {
  position: absolute !important;
  inset: 24px !important;
  z-index: 5 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 24px !important;

  background: rgba(222, 126, 163, 0.88) !important;
  border-radius: 20px !important;

  opacity: 0 !important;
  visibility: hidden !important;

  text-align: center !important;
  pointer-events: none !important;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease !important;
}

/* Typografie des Titels */
.projekt-hover-titel,
.projekt-hover-titel * {
  color: #ffffff !important;
  font-family: "Sora", sans-serif !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

/* Hover */
.projekt-karte:hover .projekt-hover-titel {
  opacity: 1 !important;
  visibility: visible !important;
}

.projekt-karte:hover img {
  transform: scale(1.04) !important;
}

/* Handy und Tablet: Titel dauerhaft sichtbar */
@media (hover: none), (max-width: 767px) {
  .projekt-karte img {
    height: 360px !important;
  }

  .projekt-hover-titel {
    opacity: 1 !important;
    visibility: visible !important;
    align-items: flex-end !important;

    background: linear-gradient(
      to top,
      rgba(35, 32, 35, 0.82),
      rgba(35, 32, 35, 0)
    ) !important;
  }

  .projekt-hover-titel,
  .projekt-hover-titel * {
    font-size: 26px !important;
  }
}@media (max-width: 767px) {
  .entry-title {
    font-size: 44px !important;
    line-height: 48px !important;
    margin-bottom: 0 !important;
  }

  .projekt-intro {
    height: auto !important;
    min-height: 0 !important;
    padding: 24px !important;
  }

  .projekt-intro,
  .projekt-intro * {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}/* End custom CSS */