/*
	Theme Name: KNOLLE-DESIGN-Theme
	Theme URI: https://knolle.biz/
	Description: Willkommen zum Knolle-Theme – die perfekte Grundlage für dein Webprojekt! Entwickelt und bereitgestellt von Jens Knolle, bietet dieses Theme eine Auswahl an durchdachten Features, die deine Arbeit mit Wordpress noch effizienter und kreativer machen.
	Author: Jens Knolle
	Author URI: https://knolle.biz/
	Template: Divi
	Version: 1.0.0
	Tag: Child Theme, Knolle Biz 
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   ROOT SECTION
   ========================================================================== */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

#page-container {overflow:hidden}
 
a[href^="#"] {
	cursor:pointer;
}

:root {
	--kdac: #00857d;

	--c3: #00857d; /* Dunkelgrün Pantone 7717C */
	--c4: #b5e3d8; /* Hellgrün Pantone 573C */
	
	--c5: #f0823c; /* Sekundärfarbe Orange */
	--c6: #ffcd00; /* Sekundärfarbe Gelb */
	--c7: #eb5046; /* Sekundärfarbe Rot */
	--c8: #f0f0f0; /* Sekundärfarbe Hellgrau */
	
	--bp1: 767px; /* breakpoint mobile */
	--bp2: 980px; /* breakpoint tablet */
	--bp3: 1280px; /* breakpoint narrow screen */
	
	--ls:0; 		/*letter-spacing */
}


.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}

.kd_align_center_section,
.kd_align_center_row .et_pb_column,
.kd_align_center_module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


.kd_align_center_section_2,
.kd_align_center_row_2 .et_pb_column,
.kd_align_center_module_2 {
   display: flex;
   flex-direction: row;
   align-items: center;
}

.kd_align_center_section_3,
.kd_align_center_row_3 .et_pb_column,
.kd_align_center_module_2 {
	display: flex;
	flex-direction: row;
	justify-content:space-around;
	flex-wrap:wrap;
}



/* ==========================================================================
   MENU SECTION
   ========================================================================== */

/* Active-Status im Submenü */
/*
.current_page_item a span{
  color: var(--c3);
}
*/
/* END Active-Status im Submenü */

@media only screen and (min-width:981px) {
	.kd_header .et_pb_menu__menu {
	  padding-top:10px
	}

	.kd_header .et_pb_menu__logo {
	  margin-top:-26px
	}
	}



@media only screen and (max-width:980px) {
	.kd_header .et_pb_menu__menu {
	  padding-top:10px
	}

	.kd_header .et_pb_menu__logo {
	  margin-top:-5px;
	}
	}




@media only screen and (max-width:980px) {
	.kd_header {
	  margin-bottom:20px!important;
	}
}


/* Hamburger bisschen nach unten */
.et_pb_menu__wrap {
  margin-top:10px;
}

/*
.et_mobile_nav_menu {
  position:absolute;
  top:-30px;
  right:-20px;
}

#mobile_menu1 {
   width:1000%;
   margin-left:-900%;
   z-index:1;
   border-top:none;
}
*/


/* Schriftgröße Menü anpassen */
    @media(min-width:980px) and (max-width:1280px){
        #top-menu li {
            padding-right: 14px;
        }

        ul#top-menu li a {
            font-size: 14px;
        }
    }
/* END Schriftgröße Menü anpassen */



/* Avoid jumping Menu */
/*
    @media only screen and (min-width: var(--bp2) ){
    body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
        top: 120px !important;
    }
    }
*/    
/* END Avoid jumping */



/* Telefonnummer im TOP-Header näher an Text davor */
    @media only screen and (max-width:767px) {
        #db-info-text {
            margin-right:0 !important;
        }

        #et-info { float:right !important; 
        }
    }
/* END Telefonnummer näher an Text davor */



/* Hochgestellt */
	sup {
		font-size:10px !important;
	}
/* END Hochgestellt */












/* ==========================================================================
   CONTENT SECTION
   ========================================================================== */



