.elementor-kit-6{--e-global-color-primary:#201D19;--e-global-color-secondary:#33564A;--e-global-color-text:#57514A;--e-global-color-accent:#C23B26;--e-global-color-10118c4:#F6F3EC;--e-global-color-738e7b4:#EFEADF;--e-global-color-462185d:#DAD3C6;--e-global-color-36934f1:#FFFFFF;--e-global-color-e11f001:#F6F3EC;--e-global-color-e01af01:#D9D2C8;--e-global-color-f910d0f:#8F887E;--e-global-color-090e9ae:#3A3530;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:600;--e-global-typography-86942b9-font-family:"Fraunces";--e-global-typography-86942b9-font-size:72px;--e-global-typography-86942b9-font-weight:500;--e-global-typography-86942b9-line-height:1.06em;--e-global-typography-86942b9-letter-spacing:-0.7px;--e-global-typography-69bfcd5-font-family:"Fraunces";--e-global-typography-69bfcd5-font-size:46px;--e-global-typography-69bfcd5-font-weight:500;--e-global-typography-69bfcd5-line-height:1.08em;--e-global-typography-69bfcd5-letter-spacing:-0.4px;--e-global-typography-680559b-font-family:"Fraunces";--e-global-typography-680559b-font-size:20px;--e-global-typography-680559b-font-weight:500;--e-global-typography-680559b-line-height:1.2em;--e-global-typography-37dfa5d-font-family:"Manrope";--e-global-typography-37dfa5d-font-size:20px;--e-global-typography-37dfa5d-font-weight:400;--e-global-typography-37dfa5d-line-height:1.6em;--e-global-typography-3e82601-font-family:"Manrope";--e-global-typography-3e82601-font-size:17px;--e-global-typography-3e82601-font-weight:400;--e-global-typography-3f5557f-font-family:"Manrope";--e-global-typography-3f5557f-font-weight:400;--e-global-typography-9e7aacf-font-family:"Manrope";--e-global-typography-9e7aacf-font-weight:600;--e-global-typography-9e7aacf-text-transform:uppercase;--e-global-typography-9e7aacf-line-height:1.3em;--e-global-typography-9e7aacf-letter-spacing:2.6px;--e-global-typography-595f56f-font-family:"Manrope";--e-global-typography-595f56f-font-size:15px;--e-global-typography-595f56f-font-weight:500;--e-global-typography-595f56f-line-height:1.6em;--e-global-typography-6f0e0ba-font-family:"Manrope";--e-global-typography-6f0e0ba-font-size:16px;--e-global-typography-6f0e0ba-font-weight:600;--e-global-typography-6f0e0ba-line-height:1em;--e-global-typography-782371d-font-family:"Manrope";--e-global-typography-782371d-font-size:13px;--e-global-typography-782371d-font-weight:600;--e-global-typography-782371d-line-height:1.4em;--e-global-typography-782371d-letter-spacing:1px;--e-global-typography-8435c32-font-family:"Fraunces";--e-global-typography-8435c32-font-size:20px;--e-global-typography-8435c32-font-weight:400;--e-global-typography-8435c32-line-height:1.4em;background-color:var( --e-global-color-10118c4 );color:var( --e-global-color-text );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-86942b9-font-family ), Sans-serif;font-size:var( --e-global-typography-86942b9-font-size );font-weight:var( --e-global-typography-86942b9-font-weight );line-height:var( --e-global-typography-86942b9-line-height );letter-spacing:var( --e-global-typography-86942b9-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-69bfcd5-font-family ), Sans-serif;font-size:var( --e-global-typography-69bfcd5-font-size );font-weight:var( --e-global-typography-69bfcd5-font-weight );line-height:var( --e-global-typography-69bfcd5-line-height );letter-spacing:var( --e-global-typography-69bfcd5-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-680559b-font-family ), Sans-serif;font-size:var( --e-global-typography-680559b-font-size );font-weight:var( --e-global-typography-680559b-font-weight );line-height:var( --e-global-typography-680559b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-86942b9-font-size:56px;--e-global-typography-69bfcd5-font-size:40px;--e-global-typography-37dfa5d-font-size:19px;}.elementor-kit-6 h1{font-size:var( --e-global-typography-86942b9-font-size );line-height:var( --e-global-typography-86942b9-line-height );letter-spacing:var( --e-global-typography-86942b9-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-69bfcd5-font-size );line-height:var( --e-global-typography-69bfcd5-line-height );letter-spacing:var( --e-global-typography-69bfcd5-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-680559b-font-size );line-height:var( --e-global-typography-680559b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-86942b9-font-size:42px;--e-global-typography-69bfcd5-font-size:32px;--e-global-typography-680559b-font-size:19px;--e-global-typography-37dfa5d-font-size:18px;--e-global-typography-3e82601-font-size:16px;--e-global-typography-3e82601-line-height:1.65em;--e-global-typography-3f5557f-font-size:15px;--e-global-typography-3f5557f-line-height:1.6em;--e-global-typography-9e7aacf-font-size:11px;}.elementor-kit-6 h1{font-size:var( --e-global-typography-86942b9-font-size );line-height:var( --e-global-typography-86942b9-line-height );letter-spacing:var( --e-global-typography-86942b9-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-69bfcd5-font-size );line-height:var( --e-global-typography-69bfcd5-line-height );letter-spacing:var( --e-global-typography-69bfcd5-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-680559b-font-size );line-height:var( --e-global-typography-680559b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.responsive-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

@media (max-width: 1024px) {
  .responsive-wrapper {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .responsive-wrapper {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.section-spacing {
  padding-top: clamp(64px, 9vw, 120px);
  padding-bottom: clamp(64px, 9vw, 120px);
}
.werk-card {
  position: relative;
  overflow: hidden;
}

.werk-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .5s ease;
}

.werk-card:hover .werk-image img {
  transform: scale(1.035);
}
.werk-card {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.werk-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 42px 14px 12px;

  background: linear-gradient(
    to top,
    rgba(20, 16, 12, 0.72) 0%,
    rgba(20, 16, 12, 0.35) 45%,
    rgba(20, 16, 12, 0) 100%
  );
}

/* ========================================
   SIGRID – WERKE GALERIE
======================================== */


/* Technik Filter */

.sigrid-technik-filter,
.sigrid-motiv-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.sigrid-technik-filter {
  margin-top: 34px;
}


/* Filter Basis */

.sigrid-filter {
  appearance: none;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;

  color: #57514A;
  background: transparent;

  border: 1.5px solid #DAD3C6;
  border-radius: 100px;

  padding: 8px 17px;

  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease;
}


.sigrid-filter:hover {
  color: #201D19;
  border-color: #201D19;
}


/* Aktive Technik */

.sigrid-technik.is-active {
  color: #F6F3EC;
  background: #201D19;
  border-color: #201D19;
}


/* ========================================
   MOTIVE
======================================== */

.sigrid-motiv-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 10px;
}


.sigrid-motiv-label {
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .14em;
  text-transform: uppercase;

  color: #57514A;

  margin-right: 3px;
}


.sigrid-motiv {
  font-size: 13px;
  padding: 6px 14px;

  color: #33564A;
  border-color: #33564A;
  border-style: dashed;
}


.sigrid-motiv:hover {
  color: #33564A;
  border-color: #33564A;
}


.sigrid-motiv.is-active {
  color: #F6F3EC;
  background: #33564A;

  border-color: #33564A;
  border-style: solid;
}


/* ========================================
   TECHNIK TEXT
======================================== */

.sigrid-note {
  min-height: 48px;
  max-width: 760px;

  margin-top: 18px;
  margin-bottom: 32px;

  font-family: "Fraunces", Georgia, serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;

  color: #201D19;
}

.sigrid-note p {
  margin: 0;
  color: inherit;
}


/* ========================================
   MASONRY
======================================== */

.sigrid-werke-grid {
  columns: 3;
  column-gap: 16px;
}


.sigrid-werk-card {
  display: block;
  position: relative;

  width: 100%;

  margin: 0 0 16px;

  break-inside: avoid;
  overflow: hidden;

  border-radius: 2px;
}


.sigrid-werk-link {
  display: block;
  position: relative;

  color: inherit;
  text-decoration: none;

  overflow: hidden;
}


.sigrid-werk-image {
  display: block;

  width: 100%;
  height: auto;

  transition: transform .5s ease;
}


.sigrid-werk-card:hover .sigrid-werk-image {
  transform: scale(1.035);
}


/* Caption */

.sigrid-werk-caption {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 2;

  padding: 42px 14px 12px;

  font-family: "Manrope", sans-serif;
  font-size: 13px;
  line-height: 1.4;

  color: #fff;

  background:
    linear-gradient(
      to top,
      rgba(20,16,12,.72) 0%,
      rgba(20,16,12,.32) 48%,
      rgba(20,16,12,0) 100%
    );
}


.sigrid-werk-caption strong {
  font-weight: 600;
}


.sigrid-werk-caption span {
  font-weight: 400;
  opacity: .86;
}


/* ========================================
   PAGINATION
======================================== */

.sigrid-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 42px;
}


.sigrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 40px;
  height: 40px;

  padding: 0 10px;

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;

  color: #57514A;
  background: transparent;

  border: 1.5px solid #DAD3C6;
  border-radius: 2px;

  cursor: pointer;

  transition: .2s ease;
}


