/*
 Theme Name:   Understood Child
 Theme URI:    https://designwithakiss.de
 Description:  Child Theme für Divi, erstellt von understood
 Author:       understood
 Author URI:   https://designwithakiss.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         divi, child theme
 Text Domain:  understood-child
*/


@media screen and (max-width: 1250px) {

body .et_pb_module difl_faq .df_faq_wrapper.grid_layout {
    grid-auto-flow: initial !important;
    grid-auto-columns: minmax(0, 1fr);
}
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* mobile menu */

.df-mobile-menu {
    position: absolute;
    top: var(--header-h, 5px);
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    width: auto;
    max-width: none;
}


body .df-mobile-menu .difl_advancedmenuitem_5_tb_header li.menu-item>a {
    margin-top: 0px !important;
    font-size: 17px !important;
}


@media screen and (max-width: 464px) {
.et_pb_row_1_tb_header {
    padding-bottom: 0 !important;
}

.difl_advancedmenuitem_4_tb_header {
    width: 80% !important; 
    margin-top: 10px !important; 
}

.df-am-container .df-am-col.left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: center;
    grid-column: 1;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: space-around;
    align-items: flex-start;
}

.df-menu-button {
    width: 100% !important; 
}

 .df-am-col.left {
    width: 100%  !important; 
}  
    
.df-mobile-menu .difl_advancedmenuitem_5_tb_header li.menu-item>a {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
    
}

/* logo */
img.df-site-logo {
    max-width: 180px !important; 
    width: 180px !important;
    margin-top: -20px; 
	height: auto !important;
 }

/* FORM */

.et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit .et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_contact p input[type="checkbox"]:checked+label i:before, .et_pb_bg_layout_light.et_pb_module.et_pb_button {
    color: #e0401b !important;
}

.et-pb-contact-message {
 /*   color: rgb(201,255,201); 
    border: 1px solid; 
    padding: 30px;  */
}

/* ACTIVE MENU ITEM */
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-nav>li.menu-item.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-nav>li.current_page_ancestor>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header ul.df-menu-nav-level-0:not(.df-menu-nav-level-1)>li.current_page_ancestor>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-wrap .df-menu-nav>li.df-mega-menu li.current-menu-item>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header .df-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-nav>li.menu-item.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-nav>li.current_page_ancestor>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header ul.df-menu-nav-level-0:not(.df-menu-nav-level-1)>li.current-menu-item>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header ul.df-menu-nav-level-0:not(.df-menu-nav-level-1)>li.current_page_ancestor>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap .df-menu-wrap .df-menu-nav>li.df-mega-menu li.current-menu-item>a,
body .difl_advancedmenuitem_5_tb_header .df-normal-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-ancestor>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header .df-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-item>a,
body .df-mobile-menu .difl_advancedmenuitem_5_tb_header .df-menu-wrap li:not(.df-mega-menu) .sub-menu:not(.df-custom-submenu):not(.df-inside-mega-menu) li.menu-item.current-menu-ancestor>a {
    color: #E0401B !important;
}



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* TYPO */

/* Headings h1–h6 */
#page-container #et-boc .et_pb_section h1 { font-size: clamp(1.5rem, 1.2rem + 2.5vw, 3.5rem); font-weight: 600; line-height: 1.1; }
#page-container #et-boc .et_pb_section h2 { font-size: clamp(1.4rem, 1rem + 1.6vw, 2.8rem); font-weight: 600; line-height: 1.15; }
#page-container #et-boc .et_pb_section h3 { font-size: clamp(1.1rem, 0.95rem + 1vw, 1.6rem); font-weight: 600; line-height: 1.2; }
#page-container #et-boc .et_pb_section h4 { font-size: clamp(1.1rem, 0.9rem + 0.7vw, 1.5rem); font-weight: 500; line-height: 1.25; }
#page-container #et-boc .et_pb_section h5 { font-size: clamp(1rem, 0.85rem + 0.5vw, 1.4rem); font-weight: 500; line-height: 1.3; }
#page-container #et-boc .et_pb_section h6 { font-size: clamp(1rem, 0.8rem + 0.4vw, 1.3rem); font-weight: 500; line-height: 1.35; }

/* Text & Module */
#page-container #et-boc .et_pb_section p,
#page-container #et-boc .et_pb_section li,
#page-container #et-boc .et_pb_section .btn,
#page-container #et-boc .et_pb_section a.et_pb_button,
#page-container #et-boc .et_pb_section .et_pb_text_inner,
#page-container #et-boc .et_pb_section .et_pb_blurb_description,
#page-container #et-boc .et_pb_section .et_pb_toggle_content,
#page-container #et-boc .et_pb_section .et_pb_tab_content,
#page-container #et-boc .et_pb_section .et_pb_slide_description,
#page-container #et-boc .et_pb_section .et_pb_promo_description,
#page-container #et-boc .et_pb_section .et_pb_team_member_description,
#page-container #et-boc .et_pb_section .et_pb_post_content {
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem) !important;
  line-height: 1.6 !important;
}

