@charset "UTF-8";
/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team, J.F
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
h3 {
  margin-bottom: 4px !important; }

h6 {
  margin-bottom: 8px !important;
  font-weight: 400 !important; }

.elementor-widget-text-editor ul {
  padding: 0; }
  .elementor-widget-text-editor ul li {
    margin-left: 18px; }
  @media only screen and (max-width: 767px) {
    .elementor-widget-text-editor ul li {
      text-align: left !important; } }

/**
 * Elementor Customizations
 */
header .elementor-menu-toggle {
  padding: 10px 0;
  width: 100% !important;
  justify-content: flex-end !important;
  border-radius: 0 !important; }
  header .elementor-menu-toggle.elementor-active {
    background-color: #000 !important;
    color: #fff !important; }
    header .elementor-menu-toggle.elementor-active svg {
      fill: #fff !important; }
    header .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown ul {
      max-height: 500px;
      /* anpassen! oder über JS setzen */
      opacity: 1; }
  header .elementor-menu-toggle svg {
    margin-right: 35px !important; }
    @media screen and (max-width: 767px) {
      header .elementor-menu-toggle svg {
        margin-right: 15px !important; } }
header .elementor-nav-menu--dropdown {
  transition: none !important;
  transform: none !important; }
  header .elementor-nav-menu--dropdown ul {
    position: absolute !important;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.7s ease, opacity 0.3s ease;
    top: 50px !important;
    background-color: #000 !important;
    width: 100% !important; }
    header .elementor-nav-menu--dropdown ul li:first-child {
      border-top: 1px solid #D2D2D2 !important; }
    header .elementor-nav-menu--dropdown ul li a {
      justify-content: flex-end !important;
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        header .elementor-nav-menu--dropdown ul li a {
          margin-right: 0 !important;
          padding-right: 15px !important; } }
      header .elementor-nav-menu--dropdown ul li a:hover {
        background-color: #000 !important; }
header .menu-icon.active svg {
  fill: #fff !important; }
header .menu-icon.active .elementor-widget-container {
  border-color: #fff !important; }

body:not(.elementor-editor-active) #sub-menu {
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out, max-height 0.6s ease-in-out; }
  @media screen and (max-width: 767px) {
    body:not(.elementor-editor-active) #sub-menu {
      background-color: #efefef; }
      body:not(.elementor-editor-active) #sub-menu ul {
        display: block; } }
  body:not(.elementor-editor-active) #sub-menu.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
    body:not(.elementor-editor-active) #sub-menu.visible .e-con-inner {
      opacity: 1;
      transform: translateX(0); }
  body:not(.elementor-editor-active) #sub-menu .e-con-inner {
    /*
    top: 0;
    right: 0;
    left:0;
    width: 100%;
    */
    opacity: 0;
    transform: translateX(100%);
    transition: transform 1.2s ease, opacity 0.8s ease;
    z-index: 9999; }
  body:not(.elementor-editor-active) #sub-menu .elementor-nav-menu a::before {
    content: "✔";
    /* oder Font Awesome Icon z. B. "\f00c" */
    display: inline-block;
    width: 1em;
    /* Platz für das Icon */
    position: absolute;
    left: -2px;
    opacity: 0;
    /* Standard: unsichtbar */
    color: transparent;
    /* unsichtbar */
    background: transparent;
    /* kein Kästchen */
    transition: opacity 0.3s ease, color 0.3s ease; }
    @media screen and (max-width: 767px) {
      body:not(.elementor-editor-active) #sub-menu .elementor-nav-menu a::before {
        left: -15px;
        font-size: 10px; } }
  body:not(.elementor-editor-active) #sub-menu .elementor-nav-menu a.elementor-item-active::before {
    opacity: 1;
    /* Nur bei aktivem Link sichtbar */
    color: var(--e-global-color-accent) !important;
    fill: var(--e-global-color-accent) !important; }

#vorstand, #teamwork-kontakt, #allgemeines, #unsere-raeume {
  scroll-margin-top: 80px; }
  @media screen and (max-width: 767px) {
    #vorstand, #teamwork-kontakt, #allgemeines, #unsere-raeume {
      scroll-margin-top: 180px; } }

.elementor-element.aspect-ratio {
  aspect-ratio: 1/ 0.8; }

/*# sourceMappingURL=style.css.map */
