
/* =================================== DEFAULT PAGE =================================== */
/* removed gradient background for default page header - use neutral background */
#contentpage-header:not(.dx-hero-easy) {
  position: relative;
  display: block;
  padding-top: 16rem;
  padding-bottom: 2rem;
  background: var(--color-white);
  color: var(--color-text);
}

.icon-image img{width:4rem;height:4rem;display:inline-block;}

/* Single Projekt component styles (moved from inline template) */
.projekt-single { padding: var(--space-lg) 0; }
.projekt-single__grid {
  padding-top: 12rem;
  padding-bottom: 4rem;
  border-bottom: 4rem solid var(--color-secondary-alt);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: stretch;
}
.projekt-single__left { position: relative; }
.projekt-single__media { position: absolute; inset: 0; z-index: 0; }
.projekt-single__media img { width:100%; height:100%; display:block; object-fit: cover; }
.projekt-single__right { position: relative; z-index: 1; }
.projekt-single__meta-list { margin: .5rem 0 1rem; padding: 0; list-style: none; display: grid; gap: .5rem; padding-bottom:1rem;}
.projekt-single__meta-list li { color: var(--color-text); border:1px solid var(--color-secondary-alt); padding: .5rem 1rem; }
.projekt-single__title{margin-bottom:2rem;}

.projekt-single__gallery{margin-bottom:3rem;margin-top:3rem;}
.projekt-single__gallery .dx-image-lightbox-grid__image { aspect-ratio: 1 / 1; }

@media (max-width: 991.98px) {
  .projekt-single__grid { grid-template-columns: 1fr;gap:4rem;}
  .projekt-single__media { position: relative; height: auto; }
  .projekt-single__media img { height: auto; }
}