/* small */
#page-container #et-boc .et_pb_section small {
  font-size: clamp(0.875rem, 0.8rem + 0.2vw, 1rem) !important;
}

/* DiviUI Reset */
body.et-fb .et-fb-app,
body.et-fb .et-fb-app * {
  font-size: revert !important;
  line-height: revert !important;
  font-family: revert !important;
}

/* Listen – Container (nur Inhaltsmodule) 
#page-container #et-boc .et_pb_section .et_pb_text ul,
#page-container #et-boc .et_pb_section .et_pb_blurb ul,
#page-container #et-boc .et_pb_section .et_pb_toggle ul,
#page-container #et-boc .et_pb_section .et_pb_tabs ul,
#page-container #et-boc .et_pb_section .et_pb_tab ul,
#page-container #et-boc .et_pb_section .et_pb_promo ul,
#page-container #et-boc .et_pb_section .et_pb_slide ul,
#page-container #et-boc .et_pb_section .et_pb_team_member ul,
#page-container #et-boc .et_pb_section .et_pb_post_content ul,
#page-container #et-boc .et_pb_section .et_pb_text ol,
#page-container #et-boc .et_pb_section .et_pb_blurb ol,
#page-container #et-boc .et_pb_section .et_pb_toggle ol,
#page-container #et-boc .et_pb_section .et_pb_tabs ol,
#page-container #et-boc .et_pb_section .et_pb_tab ol,
#page-container #et-boc .et_pb_section .et_pb_promo ol,
#page-container #et-boc .et_pb_section .et_pb_slide ol,
#page-container #et-boc .et_pb_section .et_pb_team_member ol,
#page-container #et-boc .et_pb_section .et_pb_post_content ol {
  list-style: none;
  margin: 0 0 1.2em;
  padding-left: 0;
}

Listen – Items
#page-container #et-boc .et_pb_section .et_pb_text li,
#page-container #et-boc .et_pb_section .et_pb_blurb li,
#page-container #et-boc .et_pb_section .et_pb_toggle li,
#page-container #et-boc .et_pb_section .et_pb_tabs li,
#page-container #et-boc .et_pb_section .et_pb_tab li,
#page-container #et-boc .et_pb_section .et_pb_promo li,
#page-container #et-boc .et_pb_section .et_pb_slide li,
#page-container #et-boc .et_pb_section .et_pb_team_member li,
#page-container #et-boc .et_pb_section .et_pb_post_content li {
  display: grid;
  grid-template-columns: auto 1;
  column-gap: clamp(0.5rem, 0.3rem + 0.6vw, 0.8rem);
  align-items: start;
  line-height: 1.7em !important;
  margin: 0.25em 0;
}

Listen – Bullets
#page-container #et-boc .et_pb_section .et_pb_text ul li::before,
#page-container #et-boc .et_pb_section .et_pb_blurb ul li::before,
#page-container #et-boc .et_pb_section .et_pb_toggle ul li::before,
#page-container #et-boc .et_pb_section .et_pb_tabs ul li::before,
#page-container #et-boc .et_pb_section .et_pb_tab ul li::before,
#page-container #et-boc .et_pb_section .et_pb_promo ul li::before,
#page-container #et-boc .et_pb_section .et_pb_slide ul li::before,
#page-container #et-boc .et_pb_section .et_pb_team_member ul li::before,
#page-container #et-boc .et_pb_section .et_pb_post_content ul li::before {
  content: "•";
	line-height: 1em;
  align-self: start;
}

Listen – Nummerierung
#page-container #et-boc .et_pb_section .et_pb_text ol,
#page-container #et-boc .et_pb_section .et_pb_blurb ol,
#page-container #et-boc .et_pb_section .et_pb_toggle ol,
#page-container #et-boc .et_pb_section .et_pb_tabs ol,
#page-container #et-boc .et_pb_section .et_pb_tab ol,
#page-container #et-boc .et_pb_section .et_pb_promo ol,
#page-container #et-boc .et_pb_section .et_pb_slide ol,
#page-container #et-boc .et_pb_section .et_pb_team_member ol,
#page-container #et-boc .et_pb_section .et_pb_post_content ol {
  counter-reset: li;
}

#page-container #et-boc .et_pb_section .et_pb_text ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_blurb ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_toggle ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_tabs ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_tab ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_promo ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_slide ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_team_member ol > li::before,
#page-container #et-boc .et_pb_section .et_pb_post_content ol > li::before {
  counter-increment: li;
  content: counter(li) ".";
  min-width: clamp(2ch, 1ch + 1vw, 4ch);
  text-align: right;
  line-height: 1;
  align-self: start;
}

Listen – verschachtelt
#page-container #et-boc .et_pb_section .et_pb_text li > ul,
#page-container #et-boc .et_pb_section .et_pb_text li > ol,
#page-container #et-boc .et_pb_section .et_pb_blurb li > ul,
#page-container #et-boc .et_pb_section .et_pb_blurb li > ol,
#page-container #et-boc .et_pb_section .et_pb_toggle li > ul,
#page-container #et-boc .et_pb_section .et_pb_toggle li > ol,
#page-container #et-boc .et_pb_section .et_pb_tabs li > ul,
#page-container #et-boc .et_pb_section .et_pb_tabs li > ol,
#page-container #et-boc .et_pb_section .et_pb_tab li > ul,
#page-container #et-boc .et_pb_section .et_pb_tab li > ol,
#page-container #et-boc .et_pb_section .et_pb_promo li > ul,
#page-container #et-boc .et_pb_section .et_pb_promo li > ol,
#page-container #et-boc .et_pb_section .et_pb_slide li > ul,
#page-container #et-boc .et_pb_section .et_pb_slide li > ol,
#page-container #et-boc .et_pb_section .et_pb_team_member li > ul,
#page-container #et-boc .et_pb_section .et_pb_team_member li > ol,
#page-container #et-boc .et_pb_section .et_pb_post_content li > ul,
#page-container #et-boc .et_pb_section .et_pb_post_content li > ol {
  margin: 0.4em 0 0.6em 0;
  padding: 0;
  margin-left: clamp(1rem, 0.6rem + 1.6vw, 1.8rem);
}

Listen – Paragraphs in LI
#page-container #et-boc .et_pb_section .et_pb_text li > p,
#page-container #et-boc .et_pb_section .et_pb_blurb li > p,
#page-container #et-boc .et_pb_section .et_pb_toggle li > p,
#page-container #et-boc .et_pb_section .et_pb_tabs li > p,
#page-container #et-boc .et_pb_section .et_pb_tab li > p,
#page-container #et-boc .et_pb_section .et_pb_promo li > p,
#page-container #et-boc .et_pb_section .et_pb_slide li > p,
#page-container #et-boc .et_pb_section .et_pb_team_member li > p,
#page-container #et-boc .et_pb_section .et_pb_post_content li > p {
  margin: 0;
}


*/


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* STYLES SORTIERT NACH SEKTIONEN STARTSEITE */

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* Sektion 1 - Leistungen - Cards, Styles */



