/*
Theme Name: Hon Starter
Theme URI: 
Author: DATENHAUS AG
Author URI: https://datenhaus.ch
Description: Starter Theme for honegger.ch
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.0.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: honstarter
Tags: news, portfolio, grid-layout, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/** Reset **/

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
  font: inherit;
  border: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
/* ul[role="list"],
  ol[role="list"] {
    list-style: none;
  } */

ol,
ul,
menu {
  list-style: none;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
/* a:not([class]) {
  color: inherit;
} */
a:focus {
  text-decoration: none;
}

/* Remove button and input styles */
button,
input,
textarea,
select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.th8-hide {
  display: none !important;
}

/* hide admin menues */
.toplevel_page_gutenberg,
.toplevel_page_jetpack {
  display: none !important;
}

/* body {
  background-color: var(--ff-secondary);
}*/

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper stong {
  font-family: var(--ff-secondary) !important;
  /* background-color: #fff !important; */
}

.wp-site-blocks {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 0;
}

/* basic image styling */
.wp-block-cover {
  padding: 2em;
}
.hon-cover-image img,
.wp-block-image img {
  border-radius: 1rem;
}
.hon-no-border-radius img {
  border-radius: 0;
}
.hon-contain-image img {
  object-fit: contain !important;
}

.stack-reversed {
  flex-direction: row-reverse;
}

.wp-block-heading {
  padding: 0.5rem 0;
}

.hon-teaser-img-right img {
  max-width: 80% !important;
  left: unset !important;
  right: 0 !important;
}

.hon-teaser-img-left img {
  max-width: 80% !important;
  left: 0 !important;
  right: unset !important;
}

/* Post Slider*/

.hon-carousel-nav {
  display: flex;
  justify-content: flex-end !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 1140px;
  margin: 0 auto;
}

/* inline image */
.hon-inline-image img,
.hon-inline-image-spez img {
  display: inline-block;
  padding: 0.5rem 0;
  margin-right: 0.6rem;
}

.hon-inline-image img {
  vertical-align: -50% !important;
}

.hon-inline-image-spez img {
  vertical-align: -60% !important;
}

/* inline arrows */
.hon-inlinearrowright-icon {
  margin-left: 0 !important;
}
/* Back arrow */
.hon-inlinearrowleft-icon {
  max-width: 1270px;
  margin: 0 auto;
}
/* arrow icons as img */
.hon-inlinearrowleft-icon img,
.hon-inlinearrowright-icon img {
  display: inline-block;
  vertical-align: -28%;
}
.hon-inlinearrowleft-icon img {
  padding-right: 1rem;
}
.hon-inlinearrowright-icon img {
  padding-left: 1rem;
}

.arrowleft {
  padding-right: 1rem;
}

.hon-inlinearrow-icon a,
.hon-inlinearrowright-icon a,
.hon-inlinearrowleft-icon a,
.hon-arrow-icon {
  /* transition: filter 100ms ease-in; */
}
.hon-inlinearrow-icon a:hover,
.hon-inlinearrowright-icon a:hover,
.hon-inlinearrowleft-icon a:hover,
.hon-arrow-icon:hover {
  filter: invert(0%) sepia(100%) saturate(250%) hue-rotate(108deg) brightness(70%) contrast(88%);
  cursor: pointer;
}
/* ### */

i .hon-arrow-left,
i .hon-arrow-right,
a .hon-arrow-left,
a .hon-arrow-right {
  stroke: var(--clr-primary-400) !important;
  stroke-width: 2;
  transition: strok 100ms ease-in;
}

svg:hover .hon-arrow-left,
svg:hover .hon-arrow-right,
a:hover svg .hon-arrow-left,
a:hover svg .hon-arrow-right {
  stroke: var(--clr-primary-100) !important;
  stroke-width: 2.5;
}

.hon-carousel-nav i {
  margin: 0 !important;
  cursor: pointer;
}

.hon-post-slider ul,
.hon-job-slider ul,
.hon-ref-slider ul,
.hon-carouselimg {
  padding: 1.5rem 0;
  flex-wrap: nowrap !important;
  overflow: scroll;
  display: flex;
}

.hon-carouselref i,
.hon-carouselref .hon-arrow-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 3;
  /* background-color: hsla(240, 20%, 98%, 0.103); */
  border-radius: 1rem;
  padding: 1rem 0.5rem 1rem 0.5rem;
  cursor: pointer;
}

.hon-carouselref i:first-child,
.hon-carouselref .hon-arrow-icon:first-child {
  left: 3rem;
  top: 52.4%;
}
.hon-carouselref i:last-child,
.hon-carouselref .hon-arrow-icon:last-child {
  right: 3rem;
}

.hon-carousel,
.hon-carouselref,
.hon-carouselimg,
.hon-carouseljob {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

.hon-carouselref {
  position: relative;
}

.hon-carousel ul,
.hon-carouseljob ul,
.hon-carouselimg {
  overflow: hidden;
  scroll-behavior: smooth;
  cursor: pointer;

}
.hon-carouselref ul {
  gap: 1.5rem !important;
  overflow: hidden;
  scroll-behavior: smooth;
  cursor: pointer;
}

.hon-carousel .dragging,
.hon-carouselref .draggingref,
.hon-carouseljob .draggingjob,
.hon-carouselimg.draggingimg {
  cursor: grab;
  scroll-behavior: auto;
}

.hon-carousel .dragging ul > li,
.hon-carouselref .draggingref ul > li,
.hon-carouseljob .draggingjob ul > li,
.hon-carouselimg .draggingimg figure {
  pointer-events: none;
}

.hon-carousel ul > li,
.hon-carouseljob ul > li,
.hon-carouselimg figure,
.hon-griddisplay ul > li {
  background-color: var(--clr-primary-100);
  user-select: none;
  position: relative;
  border-radius: 1rem;
  color: #fff;
  overflow: hidden;
  min-width: 18.875rem;
  min-height: 30rem;
  margin-left: 20px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 3.5px 5.5px 10.2px;
}

/* .hon-carousel ul > li:first-child,
  .hon-carouseljob ul > li:first-child,
  .hon-carouselimg figure:first-child {
    margin-left: 9rem !important;
  }
   */
.hon-griddisplay ul > li {
  width: calc(calc(100% / 3) - 3rem) !important;
  min-height: 30rem;
}

.hon-carouselimg figure {
  min-width: 35.875rem;
  min-height: 20rem;
  max-height: 30rem;
}

@media (max-width: 1450px) {
  .hon-carousel ul > li,
  .hon-carouseljob ul > li,
  .hon-carouselimg figure {
    left: clamp(1.5rem, 100vw - 80rem, 8.2rem);
  }
}

@media (min-width: 1450px) {
  .hon-carousel ul > li,
  .hon-carouseljob ul > li,
  .hon-carouselimg figure {
    left: 8.2rem;
  }
}

.hon-carouselref ul > li {
  background-color: var(--clr-primary-100);
  user-select: none;
  position: relative;
  border-radius: 1rem;
  color: #fff;
  overflow: hidden;
  min-width: calc(calc(100% / 3) - 2rem);
  min-height: 30rem;
  margin-left: 20px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 3.5px 5.5px 10.2px;
}
.hon-carouselref ul > li:first-child {
  margin-left: 0px !important;
}

@media (max-width: 1300px) {
  .hon-carouselref i,
  .hon-carouselref .hon-arrow-icon {
    top: 0;
    transform: translateY(-50%);
    transition: transform 0.1s linear;
    z-index: 3;
    /*background-color: hsla(240, 17%, 98%, 0.5);*/
    border-radius: 1rem;
    padding: 1rem 0.5rem 1rem 0.5rem;
  }

  .hon-carouselref i:first-child,
  .hon-carouselref .hon-arrow-icon:first-child {
    left: 1rem;
    top: -1.5rem;
  }

  .hon-carouselref i:last-child,
  .hon-carouselref .hon-arrow-icon:last-child {
    right: 1rem;
    top: -2.5rem;
  }
}

@media (max-width: 781px) {
  .hon-carousel ul > li,
  .hon-carouseljob ul > li,
  .hon-carouselimg figure,
  .hon-griddisplay ul > li {
    min-width: 15.875rem;
  }

  .hon-griddisplay ul > li {
    margin-left: 0 !important;
    width: 100%;
  }

  .hon-carouselref ul > li {
    min-width: calc(calc(100% / 1.3) - 1rem);
  }

  .hon-griddisplay ul > li {
    width: 100% !important;
    min-height: 30rem;
  }
}

.hon-carousel figure,
.hon-carouseljob figure,
.hon-carouselref li figure,
.hon-griddisplay figure {
  height: 100%;
  border-radius: 1rem;
  color: #fff;
  overflow: hidden;
  min-width: 100%;
}

.hon-carousel figure img,
.hon-carouseljob figure img,
.hon-carouselref li figure img,
.hon-griddisplay figure img {
  object-fit: cover;
  height: 100%;
}

:where(.editor-styles-wrapper) .hon-post-slider-content,
:where(.editor-styles-wrapper) .hon-job-slider-content,
:where(.editor-styles-wrapper) .hon-ref-slider-content,
:where(.editor-styles-wrapper) .hon-griddisplay-content {
  position: absolute !important;
  height: 100%;
  width: 100%;
  bottom: 0;
}

.hon-post-slider-content,
.hon-job-slider-content,
.hon-ref-slider-content,
.hon-griddisplay-content {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
}

:where(.editor-styles-wrapper) .hon-content-bundel {
  position: absolute !important;
  bottom: 2rem;
  padding: 1.5rem;
  width: 100%;
}

.hon-content-bundel {
  position: absolute;
  bottom: 2rem;
  padding: 1.5rem;
  width: 100%;
}
/*fix font-size globel for carousel*/
.hon-content-bundel h2{
  font-size: var(--wp--preset--font-size--x-medium) !important;
  word-break: auto-phrase;
}

.hon-content-bundel-job {
  position: relative;
  padding: 1.5rem;
  width: 100%;
  height: 100%;
}

.hon-content-bundel-job .wp-block-post-excerpt__more-text,
.hon-content-bundel-job .wp-block-post-excerpt__more-link {
  display: none !important;
}

.hon-job-category {
  font-family: var(--ff-secondary);
  color: var(--clr-primary-100);
  bottom: 5.5rem;
  position: absolute;
}

.hon-job-category::before {
  content: url(assets/images/icon2.png) "  ";
  vertical-align: -8px;
  padding-right: 5px;
}

.hon-content-bundel-job .hon-read-more-button-inverted {
  position: absolute;
  bottom: 2rem;
  /* left: 50%;
  transform: translateX(-50%); */
  left: 0;
  right: 0;
}

.hon-post-slider-content-excerpt,
.hon-ref-slider-content-excerpt,
.hon-griddisplay-content-excerpt {
  display: none;
}

.hon-post-slider-content-category .wp-block-post-terms__separator,
.hon-ref-slider-content-category .wp-block-post-terms__separator,
.hon-griddisplay-content-category .wp-block-post-terms__separator {
  color: transparent;
}

.hon-post-slider-content-category,
.hon-ref-slider-content-category,
.hon-griddisplay-content-category {
  padding: 1.5rem;
}

.hon-post-slider-content-category a,
.hon-ref-slider-content-category a,
.hon-griddisplay-content-category a {
  font-family: var(--ff-secondary);
  color: var(--clr-neutral-100);
  background-color: var(--clr-hover-transparent-100);
  padding: 0.44rem 1rem;
  border-radius: 3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}

.hon-read-more-button {
  text-decoration: none;
  margin-top: 2rem;
  padding: 0.44rem 2rem;
  border-radius: 3rem;
  border: 2px solid transparent;
  color: var(--clr-neutral-100);
  background-color: var(--clr-secondary-400);
  border: 2px solid var(--clr-secondary-400);
  transition: color 100ms ease-in, background-color 100ms ease-in;
}
a.hon-read-more-button {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--clr-neutral-100);
  font-family: var(--ff-secondary);
}