.sigrid-page:hover:not(:disabled) {
  color: #201D19;
  border-color: #201D19;
}


.sigrid-page.is-active {
  color: #F6F3EC;
  background: #201D19;
  border-color: #201D19;
}


.sigrid-page:disabled {
  opacity: .35;
  cursor: default;
}


.sigrid-count {
  margin-left: 10px;

  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 500;

  color: #57514A;
}


/* ========================================
   LOADING
======================================== */

.sigrid-werke-gallery.is-loading {
  cursor: wait;
}

.sigrid-werke-gallery.is-loading
.sigrid-grid-slot {
  opacity: .35;
}

.sigrid-grid-slot {
  transition: opacity .2s ease;
}


/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 1024px) {

  .sigrid-werke-grid {
    columns: 2;
  }

}


@media (max-width: 767px) {

  .sigrid-werke-grid {
    columns: 1;
  }

  .sigrid-filter {
    font-size: 13px;
    padding: 7px 14px;
  }

  .sigrid-motiv-row {
    align-items: flex-start;
  }

  .sigrid-motiv-label {
    width: 100%;
    margin-bottom: 2px;
  }

  .sigrid-note {
    font-size: 17px;
    margin-bottom: 26px;
  }

  .sigrid-pagination {
    margin-top: 32px;
  }

}
/* Elementor globalen Button-Hover für Galerie-Filter überschreiben */

