/*
Theme Name: Anja Art
Description: Kadence Child Theme für Anja Röhl Art
Template: kadence
Version: 9.6.0
Text Domain: anja-art
*/

/* ===========================
   ANJA ART – BASIS
   =========================== */
:root{
  --art-bg:#ffffff;
  --art-surface:#f4f4f1;
  --art-surface-2:#ecece8;
  --art-text:#0d0d0d;
  --art-muted:#74746d;
  --art-line:#d8d8d3;
  --art-header-bg:rgba(255,255,255,.96);
  --art-menu-bg:#ffffff;
  --art-page:1580px;
  --art-content:1440px;
  --art-reading:900px;
  --art-header-h:116px;
}

html.art-dark{
  --art-bg:#050505;
  --art-surface:#0d0d0d;
  --art-surface-2:#151515;
  --art-text:#f6f6f2;
  --art-muted:#aaa9a2;
  --art-line:#2b2b2b;
  --art-header-bg:rgba(5,5,5,.96);
  --art-menu-bg:#101010;
}

html,body,#page,.site,.site-content,#primary,.content-area,.site-main{
  background:var(--art-bg)!important;
  color:var(--art-text);
}
html,body{min-height:100%;}
body{margin:0;}
#page{min-height:100vh;display:flex;flex-direction:column;}
.site-content{flex:1 0 auto;}
.site-footer-wrap{margin-top:auto;}

.site-container,.content-container{max-width:var(--art-page);}

/* ===========================
   HEADER
   =========================== */
#masthead,.site-header,.site-header-wrap,.site-main-header-wrap,.site-header-row-container-inner{
  background:var(--art-header-bg)!important;
  color:var(--art-text);
}
#masthead{
  border-bottom:1px solid var(--art-line);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  z-index:1000;
}
body.art-sticky-header #masthead{position:sticky;top:0;}
.site-main-header-wrap .site-header-row{min-height:var(--art-header-h);}

.site-header-row-layout-fullwidth>.site-header-row-container-inner>.site-container,
.site-header-row-layout-contained>.site-header-row-container-inner>.site-container{
  max-width:var(--art-page);
  padding-left:clamp(28px,5vw,92px);
  padding-right:clamp(28px,5vw,92px);
}

.site-branding img,.custom-logo{
  width:auto;
  max-height:74px;
  transition:filter .2s ease;
}
html:not(.art-dark) .site-branding img,
html:not(.art-dark) .custom-logo{filter:invert(1);}
html.art-dark .site-branding img,
html.art-dark .custom-logo{filter:none;}

.main-navigation .primary-menu-container>ul{gap:clamp(18px,2.4vw,46px);}
.main-navigation .primary-menu-container>ul>li>a{
  color:var(--art-text)!important;
  font-size:clamp(16px,1vw,18px);
  font-weight:400;
  letter-spacing:.055em;
  padding:18px 8px!important;
  position:relative;
}
.main-navigation .primary-menu-container>ul>li>a::after{
  content:"";
  position:absolute;
  left:8px;right:8px;bottom:8px;
  height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;
  transition:transform .18s ease;
}
.main-navigation .primary-menu-container>ul>li:hover>a::after,
.main-navigation .primary-menu-container>ul>li.current-menu-item>a::after,
.main-navigation .primary-menu-container>ul>li.current-menu-ancestor>a::after{
  transform:scaleX(1);
}

/* ===========================
   DROPDOWN
   =========================== */
.main-navigation .sub-menu{
  background:var(--art-menu-bg)!important;
  border:1px solid var(--art-line)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.16);
  padding:10px;
  min-width:270px;
}
.main-navigation .sub-menu li a{
  color:var(--art-text)!important;
  padding:13px 15px!important;
  font-size:14px;
  border-bottom:1px solid var(--art-line);
}
.main-navigation .sub-menu li:last-child>a{border-bottom:0;}
.main-navigation .sub-menu li a:hover{background:var(--art-surface)!important;}

/* ===========================
   THEME TOGGLE
   =========================== */
.art-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;padding:0;
  border:1px solid var(--art-line);
  border-radius:50%;
  background:transparent;
  color:var(--art-text);
  cursor:pointer;
}
.art-theme-toggle:hover{background:var(--art-surface);}
.art-theme-toggle__icon{font-size:15px;line-height:1;transition:transform .2s ease;}
html.art-dark .art-theme-toggle__icon{transform:rotate(180deg);}

/* ===========================
   STARTSEITE – SLIDESHOW
   =========================== */
.home .content-container{
  max-width:none;
  padding:0;
}
.home .entry-content{
  max-width:none;
  padding:0;
  margin:0;
}

/* Der erste Block wird automatisch zur Slideshow-Bühne */
.home .entry-content > :first-child{
  width:min(var(--art-content),calc(100vw - 40px));
  margin:clamp(26px,3.2vw,52px) auto clamp(70px,7vw,120px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Slider / Gallery Wrapper */
.home .entry-content > :first-child .swiper,
.home .entry-content > :first-child .slick-slider,
.home .entry-content > :first-child .slick-list,
.home .entry-content > :first-child .gallery,
.home .entry-content > :first-child [class*="gallery"],
.home .entry-content > :first-child [class*="slider"]{
  width:100%!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Hauptbild groß */
.home .entry-content > :first-child img{
  border-radius:0!important;
  box-shadow:none!important;
}

/* Wenn das Plugin eine große Hauptansicht erzeugt */
.home .entry-content > :first-child .swiper-slide img,
.home .entry-content > :first-child .slick-slide img{
  width:100%;
  height:auto;
  max-height:calc(100vh - 180px);
  object-fit:contain;
}

/* Pfeile dezent */
.home .entry-content > :first-child button,
.home .entry-content > :first-child [class*="prev"],
.home .entry-content > :first-child [class*="next"]{
  transition:opacity .18s ease,background .18s ease;
}

/* ===========================
   STARTSEITE – ÜBER MICH
   =========================== */
/*
   Auf der Startseite einem Kadence-Row-/Gruppenblock die CSS-Klasse
   art-about geben.
*/
.art-about{
  width:min(var(--art-content),calc(100vw - 56px));
  margin:0 auto clamp(90px,10vw,160px)!important;
  padding:clamp(42px,6vw,90px) 0;
  border-top:1px solid var(--art-line);
  border-bottom:1px solid var(--art-line);
}

.art-about > .kt-row-column-wrap,
.art-about > .wp-block-group__inner-container{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);
  gap:clamp(36px,7vw,120px);
  align-items:start;
}

.art-about h2,
.art-about .art-about-title{
  margin:0;
  font-size:clamp(30px,4vw,62px);
  line-height:1;
  letter-spacing:.035em;
  font-weight:400;
  color:var(--art-text);
}

.art-about p{
  color:var(--art-text);
  font-size:clamp(17px,1.25vw,21px);
  line-height:1.7;
  max-width:760px;
  margin-top:0;
}

.art-about img{
  width:100%;
  height:auto;
  display:block;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Falls Bild und Text in zwei Spalten bereits existieren */
.art-about .wp-block-columns,
.art-about .kt-row-column-wrap{
  margin:0;
}

/* ===========================
   OPTIONAL: DREI KUNSTBEREICHE
   =========================== */
.art-sections{
  width:min(var(--art-content),calc(100vw - 56px));
  margin:0 auto clamp(90px,10vw,160px)!important;
}

.art-sections-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,32px);
}

.art-section-card{
  min-width:0;
}

.art-section-card img{
  width:100%;
  height:auto;
  display:block;
}

.art-section-card h3{
  margin:15px 0 0;
  font-size:clamp(18px,1.6vw,24px);
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.art-section-card a{
  color:var(--art-text);
  text-decoration:none;
}

/* ===========================
   TEXTSEITEN
   =========================== */
.page:not(.home) .entry-content,
.single .entry-content{
  max-width:var(--art-reading);
  margin-left:auto;
  margin-right:auto;
}

/* ===========================
   FOOTER
   =========================== */
#colophon,.site-footer-wrap,.site-footer-row-container-inner{
  background:var(--art-bg)!important;
  color:var(--art-muted);
}
.site-footer-wrap{border-top:1px solid var(--art-line);}
.site-footer a{color:var(--art-muted)!important;font-size:13px;}
.site-footer a:hover{color:var(--art-text)!important;}

/* ===========================
   RESPONSIVE
   =========================== */
@media(max-width:900px){
  .art-about > .kt-row-column-wrap,
  .art-about > .wp-block-group__inner-container{
    grid-template-columns:1fr;
    gap:30px;
  }
}

@media(max-width:767px){
  :root{--art-header-h:72px;}
  .site-branding img,.custom-logo{max-height:48px;}

  .home .entry-content > :first-child{
    width:calc(100vw - 20px);
    margin-top:18px!important;
  }

  .art-about,
  .art-sections{
    width:calc(100vw - 28px);
  }

  .art-sections-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V0.9 – STARTSEITE: EXAKTE BEREINIGUNG DES HOCHGELADENEN HTML
   ========================================================= */

/*
   Die hochgeladene Startseite läuft noch als:
   content-style-boxed
   Dadurch bleiben Kadence-Box/Padding-Regeln aktiv.
   Auf der Startseite schalten wir diese bewusst komplett aus.
*/
.home.content-style-boxed .content-bg:not(.loop-entry),
.home .single-entry,
.home .entry-content-wrap,
.home .content-wrap,
.home .content-container,
.home #primary,
.home #main {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/*
   Deine Slideshow hat im HTML exakt:
   id="ART-gallery"
   class="ART-gallery"
   Deshalb greifen wir ab jetzt gezielt darauf zu
   statt allgemeine Slider-Plugins zu erraten.
*/
.home #ART-gallery,
.home .ART-gallery {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: transparent !important;
  border: 0 !important;
}

/* Kadence Row innen ebenfalls ohne Restabstände. */
.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Der Standard-Kadence-Row hatte oben/unten 1.5rem Padding. Weg damit. */
.home #ART-gallery > .kt-row-column-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

/*
   Hauptbild als echte Bühne.
   object-fit: contain = kein Kunstwerk wird abgeschnitten.
   Schwarzer/weißer Restbereich gehört zur Bühne und nicht zu einer Box.
*/
.home #ART-gallery .kb-gallery-image-contain,
.home #ART-gallery .kb-gallery-figure,
.home #ART-gallery .kadence-blocks-gallery-item,
.home #ART-gallery .kadence-blocks-gallery-item-inner,
.home #ART-gallery .kb-gal-image-radius {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.home #ART-gallery .splide__slide img {
  display: block !important;
  width: 100% !important;
  height: min(74vh, 900px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
}

/* Pfeile nicht als große Fremdkörper. */
.home #ART-gallery .splide__arrow {
  width: 42px !important;
  height: 54px !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.42) !important;
  opacity: .35 !important;
}
.home #ART-gallery:hover .splide__arrow {
  opacity: .78 !important;
}
.home #ART-gallery .splide__arrow--prev { left: 18px !important; }
.home #ART-gallery .splide__arrow--next { right: 18px !important; }

