/*
 Theme Name:   Divi-Child
Theme URI:     https://hcp-grauwild.de
 Description:  Divi-Child
 Author:       HCP Grauwild GmbH
 Author URI:   https://hcp-grauwild.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import 'fonts/fonts.css';
@import 'css/content.css';
@import 'css/menu.css';

:root {
  --orange: #F49E00;
  --text: #0B233B;
  --blau: #004388;
}

h2 {
  margin-bottom: 1rem;
}

h3 {
  margin-bottom: .5rem;
}

h3.et_pb_toggle_title {
  margin-bottom: 0;
}

span[style*="text-decoration: underline"] {
  text-decoration: underline;
  text-decoration-color: var(--orange) !important;
}

.balkentext .light span[style*="text-decoration: underline"] {
  text-decoration: underline;
  text-decoration-color: #fff !important;
}

@media screen and (max-width: 500px) {
  h3 {
    margin-bottom: .2rem;
  }
}
a, .et-db #et-boc .et-l a {
    color: var(--text);
}
.linktext .et_pb_text_inner,
.cardcaro a.et_pb_button.dipi-carousel-button,
.et_pb_text_inner a,
.et_pb_blurb_description a {
  font-family: 'Ubuntu-Medium';
  font-size: 16px;
  color: var(--blau);
  text-decoration: underline solid var(--blau);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
  letter-spacing: .5px;
  text-decoration: underline !important;
  white-space: nowrap;
}

.cardcaro a.et_pb_button.dipi-carousel-button {
  border: none;
  padding: 0;
}

.cardcaro a.et_pb_button.dipi-carousel-button:hover {
  background: none;
}

.cardcaro a.et_pb_button.dipi-carousel-button::after,
.et_pb_text_inner a::after,
.et_pb_blurb_description a::after {
  content: url(/wp-content/themes/Divi-Child/img/arrow-right-small-blau.svg) !important;
  margin-left: 8px;
  opacity: 0;
  transform: all 0.3s ease;
}

.cardcaro a.et_pb_button.dipi-carousel-button:hover::after,
.et_pb_text_inner:hover a::after,
.et_pb_blurb_description:hover a::after {
  font-family: 'Ubuntu-Medium';
  margin-left: 8px;
  opacity: 1;
}








/*### WIDGET MENU ###*/
/* Grundzustand: Untermenüs ausgeblendet (Backup zum JS) */
.fold .sub-menu {
  display: none;
}

/* Klickbare "Eltern"-Links optisch als Toggler */
.fold a.js-toggle {
  position: relative;
  padding-right: 1.2em;
  /* Platz fürs Icon rechts */
  cursor: pointer;
  text-decoration: none;
}

/* Pfeil-Icon rechts */
.fold a.js-toggle::after {
  content: "";
  background-image: url(/wp-content/themes/Divi-Child/img/widget-pfeil.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 53%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .2s ease;
}

/* Gedrehtes Icon bei geöffnetem Zustand */
.fold a.js-toggle.is-open::after {
  transform: translateY(-50%) rotate(90deg);
}

.et_pb_widget ul#menu-prozessberatung-m li ul li {
  margin-left: 0 !important;
}

/*### HEADER-PANEL SCROLLING ###*/
/* Header-Panels: Scrollbar ohne sichtbare Balken */
[id*="mega-panel-"] {
  max-height: calc(100vh - 150px) !important;
  /* Maximale Höhe: Viewport minus Header-Platz */
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* Versteckte Scrollbalken für alle Browser */
  scrollbar-width: none !important;
  /* Firefox */
  -ms-overflow-style: none !important;
  /* Internet Explorer 10+ */
}

/* Webkit-Browser (Chrome, Safari, Edge) */
[id*="mega-panel-"]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}