@charset "UTF-8";
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
 * Header styling and layout
 */
.site-header {
  /* Backwards compat for Hello 2.3.0 */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  position: relative;
}
.site-header .site-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.site-header .site-branding {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.5rem;
}
.site-header .header-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.site-header .header-inner .custom-logo-link {
  display: block;
}
.site-header .header-inner .site-branding .site-title,
.site-header .header-inner .site-branding .site-description {
  margin: 0;
}
.site-header .header-inner .site-branding .site-logo img {
  display: block;
}
.site-header .header-inner .site-branding.show-title .site-logo {
  display: none !important;
}
.site-header .header-inner .site-branding.show-logo .site-title {
  display: none !important;
}
.site-header.header-inverted .header-inner {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.site-header.header-inverted .header-inner .site-branding {
  text-align: end;
}
.site-header.header-stacked .header-inner {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
}

/**
 * Loading first in the style.scss & classic-editor.scss
 */
.site-footer {
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  position: relative;
}
.site-footer .site-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.site-footer .site-branding {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.5rem;
}
.site-footer .footer-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.site-footer .footer-inner .custom-logo-link {
  display: block;
}
.site-footer .footer-inner .site-branding .site-title,
.site-footer .footer-inner .site-branding .site-description {
  margin: 0;
}
.site-footer .footer-inner .site-branding .site-logo img {
  display: block;
}
.site-footer .footer-inner .site-branding.show-title .site-logo {
  display: none !important;
}
.site-footer .footer-inner .site-branding.show-logo .site-title {
  display: none !important;
}
.site-footer .footer-inner .copyright {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.site-footer .footer-inner .copyright p {
  margin: 0;
}
.site-footer.footer-inverted .footer-inner {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.site-footer.footer-inverted .footer-inner .site-branding {
  text-align: end;
}
.site-footer.footer-stacked .footer-inner {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
}
.site-footer.footer-stacked .footer-inner .site-branding .site-title {
  text-align: center;
}
.site-footer.footer-stacked .footer-inner .site-navigation .menu {
  padding: 0;
}

@media (max-width: 576px) {
  .site-footer:not(.footer-stacked) .footer-inner .site-branding,
  .site-footer:not(.footer-stacked) .footer-inner .site-navigation,
  .site-footer:not(.footer-stacked) .footer-inner .copyright {
    display: block;
    text-align: center;
    width: 100%;
    max-width: none;
  }
  .site-footer .footer-inner .site-navigation ul.menu {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .site-footer .footer-inner .site-navigation ul.menu li {
    display: inline-block;
  }
}
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
 * Navigation Menus
 */
.site-header.header-stacked .site-navigation-toggle-holder {
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 100%;
}
.site-header.menu-layout-dropdown .site-navigation {
  display: none;
}

.site-navigation-toggle-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 15px;
}
.site-navigation-toggle-holder .site-navigation-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
  border: 0 solid;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  color: #494c4f;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon {
  display: block;
  width: 1.25rem;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon:before, .site-navigation-toggle-holder .site-navigation-toggle-icon:after {
  content: "";
  background-color: currentColor;
  display: block;
  height: 3px;
  transition: all 200ms ease-in-out;
  border-radius: 3px;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
  box-shadow: 0 0.35rem 0 currentColor;
  margin-block-end: 0.5rem;
}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before {
  box-shadow: none;
  transform: translateY(0.35rem) rotate(45deg);
}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after {
  transform: translateY(-0.35rem) rotate(-45deg);
}

.site-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.site-navigation ul.menu, .site-navigation ul.menu ul {
  list-style-type: none;
  padding: 0;
}
.site-navigation ul.menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-navigation ul.menu li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.site-navigation ul.menu li a {
  display: block;
  padding: 8px 15px;
}
.site-navigation ul.menu li.menu-item-has-children {
  padding-inline-end: 15px;
}
.site-navigation ul.menu li.menu-item-has-children:after {
  display: -ms-flexbox;
  display: flex;
  content: "▾";
  font-size: 1.5em;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #666666;
  text-decoration: none;
}
.site-navigation ul.menu li.menu-item-has-children:focus-within > ul {
  display: block;
}
.site-navigation ul.menu li ul {
  background: #fff;
  display: none;
  min-width: 150px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
}
.site-navigation ul.menu li ul li {
  border-block-end: rgb(238.425, 238.425, 238.425) 1px solid;
}
.site-navigation ul.menu li ul li:last-child {
  border-block-end: none;
}
.site-navigation ul.menu li ul li.menu-item-has-children a {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.site-navigation ul.menu li ul li.menu-item-has-children:after {
  transform: translateY(-50%) rotate(-90deg);
}
.site-navigation ul.menu li ul ul {
  left: 100%;
  top: 0;
}
.site-navigation ul.menu li:hover > ul {
  display: block;
}

footer .site-navigation ul.menu li ul {
  top: auto;
  bottom: 100%;
}
footer .site-navigation ul.menu li ul ul {
  bottom: 0;
}
footer .site-navigation ul.menu a {
  padding: 5px 15px;
}

.site-navigation-dropdown {
  margin-block-start: 10px;
  transition: max-height 0.3s, transform 0.3s;
  transform-origin: top;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
}
.site-navigation-toggle-holder:not(.elementor-active) + .site-navigation-dropdown {
  transform: scaleY(0);
  max-height: 0;
}
.site-navigation-toggle-holder.elementor-active + .site-navigation-dropdown {
  transform: scaleY(1);
  max-height: 100vh;
}
.site-navigation-dropdown ul {
  padding: 0;
}
.site-navigation-dropdown ul.menu {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  background: white;
}
.site-navigation-dropdown ul.menu li {
  display: block;
  width: 100%;
  position: relative;
}
.site-navigation-dropdown ul.menu li a {
  display: block;
  padding: 20px;
  background: #ffffff;
  color: #55595c;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1019607843);
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
  color: white;
  background: #55595c;
}
.site-navigation-dropdown ul.menu > li li {
  transition: max-height 0.3s, transform 0.3s;
  transform-origin: top;
  transform: scaleY(0);
  max-height: 0;
}
.site-navigation-dropdown ul.menu li.elementor-active > ul > li {
  transform: scaleY(1);
  max-height: 100vh;
}

@media (max-width: 576px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
  display: none !important;
}

header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child {
  -ms-flex-align: center;
      align-items: center; /* Vertikal zentrieren */
  -ms-flex-pack: center;
      justify-content: center;
}
header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/"], header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/#"] {
  display: -ms-inline-flexbox;
  display: inline-flex; /* Flexbox für Ausrichtung */
  -ms-flex-align: center;
      align-items: center; /* Vertikal mittig */
  -ms-flex-pack: center;
      justify-content: center; /* Horizontale Ausrichtung (optional) */
  height: 30px; /* Höhe des Links anpassen (je nach Bedarf) */
  width: 30px; /* Breite des Links anpassen (je nach Bedarf) */
  background-image: url("/app/themes/pace-berlin-hello-elementor-child-catering/assets/images/hubhome.svg"); /* SVG-Icon als Hintergrund */
  background-size: contain; /* Bildgröße anpassen */
  background-repeat: no-repeat; /* Kein Wiederholen des Bildes */
  text-indent: -9999px; /* Text ausblenden für visuelle Darstellung */
  position: relative; /* Positionierung für das Pseudo-Element */
  transform: translateY(-2px);
}
header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/"]::before, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/#"]::before {
  content: "Hub"; /* Text für Screenreader */
  position: absolute; /* Text absolut positionieren, aber unsichtbar */
  width: 1px;
  height: 1px; /* Unsichtbar machen */
  padding: 0;
  margin: 0;
  border: 0; /* Text nur für Screenreader sichtbar */
  clip: rect(0, 0, 0, 0); /* Text ausblenden */
  overflow: hidden; /* Überflüssige Teile ausblenden */
}
header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/"]:focus, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/"]:hover, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/"].elementor-item-active, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/#"]:focus, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/#"]:hover, header.elementor-location-header nav.elementor-nav-menu--layout-horizontal li:first-child a[href="/#"].elementor-item-active {
  background-image: url("/app/themes/pace-berlin-hello-elementor-child-catering/assets/images/hubhome_rot.svg"); /* SVG-Icon als Hintergrund */
}
@media (max-width: 767px) {
  header.elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
  header.elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    transform: translateY(41px) !important;
  }
}
header.elementor-location-header a {
  text-decoration: none;
}
header.elementor-location-header a:focus, header.elementor-location-header a:hover, header.elementor-location-header a.elementor-item-active {
  color: var(--e-global-color-accent);
  text-decoration: underline;
}
header.elementor-location-header .pojo-a11y-toolbar-link {
  display: -ms-flexbox;
  display: flex; /* Setzt Flexbox für das <a>-Tag */
  -ms-flex-align: center;
      align-items: center; /* Zentriert das <img> vertikal */
  -ms-flex-pack: center;
      justify-content: center; /* Zentriert das <img> horizontal */
  height: 100%; /* Sicherstellen, dass das Container-Element die gesamte Höhe hat */
}
header.elementor-location-header .pojo-a11y-toolbar-link img {
  max-width: 100%; /* Verhindert, dass das Bild zu groß wird */
  max-height: 100%; /* Verhindert, dass das Bild zu hoch wird */
}
header.elementor-location-header li li a:hover {
  color: var(--e-global-color-text);
  text-decoration: underline;
}
header.elementor-location-header .elementor-menu-toggle__icon--open svg {
  width: 100%;
  height: auto;
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal {
  padding: 0px;
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal ul {
  margin-bottom: 0px;
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li {
  /* Icon für Englisch */
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li::marker {
  content: "" !important;
  display: none !important;
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li.wpml-ls-item-de a:before {
  background-image: url("/app/themes/pace-berlin-hello-elementor-child-catering/assets/images/languageDE-on.svg");
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li.wpml-ls-item-en a:before {
  background-image: url("/app/themes/pace-berlin-hello-elementor-child-catering/assets/images/languageEN-on.svg");
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li.wpml-ls-item-de a:before, header.elementor-location-header .wpml-ls-legacy-list-horizontal li.wpml-ls-item-en a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover;
  margin-right: 8px; /* Abstand zwischen Icon und Text */
  vertical-align: middle; /* Standard vertikale Ausrichtung */
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li a {
  padding: 0 0 0 5px;
}
header.elementor-location-header .wpml-ls-legacy-list-horizontal li a span {
  /* sr-onl */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
header.elementor-location-header nav.elementor-nav-menu--main ul li:last-child a {
  padding-right: 0 !important; /* Entfernt das rechte Padding */
}
@media only screen and (min-width: 1024px) {
  header.elementor-location-header nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal .menu-item.wpml-ls-item {
    display: none !important;
  }
}
header.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu a {
  padding: 13px 6px;
}

/* Tool Accessibility Button */
nav#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
  display: none !important;
}
nav#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
  position: relative;
}
nav#pojo-a11y-toolbar .pojo-a11y-toolbar-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
  cursor: pointer;
  background: none;
  border: none;
  color: #000;
  padding: 5px;
}

/* FOOTER ***/
footer.elementor-location-footer a {
  text-decoration: none;
}
footer.elementor-location-footer a, footer.elementor-location-footer p, footer.elementor-location-footer li {
  color: var(--e-global-color-text);
}
footer.elementor-location-footer div.elementor-widget-container .elementor-icon-wrapper {
  max-height: 30px;
}

footer.elementor-location-footer > .elementor-element:nth-of-type(2) {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 1fr auto !important;
      grid-template-columns: 1fr auto !important;
  -ms-flex-align: center;
      align-items: center;
}

footer.elementor-location-footer > #sdn-footer a, footer.elementor-location-footer > #sdn-footer p, footer.elementor-location-footer > #sdn-footer li {
  color: var(--e-global-color-primary);
}
footer.elementor-location-footer > #sdn-footer .elementor-widget-wpml-language-switcher {
  margin-left: auto !important;
}
footer.elementor-location-footer > #sdn-footer .elementor-widget-wpml-language-switcher .wpml-ls-legacy-list-horizontal li {
  padding: 0px;
}
footer.elementor-location-footer > #sdn-footer .elementor-widget-wpml-language-switcher .wpml-ls-legacy-list-horizontal li a {
  padding: 0px 0px 0px 10px;
}
footer.elementor-location-footer > #sdn-footer .elementor-widget-wpml-language-switcher .wpml-ls-legacy-list-horizontalli:first-child a span::after {
  content: " | ";
}
footer.elementor-location-footer > #sdn-footer .e-con-inner {
  --padding-block-start: 0px;
  --padding-block-end: 0px;
}
footer.elementor-location-footer > #sdn-footer ul {
  display: -ms-flexbox;
  display: flex;
}

/* FOOTER END ***/