/* Dots klein und ruhig. */
.home #ART-gallery .splide__pagination {
  bottom: 14px !important;
}
.home #ART-gallery .splide__pagination__page {
  width: 7px !important;
  height: 7px !important;
  margin: 4px !important;
  opacity: .45 !important;
}

/*
   Über-mich-Block ist im HTML bereits vorhanden:
   id="art-about"
*/
.home #art-about,
.home .art-about {
  width: min(var(--art-content), calc(100vw - 56px)) !important;
  max-width: none !important;
  margin: clamp(72px,8vw,130px) auto !important;
}

/* Mobile: Bühne wirklich randnah. */
@media (max-width: 767px) {
  .home #ART-gallery .splide__slide img {
    height: min(68vh, 720px) !important;
  }
  .home #ART-gallery .splide__arrow--prev { left: 6px !important; }
  .home #ART-gallery .splide__arrow--next { right: 6px !important; }
}


/* =========================================================
   V1.0 – STARTSEITE STABILISIEREN
   ========================================================= */

/*
   Grundprinzip:
   Jede direkte Kadence-Row auf der Startseite darf über die volle
   Seitenbreite laufen. Der eigentliche Inhalt wird IN der Row zentriert.
   Damit gibt es keine "alte linke Spalte" mehr, die bei einzelnen
   Blöcken wieder auftaucht.
*/
.home .entry-content > .wp-block-kadence-rowlayout {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
}

/* Standard-Innenbreite für Startseiten-Sektionen */
.home .entry-content > .wp-block-kadence-rowlayout:not(#ART-gallery) > .kt-row-column-wrap {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*
   SLIDESHOW
   Der Kadence Advanced Gallery Block arbeitet mit einem intrinsischen
   Verhältnis: height:0 + padding-bottom. In v0.9 hatten wir dieses
   padding versehentlich auf 0 gesetzt. Dadurch hatten die Bilder
   effektiv 0px Höhe. Hier setzen wir eine echte Bühnenhöhe.
*/
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  position: relative !important;
  width: 100% !important;
  height: min(74vh, 900px) !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

/* Bild innerhalb dieser Bühne */
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
}

/* Slideshow wirklich über die gesamte verfügbare Breite */
.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list {
  width: 100% !important;
  max-width: none !important;
}

/* Die Bühne bekommt bewusst etwas Luft zum Header, aber keine Seitenspalte. */
.home #ART-gallery {
  margin-top: clamp(28px, 4vw, 64px) !important;
  margin-bottom: clamp(58px, 7vw, 110px) !important;
}

/*
   ÜBER MICH
   Vorerst ein sauberer, einspaltiger Grundblock.
   Sobald Bild + Text drin sind, können wir daraus gezielt 2 Spalten machen.
*/
.home #art-about,
.home .art-about {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 clamp(80px, 9vw, 145px) !important;
  padding: clamp(54px, 7vw, 100px) 0 !important;
  border-top: 1px solid var(--art-line);
  border-bottom: 1px solid var(--art-line);
}

.home #art-about > .kt-row-column-wrap,
.home .art-about > .kt-row-column-wrap {
  width: min(var(--art-content), calc(100vw - 56px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 32px !important;
}

/* Placeholder nicht versehentlich wie ein schmaler linker Block behandeln */
.home #art-about .wp-block-kadence-column,
.home #art-about .kt-inside-inner-col {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Wenn wir später dem About-Block zusätzlich art-about-two-cols geben */
.home #art-about.art-about-two-cols > .kt-row-column-wrap,
.home .art-about.art-about-two-cols > .kt-row-column-wrap {
  grid-template-columns: minmax(260px, .85fr) minmax(320px, 1.15fr) !important;
  gap: clamp(40px, 7vw, 120px) !important;
  align-items: start !important;
}

/* Auch Content-Area selbst auf der Startseite ohne alte vertikale Kadence-Margen */
.home .content-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Responsive Bühnenhöhe */
@media (max-width: 1024px) {
  .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height: min(68vh, 760px) !important;
  }
}

@media (max-width: 767px) {
  .home #art-about > .kt-row-column-wrap,
  .home .art-about > .kt-row-column-wrap {
    width: calc(100vw - 28px) !important;
  }

  .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height: min(62vh, 640px) !important;
  }

  .home #art-about.art-about-two-cols > .kt-row-column-wrap,
  .home .art-about.art-about-two-cols > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   V1.1 – STARTSEITE: PARENT STATT GALERIE VERSCHIEBEN
   ========================================================= */

/* Der eigentliche Engpass war .entry-content.single-content. */
.home .entry-content.single-content,
.home .entry-content,
.home .single-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Auch die darüberliegenden Kadence-Wrapper dürfen keine 900px-Grenze setzen. */
.home .content-container,
.home .content-wrap,
.home .entry-content-wrap,
.home .single-entry,
.home #primary,
.home #main,
.home .site-main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Die ART-Gallery sitzt jetzt normal in einem bereits vollen Parent. */
.home #ART-gallery,
.home .ART-gallery {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Normale Startseiten-Sektionen werden erst innen wieder begrenzt. */
.home .entry-content > .wp-block-kadence-rowlayout:not(#ART-gallery) > .kt-row-column-wrap {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Andere Galerien nicht mehr pauschal verschieben. */
.home .entry-content .gallery:not(#ART-gallery),
.home .entry-content .wp-block-gallery:not(#ART-gallery),
.home .entry-content .kadence-blocks-gallery:not(#ART-gallery) {
    left: auto !important;
    right: auto !important;
    transform: none !important;
}


/* =========================================================
   V1.2 – STARTSEITE: SLIDESHOW FINALISIERUNG
   ========================================================= */

/* Slideshow-Bühne mittig, groß, aber nicht randlos */
.home #ART-gallery {
    width: min(88vw, 1480px) !important;
    max-width: 1480px !important;
    margin: clamp(34px, 4vw, 68px) auto clamp(72px, 7vw, 118px) !important;
    background: transparent !important;
}

/* Innere Kadence-Struktur schlicht halten */
.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Große, ruhige Bildfläche */
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    position: relative !important;
    width: 100% !important;
    height: min(74vh, 920px) !important;
    min-height: 520px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* Kunstwerke vollständig sichtbar */
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
}

/* Pfeile: zurückhaltend */
.home #ART-gallery .splide__arrow {
    width: 44px !important;
    height: 58px !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.28) !important;
    opacity: .18 !important;
    transition: opacity .2s ease, background .2s ease !important;
}

.home #ART-gallery:hover .splide__arrow {
    opacity: .72 !important;
    background: rgba(0,0,0,.42) !important;
}

