/*

Viktors Kram zur neuen Lwerk Seite.
Hello  Eno! :-)

*/


/*---------------- GLOBAL New --------------- */



.info-box { /* wie aside !  */
  background: #eff0f0;
  padding: 1.334em;
    padding-bottom: 1.334em;
  padding-bottom: 2.334em;
  margin-bottom: 1.5em;

}
.info-box p { /* wie aside !  */
  font-size: .8334em;
  margin-bottom: 0;
}

nav[aria-label="Hauptmenü"] ul > li a {
  border-bottom: none;
  display: inline-block;
  width: 100%;
}

/* die border-bottom an diesen Stellen kann einfach komplett raus !  */

nav[aria-label="Hauptmenü"] ul > li ul li a {
  background: #fff;
  color: #da241b;
  border-bottom-color: currentcolor;
}

nav[aria-label="Hauptmenü"] ul > li ul li a:hover {
  border-bottom: 0;
}

nav[aria-label="Hauptmenü"] ul > li ul li:first-child {
  border-top: 1px solid #da241b;
}

nav[aria-label="Hauptmenü"] ul > li ul li {
  border-bottom: 1px solid #da241b;
  border-left: 1px solid #da241b;
  border-right: 1px solid #da241b;
}

.nav-toggle {
  font-size: 1.2em;
}
.toggle_search {
  line-height: 1.3;
}

figcaption, .wp-block-embed :where(figcaption) {
  margin-top: 0;
  margin-bottom: 1em;
  width: 100%;
  font-size: 1.6rem;
  padding: 0 35px;
}

.page figure {
  margin-bottom: 0.6rem;
} 

.latest_posts li:hover {
  background-color: var(--wp--preset--color--greylight);
}

.latest_posts a:hover {
  text-decoration-thickness: max(3px,.1875rem,.12em);
}

.posts_list_locations .location_address,
.posts_list_locations .location_contact,
.posts_list_locations .location_contact p,
.posts_list_locations .location_contact h4,
.leaflet-popup p,
.leaflet-popup h5,
.leaflet-popup-content address {
  font-size: 20px;
  line-height: 1.5;
}

.wp-block-button.is-style-outline-compact a {
  background: #fff;
  color: var(--wp--preset--color--primary);
  border: var(--wp--preset--color--primary) 2px solid;
}
.wp-block-button.is-style-outline-compact a:hover,
.leaflet-popup .wp-block-button a:hover {
  background: #000 !important;
  color: #fff;
  border: #000 2px solid;
}

.wp-block-button.is-style-outline-compact a,
.leaflet-popup .wp-block-button a {
  font-size: 80%;
  padding: .35em 1.1em;
}

/* Media */

@media screen and (max-width: 768px) {
  .cat_icon {
    min-width: 80px; /* Sonst schrumpfen manche Icons bei mobil!  */
  }

  .is-dark.page-template-template-workspaces .posts_list_location:nth-child(2n+1) {
    border-right: 0px solid #fff;
  }

}

@media screen and (max-width: 1024px) {

.toggle_search {
  font-size: 1.4em;
  padding-top: 8px;
}

  nav[aria-label="Hauptmenü"] ul > li {
    display: block;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1em;
    border-bottom: 1px solid #da241b;
    padding-top: 12px;
    font-size: 1.4em;
  }

nav[aria-label="Hauptmenü"] ul > li.menu-item-has-children ul.sub-menu {
      padding-left: 0;
      margin: 8px 0 0 0;
}

nav[aria-label="Hauptmenü"] ul > li ul li {
  border-bottom: 1px solid #da241b;
  border-left: none;
  border-right: none;
  padding-bottom: 8px;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li ul li:last-child {
  border-bottom: 0px solid #da241b;
  }

}


footer nav ul li {
  max-width: 230px;
}

/*---------------- Aktuelles --------------- */

.category-lwerk-blog h2 { font-size: 1.1em; margin: .4em 0; }


.category-lwerk-blog time {
  color: #999;
  font-size: .8334em;
}

/* Dieser Button 'Artikel lesen' braucht mal noch eine eigene Klasse, readmore oder so */
.category-lwerk-blog .wp-block-buttons > .wp-block-button {
    font-size: .8334em;
}



/*---------------- Kontakt Seite --------------- */

.gform-theme--framework .gform-field-label:where(:not([class*="gform-field-label--type-"])) {
  --gf-local-margin-y: 0 var(--gf-label-space-primary);
  font-size: .8334em;
}
.is-dark .gform-theme--framework .gform-field-label:where(:not([class*="gform-field-label--type-"])) {
  color: #fff !important;
}

.gform-theme--foundation .gfield input.large,
.gform-theme--foundation .gfield select.large {
  min-height: 50px;
}
input#gform_submit_button_1 {
  font-size: .9157em;
  padding: .6em 1.35em;
}


