/*  ==================================================================
	HIER KOMMEN DEINE AUSGELAGERTEN CSS BEFEHLE REIN =================
	==================================================================  */






/* ===== CLiXX: globale Typo + Listen (sanfte Trennung) ===== */

/* 0) Grundfarben-Variable (falls noch nicht vorhanden) */
:root{ --clr-accent:#00c0c5; }

/* 1) Silbentrennung GLOBAL in Inhaltsmodulen – sanft */
.et_pb_text p,
.et_pb_text li,
.et_pb_toggle_content p,
.et_pb_toggle_content li,
.et_pb_accordion .et_pb_toggle_content p,
.et_pb_accordion .et_pb_toggle_content li,
.entry-content p,
.entry-content li {
  /* Silbentrennung */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

  /* weiche Umbrüche (sanfter als 'anywhere') */
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal !important;

  /* „sanfte“ Grenzen (non-standard, aber ok in WebKit/Chromium) */
  hyphenate-limit-chars: 8 3 3;
  -ms-hyphenate-limit-chars: 8 3 3;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
}

/* 1a) Lange URLs/harte Strings dürfen trotzdem umbrechen */
.et_pb_text a,
.entry-content a {
  overflow-wrap: anywhere;   /* verhindert Überlaufen bei sehr langen URLs */
  word-break: break-word;
}

/* 1b) Keine Trennung in Überschriften/Buttons/Navi (wirkt sauberer) */
h1,h2,h3,h4,h5,h6,
.et_pb_button,
.nav li a,
.menu a {
  hyphens: manual !important;
  overflow-wrap: normal;
  word-break: normal;
}

/* 2) CSM-List (farbige Marker, saubere Abstände) – global für Inhaltsmodule */
.et_pb_text ul,
.et_pb_toggle_content ul,
.entry-content ul {
  list-style: disc outside;
  padding-left: 1.2rem;
  margin: .4rem 0 1rem;
}
.et_pb_text ul li,
.et_pb_toggle_content ul li,
.entry-content ul li { margin: .25rem 0; }
.et_pb_text ul li::marker,
.et_pb_toggle_content ul li::marker,
.entry-content ul li::marker {
  color: var(--clr-accent);
  font-size: 1.1em;
}

/* Nummerierte Listen ebenfalls akzentuieren */
.et_pb_text ol li::marker,
.et_pb_toggle_content ol li::marker,
.entry-content ol li::marker {
  color: var(--clr-accent);
  font-weight: 700;
}

/* 3) Opt-out: Wenn ein Modul NICHT betroffen sein soll */
.no-hyphen {
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.no-csm ul, .no-csm ol {
  list-style: initial;
  padding-left: initial;
}

























/* Kontaktformular Labelproblem umgehen */

	.et_pb_contact_form_label {
	 
	display: block !important;
	color:rgba(0,0,0,0);
	 
	}

/* #### Collaping Mobile Menu #### */

/* #### 1. Icons und Styling für Menüs mit Unterpunkten #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
    color: #da181f; /* Farbe des Icons */
    background: #f1f1f1; /* Hintergrundfarbe des Icons */
    top: 10px;
    position: relative;
    font-family: "ETModules"; /* Font für Icons */
    content: '\33'; /* Symbol für geschlossenes Menü */
    border-radius: 50%;
    padding: 3px;
}
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
    content: '\32'; /* Symbol für geöffnetes Menü */
}

/* #### 2. Textstil für Menüpunkte mit Untermenüs #### */
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

/* #### 3. Styling und Position der Toggle-Icons #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}

/* #### 4. Position der Menüpunkte und Untermenüs #### */
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}

/* #### 5. Hintergrund von Menüpunkten mit Untermenüs #### */
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}

/* #### 6. Verstecken/Anzeigen von Untermenüs #### */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

/* #### 7. Zentrieren und Transparenz der Toggle-Icons #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
    text-align: center;
    opacity: 1;
}

/* #### 8. Interaktive Bereiche für Menüpunkte mit Untermenüs #### */
#main-header .et_mobile_menu .menu-item-has-children, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children, 
.et_pb_menu .et_mobile_menu .menu-item-has-children {
    position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a, 
.et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a, 
.et_pb_menu .et_mobile_menu .menu-item-has-children > a {
    padding-right: 47px;
    background: transparent;
}

/* #### 9. Custom Fonts und Symbole für Menüzustände #### */
#main-header .et_mobile_menu span.menu-closed:before, 
.et_pb_fullwidth_menu .et_mobile_menu span.menu-closed:before, 
.et_pb_menu .et_mobile_menu span.menu-closed:before {
    content: "\4c"; /* Symbol für geschlossenes Menü */
    font-family: "ETmodules";
    display: block;
    font-size: 17px;
}

#main-header .et_mobile_menu span.menu-closed.menu-open:before, 
.et_pb_fullwidth_menu .et_mobile_menu span.menu-closed.menu-open:before, 
.et_pb_menu .et_mobile_menu span.menu-closed.menu-open:before {
    content: "\4d"; /* Symbol für geöffnetes Menü */
}