/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* HEader */
.topbarlogos .et_pb_column { text-align: right; }
.topbarlogos .et_pb_module { display: inline-block; margin-bottom: 0 !important; }
.topbarlogos .et_pb_module img { height: 40px !important; }
.topbarlogos .et_pb_module.ummlogotopbar { margin-right: 25px; }
.header-links a { display: inline-block; line-height: 1em; padding: 4px 0px; }
.header-links a:hover { text-decoration: underline; } 
.et_pb_text_0_tb_header.et_pb_text.header-links a.onlineterminbutton { margin-left: 6px; padding: 4px 7px; background: #fff; color: #023e84 !important; border-radius: 3px; }

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}

/*some code to keep everyting positioned properly*/
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;
}

/*remove default background color from menu items that have children*/
.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;
}

/*hide the submenu by default*/
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;
}


/*show the submenu when toggled open*/
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;
}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}

/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: #023E84;
    background: #f0f3f6;
    border-radius: 50%;
    padding: 3px;
}

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\32';
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
    position: relative;
    display: block;
    bottom: 10px;
    line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff!important;
    border-radius: 10px;
}

.et_mobile_menu .menu-item-has-children .sub-menu{
    display: none !important;
}

.pa-block{
    display: block !important;
    height: fit-content !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding: 5% !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu{
    
}

.opened .et_mobile_menu{
    height: fit-content !important;
    padding: 5% !important;
}


ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
    text-align: right;
    width: 50px;
}
.et_mobile_menu .menu-item-has-children>a { font-weight: inherit !important; }

p { padding-bottom: 1.7em; }

/* Global */
.et_pb_video_box iframe { aspect-ratio:16/9; width: 100%; height: auto; }

/* HEADER */

header .et_pb_menu__logo-wrap img { width: 100px !important; /* transition: width .1s ease-in-out; */ margin: 0 !important; }
header .scrolled .et_pb_menu__logo-wrap img { width: 50px !important; }


.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a { padding: 21px 0; }
.sub-menu a:hover { background: transparent !important; }

.hexagon-wrapper {
    display:flex;
    --s: 140px;  /* size  */
    --m: 1px;    /* margin */
    --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
    max-width: 550px;
}

.hexagon-wrapper-container {
    font-size: 0; /* disable white space between inline block element */
}

.hexagon-wrapper-container div {
    width: var(--s);
    margin: var(--m);
    height: calc(var(--s)*1.1547); 
    display: inline-block;
    font-size:initial;
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
    background: red;
    margin-bottom: calc(var(--m) - var(--s)*0.3880); 
    position: relative;
    transition: all .3s ease-in-out;
}
.hexagon-wrapper-container div:nth-child(1),
.hexagon-wrapper-container div:nth-child(7) { opacity: 0; pointer-events: none !important; }

.hexagon-wrapper-container div:nth-child(2) { background: rgba( 2, 62, 132, .9 ); }
.hexagon-wrapper-container div:nth-child(3) { background: rgba( 2, 62, 132, .8 ); }
.hexagon-wrapper-container div:nth-child(4) { background: rgba( 2, 62, 132, .7 ); }
.hexagon-wrapper-container div:nth-child(5) { background: rgba( 2, 62, 132, .6 ); }
.hexagon-wrapper-container div:nth-child(6) { background: rgba( 2, 62, 132, .5 ); }
.hexagon-wrapper-container div:nth-child(8) { background: rgba( 2, 62, 132, .4 ); }
.hexagon-wrapper-container div:nth-child(9) { background: rgba( 2, 62, 132, .3 ); }