.sigrid-werke-gallery .sigrid-filter:hover:not(.is-active),
.sigrid-werke-gallery .sigrid-filter:focus:not(.is-active) {
  background: transparent !important;
  background-color: transparent !important;
  color: #201D19 !important;
  border-color: #201D19 !important;
}

/* Aktive Technik */
.sigrid-werke-gallery .sigrid-technik.is-active,
.sigrid-werke-gallery .sigrid-technik.is-active:hover,
.sigrid-werke-gallery .sigrid-technik.is-active:focus {
  background: #201D19 !important;
  background-color: #201D19 !important;
  color: #F6F3EC !important;
  border-color: #201D19 !important;
}

/* Motiv-Hover */
.sigrid-werke-gallery .sigrid-motiv:hover:not(.is-active),
.sigrid-werke-gallery .sigrid-motiv:focus:not(.is-active) {
  background: transparent !important;
  background-color: transparent !important;
  color: #33564A !important;
  border-color: #33564A !important;
}

/* Aktives Motiv */
.sigrid-werke-gallery .sigrid-motiv.is-active,
.sigrid-werke-gallery .sigrid-motiv.is-active:hover,
.sigrid-werke-gallery .sigrid-motiv.is-active:focus {
  background: #33564A !important;
  background-color: #33564A !important;
  color: #F6F3EC !important;
  border-color: #33564A !important;
}