.home #ART-gallery .splide__arrow--prev { left: 10px !important; }
.home #ART-gallery .splide__arrow--next { right: 10px !important; }

/* Dots minimal */
.home #ART-gallery .splide__pagination {
    bottom: 12px !important;
}

.home #ART-gallery .splide__pagination__page {
    width: 6px !important;
    height: 6px !important;
    margin: 4px !important;
    opacity: .32 !important;
    transform: none !important;
}

.home #ART-gallery .splide__pagination__page.is-active {
    opacity: .95 !important;
}

/* Falls eine Thumbnail-Navigation vorhanden ist */
.home #ART-gallery .kb-gallery-ul.kb-gallery-type-carousel,
.home #ART-gallery .kt-blocks-carousel-init {
    gap: 10px !important;
}

/* =========================================================
   V1.2 – ÜBER MICH
   ========================================================= */

.home #art-about,
.home .art-about {
    width: min(88vw, 1480px) !important;
    max-width: 1480px !important;
    margin: 0 auto clamp(92px, 9vw, 150px) !important;
    padding: clamp(54px, 6vw, 90px) 0 !important;
    border-top: 1px solid var(--art-line);
    border-bottom: 1px solid var(--art-line);
}

.home #art-about > .kt-row-column-wrap,
.home .art-about > .kt-row-column-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sobald zwei Spalten vorhanden sind */
.home #art-about.art-about-two-cols > .kt-row-column-wrap,
.home .art-about.art-about-two-cols > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: minmax(280px,.8fr) minmax(340px,1.2fr) !important;
    gap: clamp(42px,7vw,120px) !important;
    align-items: start !important;
}

.home #art-about h2,
.home .art-about h2 {
    margin-top: 0 !important;
    font-size: clamp(34px, 4vw, 64px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: .02em !important;
}

.home #art-about p,
.home .art-about p {
    font-size: clamp(17px, 1.1vw, 20px) !important;
    line-height: 1.75 !important;
    max-width: 760px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px) {
    .home #ART-gallery {
        width: calc(100vw - 36px) !important;
    }

    .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
        height: min(68vh, 760px) !important;
        min-height: 420px !important;
    }

    .home #art-about,
    .home .art-about {
        width: calc(100vw - 36px) !important;
    }
}

@media (max-width: 767px) {
    .home #ART-gallery {
        width: calc(100vw - 18px) !important;
        margin-top: 16px !important;
    }

    .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
        height: min(60vh, 620px) !important;
        min-height: 320px !important;
    }

    .home #ART-gallery .splide__arrow {
        width: 36px !important;
        height: 48px !important;
    }

    .home #art-about,
    .home .art-about {
        width: calc(100vw - 28px) !important;
    }

    .home #art-about.art-about-two-cols > .kt-row-column-wrap,
    .home .art-about.art-about-two-cols > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}


/* =========================================================
   V1.3 – STARTSEITE: KOMPAKTERE AUSSTELLUNGSBÜHNE
   ========================================================= */

/* Weniger tote Fläche: Bühne näher an Header und Bildhöhe am Motiv. */
.home #ART-gallery {
    width: min(92vw, 1520px) !important;
    max-width: 1520px !important;
    margin: 0 auto clamp(48px, 5vw, 82px) !important;
    padding: 0 !important;
}

/*
   Die Gallery soll nicht künstlich 74vh hoch sein.
   Wir geben dem Bild eine responsive Höhe, die auf Desktop deutlich
   kompakter ist und den nächsten Bereich schneller sichtbar macht.
*/
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height: clamp(440px, 58vh, 760px) !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
}

/* Bilder bleiben vollständig sichtbar. */
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
    object-fit: contain !important;
    object-position: center center !important;
}

/* Pfeile direkt an die Bildbühne, klein und erst bei Hover deutlich. */
.home #ART-gallery .splide__arrow {
    width: 38px !important;
    height: 50px !important;
    opacity: .10 !important;
    background: rgba(0,0,0,.22) !important;
}
.home #ART-gallery:hover .splide__arrow {
    opacity: .68 !important;
}
.home #ART-gallery .splide__arrow--prev { left: 8px !important; }
.home #ART-gallery .splide__arrow--next { right: 8px !important; }

/* Pagination fast unsichtbar, aber vorhanden. */
.home #ART-gallery .splide__pagination {
    bottom: 8px !important;
}
.home #ART-gallery .splide__pagination__page {
    width: 5px !important;
    height: 5px !important;
    opacity: .22 !important;
}
.home #ART-gallery .splide__pagination__page.is-active {
    opacity: .8 !important;
}

/* =========================================================
   ÜBER MICH – direkt als nächster sichtbarer Abschnitt
   ========================================================= */
.home #art-about,
.home .art-about {
    width: min(92vw, 1520px) !important;
    max-width: 1520px !important;
    margin: 0 auto clamp(72px, 7vw, 120px) !important;
    padding: clamp(42px, 5vw, 72px) 0 !important;
}

/* Überschrift ruhiger als in v1.2 */
.home #art-about h2,
.home .art-about h2 {
    font-size: clamp(30px, 3.2vw, 52px) !important;
    letter-spacing: .025em !important;
}

/* =========================================================
   MOBILE / TABLET
   ========================================================= */
@media (max-width: 1024px) {
    .home #ART-gallery {
        width: calc(100vw - 28px) !important;
    }
    .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
        height: clamp(360px, 56vh, 620px) !important;
    }
    .home #art-about,
    .home .art-about {
        width: calc(100vw - 36px) !important;
    }
}

@media (max-width: 767px) {
    .home #ART-gallery {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 38px !important;
    }
    .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
        height: clamp(300px, 52vh, 520px) !important;
    }
    .home #ART-gallery .splide__arrow {
        width: 34px !important;
        height: 44px !important;
    }
}


/* =========================================================
   V1.4 – STARTSEITE ALS RUHIGE KUNSTSEITE
   ========================================================= */

/* Header etwas flacher, damit die Kunst schneller beginnt */
:root { --art-header-h: 98px; }
.site-branding img,.custom-logo { max-height: 64px; }

/* Bühne: groß, zentriert, ohne unnötige schwarze Leerfläche */
.home #ART-gallery {
  width:min(94vw,1560px)!important;
  max-width:1560px!important;
  margin:0 auto 46px!important;
}
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  height:clamp(430px,62vh,790px)!important;
}

/* Bilder optisch wichtiger als Bedienelemente */
.home #ART-gallery .splide__arrow {
  opacity:0!important;
  background:rgba(0,0,0,.36)!important;
}
.home #ART-gallery:hover .splide__arrow { opacity:.72!important; }
.home #ART-gallery .splide__pagination { opacity:.45; }