.hexagon-wrapper-container div:hover { background: rgba( 2, 62, 132, 1 ) }
.hexagon-wrapper-container div:hover a { color: #fff; }

.hexagon-wrapper-container::before {
    content: "";
    width: calc(var(--s)/2 + var(--m));
    float: left;
    height: 120%;
    shape-outside: repeating-linear-gradient(     
                        #0000 0 calc(var(--f) - 3px),      
                        #000  0 var(--f));
}
.hexagon-wrapper-container div > a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    font-size: 14px;
    line-height: 1.3em;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
}

/* Notfall */
body.page-id-2943 article.post-2943 .et_pb_text > .et_pb_text_inner > p:first-child { display: none; }
div.et-boc { overflow-x: hidden !important; }
.notfall-section,
.international-section {
    pointer-events: none;
    opacity: 0;
    transition: all .3s ease-in-out;
    max-height: 100vh;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    z-index: 999999 !important;
}

.notfall-section > div ,
.international-section > div {
    overflow-y: auto;
    max-height: 100%;
}

.notfall-section.active,
.international-section.active {
    pointer-events: auto;
    opacity: 1;
}
.close-windows:hover { cursor: pointer; }

/* Fonts */
.et_pb_text.inline-text-module { background: transparent !important;  padding: 0 !important; }
.inline-text-module > .et_pb_text_inner {
    display: inline-block;
    background: #023E84;
    padding: 12px !important;
}
.inline-text-module + .inline-text-module > .et_pb_text_inner {
    background: rgba(2,62,132,0.7);
    padding: 6px 12px !important;
}
.inline-text-module * { padding: 0 !important; }
#top-menu a { font-weight: 100 !important; }

/* Header Inline Elements */
.display-inline-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.headline-block h2,
.headline-block h3 { padding: 0; }
.headline-block h3 { 
    font-family: 'Lato - 400',Helvetica,Arial,Lucida,sans-serif; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    margin-top: 10px; 
    padding-top: 15px; 
    position: relative; 
    font-size: 16px;
}
.headline-block h3:before {
    content: '';
    display: block;
    width: 50px;
    height: 1px; 
    background: #023E84;
    position: absolute;
    top: 0; 
    left: 0;
}
.headline-block.et_pb_text_align_center h3:before { left: 50%; transform: translateX(-50%); }

/* Seitenavigation */
.ez-toc-open-icon { top: 16%; }
a.ez-toc-link.active { text-decoration: underline !important; }

/* U-Wrapper */
.u-wrapper > div { max-width: 150px; text-align: center; margin-left: auto; }
.u-wrapper.metrolpolurologie > div { max-width: 220px; }
.u-wrapper.leistungsspektrum > div { max-width: 165px; }
.twitter-tweet { margin-left: auto; margin-right: auto; }

/* Metropolurologie */
.mitglieder-list .dp-dfg-layout-flex .dp-dfg-item { margin-bottom: 0; border: 5px solid transparent; background: rgba(0,0,0,.02); }
.mitglieder-list .dp-dfg-custom-content > p { padding-bottom: 0; padding-right: 5px;}
.mitglieder-list .dp-dfg-custom-content {
    display: flex;
    flex-wrap: wrap;
}
.mitglieder-list .dp-dfg-cf-strasse,
.mitglieder-list .dp-dfg-cf-homepage { width: 100%;  }
input#searchInput {
    width: 100%;
    padding: 5px;
    font-size: 16px; 
    color: #000;
}
.hide-link, a.nolink { display: none; }

/* Custom List */
.et_pb_text_inner > ul li > ul { padding-bottom: 0; }
.custom-icon-list ul { padding-left: 0; }
.custom-icon-list ul li {
    padding-left: 30px;
    list-style:none;
    margin-bottom: 10px;
}

.custom-icon-list ul li::before {
    content: '';
    display: inline-block;
    margin-right: .7em;
    margin-left: -30px;
    padding-right: 5px;
    font-family:'ETmodules';
    font-size: .9em;
    vertical-align: middle;
}

.custom-icon-list ul li::before {
    content: '\52';
}

.custom-icon-list.pfeil-rechts ul li::before {
    content: '\3d';
}

/* Counter/ Zähler */
.more-than .percent-value:before {
    content: '>';
}
.center-height.et_pb_number_counter .percent { display: flex; align-items: center; justify-content: center; }

/* Historie */
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    border-color: #023E84;
    background: #023E84;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current { color: #023E84; }
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button { background: #023E84; }
.wpostahs-centent {
    max-width: 430px !important;
    margin: 25px auto 0 !important;
}

/* Kompetenzzentren */
.col-wrapper .et_pb_column_1_3 {  aspect-ratio: 1/1; padding: 0 0 10px 0 !important; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.col-wrapper .et_pb_column_1_3 > .et_pb_text { text-align:center; width: 90%; }
.col-wrapper .et_pb_column_1_3 h2 { display: inline-block; background: #023E84; color: #fff; padding: 5px 10px 3px 10px; }

/* Mitarbeiterinnen */
#team {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    width: 80%;
    max-width: 1280px;
    margin: 0 auto !important;
}
#team > div {
    width: calc(33% - 5px);
    margin: 0 !important;
    padding: 0 !important;
}
#team > div img { pointer-events: none; }
#team .et_pb_column > div:last-child{
    position: relative;
    top: -39px;
    background: rgba(2,62,132,.85);
    width: 90%;
    margin-left: 5%;
    padding: 10px;
}
#team .et_pb_column > div:last-child h3 { font-size: 18px !important; padding-bottom: 2px; color: #fff; position: relative;}
#team .et_pb_column > div:last-child h3:after {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    position: relative;
    margin: 5px 0 10px;
    background-color: #fff;
}
#team .et_pb_column > div:last-child,
#team .et_pb_column > div:last-child p { font-size: 14px !important; line-height: 1.5em; color: #fff; }
#team .et_pb_column > div:last-child p { max-height: 1.5em; opacity: .2; overflow: hidden; transition: all 1s ease-in-out; }
#team .et_pb_column:hover > div:last-child p { max-height: 500px; opacity: 1; }
#team .et_pb_text_inner a { color: #fff; }
#team .et_pb_text_inner a:hover { text-decoration:underline; }

#team .et_pb_image_wrap, #team .et_pb_image_wrap img { width: 100%; }
#team img { aspect-ratio: 3/2; object-fit: contain; }