.hon-read-more-button:hover {
  color: var(--clr-secondary-400);
  background-color: var(--clr-hover-100);
  border: 2px solid var(--clr-neutral-100);
}

.wp-block-post-excerpt__more-text {
  text-align: right;
}

.wp-block-post-excerpt__more-link {
  text-decoration: none;
  margin-top: 2rem;
  padding: 0.4rem 1.5rem;
  border-radius: 3rem;
  border: 2px solid transparent;
  color: var(--clr-neutral-100);
  background-color: var(--clr-primary-400);
  border: 2px solid var(--clr-primary-400);
  transition: color 100ms ease-in, background-color 100ms ease-in;
}
a.wp-block-post-excerpt__more-link {
  margin-top: 2rem;
  color: var(--clr-neutral-100);
  font-family: var(--ff-secondary);
}

.wp-block-post-excerpt__more-link:hover {
  color: var(--clr-secondary-400);
  background-color: var(--clr-hover-100);
  border: 2px solid var(--clr-primary-400);
  text-decoration: none;
}

@media (min-width: 781px) {
  .hon-cat-list-jobs {
    gap: 1.8rem !important;
    margin-top: -3rem !important;
    min-height: 4rem;
    max-width: 60rem;
    display: flex;
  }
  
}
.hon-cat-list-jobs span.wp-block-post-terms__prefix {
    position: relative;
    top: 0.3rem;
  }

.hon-excerpt-list-jobs .wp-block-post-excerpt__excerpt {
  display: none;
}

a.hon-read-more-button-inverted {
  margin-top: 2rem;
  color: var(--clr-neutral-100);
  font-family: var(--ff-secondary);
  padding: 0.3rem 1.5rem;
  border-radius: 3rem;
  border: 2px solid transparent;
  color: var(--clr-neutral-100);
  background-color: var(--clr-primary-400);
  border: 2px solid var(--clr-primary-400);
  transition: color 100ms ease-in, background-color 100ms ease-in;
}

/* Job Box Detail */
.hon-border-radius {
  border-radius: 1rem;
}

@media (max-width: 781px) {
  .wp-block-column {
    padding: 1.5rem 0px !important;
  }

  .hon-post-slider .wp-block-columns {
    gap: 0 !important;
  }
  .hon-post-slider .wp-block-column {
    padding: 0px !important;
  }

  .hon-header {
    padding: 0 !important;
  }
  .hon-site-logo {
    flex-basis: 50% !important;
  }
  .hon-nav nav {
    justify-content: flex-end !important;
  }
}

.hon-job-icon-cat img {
  display: inline;
  padding-right: 0.5rem;
}

/** Nav styling */
.hon-tab-nav-container {
  max-width: 22rem;
}

.hon-tab-nav-container-innerblock-1 li,
.hon-tab-nav-container-innerblock-2 li,
.hon-tab-nav-container-innerblock-3 li {
  max-width: 10rem;
}

.hon-tab-nav-container-innerblock-1 li:hover,
.hon-tab-nav-container-innerblock-2 li:hover,
.hon-tab-nav-container-innerblock-3 li:hover {
  font-family: var(--ff-secondary);
}


.hon-tab-nav-container-innerblock-1 li:hover span.word-border,
.hon-tab-nav-container-innerblock-2 li:hover span.word-border,
.hon-tab-nav-container-innerblock-3 li:hover span.word-border {
  border-bottom: 2px solid var(--clr-primary-400);
  padding-bottom: 2px;
}

.hon-tab-nav-container-innerblock-1,
.hon-tab-nav-container-innerblock-2,
.hon-tab-nav-container-innerblock-3 {
  min-width: 15rem;
}

.hon-tab-nav-container-innerblock-1 a:hover,
.hon-tab-nav-container-innerblock-2 a:hover,
.hon-tab-nav-container-innerblock-3 a:hover {
  text-decoration: none;
}

.hon-tab-nav-container-innerblock-1 {
  padding-left: 1.5rem;
}

.hon-tab-nav-container-innerblock-3 {
  border-left: 1px solid var(--clr-accent-100);
  padding-left: 3rem;
  margin-left: 2rem;
}

.hon-tab-nav-container-innerblock-3 img {
  max-width: 12.5rem !important;
  max-height: 12.5rem !important;
  min-height: 100% !important;
}

/** Accordion styling */

.hon-acc-tab .hon-acc-content {
  display: none;
  transition: all 0.5s linear;
  animation: slideDownReverse 0.25s ease;
}

.hon-acc-tab.hon-active .hon-acc-content {
  display: block;
  animation: slideDown 0.5s ease-out forwards;
}

@media (max-width: 781px) {
  .hon-acc-tab.hon-active .hon-acc-content {
    padding-left: 1rem !important;
  }

  .hon-acc-header p {
    max-width: 65%;
    word-wrap: break-word;
  }
}