/* About als echte zweite Bühne */
.home #art-about,
.home .art-about {
  width:min(88vw,1380px)!important;
  max-width:1380px!important;
  margin:0 auto 110px!important;
  padding:70px 0 78px!important;
  border-top:1px solid var(--art-line)!important;
  border-bottom:0!important;
}

/* Wenn zwei Kadence-Spalten vorhanden sind, automatisch Bild/Text */
.home #art-about > .kt-row-column-wrap:has(> .wp-block-kadence-column:nth-child(2)),
.home .art-about > .kt-row-column-wrap:has(> .wp-block-kadence-column:nth-child(2)) {
  display:grid!important;
  grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr)!important;
  gap:clamp(48px,7vw,110px)!important;
  align-items:center!important;
}
.home #art-about img,.home .art-about img {
  width:100%!important;height:auto!important;display:block!important;
}
.home #art-about h2,.home .art-about h2 {
  font-size:clamp(34px,3.4vw,54px)!important;
  font-weight:400!important;
  line-height:1.05!important;
  margin:0 0 28px!important;
}
.home #art-about p,.home .art-about p {
  font-size:clamp(16px,1.05vw,19px)!important;
  line-height:1.75!important;
}

/* Neue optionale Werk-Kacheln */
.home .art-home-sections {
  width:min(88vw,1380px)!important;
  margin:0 auto 120px!important;
}
.home .art-home-sections > .kt-row-column-wrap {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(20px,2.5vw,38px)!important;
}
.home .art-home-sections img {
  width:100%!important;
  aspect-ratio:4/3;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease,opacity .35s ease;
}
.home .art-home-sections a { color:var(--art-text)!important;text-decoration:none!important; }
.home .art-home-sections a:hover img { transform:scale(1.012);opacity:.9; }
.home .art-home-sections h2,
.home .art-home-sections h3 {
  margin:14px 0 0!important;
  font-size:clamp(17px,1.4vw,22px)!important;
  font-weight:400!important;
  letter-spacing:.055em!important;
}

/* Footer kleiner und unauffälliger */
.site-footer-row-container-inner { min-height:72px!important; }
.site-footer-wrap { opacity:.8; }

/* Desktop: Dropdowns etwas eleganter */
.main-navigation .sub-menu {
  min-width:250px!important;
  padding:6px!important;
}
.main-navigation .sub-menu li a {
  padding:11px 13px!important;
  font-size:13px!important;
}

/* Tablet */
@media(max-width:1024px){
  :root { --art-header-h:88px; }
  .home #ART-gallery { width:calc(100vw - 20px)!important; }
  .home #art-about,.home .art-about { width:calc(100vw - 40px)!important; }
}

/* Mobile: Header + Kunst + About kompakt */
@media(max-width:767px){
  :root { --art-header-h:68px; }
  .site-branding img,.custom-logo { max-height:46px; }

  .home #ART-gallery { width:100%!important;margin-bottom:30px!important; }
  .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height:clamp(290px,52vh,500px)!important;
  }

  .home #art-about,.home .art-about {
    width:calc(100vw - 28px)!important;
    padding:46px 0 54px!important;
    margin-bottom:70px!important;
  }
  .home #art-about > .kt-row-column-wrap:has(> .wp-block-kadence-column:nth-child(2)),
  .home .art-about > .kt-row-column-wrap:has(> .wp-block-kadence-column:nth-child(2)) {
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .home .art-home-sections { width:calc(100vw - 28px)!important; }
  .home .art-home-sections > .kt-row-column-wrap {
    grid-template-columns:1fr!important;
    gap:44px!important;
  }
}


/* =========================================================
   V2.0 – ART-GALLERY: Hauptbild + Thumbnail-Leiste
   Exakt für das HTML von #ART-gallery / Kadence Advanced Gallery
   ========================================================= */

.home #ART-gallery{
  width:min(1220px,calc(100vw - 48px))!important;
  max-width:1220px!important;
  margin:56px auto 90px!important;
  padding:22px 22px 18px!important;
  box-sizing:border-box!important;
  background:#020202!important;
}

/* Nur der echte Sliderbereich */
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#020202!important;
  box-shadow:none!important;
  border:0!important;
}

/* Hauptbild-Bühne wie im Layout */
.home #ART-gallery .splide__track{
  height:clamp(480px,61vh,690px)!important;
  overflow:hidden!important;
}

.home #ART-gallery .splide__slide,
.home #ART-gallery .kadence-blocks-gallery-item,
.home #ART-gallery .kadence-blocks-gallery-item-inner,
.home #ART-gallery .kb-gallery-figure,
.home #ART-gallery .kb-gal-image-radius,
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic{
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}

.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic{
  position:relative!important;
}

.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}

/* Original-Dots weg: die Thumbnail-Leiste übernimmt die Navigation */
.home #ART-gallery .splide__pagination{
  display:none!important;
}

/* Pfeile wie im ersten Entwurf direkt am Bildrand */
.home #ART-gallery .splide__arrow{
  width:34px!important;
  height:48px!important;
  border:0!important;
  border-radius:2px!important;
  background:rgba(7,23,35,.72)!important;
  opacity:.72!important;
  transition:opacity .18s ease!important;
}
.home #ART-gallery:hover .splide__arrow{opacity:1!important;}
.home #ART-gallery .splide__arrow--prev{left:0!important;}
.home #ART-gallery .splide__arrow--next{right:0!important;}
.home #ART-gallery .splide__arrow svg{
  width:16px!important;height:16px!important;fill:#fff!important;
}

/* Von unserem JS erzeugte Thumbnail-Leiste */
.home #ART-gallery .art-gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(var(--art-thumb-count,3),minmax(0,1fr));
  gap:4px;
  width:100%;
  margin-top:4px;
  background:#020202;
}

.home #ART-gallery .art-gallery-thumb{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:#111;
  cursor:pointer;
  height:118px;
  overflow:hidden;
  opacity:.62;
  position:relative;
  transition:opacity .18s ease;
}

.home #ART-gallery .art-gallery-thumb:hover,
.home #ART-gallery .art-gallery-thumb.is-active{
  opacity:1;
}

.home #ART-gallery .art-gallery-thumb.is-active::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.75);
  pointer-events:none;
}

.home #ART-gallery .art-gallery-thumb img{
  display:block!important;
  position:static!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  margin:0!important;
}

/* Gallery bleibt unabhängig vom Rest der Startseite */
.home .entry-content.single-content{width:100%!important;max-width:none!important;}
.home #ART-gallery{left:auto!important;transform:none!important;}

/* Tablet */
@media(max-width:900px){
  .home #ART-gallery{
    width:calc(100vw - 24px)!important;
    margin:30px auto 60px!important;
    padding:12px!important;
  }
  .home #ART-gallery .splide__track{
    height:clamp(390px,56vh,600px)!important;
  }
  .home #ART-gallery .art-gallery-thumb{height:92px;}
}

/* Handy */
@media(max-width:600px){
  .home #ART-gallery{
    width:100%!important;
    margin:12px 0 44px!important;
    padding:0!important;
  }
  .home #ART-gallery .splide__track{
    height:52vh!important;
    min-height:300px!important;
  }
  .home #ART-gallery .art-gallery-thumbs{
    gap:2px;
    padding-top:2px;
  }
  .home #ART-gallery .art-gallery-thumb{height:72px;}
}


/* =========================================================
   V3.0 — HOME GALLERY / FINAL LARGE STEP
   Nur #ART-gallery. Keine Änderungen an Header, About oder Content.
   ========================================================= */

.home #ART-gallery {
    --art-gallery-width: 1320px;
    --art-gallery-gap: 6px;
    width: min(var(--art-gallery-width), calc(100vw - 64px)) !important;
    max-width: var(--art-gallery-width) !important;
    margin: 42px auto 78px !important;
    padding: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}

/* Alles in der Galerie folgt exakt derselben Breite. */
.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
}

/* Hauptbild: große, klare Ausstellungsfläche. */
.home #ART-gallery .splide__track {
    width: 100% !important;
    height: clamp(540px, 66vh, 820px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}

.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide,
.home #ART-gallery .kb-gallery-slide-item,
.home #ART-gallery .kadence-blocks-gallery-item,
.home #ART-gallery .kadence-blocks-gallery-item-inner,
.home #ART-gallery figure,
.home #ART-gallery .kb-gal-image-radius,
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}