/* Table of Contents */
.et_pb_code_inner #ez-toc-container { padding: 0; }
.et_pb_code_inner #ez-toc-container > div,
.et_pb_code_inner #ez-toc-container > nav  { padding: 5px 10px; }
.et_pb_code_inner #ez-toc-container > div { padding-top: 11px; background: #023E84; }
.et_pb_code_inner #ez-toc-container > div .ez-toc-title { color: #fff; }
.et_pb_code_inner div#ez-toc-container { border-color: #023E84; border-radius: 0;}  
.ez-toc-counter nav ul li a { position: relative; padding-left: 1em; display: inline-block; line-height: 1.3em; }
.ez-toc-counter nav ul li a::before {
    content: '';
    width: 7px;
    height: 7px;
    background: #023E84;
    position: absolute;
    left: 0;
    top: calc(0.5em + 5px);
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
}
.ez-toc-counter nav ul li a:hover::before { left: 5px; }
#ez-toc-container ul ul { margin-bottom: 10px; }

/* Partner */
.logo-wrapper p {
    display: flex;
    flex-wrap: wrap;
}
.logo-wrapper p img {
    width: 10%;
    height: auto;
    aspect-ratio: 1/1;
    padding: 0 15px;
    object-fit: contain;
    object-position: center center;
}
.logo-wrapper p img.gesru-white {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

/* Studienzentrale */
.studien-headline h2 { font-size: 22px !important; padding-bottom: 0; font-weight: 700; }
.studien-headline h3 { font-size: 16px !important; }

/* Patientenmanagement */
.sprechstunden-raster .et_pb_column_4_4 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.sprechstunden-raster .et_pb_column_4_4 > div { width: 33%; }

/* Footer */
footer .et_pb_row_1_tb_footer .et_pb_main_blurb_image { padding-top: 12px; }
footer .et_pb_row_1_tb_footer .et_pb_column:nth-child(3) .et_pb_main_blurb_image { padding-top: 0; }

@media (max-width: 1200px) {
    .logo-wrapper p img { width: 15%; }
    .hexagon-wrapper {
        display:flex;
        --s: 11vw;  /* size  */
        --m: 1px;    /* margin */
        --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
        max-width: 550px;
    }
}

@media (max-width: 980px) {
    #team > div { width: calc(50% - 5px); }
    .logo-wrapper p img { width: 20%; }

    .topbar > div,
    .topbar .et_pb_social_media_follow_network_0_tb_header { margin-bottom: 0; }
    .topbar > div:first-child { width: 75% !important; }
    .topbar > div:last-child { width: 25% !important; }
    .follow_button { display: none !important; }

    .et_pb_section_parallax .u-wrapper,
    .et_pb_section_parallax .u-wrapper + .et_pb_text { padding-right: 25px; }
    .et_pb_section_parallax .u-wrapper + .et_pb_text { font-size: 24px !important; }

    .notfall-section, .international-section { top: 0 !important; bottom: 0 !important; max-height: 100vh !important; z-index: 99999999 !important; }
    .notfall-section {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding-top: 100px !important
    }
    .notfall-section > div { max-height: 80%; }
    .hexagon-wrapper {
        display:flex;
        --s: 140px;  /* size  */
        --m: 1px;    /* margin */
        --f: calc(1.532 * var(--s) + 4 * var(--m)  - 1px);
        max-width: 550px;
    }
}

@media (max-width: 767px) {
    body, input, textarea, select { font-size: 14px !important; }
    h1 { font-size: 28px !important; }
    .inline-text-module h2 { font-size: 16px !important; }
    h2 { font-size: 24px !important; }
    h3, h5.et_pb_toggle_title { font-size: 16px !important; font-weight: 600;}

    .hexagon-wrapper {
        display:flex;
        --s: 140px;  /* size  */
        --m: 1px;    /* margin */
        --f: calc(1.532 * var(--s) + 4 * var(--m)  - 1px);
        max-width: 550px;
    }

}

@media (max-width: 600px) {
    .hexagon-wrapper {
        display:flex;
        --s: 130px;  /* size  */
    }
    .topbarlogos .et_pb_module img { height: 25px !important; }
}

@media (max-width: 540px) {
    .hexagon-wrapper {
        display:flex;
        --s: 120px;  /* size  */
    }
}

@media (max-width: 495px) {
    .hexagon-wrapper {
        display:flex;
        --s: 110px;  /* size  */
    }
}

@media (max-width: 479px) {
    #team > div { width: 100%; order: 2; }
    #team > div:nth-child(2) { order: 1; }
    #team .et_pb_module { margin-bottom: 0 !important; }
    .logo-wrapper p img { width: 33.333%; }
}

@media (max-width: 460px) {
    .hexagon-wrapper {
        display:flex;
        --s: 100px;  /* size  */
    }
}

@media (max-width: 410px) {
    .hexagon-wrapper {
        display:flex;
        --s: 90px;  /* size  */
    }
}