/* ========================================
   SIGRID – WERKE LIGHTBOX
======================================== */


/* Nur während die Lightbox offen ist */
body.sigrid-lightbox-open {
  overflow: hidden;
}


/* Lightbox */

.sigrid-lightbox {
  position: fixed;
  inset: 0;

  z-index: 999999;

  display: grid;
  grid-template-columns:
    70px
    minmax(0, 1fr)
    70px;

  align-items: center;

  padding: 32px;

  background:
    rgba(20, 16, 12, .94);

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}


.sigrid-lightbox[hidden] {
  display: none !important;
}


/* ========================================
   BÜHNE
======================================== */

.sigrid-lightbox-stage {
  grid-column: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 1200px;

  max-height:
    calc(100vh - 64px);

  margin: 0 auto;
}


/* Bildbereich */

.sigrid-lightbox-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;

  min-height: 0;
}


/* Großes Werk */

.sigrid-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 100%;
  max-height:
    calc(100vh - 155px);

  object-fit: contain;

  border-radius: 1px;

  box-shadow:
    0 22px 70px
    rgba(0, 0, 0, .35);
}


/* ========================================
   CAPTION
======================================== */

.sigrid-lightbox-caption {
  width: 100%;
  max-width: 900px;

  margin-top: 15px;

  text-align: center;
}


.sigrid-lightbox-title {
  font-family:
    "Fraunces",
    Georgia,
    serif;

  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;

  color: #F6F3EC;
}


.sigrid-lightbox-meta {
  margin-top: 3px;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;

  color: #D9D2C8;
}


.sigrid-lightbox-counter {
  margin-top: 6px;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 11px;
  font-weight: 500;
  letter-spacing: .08em;

  color: #8F887E;
}


/* ========================================
   CLOSE
======================================== */

.sigrid-lightbox-close {
  position: absolute;

  top: 18px;
  right: 24px;

  z-index: 3;

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

  width: 46px;
  height: 46px;

  padding: 0 !important;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 34px;
  font-weight: 300;
  line-height: 1;

  color: #F6F3EC !important;

  background:
    transparent !important;

  border: 0 !important;
  border-radius: 50%;

  box-shadow: none !important;

  cursor: pointer;

  opacity: .8;

  transition:
    opacity .2s ease,
    transform .2s ease;
}


.sigrid-lightbox-close:hover,
.sigrid-lightbox-close:focus {
  color: #F6F3EC !important;

  background:
    transparent !important;

  opacity: 1;

  transform: scale(1.06);
}


/* ========================================
   PFEILE
======================================== */

.sigrid-lightbox-nav {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  padding: 0 !important;

  font-family:
    "Fraunces",
    Georgia,
    serif;

  font-size: 46px;
  font-weight: 300;
  line-height: 1;

  color: #F6F3EC !important;

  background:
    transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  cursor: pointer;

  opacity: .65;

  transition:
    opacity .2s ease,
    transform .2s ease;
}


.sigrid-lightbox-nav:hover,
.sigrid-lightbox-nav:focus {
  color: #F6F3EC !important;

  background:
    transparent !important;

  opacity: 1;
}


.sigrid-lightbox-prev {
  grid-column: 1;
  justify-self: center;
}


.sigrid-lightbox-next {
  grid-column: 3;
  justify-self: center;
}


.sigrid-lightbox-prev:hover {
  transform:
    translateX(-3px);
}


.sigrid-lightbox-next:hover {
  transform:
    translateX(3px);
}


.sigrid-lightbox-nav[hidden] {
  display: none !important;
}


/* Tastatur Fokus */