.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    position: relative !important;
}

.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic > img,
.home #ART-gallery .kb-gallery-slide-item img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
}

/* Pfeile: fast unsichtbar, erscheinen erst wenn man die Galerie benutzt. */
.home #ART-gallery .splide__arrow {
    width: 46px !important;
    height: 72px !important;
    top: 50% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.42) !important;
    opacity: .12 !important;
    transform: translateY(-50%) !important;
    transition: opacity .18s ease, background .18s ease !important;
    z-index: 8 !important;
}
.home #ART-gallery:hover .splide__arrow {
    opacity: .82 !important;
}
.home #ART-gallery .splide__arrow:hover {
    background: rgba(0,0,0,.72) !important;
}
.home #ART-gallery .splide__arrow--prev { left: 0 !important; }
.home #ART-gallery .splide__arrow--next { right: 0 !important; }
.home #ART-gallery .splide__arrow svg {
    width: 18px !important;
    height: 18px !important;
    fill: #fff !important;
}

/* Keine Punkte. Der Filmstreifen ist die Navigation. */
.home #ART-gallery .splide__pagination {
    display: none !important;
}

/* Filmstreifen: exakt unter dem Hauptbild, eckig, ohne Pillen. */
.home #ART-gallery .art-gallery-thumbs {
    display: grid !important;
    grid-template-columns: repeat(var(--art-thumb-count, 3), minmax(0, 1fr)) !important;
    gap: var(--art-gallery-gap) !important;
    width: 100% !important;
    height: 142px !important;
    margin: var(--art-gallery-gap) 0 0 !important;
    padding: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}

.home #ART-gallery .art-gallery-thumb {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 142px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    background: #080808 !important;
    cursor: pointer !important;
    opacity: .54 !important;
    transition: opacity .18s ease !important;
}

.home #ART-gallery .art-gallery-thumb img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    transform: none !important;
}

.home #ART-gallery .art-gallery-thumb:hover {
    opacity: .82 !important;
}

.home #ART-gallery .art-gallery-thumb.is-active {
    opacity: 1 !important;
}

/* Aktives Bild nur mit einer sehr feinen Linie markieren. */
.home #ART-gallery .art-gallery-thumb.is-active::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

/* Kein zusätzlicher schwarzer Leerraum unter dem Filmstreifen. */
.home #ART-gallery .art-gallery-thumbs + *,
.home #ART-gallery .art-gallery-thumbs::after {
    margin-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .home #ART-gallery {
        width: calc(100vw - 28px) !important;
        margin: 26px auto 60px !important;
    }
    .home #ART-gallery .splide__track {
        height: clamp(430px, 60vh, 680px) !important;
    }
    .home #ART-gallery .art-gallery-thumbs,
    .home #ART-gallery .art-gallery-thumb {
        height: 108px !important;
    }
}

/* Handy: Hauptbild + horizontaler Filmstreifen statt winziger Kacheln. */
@media (max-width: 640px) {
    .home #ART-gallery {
        width: 100% !important;
        margin: 8px 0 44px !important;
    }
    .home #ART-gallery .splide__track {
        height: clamp(320px, 54vh, 520px) !important;
    }
    .home #ART-gallery .art-gallery-thumbs {
        display: flex !important;
        gap: 3px !important;
        height: 82px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
    }
    .home #ART-gallery .art-gallery-thumbs::-webkit-scrollbar {
        display: none !important;
    }
    .home #ART-gallery .art-gallery-thumb {
        flex: 0 0 34% !important;
        height: 82px !important;
    }
    .home #ART-gallery .splide__arrow {
        width: 36px !important;
        height: 58px !important;
    }
}


/* =========================================================
   V4.0 — ZIELLAYOUT: HERO + 3 TEASER + ABOUT
   ========================================================= */

/* HERO – exakt die Richtung des Zielbildes */
.home #ART-gallery {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}

/* alle alten Thumbnail-Experimente endgültig aus */
.home #ART-gallery .art-gallery-thumbs { display:none !important; }

/* Slider randlos und breit */
.home #ART-gallery > .kt-row-column-wrap,
.home #ART-gallery .kt-row-column-wrap,
.home #ART-gallery .wp-block-kadence-column,
.home #ART-gallery .kt-inside-inner-col,
.home #ART-gallery .wp-block-kadence-advancedgallery,
.home #ART-gallery .kb-gallery-ul,
.home #ART-gallery .kt-blocks-carousel,
.home #ART-gallery .splide,
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__list,
.home #ART-gallery .splide__slide,
.home #ART-gallery .kb-gallery-slide-item,
.home #ART-gallery figure,
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
}

/* Hero-Höhe */
.home #ART-gallery .splide__track,
.home #ART-gallery .splide__slide,
.home #ART-gallery .kb-gallery-slide-item,
.home #ART-gallery figure,
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  height: clamp(560px, 64vh, 760px) !important;
  min-height:0 !important;
}

/* Das Zielbild nutzt das Werk als Hintergrund: cover statt contain */
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  position:relative !important;
  overflow:hidden !important;
}
.home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img,
.home #ART-gallery .kb-gallery-slide-item img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}

/* leichte Abdunklung links für Text */
.home #ART-gallery::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.12) 34%,rgba(0,0,0,0) 66%);
}

/* Hero Text – wird per JS eingesetzt */
.home #ART-gallery .art-hero-copy {
  position:absolute;
  z-index:6;
  left:max(6vw,70px);
  top:50%;
  transform:translateY(-42%);
  width:min(420px,36vw);
  color:#fff;
  pointer-events:none;
}
.home #ART-gallery .art-hero-copy h1 {
  margin:0 0 13px !important;
  font-size:clamp(36px,3.4vw,58px) !important;
  line-height:1.05 !important;
  font-weight:300 !important;
  letter-spacing:.045em !important;
  color:#fff !important;
}
.home #ART-gallery .art-hero-copy p {
  margin:5px 0 !important;
  font-size:clamp(14px,1.05vw,18px) !important;
  line-height:1.5 !important;
  letter-spacing:.04em !important;
  color:rgba(255,255,255,.9) !important;
}
.home #ART-gallery .art-hero-copy a {
  display:inline-block;
  margin-top:27px;
  padding:12px 20px;
  border:1px solid rgba(255,255,255,.75);
  color:#fff !important;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none !important;
  pointer-events:auto;
  transition:.2s ease;
}
.home #ART-gallery .art-hero-copy a:hover {
  background:#fff;
  color:#000 !important;
}

/* Pfeile */
.home #ART-gallery .splide__arrow {
  z-index:7 !important;
  width:44px !important;
  height:68px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  opacity:.9 !important;
}
.home #ART-gallery .splide__arrow--prev { left:18px !important; }
.home #ART-gallery .splide__arrow--next { right:18px !important; }
.home #ART-gallery .splide__arrow svg {
  width:20px !important;
  height:20px !important;
  fill:#fff !important;
}

/* Punkte wieder wie im Zielbild */
.home #ART-gallery .splide__pagination {
  display:flex !important;
  z-index:7 !important;
  bottom:25px !important;
}
.home #ART-gallery .splide__pagination__page {
  display:block !important;
  width:10px !important;
  height:10px !important;
  margin:0 5px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:50% !important;
  background:transparent !important;
  opacity:1 !important;
  transform:none !important;
}
.home #ART-gallery .splide__pagination__page.is-active {
  background:#fff !important;
}