/* H3 im Blurb in der Kartenreihe ab ≤1600px etwas kleiner */
@media (max-width: 1600px){
  .cards-row h3{
    font-size: clamp(1rem, 0.85rem + 0.6vw, 1.15rem) !important;
    line-height: 1.25;
    padding-bottom: 2px;
  }
}

@media (max-width: 1200px){
  .cards-row h3{
    font-size: 17px !important;

  }
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CUSTOM DIVI BOOSTER ICONS - BUTTONS */

.db-custom-extended-icon:after
 {
    min-width: 10em!important;
    margin-right: 10px!important;
}

/* Bildlabel Slider Content - Kompetenz Unterseiten */
#page-container #et-boc .et_pb_section .slidercontent .et_pb_text .et_pb_text_inner,
body #page-container #et-boc .et_pb_section .slidercontent .et_pb_text .et_pb_text_inner p {
  	font-size: 14px!important;
	line-height: 1.4em!important;
}

/* Circle Thingie */

@media screen and (max-width: 981px) {
body .difl_svganimator_0 .difl-svg-animator-container svg {
    width: 50% !important; 
}
}

@media screen and (max-width: 676px) {
body .difl_svganimator_0 .difl-svg-animator-container svg {
   width: 100% !important;
   height: 100% !important;
}
}

/* Slider content */

body #page-container #et-boc .et_pb_section .slidercontent .et_pb_text .et_pb_text_inner p, 
body #page-container #et-boc .et_pb_section .slidercontent .et_pb_text .et_pb_text_inner {
    font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem) !important;
    line-height: 1.6 !important;
}


/* SUB MENU ADJUST WIDTH */ 
@media screen and (min-width: 1400px) {
.menu-item-282542 ul.sub-menu {
    width: 420px !important;
}
}

/* TOGGLE */

.et_pb_toggle .et_pb_toggle_title {
    display: flex !important;
    align-items: center !important;   
    padding: 10px 10px; 
}
 
/* FORM */
 
.et-pb-contact-message {
color: rgb(0,255,71);
}