/*  Dynamische Fontgrößen  */
.et_pb_module.et_pb_text h1, 
.header-content h1, 
.et_pb_column .et_pb_module h1, 
h1, 
.et_pb_module.et_pb_text.h1_substitute p {
	font-size: clamp(3rem, 5vw, 6rem);
	line-height: clamp(4rem, 6vw, 7rem);
	font-weight:300;
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text h2, 
.header-content h2, 
.et_pb_column .et_pb_module h2, 
.et_pb_de_mach_content h2, 
h2 {
	font-size: clamp(2.4rem, 5vw, 3.8rem);
	line-height: clamp(3rem, 5vw, 4rem);
	font-weight:300;
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text h3, 
.header-content h3,
.et_pb_module.et_pb_blurb h3,
.et_pb_column .et_pb_module h3,
h3 {
	font-size: clamp(1.8rem, 5vw, 2rem);
	line-height: clamp(2.2rem, 5vw, 2.6rem);
	font-weight:900;
	color: var(--c3);
	text-transform:uppercase;
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text h4, 
.header-content h4, 
.et_pb_column .et_pb_module h4, 
h4 {
	font-size: clamp(2.2rem, 5vw, 2.4rem);
	line-height: clamp(2.2rem, 5vw, 3.8rem);
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text h5, 
.header-content h5, 
.et_pb_column .et_pb_module h5, 
h5 {
	font-size: clamp(2rem, 5vw, 2.2rem);
	line-height: clamp(2.2rem, 5vw, 3rem);
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text h6, 
.header-content h6, 
.et_pb_column .et_pb_module h6, 
h6 {
	font-size: clamp(1.8rem, 5vw, 2.0rem);
	line-height: clamp(2rem, 5vw, 2.5rem);
	letter-spacing:var(--ls);
	}
	
.et_pb_module.et_pb_text p, 
.et_pb_module.et_pb_text span, 
.et_pb_module.et_pb_text li,
.et_pb_blurb_description p,
.et_pb_de_mach_content p, 
.et_pb_de_mach_content li,
.et_pb_de_mach_content,
.dmach-acf-item-content p,
.dmach-acf-value p,
.dmach-acf-value span,
.dmach-acf-value li {
    font-size: clamp(1.8rem, 5vw, 2rem);
	line-height: clamp(2.4rem,5vw,3rem);
	}
	
.et_pb_module.et_pb_text p a, .et_pb_module.et_pb_text li a {

	}

.kd_footer_links p a {
	letter-spacing:0 !important;
	text-transform:none !important;
}



/*  Dynamische Fontgrößen

    .dynhead .header-content h1, .dynhead .et_pb_column .et_pb_module h1, .dynhead h1 {
		font-size: clamp(3.6rem, 5vw, 6.4rem);
		line-height: clamp(3.2rem, 6vw, 7.2rem);
    }

    .dynhead .header-content h2, .dynhead .et_pb_column .et_pb_module h2, .dynhead h2 {
		font-size: clamp(2.4rem, 5vw, 4.2rem);
		line-height: clamp(3rem, 5vw, 5rem);
    }

    .dynhead .header-content h3, .dynhead .et_pb_column .et_pb_module h3, .dynhead h3 {
		font-size: clamp(2.2rem, 5vw, 3.6rem);
		line-height: clamp(2.8rem, 5vw, 4rem);
    }

    .dynhead .header-content h4, .dynhead .et_pb_column .et_pb_module h4, .dynhead h4 {
		font-size: clamp(2rem, 5vw, 3.2rem);
		line-height: clamp(2.2rem, 5vw, 3.8rem);
    }

    .dynhead .header-content h5, .dynhead .et_pb_column .et_pb_module h5, .dynhead h5 {
		font-size: clamp(1.8rem, 5vw, 2.4rem);
		line-height: clamp(2.2rem, 5vw, 3rem);
    }

    .dynhead .header-content h6, .dynhead .et_pb_column .et_pb_module h6, .dynhead h6 {
		font-size: clamp(1.6rem, 5vw, 2.0rem);
		line-height: clamp(2rem, 5vw, 2.5rem);
    }


	.h1_substitute {
		font-size: clamp(3.6rem, 5vw, 6.4rem);
		line-height: clamp(3.2rem, 6vw, 7.2rem);
	}


    .et_pb_module.et_pb_text p, .et_pb_module.et_pb_text li  {
        font-size: clamp(1.8rem, 5vw, 2rem) !important;
		line-height: clamp(2.8rem, 5vw, 3.4rem) !important;
	}

/* END Dynamische Fontgrößen  */



/* autom. Silbentrennung aktivieren */
body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.nohyphens {
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

.nohyphens.et_pb_module {
    word-wrap: normal!important;
    overflow: visible!important;
}
/* END autom. Silbentrennung aktivieren */


/*Underline Links*/
    p a:hover {
        text-decoration:underline !important;
    }
/*END Underline Links*/



/*White Links*/
    .whitelinks a {
        color:#ffffff;
    }

    .lightlinks a {
        color:var(--c4);
    }

    .blacklinks a {
        color:#000;
    }
/*END White Links*/



/* Dateinamen unter Gallerybild entfernen */
    .mfp-title {
        display:none !important;
    }
/* END Dateinamen unter Gallerybild entfernen */



/* 3 Bilder nebeneinander on mobile */
    @media only screen and (max-width:980px) {
        .three-columns .et_pb_column {
        width: 33.33%!important;
    }
    }
/* END */


/* ETL Schatten */
.kd_etl_shadow::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5vh;
    right: -4vw;
    width: 25vw;
    height: 28vh;
    background-image: url(/wp-content/uploads/ETL-Owingen-Braendle-Fischer-Steuerberatung-ETL-Bogen-shadow-light-2.svg);
    background-repeat: repeat;
    background-position: bottom left;
    background-size: 40px;
	z-index: -1;
}



/* ETL Bullet-Point-Liste mit Haken */
.etl-bullet-liste ul {
    list-style: none; /* Standard-Bullets entfernen */
    padding-left: 0; /* Einzug entfernen */
}

.etl-bullet-liste ul li {
    position: relative;
    padding-left: 30px; /* Platz für das Häkchen-Icon links */
    margin-bottom: 15px; /* Abstand zwischen den Punkten */
    font-size: 1.1em; /* leicht größere Schrift */
}

.etl-bullet-liste ul li::before {
    content: "✔"; /* Häkchen-Symbol */
    position: absolute;
    left: 0;
    top: 0;
    color: #00857d; /* ETL-Primärgrün */
    font-weight: bold;
    font-size: 1.2em;
}


/* ——————————————
ETL Karriere-Blurbs – Flexbox-Layout sauber auf 4-2-1 Spalten
—————————————— */

/* Normales Flex-Layout für ALLE Columns */
.etl_flex_row .et_pb_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
    padding: 0;
}

/* Blurps in ALLEN Columns gleichmäßig verteilen */
.etl_flex_row .et_pb_column > .et_pb_blurb {
    flex: 1 1 calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin: 0;
    display: flex;
    flex-direction: column;
}


/* Tablet-Ansicht: 2 Blurbs nebeneinander */
@media (max-width: 1280px) {
    .etl_flex_row .et_pb_column > .et_pb_blurb {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

/* Mobile-Ansicht: 1 Blurb pro Reihe */
@media (max-width: 767px) {
    .etl_flex_row .et_pb_column > .et_pb_blurb {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Öffnungszeiten Kontaktseite */
.oeffnungszeiten {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75em 0.8em;
  font-family: inherit;
  font-size: 1em;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

.oeffnungszeiten dt {
  font-weight: bold;
  white-space: nowrap;

}

.oeffnungszeiten dd {
  margin: 0;
  white-space: nowrap; /* verhindert Umbruch bei "Geschlossen" und Uhrzeiten */
}





/* 	==========================================================================
   	FOOTER SECTION
	Oberer Footer-Teil → 	.kd_footer 			→ Sektion
	Unterer Footer-Teil → 	.kd_footer_menu		→ Sektion
   	========================================================================== */

	/* oberer Footer Teil */
	.kd_footer {}
	/* End oberer Footer Teil */


	/* Footer Menu und KD-Icon stylen */
		.kd_footer_bottom .et_pb_column {
			display:flex;
			flex-direction:row;
			align-items:center;
			justify-content: space-between;
			padding: 0 !important;
		}

		.kd_footer_bottom .et_pb_image {
		  width:20px;
		  max-width:20px;
		  margin-top:3px;
		}

		.kd_footer_bottom .et_pb_menu__menu {
		  padding:0
		}

		.kd_footer_bottom .et_pb_module {
		  width:100%
		}
	/* END Footer Menu und KD-Icon stylen */



	/* Footer Menü Schriftgröße */
		.kd_footer_menu .et_pb_menu__menu {
		font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
		}
	/* END Footer Menü Schriftgröße */



	/*  FOOTER KEIN HAMBURGER MENU */
		.et-l.et-l--footer .et_pb_menu__menu {
			display: block !important;
		}
		.et-l.et-l--footer .et_mobile_nav_menu {
			display: none !important;
		}
	/* END FOOTER KEIN HAMBURGER MENU */



	/* Footer-Menü linksbündig auf tablet und Mobile */
	@media only screen and (max-width: 980px){
		.kd_footer_bottom .et_pb_menu--style-left_aligned .et_pb_menu__wrap{
			justify-content: flex-start !important;
		}
	}
	/* Footer-Menü linksbündig auf tablet und Mobile */


	/* Quicklinks im Footer - h4 */
		.quicklinks h4 {
			font-size:
		}



/* ==========================================================================
   KUDO SECTION
   ========================================================================== */


   .kd-heart::after {
        content: "\e089";
        font-family: 'ETmodules';
        color: var(--kdac);
    }


/* END OF ALL */