/* Pinselartige Trennung unter Header – bewusst als unregelmäßige weiße Kante */
.home #ART-gallery::before {
  content:"";
  position:absolute;
  z-index:8;
  top:0;
  left:-1%;
  width:102%;
  height:34px;
  pointer-events:none;
  background:
    linear-gradient(176deg,#fff 0 38%,transparent 39%) 0 0/31% 100%,
    linear-gradient(183deg,#fff 0 45%,transparent 46%) 27% 0/29% 100%,
    linear-gradient(177deg,#fff 0 35%,transparent 36%) 52% 0/31% 100%,
    linear-gradient(184deg,#fff 0 42%,transparent 43%) 78% 0/27% 100%;
  background-repeat:no-repeat;
}

/* =========================================================
   3 TEASERBEREICHE
   Der Block wird automatisch nach der Hero-Gallery erzeugt.
   ========================================================= */
.home .art-home-teasers {
  width:100%;
  background:#030303;
  padding:34px max(5.5vw,48px) 42px;
  box-sizing:border-box;
}
.home .art-home-teasers-inner {
  max-width:1420px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(34px,4vw,68px);
}
.home .art-home-teaser h2 {
  margin:0 0 23px;
  color:#fff;
  font-size:clamp(18px,1.55vw,25px);
  font-weight:300;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.home .art-home-teaser h2::after {
  content:"";
  display:block;
  width:42px;
  height:1px;
  margin-top:12px;
  background:rgba(255,255,255,.7);
}
.home .art-home-teaser-images {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  height:190px;
}
.home .art-home-teaser-images img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.82);
  transition:filter .2s ease,transform .2s ease;
}
.home .art-home-teaser:hover img { filter:saturate(1); }
.home .art-home-teaser-link {
  display:inline-block;
  margin-top:19px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.55);
  color:#fff !important;
  text-decoration:none !important;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home .art-home-teaser-link span { padding-left:14px;font-size:18px; }

/* ABOUT – nur optische Grundfläche, vorhandener Block bleibt erhalten */
.home #art-about,
.home .art-about {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:58px max(5.5vw,48px) 80px !important;
  box-sizing:border-box !important;
  background:linear-gradient(120deg,#17191c,#0d0e10) !important;
  border:0 !important;
}

/* responsive */
@media(max-width:900px){
  .home #ART-gallery .splide__track,
  .home #ART-gallery .splide__slide,
  .home #ART-gallery .kb-gallery-slide-item,
  .home #ART-gallery figure,
  .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height:600px !important;
  }
  .home #ART-gallery .art-hero-copy { left:7vw;width:55vw; }
  .home .art-home-teasers-inner { grid-template-columns:1fr;gap:52px; }
  .home .art-home-teaser-images { height:230px; }
}
@media(max-width:600px){
  .home #ART-gallery .splide__track,
  .home #ART-gallery .splide__slide,
  .home #ART-gallery .kb-gallery-slide-item,
  .home #ART-gallery figure,
  .home #ART-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height:70vh !important;
    min-height:520px !important;
  }
  .home #ART-gallery .art-hero-copy {
    left:24px;
    bottom:70px;
    top:auto;
    transform:none;
    width:calc(100% - 70px);
  }
  .home #ART-gallery .art-hero-copy h1 { font-size:34px !important; }
  .home #ART-gallery::before { height:22px; }
  .home .art-home-teasers { padding:38px 20px 52px; }
  .home .art-home-teaser-images { height:150px; }
}


/* =========================================================
   V5.0 — ANJA ART HERO
   Neue, saubere ID: #anja-art-hero
   ========================================================= */

.home #anja-art-hero {
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}

/* Kadence/Splide komplett auf Hero-Breite */
.home #anja-art-hero .kt-row-column-wrap,
.home #anja-art-hero .wp-block-kadence-column,
.home #anja-art-hero .kt-inside-inner-col,
.home #anja-art-hero .wp-block-kadence-advancedgallery,
.home #anja-art-hero .kb-gallery-ul,
.home #anja-art-hero .kt-blocks-carousel,
.home #anja-art-hero .splide,
.home #anja-art-hero .splide__track,
.home #anja-art-hero .splide__list,
.home #anja-art-hero .splide__slide,
.home #anja-art-hero .kb-gallery-slide-item,
.home #anja-art-hero figure,
.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
}

/* Große Bühne */
.home #anja-art-hero .splide__track,
.home #anja-art-hero .splide__slide,
.home #anja-art-hero .kb-gallery-slide-item,
.home #anja-art-hero figure,
.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  height:clamp(570px,67vh,790px) !important;
  min-height:0 !important;
}

.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
  position:relative !important;
  overflow:hidden !important;
}

.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img,
.home #anja-art-hero .kb-gallery-slide-item img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
}

/* dunkler Verlauf nur für Lesbarkeit */
.home #anja-art-hero .anja-hero-shade {
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.18) 30%,rgba(0,0,0,0) 63%);
}

/* Deutlichere weiße Pinsel-/Farbkante */
.home #anja-art-hero .anja-hero-brush {
  position:absolute;
  z-index:10;
  top:-1px;
  left:-1%;
  width:102%;
  height:64px;
  pointer-events:none;
  overflow:hidden;
}
.home #anja-art-hero .anja-hero-brush::before {
  content:"";
  position:absolute;
  left:-2%;
  top:-43px;
  width:104%;
  height:92px;
  background:#fff;
  transform:rotate(-.45deg);
}
.home #anja-art-hero .anja-hero-brush::after {
  content:"";
  position:absolute;
  left:0;
  top:28px;
  width:100%;
  height:31px;
  background:
    linear-gradient(174deg,#fff 0 47%,transparent 49%) 0 0/19% 100%,
    linear-gradient(184deg,#fff 0 43%,transparent 45%) 17% 0/21% 100%,
    linear-gradient(176deg,#fff 0 51%,transparent 53%) 35% 0/22% 100%,
    linear-gradient(183deg,#fff 0 39%,transparent 41%) 55% 0/22% 100%,
    linear-gradient(175deg,#fff 0 48%,transparent 50%) 75% 0/27% 100%;
  background-repeat:no-repeat;
}

/* Text gehört jetzt zum aktiven Bild */
.home #anja-art-hero .anja-hero-copy {
  position:absolute;
  z-index:7;
  left:max(6vw,78px);
  top:50%;
  transform:translateY(-38%);
  width:min(430px,38vw);
  color:#fff;
  opacity:1;
  transition:opacity .22s ease, transform .22s ease;
}
.home #anja-art-hero .anja-hero-copy.is-changing {
  opacity:0;
  transform:translateY(calc(-38% + 18px));
}
.home #anja-art-hero .anja-hero-title {
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:clamp(38px,3.5vw,60px) !important;
  line-height:1.05 !important;
  font-weight:300 !important;
  letter-spacing:.045em !important;
}
.home #anja-art-hero .anja-hero-meta {
  margin:5px 0 !important;
  color:rgba(255,255,255,.92) !important;
  font-size:clamp(14px,1.05vw,18px) !important;
  line-height:1.5 !important;
  letter-spacing:.035em !important;
}
.home #anja-art-hero .anja-hero-button {
  display:inline-block;
  margin-top:27px;
  padding:12px 21px;
  border:1px solid rgba(255,255,255,.8);
  color:#fff !important;
  background:transparent;
  text-decoration:none !important;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.17em;
  transition:background .18s ease,color .18s ease;
}
.home #anja-art-hero .anja-hero-button:hover {
  background:#fff;
  color:#000 !important;
}

/* Navigation */
.home #anja-art-hero .splide__arrow {
  z-index:8 !important;
  width:46px !important;
  height:72px !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(0,0,0,.16) !important;
  opacity:.9 !important;
}
.home #anja-art-hero .splide__arrow--prev { left:18px !important; }
.home #anja-art-hero .splide__arrow--next { right:18px !important; }
.home #anja-art-hero .splide__arrow svg {
  width:20px !important;
  height:20px !important;
  fill:#fff !important;
}
.home #anja-art-hero .splide__pagination {
  display:flex !important;
  z-index:8 !important;
  bottom:25px !important;
}
.home #anja-art-hero .splide__pagination__page {
  display:block !important;
  width:10px !important;
  height:10px !important;
  margin:0 5px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:50% !important;
  background:transparent !important;
  opacity:1 !important;
  transform:none !important;
}
.home #anja-art-hero .splide__pagination__page.is-active {
  background:#fff !important;
}

/* keine Thumb-Leiste */
.home #anja-art-hero .art-gallery-thumbs {display:none !important;}