.sigrid-lightbox button:focus-visible {
  outline:
    2px solid #C23B26;

  outline-offset: 3px;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {

  .sigrid-lightbox {
    grid-template-columns:
      55px
      minmax(0, 1fr)
      55px;

    padding:
      25px 15px;
  }


  .sigrid-lightbox-image {
    max-height:
      calc(100vh - 145px);
  }


  .sigrid-lightbox-nav {
    width: 44px;
    height: 44px;

    font-size: 40px;
  }

}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

  .sigrid-lightbox {
    grid-template-columns:
      42px
      minmax(0, 1fr)
      42px;

    padding:
      60px 4px 20px;
  }


  .sigrid-lightbox-stage {
    max-height:
      calc(100vh - 80px);
  }


  .sigrid-lightbox-image {
    max-height:
      calc(100vh - 180px);
  }


  .sigrid-lightbox-close {
    top: 9px;
    right: 10px;

    width: 42px;
    height: 42px;

    font-size: 31px;
  }


  .sigrid-lightbox-nav {
    width: 38px;
    height: 48px;

    font-size: 36px;
  }


  .sigrid-lightbox-caption {
    margin-top: 12px;

    padding:
      0 8px;
  }


  .sigrid-lightbox-title {
    font-size: 18px;
  }


  .sigrid-lightbox-meta {
    font-size: 12px;
  }

}


/* ========================================
   REDUCED MOTION
======================================== */

@media (prefers-reduced-motion: reduce) {

  .sigrid-lightbox-close,
  .sigrid-lightbox-nav {
    transition: none;
  }

}

/* ========================================
   WERK-KARTE ALS LIGHTBOX BUTTON
======================================== */

.sigrid-werke-gallery button.sigrid-werk-link {
  -webkit-appearance: none;
  appearance: none;

  display: block;
  position: relative;

  width: 100%;
  margin: 0;
  padding: 0 !important;

  overflow: hidden;

  color: inherit !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 2px;

  box-shadow: none !important;
  text-shadow: none !important;

  font: inherit;
  text-align: left;

  cursor: zoom-in;
}


/* Elementor Button Hover komplett neutralisieren */

.sigrid-werke-gallery button.sigrid-werk-link:hover,
.sigrid-werke-gallery button.sigrid-werk-link:focus {
  color: inherit !important;
  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* Tastaturbedienung */

.sigrid-werke-gallery button.sigrid-werk-link:focus-visible {
  outline: 2px solid #C23B26 !important;
  outline-offset: 3px;
}


/* ========================================
   SIGRID – AUSSTELLUNGEN
======================================== */

.sigrid-ausstellungen {
  width: 100%;
}


/* ========================================
   LISTE
======================================== */

.sigrid-ausstellungen .sigrid-events-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


/* ========================================
   KARTE
======================================== */

.sigrid-ausstellungen .sigrid-event-card {
  position: relative;

  width: 100%;

  background: #F6F3EC;

  border: 1px solid #DAD3C6;
  border-radius: 3px;

  overflow: hidden;

  transition:
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}


.sigrid-ausstellungen
.sigrid-event-card:hover {
  border-color: #BEB5A7;

  transform:
    translateY(-2px);

  box-shadow:
    0 14px 35px
    rgba(32, 29, 25, .07);
}


/* ========================================
   GANZE KARTE KLICKBAR
======================================== */

.sigrid-ausstellungen
.sigrid-event-card-link {
  display: grid;

  grid-template-columns:
    175px
    minmax(0, 1fr)
    50px;

  min-height: 150px;

  color: inherit;
  text-decoration: none !important;

  background: transparent !important;
}


/* ========================================
   BILD
======================================== */

.sigrid-ausstellungen
.sigrid-event-image {
  position: relative;

  width: 100%;
  height: 100%;

  min-height: 150px;

  overflow: hidden;

  background: #EFEADF;
}


.sigrid-ausstellungen
.sigrid-event-thumb {
  display: block;

  width: 100%;
  height: 100%;

  min-height: 150px;

  object-fit: cover;

  transition:
    transform .5s ease;
}


.sigrid-ausstellungen
.sigrid-event-card:hover
.sigrid-event-thumb {
  transform:
    scale(1.035);
}


/* Kein Beitragsbild */

.sigrid-ausstellungen
.sigrid-event-image-placeholder {
  width: 100%;
  height: 100%;
  min-height: 150px;

  background:
    linear-gradient(
      135deg,
      #EFEADF,
      #DAD3C6
    );
}


/* ========================================
   CONTENT
======================================== */

.sigrid-ausstellungen
.sigrid-event-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding:
    19px
    24px;
}


