.elementor-3512 .elementor-element.elementor-element-7a55087{--display:flex;--overlay-opacity:1;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-3512 .elementor-element.elementor-element-7a55087::before, .elementor-3512 .elementor-element.elementor-element-7a55087 > .elementor-background-video-container::before, .elementor-3512 .elementor-element.elementor-element-7a55087 > .e-con-inner > .elementor-background-video-container::before, .elementor-3512 .elementor-element.elementor-element-7a55087 > .elementor-background-slideshow::before, .elementor-3512 .elementor-element.elementor-element-7a55087 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3512 .elementor-element.elementor-element-7a55087 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-3512 .elementor-element.elementor-element-deb7eb7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3512 .elementor-element.elementor-element-deb7eb7{--image-border-radius:20px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#FFFFFF;--galleries-title-color-hover:#B6B6B6;--gallery-title-color-active:#B6B6B6;}.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title{font-weight:700;}body.elementor-page-3512:not(.elementor-motion-effects-element-type-background), body.elementor-page-3512 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}/* Start custom CSS for gallery, class: .elementor-element-deb7eb7 *//* =========================================================
   BK Projektservice – Elementor Pro Gallery
   PORTFOLIO ONLY / SCHWARZER HINTERGRUND
   OHNE TITEL UND OHNE BESCHREIBUNG

   Einfügen unter:
   Gallery Widget → Advanced → Custom CSS

   Wichtig:
   1. Vorherigen CSS-Code vollständig löschen.
   2. Diesen Code komplett einfügen.
   3. Dieser Code erzeugt keinen Titel und keinen Beschreibungstext.
   4. Justified-Layout und Bildgrößen bleiben unangetastet.
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-deb7eb7{
  --bk-black:#000000;
  --bk-black-soft:#0D0D0D;
  --bk-gold:#C8A75B;
  --bk-gold-soft:#D8BF7A;
  --bk-muted:#D7D0D0;
  --bk-line:rgba(255,255,255,.16);

  margin:0 !important;
  padding:0 !important;
  font-family:"Inter",Arial,sans-serif !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7,
.elementor-3512 .elementor-element.elementor-element-deb7eb7 *{
  box-sizing:border-box;
  font-family:"Inter",Arial,sans-serif !important;
}

/* =========================================================
   Sicherheit:
   alte per CSS erzeugte Titel und Beschreibung deaktivieren
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-widget-container::before,
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery__titles-container::before{
  content:none !important;
  display:none !important;
}

/* =========================================================
   Grundfläche
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-widget-container{
  background:var(--bk-black) !important;
  padding:0 !important;
}

/* =========================================================
   Filter / Kategorien
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery__titles-container{
  display:grid !important;
  grid-template-columns:repeat(4,max-content) !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 auto 28px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title{
  margin:0 !important;
  padding:11px 18px !important;

  border:1px solid var(--bk-line) !important;
  border-right:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  color:var(--bk-muted) !important;

  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;

  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title:last-child{
  border-right:1px solid var(--bk-line) !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title:hover{
  color:var(--bk-gold-soft) !important;
  border-color:rgba(200,167,91,.34) !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title.elementor-item-active{
  background:var(--bk-gold) !important;
  border-color:var(--bk-gold) !important;
  color:#251D0E !important;
}

/* =========================================================
   Galerieelemente
   Keine Positions-, Größen- oder Display-Änderungen
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item{
  border-radius:0 !important;
  box-shadow:none !important;
  outline:1px solid rgba(255,255,255,.12);
  outline-offset:-1px;
  background:var(--bk-black-soft);
}

/* Feine goldene Linie über jedem Bild */
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  z-index:5;

  width:24%;
  height:1px;

  background:var(--bk-gold);
  pointer-events:none;
}

/* Bild selbst niemals skalieren oder transformieren */
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-image{
  border-radius:0 !important;
  filter:brightness(.98);

  transition:
    filter .28s ease,
    opacity .28s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:hover .e-gallery-image{
  filter:brightness(1.05);
}

/* Dezenter Hover */
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;

  border:1px solid transparent;

  background:linear-gradient(
    to top,
    rgba(0,0,0,.48) 0%,
    rgba(0,0,0,.08) 42%,
    rgba(0,0,0,0) 68%
  );

  opacity:0;
  pointer-events:none;

  transition:
    opacity .28s ease,
    border-color .28s ease;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:hover::after{
  opacity:1;
  border-color:rgba(200,167,91,.22);
}

/* Bildtitel, falls in Elementor aktiviert */
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-item__title,
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item__title{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:14px !important;
  z-index:6 !important;

  margin:0 !important;

  color:#FFFFFF !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.4 !important;

  opacity:0;
  transform:translateY(7px);

  transition:
    opacity .25s ease,
    transform .25s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:hover .elementor-gallery-item__title,
.elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item:hover .e-gallery-item__title{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   Tablet
   ========================================================= */

@media(max-width:1024px){
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title{
    padding:10px 14px !important;
    font-size:10px !important;
  }
}

/* =========================================================
   Mobile
   ========================================================= */

@media(max-width:640px){
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery__titles-container{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }

  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title{
    width:100% !important;
    text-align:center !important;
    white-space:normal !important;

    border-right:1px solid var(--bk-line) !important;
    border-bottom:1px solid var(--bk-line) !important;
  }

  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title:nth-child(2n){
    border-left:0 !important;
  }

  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title:nth-child(n+3){
    border-top:0 !important;
  }
}

/* =========================================================
   Reduced Motion
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-image,
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item::after,
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-item__title,
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .e-gallery-item__title,
  .elementor-3512 .elementor-element.elementor-element-deb7eb7 .elementor-gallery-title{
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a55087 *//* =========================================================
   BK Projektservice – Elementor Pro Gallery (SAFE VERSION)
   الصق هذا الكود داخل:
   Gallery Widget → Advanced → Custom CSS

   مهم:
   احذف الكود السابق بالكامل قبل لصق هذا الكود.
   هذه النسخة لا تغيّر أبعاد الصور أو نظام Justified Gallery.
   ========================================================= */

.elementor-3512 .elementor-element.elementor-element-7a55087{
  --bk-gold:#C8A75B;
  --bk-gold-soft:#D8BF7A;
  --bk-text:#FFFFFF;
  --bk-muted:#D7D0D0;
  --bk-line:rgba(255,255,255,.16);
  font-family:"Inter",Arial,sans-serif !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087,
.elementor-3512 .elementor-element.elementor-element-7a55087 *{
  box-sizing:border-box;
  font-family:"Inter",Arial,sans-serif !important;
}


/* =========================
   Titel und Einleitung
   werden automatisch vor der Galerie eingefügt
   ========================= */

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-widget-container{
  position:relative;
  padding-top:0;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-widget-container::before{
  content:"Design & Raumkonzepte";
  display:block;
  max-width:1000px;
  margin:0 auto 20px;
  color:var(--bk-gold);
  text-align:center;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(38px,4.5vw,66px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:500;
  opacity:0;
  transform:translateY(22px);
  clip-path:inset(0 0 100% 0);
  animation:bkGalleryTitleReveal .85s cubic-bezier(.22,.61,.36,1) .12s forwards;
}



@keyframes bkGalleryTitleReveal{
  to{
    opacity:1;
    transform:translateY(0);
    clip-path:inset(0 0 0 0);
  }
}

@keyframes bkGalleryCopyReveal{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-width:640px){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-widget-container::before{
    margin-bottom:14px;
    font-size:clamp(34px,11vw,48px);
  }
}

@media(prefers-reduced-motion:reduce){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-widget-container::before,
}


/* =========================
   Filter / Kategorien
   ========================= */

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container{
  display:grid !important;
  grid-template-columns:repeat(4,max-content) !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto 28px !important;
  padding:0 !important;
  border:0 !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container::before{
  content:"Exklusive Raumkonzepte, hochwertiger Innenausbau, kreative Trockenbaulösungen, moderne Architektur- und Designkonzepte sowie realistische architektonische Visualisierungen. Entdecken Sie vielfältige Gestaltungsmöglichkeiten, innovative Lösungen und hochwertige Ausführungsstandards – von funktionalen Raumlösungen bis hin zu exklusiven Wohn- und Gewerbeprojekten.";
  grid-column:1 / -1;
  display:block;
  max-width:980px;
  margin:0 auto 30px;
  padding:0 18px;
  color:#FFFFFF;
  text-align:center;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.65;
  font-weight:400;
  opacity:0;
  transform:translateY(12px);
  animation:bkGalleryCopyReveal .65s ease .42s forwards;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title{
  margin:0 !important;
  padding:11px 18px !important;
  border:1px solid var(--bk-line) !important;
  border-right:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--bk-muted) !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  transition:
    background-color .22s ease,
    color .22s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:last-child{
  border-right:1px solid var(--bk-line) !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:hover{
  color:var(--bk-gold-soft) !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title.elementor-item-active{
  background:var(--bk-gold) !important;
  color:#251D0E !important;
}

/* =========================
   Gallery Items
   لا نغيّر العرض أو الارتفاع
   ========================= */

.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item{
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  outline:1px solid rgba(255,255,255,.12);
  outline-offset:-1px;
}

/* الخط الذهبي لا يؤثر على أبعاد العنصر */
.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  width:28%;
  height:1px;
  background:var(--bk-gold);
  pointer-events:none;
}

/* لا نستخدم transform على العنصر الذي يحسب Elementor أبعاده */
.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-image{
  border-radius:0 !important;
  filter:brightness(.98);
  transition:
    filter .28s ease,
    opacity .28s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item:hover .e-gallery-image{
  filter:brightness(1.06);
}

/* طبقة داخلية هادئة فقط */
.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border:1px solid transparent;
  background:linear-gradient(
    to top,
    rgba(22,22,22,.32) 0%,
    rgba(22,22,22,0) 52%
  );
  opacity:0;
  pointer-events:none;
  transition:
    opacity .28s ease,
    border-color .28s ease;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item:hover::after{
  opacity:1;
  border-color:rgba(200,167,91,.26);
}

/* عنوان الصورة إن كان مفعّلًا */
.elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-item__title{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:14px !important;
  z-index:6 !important;
  margin:0 !important;
  color:#FFFFFF !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  opacity:0;
  transform:translateY(7px);
  transition:
    opacity .25s ease,
    transform .25s ease !important;
}

.elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item:hover .elementor-gallery-item__title{
  opacity:1;
  transform:translateY(0);
}

/* =========================
   Tablet
   ========================= */

@media(max-width:1024px){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title{
    padding:10px 14px !important;
    font-size:10px !important;
  }
}

/* =========================
   Mobile
   ========================= */

@media(max-width:640px){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title{
    width:100% !important;
    text-align:center !important;
    border-right:1px solid var(--bk-line) !important;
    border-bottom:1px solid var(--bk-line) !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:nth-child(2n){
    border-right:0 !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:nth-last-child(-n+2){
    border-bottom:0 !important;
  }
}

/* =========================
   Reduced Motion
   ========================= */

@media(prefers-reduced-motion:reduce){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-image,
  .elementor-3512 .elementor-element.elementor-element-7a55087 .e-gallery-item::after,
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-item__title,
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title{
    transition:none !important;
  }
}


@media(max-width:640px){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container::before{
    grid-column:1 / -1;
    margin-bottom:24px;
    padding:0 4px;
    font-size:13px;
    line-height:1.6;
  }
}


@media(max-width:640px){
  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery__titles-container::before{
    grid-column:1 / -1;
    margin-bottom:24px;
    padding:0 4px;
    font-size:13px;
    line-height:1.6;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title{
    width:100% !important;
    text-align:center !important;
    white-space:normal !important;
    border-right:1px solid var(--bk-line) !important;
    border-bottom:0 !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:nth-child(2n){
    border-left:0 !important;
  }

  .elementor-3512 .elementor-element.elementor-element-7a55087 .elementor-gallery-title:nth-child(n+3){
    border-top:0 !important;
  }
}/* End custom CSS */