/*
	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: #88724e;

	--c3: #ffdd00; /* Gelb */
	--c4: #806100; /* Ocker */
	
	--c5: #a6b2c8; /* Mittelgrau */
	--c6: #ced4dd; /* Hellgrau */
	--c7: #c9dd2e; /* lightgreen */
	--c8: #f1f1f1; /* lightgrey */
}


.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;
	flex-wrap:wrap;
}




/* KNOLLE DESIGN  */


/* Hellblauer Background Schrift */
/* .kd-typo-bg .header-content {display:inline-flex; flex-direction:column;} */

.kd-typo-bg h1 { 
	display: inline-block; 	background-color: #becdd8; padding: 5px; margin-bottom: 10px;}

.kd-typo-bg .et_pb_fullwidth_header_subhead { 
	display: inline-block;	background-color: #becdd8; padding: 5px;}

.kd-typo-bg .et_pb_header_content_wrapper {
	display: inline-block;	background-color: #becdd8; padding: 5px;}



/* END Hellblauer Background Schrift */






/* MENU SECTION ------------------------------------------------------------------------------------- */



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


/* Hade Menu KD  */
@media only screen and (min-width: 1188px) {
.sub-menu {
	border: 1px solid #000;
}

#et-top-navigation {
    float: left;
}

#main-header {
	border-bottom: 1px solid #000;
}


.et_header_style_left #et-top-navigation nav > ul > li > a {
  padding-top: 62px;
}
.et_header_style_left #et-top-navigation {
  padding-top: 0 !important;
}
#top-menu .menu-item-has-children > a:first-child::after {
  top: 62px;
}
#top-menu > li {
  border-right: 1px solid #000;
  padding-left: 22px;
}
#top-menu > li:first-child {
  border-left: 1px solid #000;
}
#top-menu > li:last-child {
  float: right;
  border-left: 1px solid #000;
  border-right: none;
}
#et-top-navigation, #top-menu, #top-menu-nav {
  width: 100%;
}


#top-menu li ul.sub-menu {
  left: -1px;
  top: 140px;
}



html #top-menu li {
display: inline-block;
margin-right: -6px;
}

ul.sub-menu li {
 width: 238px !important;
}
}	
/* END Hade Menu */


/* MENU SECTION END --------------------------------------------------------------------------------- */










/* CONTENT SECTION ---------------------------------------------------------------------------------- */

/*  Dynamische Fontgrößen Headlines */

.dyn_head .header-content h1, .dyn_head .et_pb_column .et_pb_module h1, .dyn_head h1 {
  font-size: clamp(26px, 4vw, 48px) !important;
}

.dyn_head .header-content h2, .dyn_head .et_pb_column .et_pb_module h2, .dyn_head h2 {
  font-size: clamp(24px, 3vw, 30px) !important;
	color:#fd0 !important;
}

.dyn_head .header-content h3, .dyn_head .et_pb_column .et_pb_module h3, .dyn_head h3 {
  font-size: clamp(22px, 2.5vw, 24px) !important;
}

.dyn_head .header-content h4, .dyn_head .et_pb_column .et_pb_module h4, .dyn_head h4 {
  font-size: clamp(20px, 2.2vw, 22px) !important;
}

.dyn_head .header-content h5, .dyn_head .et_pb_column .et_pb_module h5, .dyn_head h5 {
  font-size: clamp(18px, 2vw, 20) !important;
}

.dyn_head .header-content h6, .dyn_head .et_pb_column .et_pb_module h6, .dyn_head h6 {
  font-size: clamp(16px, 1.8vw, 18) !important;
}
/* END Dynamische Fontgrößen Headlines */


/* Fixe Fontgrößen Headlines */

.header-content h1, .et_pb_column .et_pb_module h1 {
	font-size: 48px;
}

.header-content h2, .et_pb_column .et_pb_module h2 {
	font-size: 30px;
	color:#fd0;
}

.header-content h3, .et_pb_column .et_pb_module h3 {
	font-size: 24px;
    font-family: Open Sans,Arial,sans-serif;
	font-weight:700;


}

.header-content h4, .et_pb_column .et_pb_module h4 {
	font-size: 22px;
    font-family: Open Sans,Arial,sans-serif;
}

.header-content h5, .dyn_head .et_pb_column .et_pb_module h5 {
	font-size: 20px;
    font-family: Open Sans,Arial,sans-serif;	
}

.header-content h6, .dyn_head .et_pb_column .et_pb_module h6 {
	font-size: 18px;
    font-family: Open Sans,Arial,sans-serif;

}
/* END Fixe Fontgrößen Headlines */


/* Dynamische Fontgröße longcopy */
.dynamic_p p {
  font-size: clamp(14px, 1vw, 18px) !important;
}
/* END Dynamische Fontgröße longcopy */



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



/* Header Typo Background */

@media only screen and (max-width: 389px) {
.hade-head-bg {
	background-color:#fff !important;
	font-size: clamp(12px, 3vw, 64px) !important;
	padding:0.5em 0.5em !important;
	/* line-height:0.9em !important; */
}
}


@media only screen and (min-width: 390px) and (max-width: 980px) {
.hade-head-bg {
	background-color:#fff !important;
	font-size: clamp(16px, 3vw, 64px) !important;
	line-height:1.2em !important;
	/*
	padding:5px 15px 10px 15px;
	*/
	padding:1em 0.5em 1.5em 0.5em;
}
}

@media only screen and (min-width: 981px) {
.hade-head-bg {
	background-color:#fff !important;
	font-size: clamp(12px, 3vw, 64px) !important;
	padding:2.5em 0.5em;
	line-height:1.1em !important;
}
}

.hade-head-bg:first-child {
	padding-top:10px;
}

.hade-head-bg:last-child {
	padding-bottom:15px;
}
/* End Header Typo Background */




/* Text in der Hero-Section von Jobs  */
.hade-jobtext h2 {
  font-size: clamp(32px, 3vw, 64px) !important;
}



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

.blacklink a {
	color:#000;
}
/*END  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 */



/* KD Table */
.kd_table table, .kd_table tr, .kd_table td {
	border:0 !important;
	cellspacing:0 !important;
	cellpadding:0 !important;
	padding:0 !important;
}
/* END */


/* CONTENT SECTION END ------------------------------------------------------------------------------ */





/* ==========================================================================
   FOOTER SECTION
   ========================================================================== */


	/* 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){
		.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 {
		}








/* ==========================================================================
   KUDO SECTION
   ========================================================================== */
.kd-heart::after {
    content: "\e089";
    font-family: 'ETmodules';
    color: var(--kdac);
	}
	
	
/* END OF ALL */