/* Jahr + Ort */

.sigrid-ausstellungen
.sigrid-event-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;

  letter-spacing: .09em;
  text-transform: uppercase;

  color: #C23B26;
}


/* Titel */

.sigrid-ausstellungen
.sigrid-event-title {
  margin:
    5px 0 4px;

  padding: 0;

  font-family:
    "Fraunces",
    Georgia,
    serif;

  font-size: 21px;
  font-weight: 500;
  line-height: 1.15;

  color: #201D19;
}


/* Datum + Veranstaltungsort */

.sigrid-ausstellungen
.sigrid-event-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 5px;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;

  color: #57514A;
}


/* Beschreibung */

.sigrid-ausstellungen
.sigrid-event-excerpt {
  max-width: 720px;

  margin:
    8px 0 0;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;

  color: #57514A;
}


/* ========================================
   BADGES
======================================== */

.sigrid-ausstellungen
.sigrid-event-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 11px;
}


.sigrid-ausstellungen
.sigrid-event-badge {
  display: inline-flex;
  align-items: center;

  padding:
    3px 9px;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;

  letter-spacing: .07em;
  text-transform: uppercase;

  color: #57514A;

  border:
    1px solid #DAD3C6;

  border-radius:
    100px;

  background:
    transparent;
}


/* Kommend */

.sigrid-ausstellungen
.sigrid-event-status-upcoming {
  color: #F6F3EC;

  background:
    #33564A;

  border-color:
    #33564A;
}


/* Aktuell */

.sigrid-ausstellungen
.sigrid-event-status-current {
  color: #F6F3EC;

  background:
    #C23B26;

  border-color:
    #C23B26;
}


/* Archiv */

.sigrid-ausstellungen
.sigrid-event-status-past {
  color: #57514A;

  background:
    transparent;
}


/* EA / GA etc */

.sigrid-ausstellungen
.sigrid-event-type {
  color: #33564A;
}


/* Hat Fotos */

.sigrid-ausstellungen
.sigrid-event-photos {
  color: #C23B26;
}


/* ========================================
   PFEIL RECHTS
======================================== */

.sigrid-ausstellungen
.sigrid-event-arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 21px;

  color: #8F887E;

  transition:
    color .2s ease,
    transform .2s ease;
}


.sigrid-ausstellungen
.sigrid-event-card:hover
.sigrid-event-arrow {
  color: #C23B26;

  transform:
    translateX(3px);
}


/* ========================================
   PAGINATION
======================================== */

.sigrid-ausstellungen
.sigrid-events-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 38px;
}


.sigrid-ausstellungen
.sigrid-event-page {
  -webkit-appearance: none;
  appearance: none;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 40px;
  height: 40px;

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

  font-family:
    "Manrope",
    sans-serif;

  font-size: 14px;
  font-weight: 600;
  line-height: 1;

  color:
    #57514A !important;

  background:
    transparent !important;

  border:
    1.5px solid
    #DAD3C6 !important;

  border-radius:
    2px;

  box-shadow:
    none !important;

  cursor:
    pointer;

  transition:
    color .2s ease,
    border-color .2s ease,
    background-color .2s ease;
}


.sigrid-ausstellungen
.sigrid-event-page:hover:not(
  :disabled
):not(
  .is-active
) {
  color:
    #201D19 !important;

  background:
    transparent !important;

  border-color:
    #201D19 !important;
}


.sigrid-ausstellungen
.sigrid-event-page.is-active,
.sigrid-ausstellungen
.sigrid-event-page.is-active:hover {
  color:
    #F6F3EC !important;

  background:
    #201D19 !important;

  border-color:
    #201D19 !important;
}


.sigrid-ausstellungen
.sigrid-event-page:disabled {
  opacity:
    .35;

  background:
    transparent !important;

  cursor:
    default;
}


/* Anzahl */