/* Mobile */
@media(max-width:700px) {
  .home #anja-art-hero .splide__track,
  .home #anja-art-hero .splide__slide,
  .home #anja-art-hero .kb-gallery-slide-item,
  .home #anja-art-hero figure,
  .home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    height:72vh !important;
    min-height:540px !important;
  }
  .home #anja-art-hero .anja-hero-brush {height:44px;}
  .home #anja-art-hero .anja-hero-copy {
    left:25px;
    right:25px;
    bottom:72px;
    top:auto;
    width:auto;
    transform:none;
  }
  .home #anja-art-hero .anja-hero-copy.is-changing {
    transform:translateY(14px);
  }
  .home #anja-art-hero .anja-hero-title {
    font-size:35px !important;
  }
  .home #anja-art-hero .anja-hero-meta {
    font-size:14px !important;
  }
}


/* =========================================================
   V6.0 — HERO GEOMETRY / FULL BLEED / BRUSH REFINEMENT
   ========================================================= */

/* Der komplette Hero bricht aus jedem Kadence-Content-Container aus. */
body.home #anja-art-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: 0 !important;
}

/* Der innere Kadence-Row-Wrapper darf NICHT auf Content-Breite bleiben. */
body.home #anja-art-hero > .kt-row-column-wrap,
body.home #anja-art-hero .kt-row-column-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: minmax(0,1fr) !important;
}

/* Alle Kadence-Innencontainer ebenfalls ohne versteckte Max-Breite. */
body.home #anja-art-hero .wp-block-kadence-column,
body.home #anja-art-hero .kt-inside-inner-col,
body.home #anja-art-hero .wp-block-kadence-advancedgallery,
body.home #anja-art-hero .kb-gallery-ul,
body.home #anja-art-hero .kt-blocks-carousel,
body.home #anja-art-hero .splide,
body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__list,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item,
body.home #anja-art-hero .kadence-blocks-gallery-item,
body.home #anja-art-hero .kadence-blocks-gallery-item-inner,
body.home #anja-art-hero .kb-gallery-figure,
body.home #anja-art-hero .kb-gal-image-radius,
body.home #anja-art-hero .kb-gallery-image-contain {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Etwas flacher als V5, näher am Referenzlayout. */
body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item,
body.home #anja-art-hero .kadence-blocks-gallery-item,
body.home #anja-art-hero .kadence-blocks-gallery-item-inner,
body.home #anja-art-hero figure,
body.home #anja-art-hero .kb-gallery-image-contain {
    height: clamp(520px, 58vw, 690px) !important;
}

/* Bild wirklich randlos über die gesamte Bühne. */
body.home #anja-art-hero .kb-gallery-image-contain img,
body.home #anja-art-hero .kb-gallery-slide-item img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* V5-Pinsel ersetzen: sichtbar, aber kein massiver weißer Balken. */
body.home #anja-art-hero .anja-hero-brush {
    top: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 48px !important;
}
body.home #anja-art-hero .anja-hero-brush::before {
    left: -2% !important;
    top: -42px !important;
    width: 104% !important;
    height: 72px !important;
    transform: rotate(-0.28deg) !important;
}
body.home #anja-art-hero .anja-hero-brush::after {
    top: 20px !important;
    height: 26px !important;
}

/* Textposition wie im Zielbild: nicht am äußersten Rand. */
body.home #anja-art-hero .anja-hero-copy {
    left: clamp(74px, 10.5vw, 180px) !important;
    top: 53% !important;
    width: min(440px, 38vw) !important;
}
body.home #anja-art-hero .anja-hero-title {
    font-size: clamp(38px, 3.1vw, 54px) !important;
}

/* Pfeile weiter nach außen, damit sie nicht am Text kleben. */
body.home #anja-art-hero .splide__arrow--prev { left: 24px !important; }
body.home #anja-art-hero .splide__arrow--next { right: 24px !important; }

/* Handy */
@media (max-width: 700px) {
    body.home #anja-art-hero .splide__track,
    body.home #anja-art-hero .splide__slide,
    body.home #anja-art-hero .kb-gallery-slide-item,
    body.home #anja-art-hero .kadence-blocks-gallery-item,
    body.home #anja-art-hero .kadence-blocks-gallery-item-inner,
    body.home #anja-art-hero figure,
    body.home #anja-art-hero .kb-gallery-image-contain {
        height: 68vh !important;
        min-height: 500px !important;
    }
    body.home #anja-art-hero .anja-hero-copy {
        left: 25px !important;
        right: 38px !important;
        bottom: 72px !important;
        top: auto !important;
        width: auto !important;
    }
}


/* =========================================================
   V7.0 — HERO FIX: FULL WIDTH + BRUSH + REAL MEDIA TEXTS
   ========================================================= */

/* 1) Full-bleed wirklich am Viewport ausrichten */
body.home #anja-art-hero {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    background: #000 !important;
}

body.home #anja-art-hero > .kt-row-column-wrap,
body.home #anja-art-hero .kt-row-column-wrap,
body.home #anja-art-hero .wp-block-kadence-column,
body.home #anja-art-hero .kt-inside-inner-col,
body.home #anja-art-hero .wp-block-kadence-advancedgallery,
body.home #anja-art-hero .kb-gallery-ul,
body.home #anja-art-hero .kt-blocks-carousel,
body.home #anja-art-hero .splide,
body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__list,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item,
body.home #anja-art-hero .kadence-blocks-gallery-item,
body.home #anja-art-hero .kadence-blocks-gallery-item-inner,
body.home #anja-art-hero figure,
body.home #anja-art-hero .kb-gallery-image-contain {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item,
body.home #anja-art-hero .kadence-blocks-gallery-item,
body.home #anja-art-hero .kadence-blocks-gallery-item-inner,
body.home #anja-art-hero figure,
body.home #anja-art-hero .kb-gallery-image-contain {
    height: clamp(540px, 63vh, 760px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}

body.home #anja-art-hero .kb-gallery-image-contain {
    position: relative !important;
}

body.home #anja-art-hero .kb-gallery-image-contain img,
body.home #anja-art-hero .kb-gallery-slide-item img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* 2) Künstlerische weiße Pinseltrennung */
body.home #anja-art-hero .anja-hero-brush {
    top: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 84px !important;

    z-index: 10 !important;
    pointer-events: none !important;
}
body.home #anja-art-hero .anja-hero-brush::before,
body.home #anja-art-hero .anja-hero-brush::after {
    display: none !important;
}

/* 3) Textblock klarer und weiter vom Pfeil weg */
body.home #anja-art-hero .anja-hero-copy {
    left: clamp(92px, 10vw, 175px) !important;
    top: 54% !important;
    width: min(470px, 40vw) !important;
    transform: translateY(-42%) !important;
}
body.home #anja-art-hero .anja-hero-title {
    font-size: clamp(40px, 3.25vw, 58px) !important;
}
body.home #anja-art-hero .anja-hero-meta {
    max-width: 430px !important;
}

/* Text kann mehrere Zeilen aus Beschreibung/Beschriftung anzeigen */
body.home #anja-art-hero .anja-hero-description {
    white-space: pre-line !important;
    margin-top: 8px !important;
}

/* Button nur zeigen, wenn tatsächlich Link vorhanden */
body.home #anja-art-hero .anja-hero-button[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    body.home #anja-art-hero .anja-hero-copy {
        left: 24px !important;
        right: 32px !important;
        width: auto !important;
        top: auto !important;
        bottom: 72px !important;
        transform: none !important;
    }
    body.home #anja-art-hero .anja-hero-brush {
        height: 56px !important;
        background-size: 100% 56px !important;
    }
}


/* =========================================================
   V7.2 — STABILER HERO-FIX
   Basis wieder V7.0 (dort waren die Bilder sichtbar).
   ========================================================= */

/* Hero selbst volle Viewportbreite */
body.home #anja-art-hero {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    background: #000 !important;
}