/*---------------- Dark Mode --------------- */

body.is-dark {
  background: #222;
  color: #fff;
  letter-spacing: 0.01em;
}

.is-dark #header:after,
.is-dark nav[aria-label="Hauptmenü"] ul > li ul.sub-menu:after,
.is-dark.single h1:after,
.is-dark.single .intro_video:after {
  background: #fff;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li > a:hover,
.is-dark nav[aria-label="Hauptmenü"] ul > li.current-menu-ancestor > a {
  color: #fff;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li ul li a {
  background: #333;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li ul li a:hover {
  background: #000;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li ul li:first-child {
  border-top: 1px solid #fff;
}

.is-dark nav[aria-label="Hauptmenü"] ul > li ul li {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.is-dark  #header, 
.is-dark main, 
.is-dark #content,
.is-dark .footer_inner,
.is-dark.page-template-template-workspaces .posts_list_location:nth-child(2n+1):after,
.is-dark.page-template-template-workspaces .posts_list_location:last-child:nth-child(2n+1):before,
.is-dark.page-template-template-workspaces .posts_list_location:last-child:nth-child(2n):before,
.is-dark .has-red-gradient-background {
  background: #000 !important;
}

.is-dark .nav-toggle {
  color: #fff;
  background: transparent;
}
.is-dark #header.open .nav-close,
.is-dark .nav-close, .is-dark.nav-close:hover, .is-dark .nav-close:focus {
  color: #fff;
  background: transparent;
}

.is-dark footer,
.is-dark .has-grey-gradient-background,
.is-dark .has-greylight-background-color,
.is-dark .latest_posts li,
.is-dark.post-type-archive-standort header,
.is-dark aside,
.is-dark #header_search.active {
  background: #333 !important;
}

.is-dark nav ul li a,
.is-dark h3,
.is-dark h4,
.is-dark .has-black-color,
.is-dark .post-type-archive-standort .posts_list_location .button-directions,
.is-dark.post-type-archive-standort .posts_list_location h3 a,
.is-dark.post-type-archive-standort .posts_list_location .button-directions,
.is-dark .latest_posts li .article_info h3 a,
.is-dark .wp-block-latestnews .wp-block-button a,
.is-dark nav[aria-label="Nebenmenü"] ul li a:hover,
.is-dark.page-template-template-workspaces .posts_list_location h3 a {
  color: #fff !important;
}

.is-dark h1,
.is-dark h2,
.is-dark.page-template-template-workspaces h2,
.is-dark .home h2,
.is-dark a:hover, 
.is-dark .wp-block-workspaces a:hover h3, 
.is-dark.page-template-template-workspaces .posts_list_location h3 a:hover,
.is-dark article a:where(:not(.wp-block-button__link):not(.wp-element-button):not(.wp-block-image a)),
.is-dark nav[aria-label="Hauptmenü"] ul > li.red > a {
  color: #bcbcbc;
}

.is-dark svg circle,
.is-dark svg .cls-1  {
  fill: #000;
}

.is-dark #header svg,
.is-dark #header svg path,
.is-dark .toggle_search svg,
.is-dark #footer svg path {
  fill: #fff !important;
}

.is-dark .wp-block-button a,
.is-dark .wp-block-button.is-style-outline a:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff;
}

.is-dark .wp-block-button.is-style-outline a,
.is-dark .wp-block-button a:hover {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #fff;
}

.is-dark .wp-block-latestnews .wp-block-button a,
.is-dark .wp-block-latestnews .wp-block-button a:hover {
    color: #fff !important;
    background-color: transparent !important;
    border: none;
}

.is-dark.post-type-archive-standort .posts_list_locations {
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.is-dark .invert-image-in-dark img {
  filter: invert(100%) hue-rotate(180deg) brightness(1.2);
}

.is-dark.page-template-template-workspaces .posts_list_locations {
  border-top: 1px solid #fff;
}
.is-dark.page-template-template-workspaces .posts_list_location:nth-child(2n+1) {
  border-right: 1px solid #fff;
}
.is-dark.page-template-template-workspaces .posts_list_location {
  border-bottom: 1px solid #fff;
}


/*---------------- Dark Mode  mobile--------------- */

@media screen and (max-width: 1024px) {
  .is-dark nav[aria-label="Hauptmenü"] ul {
    background: #333;
  }
  .is-dark nav[aria-label="Hauptmenü"] ul > li {
    border-bottom: 1px solid #fff;
  }

  .is-dark nav[aria-label="Hauptmenü"] ul > li ul li:first-child {
    border-top: 1px solid #fff;
  }

  .is-dark nav[aria-label="Hauptmenü"] ul > li ul li {
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
  }

}

@media screen and (max-width: 768px) {

  .is-dark.page-template-template-workspaces .posts_list_location:nth-child(2n+1) {
    border-right: 1px solid #000;
  }
}