.sigrid-ausstellungen
.sigrid-events-count {
  margin-left:
    9px;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    13px;

  font-weight:
    500;

  color:
    #57514A;
}


/* ========================================
   LOADING
======================================== */

.sigrid-ausstellungen
.sigrid-events-slot {
  opacity:
    1;

  transition:
    opacity .2s ease;
}


.sigrid-ausstellungen.is-loading
.sigrid-events-slot {
  opacity:
    .35;
}


.sigrid-ausstellungen.is-loading
.sigrid-event-page {
  pointer-events:
    none;
}


/* ========================================
   LEER
======================================== */

.sigrid-ausstellungen
.sigrid-events-empty {
  margin: 0;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    16px;

  color:
    #57514A;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {

  .sigrid-ausstellungen
  .sigrid-event-card-link {
    grid-template-columns:
      150px
      minmax(0, 1fr)
      45px;
  }


  .sigrid-ausstellungen
  .sigrid-event-content {
    padding:
      18px
      20px;
  }

}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

  .sigrid-ausstellungen
  .sigrid-events-list {
    gap:
      14px;
  }


  .sigrid-ausstellungen
  .sigrid-event-card-link {
    display:
      block;

    min-height:
      0;
  }


  .sigrid-ausstellungen
  .sigrid-event-image {
    height:
      190px;

    min-height:
      190px;
  }


  .sigrid-ausstellungen
  .sigrid-event-thumb {
    height:
      190px;

    min-height:
      190px;
  }


  .sigrid-ausstellungen
  .sigrid-event-content {
    padding:
      18px;
  }


  .sigrid-ausstellungen
  .sigrid-event-title {
    font-size:
      20px;
  }


  .sigrid-ausstellungen
  .sigrid-event-excerpt {
    font-size:
      13.5px;
  }


  .sigrid-ausstellungen
  .sigrid-event-arrow {
    display:
      none;
  }


  .sigrid-ausstellungen
  .sigrid-events-pagination {
    margin-top:
      30px;
  }


  .sigrid-ausstellungen
  .sigrid-events-count {
    width:
      100%;

    margin:
      5px 0 0;

    text-align:
      center;
  }

}

/* ========================================
   SINGLE AUSSTELLUNG – META
======================================== */

.sigrid-single-event-meta {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 22px 42px;

  padding-top: 20px;

  border-top: 1px solid #DAD3C6;
}


.sigrid-single-meta-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}


.sigrid-single-meta-label {
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;

  letter-spacing: .14em;
  text-transform: uppercase;

  color: #8F887E;
}


.sigrid-single-meta-value {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  color: #201D19;
}


.sigrid-single-status {
  display: inline-flex;
  align-items: center;

  width: fit-content;

  padding: 4px 10px;

  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;

  letter-spacing: .05em;
  text-transform: uppercase;

  border-radius: 100px;
}


.sigrid-single-status-upcoming {
  color: #F6F3EC;
  background: #33564A;
}


.sigrid-single-status-current {
  color: #F6F3EC;
  background: #C23B26;
}


.sigrid-single-status-past {
  color: #57514A;

  background: transparent;

  border: 1px solid #DAD3C6;
}


@media (max-width: 767px) {

  .sigrid-single-event-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 20px;
  }

}


@media (max-width: 480px) {

  .sigrid-single-event-meta {
    grid-template-columns: 1fr;
  }

}

.sigrid-werke-gallery .sigrid-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.sigrid-werke-gallery .sigrid-pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 28px;
  height: 40px;

  color: #8F887E;

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 1;
  user-select: none;
}

/* ========================================
   SIGRID – PAGINATION HOVER FIX
   Elementor Global Button Hover überschreiben
======================================== */


/* ----------------------------------------
   WERKE
---------------------------------------- */

.sigrid-werke-gallery .sigrid-pagination .sigrid-page {
  background: transparent !important;
  background-color: transparent !important;
  color: #57514A !important;
  border-color: #DAD3C6 !important;
}