/* Innere Kadence-Struktur auf 100%, aber NICHT künstlich absolut setzen */
body.home #anja-art-hero > .kt-row-column-wrap,
body.home #anja-art-hero .kt-row-column-wrap,
body.home #anja-art-hero .wp-block-kadence-column,
body.home #anja-art-hero .kt-inside-inner-col,
body.home #anja-art-hero .wp-block-kadence-advancedgallery,
body.home #anja-art-hero .kb-gallery-ul,
body.home #anja-art-hero .kt-blocks-carousel,
body.home #anja-art-hero .splide,
body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__list,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Feste Bühnenhöhe */
body.home #anja-art-hero .splide__track,
body.home #anja-art-hero .splide__slide,
body.home #anja-art-hero .kb-gallery-slide-item {
    height: clamp(540px, 63vh, 760px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Bildcontainer bekommt sicher eine echte Höhe */
body.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Bild bleibt im normalen Flow und füllt die Bühne mit cover */
body.home #anja-art-hero .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img,
body.home #anja-art-hero .kb-gallery-slide-item img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Künstlerische weiße Pinseltrennung */
body.home #anja-art-hero .anja-hero-brush {
    top: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 64px !important;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%2072%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200H1600V31%0AC1510%2028%201450%2039%201360%2033%0AC1270%2026%201200%2040%201110%2034%0AC1010%2027%20940%2042%20845%2034%0AC750%2026%20675%2041%20585%2034%0AC495%2027%20420%2040%20330%2034%0AC240%2028%20155%2040%2075%2034%0AC45%2032%2020%2033%200%2034Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2029%0AC100%2034%20180%2026%20270%2032%0AC360%2038%20445%2028%20530%2034%0AC620%2040%20705%2029%20790%2035%0AC875%2041%20960%2030%201045%2036%0AC1130%2042%201215%2031%201300%2036%0AC1390%2041%201490%2032%201600%2037%0AV47%0AC1500%2043%201425%2053%201340%2048%0AC1250%2043%201180%2054%201090%2048%0AC1000%2042%20925%2054%20835%2048%0AC745%2042%20670%2054%20580%2048%0AC490%2042%20415%2053%20325%2047%0AC235%2041%20160%2053%2070%2046%0AC35%2043%2015%2044%200%2044Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M120%2044l74%201-15%2017-45%201zM520%2045l80%200-14%2017-50%202zM960%2046l85-1-17%2017-52%202zM1360%2045l78%201-14%2015-47%202z%22%2F%3E%0A%3C%2Fsvg%3E") center top / 100% 64px no-repeat !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
body.home #anja-art-hero .anja-hero-brush::before,
body.home #anja-art-hero .anja-hero-brush::after {
    display: none !important;
}

@media (max-width: 700px) {
    body.home #anja-art-hero .splide__track,
    body.home #anja-art-hero .splide__slide,
    body.home #anja-art-hero .kb-gallery-slide-item {
        height: 68vh !important;
        min-height: 500px !important;
    }
    body.home #anja-art-hero .anja-hero-brush {
        height: 46px !important;
        background-size: 100% 46px !important;
    }
}


/* =========================================================
   V9.0 — EIGENES GUTENBERG-CONTENT-ELEMENT: ANJA ART HERO
   Kein Menü, kein CPT, keine Kadence Gallery.
   ========================================================= */

.anja-art-hero-block {
  position: relative;
  left: auto;
  right: auto;
  width: 100vw;
  max-width: none;
  height: clamp(560px, 66vh, 790px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background: #000;
  color: #fff;
}

.anja-art-hero-block__slides,
.anja-art-hero-block__slide {
  position: absolute;
  inset: 0;
}

.anja-art-hero-block__slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity .55s ease, visibility .55s ease;
}

.anja-art-hero-block__slide.is-active {
  opacity: 1;
  visibility: visible;
}

.anja-art-hero-block__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.anja-art-hero-block__shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.20) 31%, rgba(0,0,0,0) 64%);
}

/* Künstlerische weiße Pinseltrennung */
.anja-art-hero-block__brush {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  pointer-events: none;
  overflow: hidden;
}

.anja-art-hero-block__brush::before,
.anja-art-hero-block__brush::after {
  content: "";
  position: absolute;
  left: -2%;
  width: 104%;
  background: #fff;
}

.anja-art-hero-block__brush::before {
  top: -45px;
  height: 82px;
  transform: rotate(-.28deg);
}

.anja-art-hero-block__brush::after {
  top: 27px;
  height: 31px;
  clip-path: polygon(
    0 0, 6% 9%, 13% 4%, 19% 17%, 27% 6%, 34% 15%,
    41% 4%, 48% 17%, 56% 5%, 64% 15%, 72% 4%, 79% 16%,
    87% 6%, 94% 14%, 100% 5%, 100% 42%, 95% 31%, 89% 54%,
    82% 37%, 75% 62%, 68% 41%, 60% 57%, 52% 39%, 45% 65%,
    37% 43%, 30% 59%, 22% 40%, 15% 61%, 8% 42%, 0 55%
  );
}

.anja-art-hero-block__copy {
  position: absolute;
  z-index: 5;
  left: clamp(84px, 10vw, 175px);
  top: 53%;
  transform: translateY(-42%);
  width: min(470px, 42vw);
}

.anja-art-hero-block__title {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(40px, 3.4vw, 60px) !important;
  line-height: 1.04 !important;
  font-weight: 300 !important;
  letter-spacing: .04em !important;
}

.anja-art-hero-block__meta,
.anja-art-hero-block__description {
  margin: 5px 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(14px, 1.05vw, 18px) !important;
  line-height: 1.55 !important;
  letter-spacing: .025em !important;
}

.anja-art-hero-block__description {
  margin-top: 9px !important;
  max-width: 440px;
}

.anja-art-hero-block__button {
  display: inline-block;
  margin-top: 26px;
  padding: 12px 21px;
  border: 1px solid rgba(255,255,255,.82);
  color: #fff !important;
  background: transparent;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .17em;
  transition: background .2s ease, color .2s ease;
}

.anja-art-hero-block__button:hover {
  background: #fff;
  color: #000 !important;
}

.anja-art-hero-block__arrow {
  position: absolute;
  z-index: 7;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 72px;
  border: 0;
  border-radius: 0;
  background: rgba(0,0,0,.26);
  color: #fff;
  font-size: 38px;
  font-weight: 200;
  line-height: 1;
  cursor: pointer;
}

.anja-art-hero-block__prev { left: 18px; }
.anja-art-hero-block__next { right: 18px; }

.anja-art-hero-block__dots {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: 25px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.anja-art-hero-block__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.anja-art-hero-block__dot.is-active {
  background: #fff;
}

@media (max-width: 700px) {
  .anja-art-hero-block {
    height: 70vh;
    min-height: 520px;
  }

  .anja-art-hero-block__copy {
    left: 24px;
    right: 34px;
    bottom: 72px;
    top: auto;
    transform: none;
    width: auto;
  }

  .anja-art-hero-block__title {
    font-size: 35px !important;
  }

  .anja-art-hero-block__meta,
  .anja-art-hero-block__description {
    font-size: 14px !important;
  }

  .anja-art-hero-block__brush {
    height: 48px;
  }
}


/* =========================================================
   V9.5 — HERO PINSELKANTE ALS TRANSPARENTES SVG-ASSET
   ========================================================= */

/* Alte rein per CSS gebaute Pinsel-Geometrie deaktivieren */
.home #anja-art-hero .anja-hero-brush::before,
.home #anja-art-hero .anja-hero-brush::after {
    display: none !important;
}

/* Neues transparentes Bild */
.home #anja-art-hero .anja-hero-brush {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 40 !important;

    width: 100% !important;
    height: 82px !important;

    background-image: url("assets/images/hero-brush-white.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 82px !important;

    pointer-events: none !important;
}

/* Falls später der eigene Hero-Block wieder verwendet wird */
.anja-art-hero-block__brush::before,
.anja-art-hero-block__brush::after {
    display: none !important;
}

.anja-art-hero-block__brush {
    background-image: url("assets/images/hero-brush-white.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 82px !important;
    height: 82px !important;
}

@media (max-width: 700px) {
    .home #anja-art-hero .anja-hero-brush,
    .anja-art-hero-block__brush {
        height: 56px !important;
        background-size: 100% 56px !important;
    }
}

/* V9.6 – bewusst grobe schwarz/weiße Hero-Pinselkante */
.home #anja-art-hero .anja-hero-brush,
.anja-art-hero-block__brush {
    height: 105px !important;
    background-size: 100% 105px !important;
}
@media (max-width:700px) {
    .home #anja-art-hero .anja-hero-brush,
    .anja-art-hero-block__brush {
        height: 72px !important;
        background-size: 100% 72px !important;
    }
}