.hon-acc-header {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.hon-acc-header .hon-acc-image {
  width: 51px;
  flex: 0 0 51px;
  margin: 0;
}

.hon-acc-tab .hon-acc-header::after {
  content: url(assets/images/plus.svg);
  position: absolute;
  text-align: right;
  right: 0;
  font-size: 3rem;
  color: var(--clr-primary-400);
}

.hon-acc-tab.hon-active .hon-acc-header::after {
  content: url(assets/images/minus.svg);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes slideDownReverse {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(-40px);
  }
}

.block-editor-block-list__block.hon-acc-content {
  display: block !important;
}
.hon-post-slider.block-editor-block-list__layout {
  position: unset;
}

/** Pagination styling */
.hon-pagination {
  padding: 2rem 0;
}
.hon-pagination .hon-pagination-number a,
.hon-pagination .hon-pagination-number span {
  border-radius: 50%;
  padding: 0.6rem 1rem;
  background-color: var(--clr-neutral-100);
  color: var(--clr-primary-400);
  font-family: var(--ff-secondary);
}

.hon-pagination .hon-pagination-number a.current,
.hon-pagination .hon-pagination-number span.current {
  background-color: var(--clr-accent-100);
  color: var(--clr-primary-100);
  font-family: var(--ff-secondary);
}

@media (max-width: 781px) {
  .hon-quote {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.aligncenter {
  text-align: center;
}

.hon-list {
  list-style-position: outside;
  list-style-type: "- ";
  margin-left: 0;
  padding-left: 0.7rem;
}

.hon-list-arrow {
  list-style: none;
  margin-left: 0;
  padding-left: 0rem;
}

.hon-list-arrow li {
  list-style: none;
  padding-left: 1.5rem; /* Platz für den Pfeil */
  position: relative;
}

.hon-list-arrow li::before {
  content: "";
  background: url("/wp-content/themes/honstarterV2/assets/images/arrow-right1-1.svg") no-repeat;
  background-size: contain;
  width: 16px; /* Pfeilgröße anpassen */
  height: 16px;
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-45%);
}

/* Fixed width for 3 col icons */
.hon-3-col-icon {
  width: 130px;
  height: 114px;
  margin: 0 auto;
}
.hon-3-col-icon img {
  margin: 0 auto;
}


/* Pattern Overlapping Columns */
.hon-col-60R-overlap {
  flex-basis: calc(58% + 1%) !important;
  margin-left: -2% !important;
  padding-right: var(--wp--preset--spacing--50) !important;
  padding-left: var(--wp--preset--spacing--70) !important;
  z-index: 9999;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.hon-col-60L-overlap {
  flex-basis: calc(58% + 1%) !important;
  margin-right: -2% !important;
  padding-right: var(--wp--preset--spacing--70) !important;
  padding-left: var(--wp--preset--spacing--50) !important;
  z-index: 9999;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.hon-col-40R-overlap,
.hon-col-40L-overlap {
  flex-basis: calc(42% + 1%) !important;
}

@media (max-width: 781px) {
  .hon-col-60R-overlap,
  .hon-col-60L-overlap {
    margin-left: 2.3rem !important;
    margin-right: 2.3rem !important;
    border-radius: 20px;
    padding: 0 !important;
  }

  .hon-col-60L-overlap {
    position: relative;
    margin-top: 470px !important;
  }

  .hon-col-60-overlap-inner {
    width: 100% !important;
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
  }
  
  .hon-col-40L-overlap {
    position: relative;
    min-height: 500px;
    top: 470px;
  }
  .hon-col-40R-overlap,
  .hon-col-40R-overlap div {
    width: 100%;
    position: absolute;
    min-height: 500px;
    top: 0;
    
  }
  /*Move the container down 200px on mobile*/
  .overlap-vertL--200 {margin-top: -250px !important;}
  .overlap-vertR--200 {position: relative;min-height: 500px;}
}

/* Cover header hero half half*/
.hon-cover-hero-half-content {
  max-width: 650px;
  z-index: 1;
}
@media (min-width: 781px) {
  .hon-cover-hero-half-content {
    margin-right: 0 !important;
  }
}
@media (max-width: 781px) {
  .hon-cover-hero-half-box {
    margin-left: 2.3rem !important;
    margin-right: 2.3rem !important;
    margin-top: 4.5rem !important;
    border-radius: 20px;
    padding: 0 !important;
  }
  .hon-cover-hero-half-content {
    z-index: 1;
  }
  /*change button color on mibile */
  .hon-cover-hero-half-content .wp-block-button .wp-block-button__link{
    background-color: var(--clr-neutral-100);
    color: var(--clr-primary-400);
    border: 2px solid var(--clr-neutral-100);
  }
}
/* HON SWOOF */
.hon-swoof-left {z-index: -1;}
:where(.editor-styles-wrapper) .hon-swoof {
  left: -2rem !important;
}
:where(.editor-styles-wrapper) .hon-swoof-inner-left,
:where(.editor-styles-wrapper) .hon-swoof-left {
  right: 2rem !important;
}
:where(.editor-styles-wrapper) .hon-swoof-inner-right {
  left: 2rem !important;
}

.hon-swoof {
  position: absolute !important;
  bottom: clamp(-70px, -85%, -0px);
  width: min(1110px, 140%, 1200px);
  height: 240px;
  transition: bottom 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease;
}

.hon-swoof-left {
  position: absolute !important;
  bottom: clamp(-170px, -85%, -0px);
  width: min(1110px, 140%, 1200px);
  height: 240px;
  transition: bottom 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease;
}

@media (min-width: 781px) {
  .hon-swoof {
      left: 47vw;
  }
  .hon-swoof-left {
    right: 47vw;
}
}

/* For screens smaller than 600px, use left alignment */
@media (max-width: 781px) {
  .hon-swoof {
      left: 70px; /* Position the tail 20px from the left */
      right: auto; /* Remove right alignment */
      bottom: -1rem;
      width: 160vw;
  }
  .hon-swoof-left {
    right: 70px; /* Position the tail 20px from the left */
    right: auto; /* Remove right alignment */
    bottom: -1rem;
    width: 160vw;
}
}

/** Image Banner with swoof (stacking on mobile) **/
/* swoof inner */
.hon-swoof-inner-left,
.hon-swoof-inner-right {
  position: absolute !important;
  bottom: 85px;
  width: min(900px, 140%, 1000px);
  height: 240px;
  transform: rotate(0deg);
  transition: bottom 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease;
}
.hon-swoof-inner-right {
  transform: rotate(0deg) scaleX(-1);
}

@media (min-width: 781px) {
  .hon-swoof-inner-left {
      right: 52vw;
  }
  .hon-swoof-inner-right {
    left: 52vw;
}
}

/* For screens smaller than 600px, use left alignment */
@media (max-width: 781px) {
  .hon-swoof-inner-left,
  .hon-swoof-inner-right {
      left: 80px; /* Position the tail 20px from the left */
      right: auto; /* Remove right alignment */
      bottom: 0;
      top: 2rem;
      width: 120vw;
      transform: rotate(-10deg);
  }
}

/** Image Banner with settings **/
@media (max-width: 781px) {
  .hon-image-banner-cover {margin: 0 !important; padding: 0 !important;}
  .hon-image-banner-cover span,
  .hon-image-banner-cover > img {display: none;}
  .hon-image-banner-cover .hon-image-banner-colText {
    margin-top: 10.5rem !important;
    margin-left: var(--wp--style--root--padding-right);
    margin-right: var(--wp--style--root--padding-right);
    padding: var(--wp--preset--spacing--50) !important;
    border-radius: 20px;
  }
  .hon-image-banner-cover .hon-image-banner-colText .hon-image-banner-colText-content {z-index: 1001;}

  .hon-image-banner-cover .hon-image-banner-colImg {
   padding: 0 !important;
  }
  .hon-image-banner-cover .hon-image-banner-colImg .hon-image-banner-colImg-hideM {
    position: absolute;
    margin: 0 !important;
    z-index: -1;

  }
  .hon-image-banner-cover .hon-image-banner-colImg .hon-image-banner-colImg-hideM img {
    border-radius: 0;
    object-fit: cover;
    min-height: 500px;
  }
}

/* Cover image half left/right */

.hon-cover-half-left span {
  margin-left: auto !important;
  width: max(300px, 60%) !important;
  opacity: 1 !important;
  background-color: var(--clr-secondary-400) !important;
}
.hon-cover-half-right span {
  margin-right: auto !important;
  width: max(300px, 60%) !important;
  opacity: 1 !important;
  background-color: var(--clr-secondary-400) !important;
}
.hon-cover-half-right img {
  margin-left: auto !important;
  width: max(300px, 40%) !important;
  object-fit: cover !important;
}
.hon-cover-half-left img {
  margin-right: auto !important;
  width: max(300px, 40%) !important;
  object-fit: cover !important;
}
@media (max-width: 781px) {
  .hon-cover-half-right img,
  .hon-cover-half-left img
   {
    object-fit: cover !important;
  }
}

/* Teas Job/Kontakt half image */
.hon-cover-half-img img {
  margin-left: auto !important;
  width: max(300px, 40%) !important;
  object-fit: cover !important;
}
@media (max-width: 781px) {
  .hon-cover-half-img img {
    object-fit: cover !important;
  }
}

/*Justify column patterns */
.hon-group-justify-container {
  align-items: baseline !important;
}

.hon-group-justify {
  position: relative;
  margin-bottom: 1rem !important;
}

.hon-group-justify-con-button {
  position: relative;
}

.hon-group-justify-button {
  position: absolute;
  bottom: 0;
}

.hon-flex-column,
.hon-flex-column-all-center {
  display: flex;
  flex-direction: column;
  
}

.hon-flex-column .hon-bottom-button,
.hon-flex-column-all-center .hon-bottom-button {
  margin-top: auto !important;
}

.hon-flex-column-all-center {
  align-items: center;
}

/* remove margin from spacer */
.hon-block-spacer {
  margin-block-start: 0 !important;
}
@media (max-width: 781px) {
  .hon-block-spacer {
    height: 0px !important;
  }
}

/* Footer */
.hon-main-footer a {
  color: var(--clr-neutral-100);
  text-decoration: none;
  display: block;
  margin-bottom: 1rem;
}

.hon-main-footer a:hover {
  color: var(--clr-neutral-100);
  text-decoration: underline;
}


.hon-footer-links {
  display: flex;
  justify-content: end;
  gap: 1rem;
}

.hon-footer-links p{
  text-align: right;
}

@media (max-width: 781px) {
  .hon-sub-footer {
    text-align: center;
  }
  .hon-footer-links {
    display: block;
    justify-content: center;
  }
  .hon-footer-links p {
    text-align: center;
    padding: 0.2rem;
  }
}

/* Imgage hover effect 
.hon-hover-effect img {
  transition: transform 0.25s;
}

.hon-hover-effect:hover img {
  transform: scale(1.03);
}*/

/** Filter styling */
.wpc-filters-widget-top-container.wpc-show-on-desktop,
.wpc-filters-widget-containers-wrapper .wpc-posts-found,
.wpc-filter-header {
  display: none;
}

@media (min-width: 781px) {
  .wpc-filters-widget-containers-wrapper .wpc-filters-widget-wrapper {
    display: flex;
    gap: 2rem;
    width: 100%;
  }
}

.wpc-filters-widget-containers-wrapper .wpc-filters-widget-wrapper .wpc-filter-content select,
.wpcf7-select {
  background-color: var(--clr-accent-100);
  padding: 0.4rem 2rem 0.4rem 0.8rem;
  border-radius: 1rem;
  appearance: none;
  color: var(--clr-primary-100);
  font-family: var(--ff-secondary);
  font-size: var(--fs-300);
  background-image: url(assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 5px bottom 6px;
  background-size: 20px;
}

.wpc-filter-chips-list {
  gap: 1rem;
}

@media (max-width: 781px) {
  .wpc-filter-chips-list {
    display: block !important;
  }
}

.wpc-filter-chips-list a {
  padding: 0.4rem 0.8rem !important;
  color: var(--clr-primary-100) !important;
  font-family: var(--ff-secondary) !important;
  font-size: var(--fs-300) !important;
  border-radius: 0 !important;
  border-color: var(--clr-accent-100) !important;
  background-color: var(--clr-accent-100) !important;
}

.wpc-filter-chips-list .wpc-chip-reset-all a {
  border-radius: 0 !important;
  color: var(--clr-neutral-100) !important;
  background-color: var(--clr-primary-400) !important;
  border-color: var(--clr-accent-400) !important;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
  border-radius: 2rem !important;
  border: 1.5px solid var(--clr-primary-400) !important;
  margin-right: 1rem !important;
  font-family: var(--ff-secondary) !important;
  transition: color 100ms ease-in, background-color 100ms ease-in, border 100ms ease-in;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label:hover {
  border: 1.5px solid var(--clr-primary-400) !important;
  background-color: var(--clr-primary-400) !important;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
  border-radius: 2rem !important;
}

/* Contact Form 7 styling */
.wpcf7-form {
  margin: 0 -10px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  color: #1f252b;
  width: 100%;
  padding: 12px 16px;
  border-radius: 0;
  border: 1px solid #ddd;
}

.wpcf7-form input[type="radio"] {
  appearance: auto;
  background-color: #fff;
  margin: 0;
  font: inherit;
  accent-color: var(--clr-primary-400) !important;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
}

.wpcf7-radio .wpcf7-list-item.first {
  margin: 0;
}

.wpcf7-form p {
  margin: 0 0 28px;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
  outline: 1px solid var(--clr-primary-400);
  outline-offset: 0;
}

/*Contact Form 7 custom radio vertical */
#radioVertical .wpcf7-list-item {
  display: block;
  margin:0;
}


[class*="taxonomy-"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  /* color: black; */
}

/*Contact Form show call button only on mobile */

.hon-only-mobile {
  display: none !important;
}
@media (max-width: 781px) {
  .hon-only-mobile {
    display: flex !important;
  }
}

/* Karte */
.wpgmza-standalone-component .wpgmza-marker-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}
.wpgmza-content-address-holder-inner.wpgmza_marker_title {
  color: var(--clr-primary-400);
  font-family: var(--ff-secondary);
}

@media (min-width: 781px) {
  .wpgmza-desc .wpgmza-embedded-media,
  .wpgmza_infowindow_description .wpgmza-embedded-media {
    max-width: 10rem !important;
  }
  .wpgmza-grid-item .wpgmza-desc .wpgmza-embedded-media {
    height: 0;
    opacity: 0;
    transition: height 2000ms ease-in, display 2000ms ease-in;
  }

  .wpgmza-grid-item:hover .wpgmza-desc .wpgmza-embedded-media {
    height: 100%;
    opacity: 1;
  }

  .hon-hover-effect {
    display: none !important;
  }
}

/* Text and Media Block from WP */
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 !important;
}

/* Base Stylings */

@media (max-width: 781px) {
  .has-hon-gradient-left-gradient-background {
    background: linear-gradient(90deg, hsla(173, 100%, 22%, 0.95) 0%, hsla(144, 100%, 30%, 0.95), 68%, hsla(144, 100%, 30%, 0.2) 100%) !important;
  }

  .has-hon-gradient-right-gradient-background {
    background: linear-gradient(90deg, hsla(173, 100%, 22%, 0.95) 0%, hsla(144, 100%, 30%, 0.95), 68%, hsla(144, 100%, 30%, 0.2) 100%) !important;
  }
}

/* DH customs not uses */
:root {
  --clr-accent-100: hsl(240, 17%, 98%); /*Primary pastell grey*/

  --clr-primary-400: hsl(144, 100%, 30%); /*Primary honegger grün*/
  --clr-primary-100: hsl(178, 100%, 29%); /*Primary aare green*/

  --clr-secondary-900: hsl(164, 78%, 81%); /*Secondary stahl grün*/
  --clr-secondary-400: hsl(183, 100%, 15%); /*Secondary petrol grün*/
  --clr-secondary-100: hsl(192, 100%, 12%); /*Secondary nacht grün*/

  --clr-hover-100: hsl(164, 79%, 96%); /*Main hover grün*/

  --clr-hover-transparent-100: hsla(164, 78%, 81%, 0.4); /*Main hover grün*/

  --clr-neutral-100: hsl(240, 17%, 98%); /*Primary white*/
  --clr-neutral-900: hsl(0, 0%, 30%); /*Primary black*/

  --clr-gradient-left: linear-gradient(90deg, hsl(173, 100%, 22%) 0%, hsl(144, 100%, 30%) 36%, hsla(144, 100%, 30%, 0.09) 68.75%);
  --clr-gradient-right: linear-gradient(90deg, hsla(144, 100%, 30%, 0.09) 0%, hsl(144, 100%, 30%) 55%, hsl(173, 100%, 22%) 100%);

  --ff-primary: "ttcommonsmedium", sans-serif;
  --ff-secondary: "ttcommonsbold", sans-serif;
  --ff-body: var(--ff-primary);
  --ff-heading: var(--ff-secondary);

  /*Mobile*/
  --fs-200: 0.75rem; /*12px Kategorie*/
  --fs-300: 0.875rem; /*14px Pre-Titel*/
  --fs-400: 1rem; /*16px Body*/
  --fs-500: 1.125rem; /*18px List-Link / Footer-Link*/
  --fs-600: 1.5rem; /*24px PromoTeaser */
  --fs-700: 2.25rem; /*36px Titel*/
  --fs-800: 2.625rem; /*42px Titel*/
  --fs-900: 3.5rem; /*56px Titel*/

  --fs-body: var(--fs-400);
  --fs-title: var(--fs-700);
  --fs-teaser: var(--fs-600);
  --fs-pretitle: var(--fs-300);
  --fs-listlink: var(--fs-500);
  --fs-categorie: var(--fs-200);
  --fs-button: var(--fs-400);

  --size-100: 0.25rem;
  --size-200: 0.5rem;
  --size-300: 0.75rem;
  --size-400: 1rem;
  --size-500: 1.5rem;
  --size-600: 2rem;
  --size-650: 2.5rem;
  --size-700: 3rem;
  --size-800: 4rem;
  --size-900: 5rem;
}
@media (min-width: 40em) {
  :root {
    --fs-body: var(--fs-500); /*18px Body*/
    --fs-teaser: var(--fs-800); /*42px PromoTeaser / Footer-Link*/
    --fs-title: var(--fs-900); /*56px Titel*/
    --fs-listlink: var(--fs-600);
    --fs-button: var(--fs-500);
  }
}

/* Utility classes */

.text-primary-400 {
  color: var(--clr-primary-400);
}
.text-primary-100 {
  color: var(--clr-primary-100);
}
.text-accent-100 {
  color: var(--clr-accent-100);
}
.text-neutral-100 {
  color: var(--clr-neutral-100);
}
.text-neutral-900 {
  color: var(--clr-neutral-900);
}

.bg-primary-400 {
  background-color: var(--clr-primary-400);
}
.bg-primary-100 {
  background-color: var(--clr-primary-100);
}
.bg-accent-100 {
  background-color: var(--clr-accent-100);
}
.bg-neutral-100 {
  background-color: var(--clr-neutral-100);
}
.bg-neutral-900 {
  background-color: var(--clr-neutral-900);
}

.bg-gradient-left {
  background-image: var(--clr-gradient-left);
}
.bg-gradient-right {
  background-image: var(--clr-gradient-right);
}

.fs-ff-title {
  font-size: var(--fs-title);
  font-family: var(--ff-secondary);
  line-height: 1;
  padding: var(--size-500) 0;
}
.fs-ff-teaser {
  font-size: var(--fs-teaser);
  font-family: var(--ff-secondary);
  line-height: 1;
  padding: var(--size-500) 0;
}
.fs-ff-pretitle {
  font-size: var(--fs-pretitle);
  font-family: var(--ff-secondary);
}

.fs-ff-listlink {
  font-size: var(--fs-listlink);
  font-family: var(--ff-secondary);
  padding: var(--size-400) 0;
}

.fs-ff-tablink {
  font-size: var(--fs-listlink);
  font-family: var(--ff-secondary);
}

.fs-200 {
  font-size: var(--fs-200);
}
.fs-300 {
  font-size: var(--fs-300);
}
.fs-400 {
  font-size: var(--fs-400);
}
.fs-500 {
  font-size: var(--fs-500);
}
.fs-600 {
  font-size: var(--fs-600);
}

@media (min-width: 40em) {
  [class*="grid-"] {
    display: grid;
    gap: clamp(1.5rem, calc(15vw - 8rem), 2rem);
  }

  .grid-even-columns {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.grid-even-columns img {
  max-width: 100%;
  aspect-ratio: 1.3 / 1;
  min-height: 20rem;
  margin-bottom: var(--size-400);
  border-radius: var(--size-400);
  object-fit: cover;
}

.cols-1 {
  --grid-start: 1;
}
.cols-2 {
  --grid-start: 2;
}
.cols-3 {
  --grid-start: 3;
}
.cols-4 {
  --grid-start: 4;
}
.cols-5 {
  --grid-start: 5;
}
.cols-6 {
  --grid-start: 6;
}
.cols-7 {
  --grid-start: 7;
}
.cols-8 {
  --grid-start: 8;
}
.cols-9 {
  --grid-start: 9;
}
.cols-10 {
  --grid-start: 10;
}
.cols-11 {
  --grid-start: 11;
}
.cols-12 {
  --grid-start: 12;
}
.cols-13 {
  --grid-start: 13;
}

.cole-1 {
  --grid-end: 1;
}
.cole-2 {
  --grid-end: 2;
}
.cole-3 {
  --grid-end: 3;
}
.cole-4 {
  --grid-end: 4;
}
.cole-5 {
  --grid-end: 5;
}
.cole-6 {
  --grid-end: 6;
}
.cole-7 {
  --grid-end: 7;
}
.cole-8 {
  --grid-end: 8;
}
.cole-9 {
  --grid-end: 9;
}
.cole-10 {
  --grid-end: 10;
}
.cole-11 {
  --grid-end: 11;
}
.cole-12 {
  --grid-end: 12;
}
.cole-13 {
  --grid-end: 13;
}
.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

[class*="cols-"],
[class*="cole-"] {
  grid-column: var(--grid-start) / var(--grid-end);
}

.hon-flex {
  display: flex;
}

.hon-no-gap {
  gap: 0;
}

.hon-gap-600 {
  gap: var(--size-600);
}

/* general styling */
html {
  /* background-color: var(--clr-accent-100); */
}

main {
  margin-block-start: 0 !important;
}

body {
  font-size: var(--fs-body);
  font-family: var(--ff-body);
  color: var(--clr-neutral-900) !important;
}

strong {
  font-family: var(--ff-secondary);
}

p > a,
li > a {
  color: var(--clr-primary-400);
  text-decoration: underline;
}
p > a:hover,
li > a:hover {
  color: var(--clr-primary-100);
}

aside .top-bar {
  font-size: var(--fs-300);
  font-family: var(--ff-secondary);
  color: var(--clr-secondary-400);
  max-width: 1440px;
  margin: auto;
  padding: var(--size-400);

  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  align-items: center;
}

aside .bottom-bar {
  font-size: var(--fs-500);
  font-family: var(--ff-secondary);
  color: var(--clr-primary-400);
  margin: auto;
  padding: var(--size-600) 0;

  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
  flex-wrap: wrap-reverse;
  align-items: center;
}

.top-bar a {
  font-family: var(--ff-secondary);
  color: var(--clr-secondary-400);
  text-decoration: none;
}

.bottom-bar a {
  font-family: var(--ff-secondary);
  color: var(--clr-primary-400);
  text-decoration: none;
}

.circle {
  color: var(--clr-secondary-400);
  background-color: var(--clr-secondary-900);
  border-radius: 100%;
  padding: 0.25rem 0.3rem;
  margin: 0 0 0 0.5rem;
}

[data-wpml="language-item"]:first-of-type {
  margin-top: 0 !important;
}

@media (max-width: 781px) {
  .top-aside-menu {
    display: none;
  }
}

@media (min-width: 781px) {
  .bottom-aside-menu {
    display: none;
  }
}

/*Footer links */
.hon-footer-links a {
  text-decoration: none;
}

footer .wp-block-social-links {
  display: flex;
  gap: 1rem;
}

/* Headerslider */
.blockslider-slide-inner-wrapper.blockslider__inner-container .wp-block-cover {
  min-height: 720px !important;
}
.block-slider .blockslider-navigation-wrapper {
  right: 0;
  bottom: 6.5rem;
  margin: auto;
}
.block-slider .blockslider-pagination-wrapper {
  right: 0;
  bottom: 9rem;
  margin: auto;
}
.block-slider .blockslider-navigation-wrapper svg {
  fill-opacity: 0.5;
  stroke-width: 1;
}
.blockslider-pagination.blockslider-pagination-circle span,
.blockslider-pagination.blockslider-pagination-square span {
  width: 2rem;
  height: 0.2rem;
}

@media (min-width: 781px) {
  .hon-hero-banner .wp-block-cover {
    min-height: 550px !important;
  }
  .block-slider .blockslider-navigation-wrapper {
    max-width: 700px;
  }
  .block-slider .blockslider-pagination-wrapper {
    max-width: 800px;
  }
  .blockslider-pagination.blockslider-pagination-circle span,
  .blockslider-pagination.blockslider-pagination-square span {
    width: 5rem;
    height: 0.2rem;
  }
}

/* button styles just*/
[class*="button-"],
.wpcf7-submit {
  font-size: var(--fs-button);
  font-family: var(--ff-secondary);
  text-decoration: none;
  padding: var(--size-200) var(--size-600);
  border-radius: var(--size-900);
  border: 2px solid transparent;
  margin-block: var(--size-600);
  transition: color 100ms ease-in, background-color 100ms ease-in, border 100ms ease-in;
}

/*Editor-Styles for Button */
.editor-styles-wrapper :where(.wp-block-button .wp-block-button__link) {
    margin-top: 1.5rem !important;
    padding-top: 0.7rem !important;
    padding-right: 2rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 2rem !important;
}

.button-regular:hover,
.button-regular.small-tab:hover,
.wpcf7-submit:hover {
  color: var(--clr-primary-400);
  background-color: var(--clr-hover-100);
  border: 2px solid var(--clr-primary-400);
}

.button-inverted:hover {
  color: var(--clr-primary-400);
  background-color: var(--clr-accent-100);
  border: 2px solid var(--clr-neutral-100);
}

.button-regular,
.button-regular.small,
.button-regular.small-tab,
.wpcf7-submit {
  color: var(--clr-neutral-100);
  background-color: var(--clr-primary-400);
}

.button-inverted,
.button-inverted.small,
.button-inverted.small-tab {
  color: var(--clr-secondary-900);
  background-color: var(--clr-secondary-100);
}

.button-regular.small,
.button-inverted.small,
.button-regular.small-tab,
.button-inverted.small-tab {
  font-size: var(--size-300);
  padding: var(--size-200) var(--size-400);
}

.button-regular.small-tab {
  display: inline-block;
  margin-top: 1rem !important;
}

/*  Default button styles 
.wp-block-button .wp-block-button__link {
  text-decoration: none;
  border: 2px solid var(--clr-primary-400);
  color: var(--clr-neutral-100);
  background-color: var(--clr-primary-400);
  transition: color 100ms ease-in, background-color 100ms ease-in, border 100ms ease-in;
}

.wp-block-button .wp-block-button__link:hover {
  color: var(--clr-primary-400);
  background-color: var(--clr-neutral-100);
  border: 2px solid var(--clr-primary-400);
}

.is-style-hon-btn-white .wp-block-button__link {
  text-decoration: none;
  border: 2px solid transparent;
  color: var(--clr-primary-400);
  background-color: var(--clr-neutral-100);
  transition: color 100ms ease-in, background-color 100ms ease-in, border 100ms ease-in;
}

.is-style-hon-btn-white .wp-block-button__link:hover {
  color: var(--clr-neutral-100);
  background-color: var(--clr-primary-400);
  border: 2px solid var(--clr-neutral-100);
} */

/* language switcher */
.wpml-language-switcher-block {
  z-index: 10;
}

/* map listing */
.wpgmza-standalone-component .wpgmza-marker-grid {
  margin-top: 3rem;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1140px) {
  .wpgmza-standalone-component .wpgmza-marker-grid {
    margin-top: 3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 781px) {
  .wpgmza-standalone-component .wpgmza-marker-grid {
    display: block;
  }

  .wpgmza_map {
    display: none !important;
  }
}

/* -------------------------------- 
  
  File#: _3_mega-site-navigation
  Title: Mega-Site Navigation
  Descr: Navigation template for mega-sites
  
  -------------------------------- */

/* variables */
:root {
  /* colors */
  --mn8-color-primary-hsl: 144, 100%, 30%;
  --mn8-color-bg-hsl: 0, 0%, 100%;
  --mn8-color-contrast-high-hsl: 230, 7%, 23%;
  --mn8-color-contrast-higher-hsl: 230, 13%, 9%;
  --mn8-color-contrast-lower-hsl: 240, 4%, 85%;
  --mn8-color-contrast-medium-hsl: 225, 4%, 47%;
  --mn8-color-bg-dark-hsl: 240, 4%, 95%;
  --mn8-color-white-hsl: 0, 0%, 100%;
  --mn8-color-primary-darker-hsl: 250, 84%, 38%;
  --mn8-color-primary-light-hsl: 250, 84%, 60%;
  --mn8-color-bg-lighter-hsl: 0, 0%, 100%;
  --mn8-color-black-hsl: 230, 13%, 9%;
  --mn8-color-bg-light-hsl: 0, 0%, 100%;
  --mn8-color-contrast-low-hsl: 240, 4%, 65%;
  --mn8-color-accent-hsl: 342, 89%, 48%;

  /* spacing */
  --mn8-space-4xs: 0.125rem;
  --mn8-space-3xs: 0.25rem;
  --mn8-space-2xs: 0.375rem;
  --mn8-space-xs: 0.5rem;
  --mn8-space-sm: 0.75rem;
  --mn8-space-md: 1.25rem;
  --mn8-space-lg: 2rem;
  --mn8-space-xl: 3.25rem;

  /* typography */
  --mn8-text-xl: 1.728rem;
  --mn8-text-lg: 1.25rem;
  --mn8-text-md: 1.2rem;
  --mn8-text-base: 1rem;
  --mn8-text-sm: 0.833rem;
  --mn8-text-xs: 0.694rem;
  --mn8-text-sm: 0.833rem;
}

@media (min-width: 64rem) {
  :root {
    /* spacing */
    --mn8-space-4xs: 0.1875rem;
    --mn8-space-3xs: 0.375rem;
    --mn8-space-2xs: 0.5625rem;
    --mn8-space-xs: 0.75rem;
    --mn8-space-sm: 1.125rem;
    --mn8-space-md: 2rem;
    --mn8-space-lg: 3.125rem;
    --mn8-space-xl: 5.125rem;

    /* typography */
    --mn8-text-xl: 2.44rem;
    --mn8-text-lg: 1.75rem;
    --mn8-text-md: 1.5625rem;
    --mn8-text-base: 1.25rem;
    --mn8-text-sm: 1rem;
    --mn8-text-xs: 0.8rem;
    --mn8-text-sm: 1rem;
  }
}

/* link style reset */
.mega-nav__item a {
  color: var(--clr-neutral-900);
}

/* icons */
/*used*/
.mn8-icon {
  height: var(--mn8-size, 1em);
  width: var(--mn8-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}
/*used*/
.mn8-icon--xs {
  --mn8-size: 16px;
}

.mn8-icon--sm {
  width: 2rem;
}

/* component */
:root {
  --mega-nav-height: 50px;
  --mega-nav-content-max-width: 1440px;
  /* set max-width for navigation content */
}
@media (min-width: 64rem) {
  :root {
    --mega-nav-height: 110px;
  }
}
/*used*/
.mega-nav {
  height: var(--mega-nav-height);
  width: 100%;
  z-index: 3;
  /*  box-shadow: inset 0px -1px 0px hsla(var(--mn8-color-contrast-higher-hsl), 0.1); */
  /* border bottom */
}
/*used*/
.mega-nav__container {
  width: calc(100% - 2 * var(--mn8-space-md));
  height: 100%;
  /* max-width: var(--mega-nav-content-max-width); */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* logo */
/*used*/
.mega-nav__logo {
  display: block;
  width: 120px;

  /* logo width */
  /* logo height */
}

@media (min-width: 64rem) {
  .mega-nav__logo {
    display: block;
    width: 200px;

    /* logo width */
    /* logo height */
  }
}

.mega-nav__logo > * {
  /* logo SVG */
  width: inherit;
  height: inherit;
}

/* mobile buttons */
/*used*/
.mega-nav__icon-btns {
  display: flex;
  align-items: center;
}

/*used*/
.mega-nav__icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 28px;
  /* icon size */
  color: var(--clr-secondary-400);
  /* icon color */
  cursor: pointer;
  transition: 0.2s;
}
/*used*/
.mega-nav__icon-btn .mn8-icon {
  display: block;
}
/*used*/
.mega-nav__icon-btn .icon__group {
  stroke-width: 2px;
  /* icon stroke width */
}
/*used*/
.mega-nav__icon-btn .icon__group > * {
  transition: stroke-dashoffset 0.3s, opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), stroke-dashoffset 0.3s, opacity 0.3s;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), stroke-dashoffset 0.3s, opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* animated search button */
.mega-nav__icon-btn--search .icon__group {
  -webkit-transform-origin: 12px 12px;
  transform-origin: 12px 12px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega-nav__icon-btn--search .icon__group > *:nth-child(1) {
  stroke-dashoffset: 34;
  stroke-dasharray: 24;
}
.mega-nav__icon-btn--search .icon__group > *:nth-child(2) {
  stroke-dashoffset: 24;
  stroke-dasharray: 24;
}
.mega-nav__icon-btn--search .icon__group > *:nth-child(3) {
  -webkit-transform-origin: 9.5px 9.5px;
  transform-origin: 9.5px 9.5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  stroke-dashoffset: 84;
  stroke-dasharray: 42;
  opacity: 1;
}
.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(1) {
  stroke-dashoffset: 48;
}
.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(2) {
  stroke-dashoffset: 48;
}
.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(3) {
  stroke-dashoffset: 42;
  opacity: 0;
}

/* animated arrow icon */
/*used*/
.mega-nav__arrow-icon {
  font-size: 16px;
  /* icon size */
  color: currentColor;
  /* icon color */
  transition: color 0.2s;
}
.mega-nav__arrow-icon .mn8-icon {
  display: block;
}
.mega-nav__arrow-icon .icon__group {
  stroke-width: 1px;
  /* icon stroke width */
  will-change: transform;
  -webkit-transform-origin: 8px 8px;
  transform-origin: 8px 8px;
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega-nav__arrow-icon .icon__group > * {
  stroke-dasharray: 17;
  -webkit-transform-origin: 8px 8px;
  transform-origin: 8px 8px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  transition: stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega-nav__arrow-icon .icon__group > *:first-child {
  stroke-dashoffset: 8.5;
}
.mega-nav__arrow-icon .icon__group > *:last-child {
  stroke-dashoffset: 8.5;
}

/* label/divider */
/*used*/
.mega-nav__label {
  color: hsl(var(--mn8-color-contrast-medium-hsl));

  letter-spacing: 0.1em;
  font-size: var(--mn8-text-xs);
}

/* -------------------------------- 
  
  --mobile - style affecting only small screens 👇
  
  -------------------------------- */
.mega-nav--mobile {
  /* sub navigation */
}
/*used*/
.mega-nav--mobile .mega-nav__icon-btns--desktop {
  display: none;
  /* hide --desktop icon buttons */
}
/*used*/
.mega-nav--mobile .mega-nav__nav,
.mega-nav--mobile .mega-nav__search {
  display: none;
  position: absolute;
  top: var(--mega-nav-height);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
  /* set --mega-nav-offset-y in JS */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: hsl(var(--mn8-color-bg-hsl));
  box-shadow: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
}
/*used*/
.mega-nav--mobile .mega-nav__nav--is-visible,
.mega-nav--mobile .mega-nav__search--is-visible {
  display: block;
}
/*used*/
.mega-nav--mobile .mega-nav__nav--is-visible > *,
.mega-nav--mobile .mega-nav__search--is-visible > * {
  -webkit-animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*used*/
.mega-nav--mobile .mega-nav__nav-inner,
.mega-nav--mobile .mega-nav__search-inner {
  padding: var(--mn8-space-md) 0;
  width: calc(100% - 2 * var(--mn8-space-md));
  max-width: var(--mega-nav-content-max-width);
  margin-left: auto;
  margin-right: auto;
}
/*used*/
.mega-nav--mobile .mega-nav__label {
  /* label/divider */
  margin: var(--mn8-space-xs) 0 var(--mn8-space-xs);
}
/*used*/
.mega-nav--mobile .mega-nav__item {
  /* main navigation items */
  border-bottom: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
}
/*used*/
.mega-nav--mobile .mega-nav__control {
  /* navigation main controls (buttons/links) */
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--mn8-text-md);
  text-align: left;
  padding: var(--mn8-space-sm) 0;
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
  cursor: pointer;
}
/*check...*/
.mega-nav--mobile a[aria-current="page"] {
  /* current page */
  color: hsl(var(--mn8-color-primary-hsl));
}
/*used*/
.mega-nav--mobile .mega-nav__arrow-icon {
  margin-left: auto;
  margin-right: 12px;
}
/*used*/
.mega-nav--mobile .mega-nav__sub-nav-wrapper {
  /* sub navigation content */
  display: none;
  padding: 0 var(--mn8-space-md) var(--mn8-space-lg);
  overflow: hidden;
}
/*used*/
.mega-nav--mobile .mega-nav__sub-items {
  /* list of sub items */
}
/*used*/
.mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
  margin-bottom: var(--mn8-space-lg);
}
/*used*/
.mega-nav--mobile .mega-nav__sub-item {
  /* sub item */
  border-bottom: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
}
.mega-nav--mobile .mega-nav__sub-item-b {
  /* sub item */
  border-bottom: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
}
.mega-nav--mobile .mega-nav__sub-item-tb {
  /* sub item */
  border-bottom: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
  border-top: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
}

/*used*/
.mega-nav--mobile .mega-nav__sub-link {
  /* sub link */
  display: block;
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
  padding: var(--mn8-space-2xs) 0;
}
/*used*/
.mega-nav--mobile .mega-nav__quick-link {
  /* search quick links */
  display: block;
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
  border-bottom: 1px solid hsl(var(--mn8-color-contrast-high-hsl));
  padding: var(--mn8-space-xs) 0;
}
/*used*/
.mega-nav--mobile .mega-nav__sub-nav--layout-1 {
  /* layout 1 -> tabbed content */
}
/*used*/
.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
  margin-bottom: 0;
}
/*used*/
.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__tabs {
  display: none;
  /* hide tabbed content on smaller screens */
}
/*used*/
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
  /* animated arrow icon */
}
/*used*/
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child {
  -webkit-transform: translateY(-3px) rotate(-90deg);
  transform: translateY(-3px) rotate(-90deg);
}
/*used*/
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:last-child {
  -webkit-transform: translateY(-3px) rotate(90deg);
  transform: translateY(-3px) rotate(90deg);
}
/*used*/
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
  display: block;
}
/*used*/
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper > * {
  -webkit-animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* -------------------------------- 
  
  --desktop - style affecting only big screens 👇
  
  -------------------------------- */
.mega-nav--desktop {
  /* tabs */
  /* icon animation on click */
  /* icon buttons */
}
/*used*/
.mega-nav--desktop .mega-nav__icon-btns--mobile,
.mega-nav--desktop .mega-nav__sub-nav-wrapper,
.mega-nav--desktop .mega-nav__search,
.mega-nav--desktop .mega-nav__label {
  display: none;
}
/*used*/
.mega-nav--desktop .mega-nav__logo {
  flex-shrink: 0;
  margin-right: 6rem;
}
/*used*/
.mega-nav--desktop .mega-nav__nav {
  flex-grow: 1;
  height: 100%;
}
/*used*/
.mega-nav--desktop .mega-nav__nav-inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  /* navigation layout - change to "flex-end" to push the navigation to the right */
}
/*used*/
.mega-nav--desktop .mega-nav__items {
  display: flex;
  height: 100%;
}
/*used*/
.mega-nav--desktop .mega-nav__item {
  display: flex;
  align-items: center;
}
/*used*/
.mega-nav--desktop .mega-nav__control {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 var(--mn8-space-sm);
  height: 100%;
  font-size: var(--mn8-text-sm);
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
  transition: 0.2s;
}
/*used*/
.mega-nav--desktop .mega-nav__control::after {
  /* marker */
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: hsl(var(--mn8-color-primary-hsl));
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
/*used*/
.mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon {
  margin-left: var(--mn8-space-2xs);
}
/*used*/
.mega-nav--desktop .mega-nav__control:hover {
  cursor: pointer;
  text-decoration: underline var(--clr-primary-400) 2px;
  text-underline-offset: 1rem;
  /* background-color: hsla(var(--mn8-color-contrast-higher-hsl), 0.05); hon */
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav-wrapper,
.mega-nav--desktop .mega-nav__search {
  position: absolute;
  top: var(--mega-nav-height);
  left: 0;
  width: 100%;
  background-color: hsl(var(--mn8-color-bg-hsl));
  box-shadow: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
  max-height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
  /* set --mega-nav-offset-y in JS */
  overflow: auto;
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav,
.mega-nav--desktop .mega-nav__search-inner {
  width: calc(100% - 2 * var(--mn8-space-md));
  margin: 0 auto;
  padding: var(--mn8-space-xl) 0;
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav .mega-nav__label,
.mega-nav--desktop .mega-nav__search-inner .mega-nav__label {
  display: block;
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav {
  max-width: var(--mega-nav-content-max-width);
}
/*used*/
.mega-nav--desktop .mega-nav__search-inner {
  max-width: 38rem;
  /* reduce max-width for search content */
}
/*used*/
.mega-nav--desktop .mega-nav__label {
  margin-bottom: var(--mn8-space-md);
}
/*used*/
.mega-nav--desktop .mega-nav__sub-item:not(:last-child) {
  margin-bottom: var(--mn8-space-sm);
}
/*used*/
.mega-nav--desktop .mega-nav__sub-link {
  font-size: var(--mn8-text-sm);
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
}
/*used*/
.mega-nav--desktop .mega-nav__quick-link {
  /* search quick links */
  display: inline-block;
  margin-bottom: var(--mn8-space-2xs);
  font-size: var(--mn8-text-sm);
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
}
/*used*/
.mega-nav--desktop .mega-nav__quick-link:hover {
  text-decoration: underline;
  color: hsl(var(--mn8-color-contrast-high-hsl));
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav--layout-1 {
  min-height: 28rem;
  /* layout 1 -> tabbed content */
}
/*used*/
.mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
  display: none;
  /* hide links */
}
/*used*/
.mega-nav--desktop .mega-nav__tabs-controls > *:not(:last-child) {
  border-bottom: 1px solid var(--clr-neutral-100);
}
/*used*/
.mega-nav--desktop .mega-nav__tabs-control {
  display: block;
  width: 100%;
  padding: var(--mn8-space-xs);
  overflow: hidden;
  color: hsl(var(--mn8-color-contrast-higher-hsl));
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
}
/*used*/
.mega-nav--desktop .mega-nav__tabs-control .mn8-icon {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*used*/
.mega-nav--desktop .mega-nav__tabs-control:hover,
.mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] {
  color: hsl(var(--mn8-color-primary-hsl));
}
/*used*/
.mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] .mn8-icon {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
/*used*/
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
  /* marker */
  text-decoration: underline var(--clr-primary-400) 2px;
  text-underline-offset: 1rem;
}
/*used*/
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
  display: block;
}
/*used*/
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav {
  -webkit-animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*used*/
.mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*used*/
.mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child,
.mega-nav--desktop:not([data-hover="on"]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group *:last-child {
  stroke-dashoffset: 0;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
/*used*/
.mega-nav--desktop .mega-nav__icon-btn {
  border-radius: 50%;
  margin-left: var(--mn8-space-4xs);
}
/*used*/
.mega-nav--desktop .mega-nav__icon-btn:hover {
  background-color: hsla(var(--mn8-color-contrast-higher-hsl), 0.05);
}
/*used*/
.mega-nav--desktop .mega-nav__search--is-visible {
  display: block;
}
/*used*/
.mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner {
  -webkit-animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: mega-nav-entry-animation 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* animations */
@-webkit-keyframes mega-nav-entry-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes mega-nav-entry-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/* used in JS - detect when the menu needs to switch from --mobile to --desktop layout */
[class*="mega-nav--desktop"]::before {
  display: none;
  content: "mobile";
}

@media (min-width: 32rem) {
  .mega-nav--desktop\@xs::before {
    content: "desktop";
  }
}
@media (min-width: 48rem) {
  .mega-nav--desktop\@sm::before {
    content: "desktop";
  }
}
@media (min-width: 64rem) {
  .mega-nav--desktop\@md::before {
    content: "desktop";
  }
}
@media (min-width: 80rem) {
  .mega-nav--desktop\@lg::before {
    content: "desktop";
  }
}
@media (min-width: 90rem) {
  .mega-nav--desktop\@xl::before {
    content: "desktop";
  }
}

/* utility classes */
.alignfull {
  padding-inline: 0;
}

.mn8-flex {
  display: flex;
}

.mn8-block {
  display: block;
}

.mn8-text-component :where(p, blockquote, ul li, ol li) {
  line-height: var(--mn8-body-line-height, 1.4);
}

.mn8-text-component :where(ul, ol, p, blockquote, .mn8-text-component__block) {
  margin-bottom: calc(var(--mn8-space-sm) * var(--mn8-space-multiplier, 1));
}

.mn8-text-component :where(ul, ol) {
  padding-left: 1.25em;
}

.mn8-text-component ul :where(ul, ol),
.mn8-text-component ol :where(ul, ol) {
  padding-left: 1em;
  margin-bottom: 0;
}

.mn8-text-component ul {
  list-style-type: disc;
}

.mn8-text-component ol {
  list-style-type: decimal;
}

.mn8-text-component img {
  display: block;
  margin: 0 auto;
}

.mn8-text-component figcaption {
  margin-top: calc(var(--mn8-space-xs) * var(--mn8-space-multiplier, 1));
  font-size: var(--mn8-text-sm);
  text-align: center;
}

.mn8-text-component em {
  font-style: italic;
}

.mn8-text-component strong {
  font-weight: bold;
}

.mn8-text-component s {
  text-decoration: line-through;
}

.mn8-text-component u {
  text-decoration: underline;
}

.mn8-text-component mark {
  background-color: hsla(var(--mn8-color-accent-hsl), 0.2);
  color: inherit;
}

.mn8-text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid hsl(var(--mn8-color-contrast-lower-hsl));
  font-style: italic;
}

.mn8-text-component hr {
  margin: calc(var(--mn8-space-md) * var(--mn8-space-multiplier, 1)) auto;
  background: hsl(var(--mn8-color-contrast-lower-hsl));
  height: 1px;
}

.mn8-text-component > *:first-child {
  margin-top: 0;
}

.mn8-text-component > *:last-child {
  margin-bottom: 0;
}

.mn8-margin-left-auto {
  margin-left: auto;
}

.mn8-margin-right-3xs {
  margin-right: var(--mn8-space-3xs);
}

.mn8-gap-xs {
  gap: var(--mn8-space-xs);
}

.mn8-items-center {
  align-items: center;
}

.mn8-position-relative {
  position: relative;
}

.hon-mhide {
  display: none;
  transition: all 0.5s linear;
  animation: slideDownReverse 0.25s ease;
}

.hon-mshow {
  display: block;

  animation: slideDown 0.5s ease-out forwards;
}

.hon-hover-active {
  font-family: var(--ff-secondary);
  
}

/* mobile links li clickable */
@media (max-width: 781px) {
  .fs-ff-listlink a {
    width: 85%;
  }
}

/* hide current post on carousel */
.dontShowthis {
  display: none;
}

/*Cursor Style when preventing multiple submissions on Contact Form 7*/
.wpcf7 .wpcf7-submit:disabled {
	cursor: default !important;
  }


  /** 1. Standortliste (linke Spalte des Panels, Teaser liegt rechts daneben) */
 
.hon-standort-list ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--mn8-space-md);
  row-gap: var(--mn8-space-xs);
}
 
.hon-standort-list li {
  list-style: none;
}
 
/* Der Abstand der Sub-Items wird im Grid über row-gap gesteuert */
.mega-nav--desktop .hon-standort-list .mega-nav__sub-item:not(:last-child) {
  margin-bottom: 0;
}
 
.hon-standort-list li:hover {
  font-family: var(--ff-secondary);
}
 
.hon-standort-list li:hover span.word-border {
  border-bottom: 2px solid var(--clr-primary-400);
  padding-bottom: 2px;
}
 
.hon-standort-list a:hover {
  text-decoration: none;
}
 
/* "Alle Standorte in …" über beide Spalten absetzen */
.hon-standort-list .hon-standort-all {
  grid-column: 1 / -1;
  margin-top: var(--mn8-space-sm);
  padding-top: var(--mn8-space-sm);
  border-top: 1px solid var(--clr-accent-100);
}
 
/* Regionen mit wenigen Standorten nicht künstlich zweispaltig setzen */
.hon-standort-list ul:has(li:nth-child(-n + 3):last-child) {
  grid-template-columns: minmax(0, 1fr);
}
 
/** 2. Kontakt-Button in der Navigation
    Aussehen kommt von .wp-block-button / .is-style-hon-btn-green,
    hier nur die Einpassung in die Navigationsleiste. */
 
.mega-nav__cta {
  display: flex;
  align-items: center;
}
 
.mega-nav__cta .wp-block-buttons,
.mega-nav__cta .wp-block-button,
.mega-nav__cta .wp-block-button__link {
  margin: 0;
}
 
.mega-nav__cta .wp-block-button__link {
  white-space: nowrap;
}
 
.mega-nav--desktop .mega-nav__cta {
  margin-left: var(--mn8-space-xs);
}
 
.mega-nav--mobile .mega-nav__cta {
  display: block;
  margin-top: var(--mn8-space-md);
}
 
.mega-nav--mobile .mega-nav__cta .wp-block-buttons {
  justify-content: center;
}

/** 3. Enger Desktop-Bereich (1024–1240px)
    Logo-Abstand und Item-Padding sind dort fix, dadurch läuft die Leiste
    mit dem zusätzlichen Button über. */
 
.mega-nav--desktop .mega-nav__nav-inner,
.mega-nav--desktop .mega-nav__items {
  min-width: 0;
}
 
.mega-nav__cta {
  flex-shrink: 0;
}
 
@media (min-width: 64rem) and (max-width: 77.5rem) {
  .mega-nav--desktop .mega-nav__logo {
    margin-right: var(--mn8-space-md);
  }
 
  .mega-nav--desktop .mega-nav__control {
    padding: 0 var(--mn8-space-xs);
  }
 
  .mega-nav--desktop .mega-nav__cta {
    margin-left: var(--mn8-space-xs);
  }
 
  .mega-nav__cta .wp-block-button__link {
    padding-right: var(--mn8-space-md);
    padding-left: var(--mn8-space-md);
  }

  .mega-nav__logo { width: 160px }
}