/*
=============================================================
ANJA ART – USER OVERRIDES
=============================================================

Diese Datei ist absichtlich für manuelle CSS-Korrekturen reserviert.
Sie wird nach dem normalen Theme-CSS eingebunden.

WICHTIG FÜR ZUKÜNFTIGE THEME-UPDATES:
Diese Datei NICHT automatisch überschreiben oder bereinigen.

Eigene CSS-Regeln einfach unten ergänzen.
=============================================================
*/

/* Startseite: kein oberer Innenabstand am Content */
.home .entry-content-wrap {
    padding-top: 0 !important;
}
.site-top-header-wrap {
    display: none;
    }

body.home #anja-art-hero .anja-hero-brush {
    background-image: url('/wp-content/themes/anja-art/assets/images/Overlay_jan.png') !important;  
    height: 90px !important;
    }

body.home .site-header {
    border-bottom: 0 !important;
}


.main-navigation .primary-menu-container > ul li.menu-item > a {
  font-size: 26px;
  font-weight: 600;
}


.site-branding a.brand img {
  max-width: 283px;
  max-height: 105px;
}


.header-navigation .header-menu-container ul ul.sub-menu li.menu-item > a {
    font-size: 20px !important;
    }

.1header-navigation .header-menu-container ul ul.sub-menu::before  {
  content: "⌃________";
  font-size: 20px;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  height: 20px;
  /*
  background: currentColor;
    background-color: currentcolor;
   */
    color: #fff;
/*  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
*/
  top: -37px;
  left: -7px;
}


.header-navigation .header-menu-container ul ul.sub-menu {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;

    border-left: 1px solid #fff !important;
  border-right: 1px solid #aaa !important;
  border-bottom: 1px solid #aaa !important;
  top: 79px;
  left: 7px;
  border-top: none !important;
  border-top: 1px solid #fff !important;
  z-index: -1;
  background-color: #000 !important;

}
.header-navigation .header-menu-container ul li#menu-item-2810 ul.sub-menu {
    left: -100px;
}

.site-header-row {
  grid-template-columns: 200px auto;
}

.header-navigation-layout-stretch-true .header-navigation {
    background-color: transparent !important;
  z-index: 100000;

}

.main-navigation .primary-menu-container > ul > li > a::after {
    background-color: #000;
  z-index: 9999;
}

.site-main-header-wrap {
    background-color: #000 !important;
}

.header-navigation-layout-stretch-true .header-navigation .header-menu-container .menu {
    width: 488px;
      column-gap: 18px;
  row-gap: 0px;
  justify-content: flex-end;
    }

 .header-navigation .header-menu-container ul ul.sub-menu li.menu-item > a {
  width: auto !important;
  text-transform: none;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
    }   

.main-navigation .sub-menu {
  width: 300px;
  }    


.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
  background-color: #333 !important;
}



@media (max-width:1025px) {


.header-navigation-layout-stretch-true .header-navigation .header-menu-container .menu {
  width: 573px;
  column-gap: 2px;
  row-gap: 0px;
}
}

/* Beispiel:
.home .mein-element {
    margin-top: 0 !important;
}
*/