/*
Theme Name: OrthoReg Divi Child
Theme URI: https://orthoreg-koeln.de
Description: Child Theme für Divi 5 auf orthoreg-koeln.de
Author: burnabit
Author URI: https://burnabit.com
Template: Divi
Version: 1.0.0
Text Domain: orthoreg-divi-child
*/

/* Eigene globale Styles hier hinein */

/* =========================================
   OrthoReg Modal
   ========================================= */

/* Overlay */
.et_pb_section.orthoreg-modal-overlay {
    position: fixed !important;
    inset: 0;
    z-index: 1000000;

    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 24px;
    overflow-y: auto;
    background: rgba(16, 35, 54, 0.55);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    gap: 0 !important;
}

/* Modal initial verstecken */
.et_pb_section.orthoreg-modal-overlay.orthoreg-modal-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Direkte Rows als zusammenhängende Modal-Fläche */
.et_pb_section.orthoreg-modal-overlay > .et_pb_row {
    width: min(920px, 100%) !important;
    max-width: min(920px, 100%) !important;

    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;

    background: #fff !important;
    box-shadow: none !important;
}

/* Erste Row */
.et_pb_section.orthoreg-modal-overlay > .et_pb_row:first-child {
    border-radius: 16px 16px 0 0;
    position: relative;
}

/* Mittlere Rows */
.et_pb_section.orthoreg-modal-overlay > .et_pb_row:not(:first-child):not(:last-child) {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}

/* Letzte Row */
.et_pb_section.orthoreg-modal-overlay > .et_pb_row:last-child {
    border-radius: 0 0 16px 16px;
}

/* Nur eine Row */
.et_pb_section.orthoreg-modal-overlay > .et_pb_row:first-child:last-child {
    border-radius: 16px;
}

/* Close Icon */
.orthoreg-modal-close {
    cursor: pointer;
}

/* Mobile */
@media (max-width: 767px) {
    .et_pb_section.orthoreg-modal-overlay {
        justify-content: flex-end;
        padding: 12px;
    }

    .et_pb_section.orthoreg-modal-overlay > .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}









@media (max-width: 980px) {

  /* Mobile Dropdown an Viewport binden */
  .et_pb_menu_0_tb_header .et_mobile_menu,
  .et_pb_menu_0_tb_header #mobile_menu1 {
    left: auto !important;
    right: 0 !important;
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  /* Submenu nicht breiter als Mobile-Menü */
  .et_pb_menu_0_tb_header #mobile_menu1 .sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .et_pb_menu_0_tb_header #mobile_menu1 li,
  .et_pb_menu_0_tb_header #mobile_menu1 li a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Mobile darf umbrechen */
  .et_pb_menu_0_tb_header #mobile_menu1 a {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
  }
}

@media (min-width: 981px) {

  #menu-main-menu > li > ul.sub-menu {
    width: 320px !important;
    min-width: 320px !important;
  }

  #menu-main-menu > li > ul.sub-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
  }

  #menu-main-menu > li > ul.sub-menu > li > a {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    box-sizing: border-box;
  }
}

.ci2 {
    color: #5CB348;
}

footer .et_pb_section_0_tb_footer a {
	color: #14B8A6;
}
footer .et_pb_section_0_tb_footer a:hover {
	color: #5CB348!important;
}

/* fix for mobile header */
@media (max-width: 980px) {
  .no-stack.et_pb_row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
  }

  .no-stack.et_pb_row > .et_pb_column {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin-right: 0 !important;
  }
}

/* Footer Menü NICHT zum Burger machen */
footer .et_pb_menu__menu {
  display: block !important;
}

footer .et_mobile_nav_menu {
  display: none !important;
}


@media (max-width: 980px) {
    .et_pb_column.et_pb_column_empty {
        display: block !important;
    }
}

.hyphens,
.hyphens div,
.hyphens h2 {
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 7 3 3;

    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
}