.sigrid-werke-gallery .sigrid-pagination .sigrid-page:hover:not(.is-active),
.sigrid-werke-gallery .sigrid-pagination .sigrid-page:focus:not(.is-active) {
  background: #EFEADF !important;
  background-color: #EFEADF !important;
  color: #201D19 !important;
  border-color: #201D19 !important;
}

.sigrid-werke-gallery .sigrid-pagination .sigrid-page.is-active,
.sigrid-werke-gallery .sigrid-pagination .sigrid-page.is-active:hover,
.sigrid-werke-gallery .sigrid-pagination .sigrid-page.is-active:focus {
  background: #201D19 !important;
  background-color: #201D19 !important;
  color: #F6F3EC !important;
  border-color: #201D19 !important;
}


/* ----------------------------------------
   AUSSTELLUNGEN
---------------------------------------- */

.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page {
  background: transparent !important;
  background-color: transparent !important;
  color: #57514A !important;
  border-color: #DAD3C6 !important;
}

.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page:hover:not(.is-active),
.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page:focus:not(.is-active) {
  background: #EFEADF !important;
  background-color: #EFEADF !important;
  color: #201D19 !important;
  border-color: #201D19 !important;
}

.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page.is-active,
.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page.is-active:hover,
.sigrid-ausstellungen .sigrid-events-pagination .sigrid-event-page.is-active:focus {
  background: #201D19 !important;
  background-color: #201D19 !important;
  color: #F6F3EC !important;
  border-color: #201D19 !important;
}

.sigrid-ausstellungen .sigrid-events-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.sigrid-ausstellungen .sigrid-events-pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 28px;
  height: 40px;

  color: #8F887E;

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 1;

  user-select: none;
}

/* ========================================
   WERK LIGHTBOX – ERWEITERTE WERKDATEN
======================================== */

.sigrid-lightbox .sigrid-lightbox-meta {
  margin-top: 6px;
}

.sigrid-lightbox .sigrid-lightbox-motiv {
  margin-top: 6px;

  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;

  letter-spacing: .08em;
  text-transform: uppercase;

  color: #8F887E;
}

.sigrid-lightbox .sigrid-lightbox-description {
  max-width: 560px;

  margin-top: 14px;

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;

  color: #D9D2C8;
}

.sigrid-lightbox .sigrid-lightbox-meta[hidden],
.sigrid-lightbox .sigrid-lightbox-motiv[hidden],
.sigrid-lightbox .sigrid-lightbox-description[hidden] {
  display: none !important;
}

/* ========================================
   PAGINATION – MOBILE COMPACT
   Werke + Ausstellungen
======================================== */

@media (max-width: 767px) {

  /* Beide Pagination-Container */
  .sigrid-werke-gallery .sigrid-pagination,
  .sigrid-ausstellungen .sigrid-events-pagination {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;

    gap: 4px;

    width: 100%;
    max-width: 100%;
  }


  /* Seitenzahlen + Pfeile */
  .sigrid-werke-gallery .sigrid-page,
  .sigrid-ausstellungen .sigrid-event-page {
    flex: 0 0 32px;

    width: 32px;
    min-width: 32px;
    height: 36px;

    padding: 0 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;
    line-height: 1;
  }


  /* Drei Punkte */
  .sigrid-werke-gallery .sigrid-pagination-ellipsis,
  .sigrid-ausstellungen .sigrid-events-pagination-ellipsis {
    flex: 0 0 18px;

    width: 18px;
    min-width: 18px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;
  }

}

@media (max-width: 380px) {

  .sigrid-werke-gallery .sigrid-pagination,
  .sigrid-ausstellungen .sigrid-events-pagination {
    gap: 3px;
  }

  .sigrid-werke-gallery .sigrid-page,
  .sigrid-ausstellungen .sigrid-event-page {
    flex-basis: 30px;

    width: 30px;
    min-width: 30px;
    height: 34px;

    font-size: 12px;
  }

  .sigrid-werke-gallery .sigrid-pagination-ellipsis,
  .sigrid-ausstellungen .sigrid-events-pagination-ellipsis {
    flex-basis: 14px;

    width: 14px;
    min-width: 14px;
    height: 34px;
  }

}/* End custom CSS */