/*
	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: #88724e; /* Gold */
	--c4: #00a3bf; /* Hellblau */
	
	--c5: #422713; /* Dunkelbraun */
	--c6: #16172f; /* Dunkelblau */
	--c7: #b2bbde; /* Hellblau */
	--c8: #f1f1f1; /* lightgrey */
	
/*	--bp1:767px; /* breakpoint mobile */
/*	--bp2:980px; /* breakpoint tablet */
/*	--bp3:1280px; /* breakpoint narrow screen */
}


.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;
}

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

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

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


/* Logo ganz nach links */
.et_boxed_layout #page-container .container {
    max-width: 100%;
    padding-left: 0px;
    margin-left: 0;
}

img#logo {
    float: left;
}

@media (min-width: 981px){
.container.clearfix.et_menu_container{
width: 95% !important;

}
.container.clearfix{
 width: 95.6% !important;
 padding-right: 0px !important;
}
}
/* END Logo ganz nach links */



/* E-Mail und Telefon im Top-Menu nach rechts */
  @media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
  }
/* END E-Mail und Telefon im Top-Menu nach rechts */

/* Hover-Effekt auf klickbare Telefonnummer */
#et-info-phone:hover { 
  opacity: 0.7; 
  -moz-transition: all 0.4s ease-in-out; 
  -webkit-transition: all 0.4s ease-in-out; 
  transition: all 0.4s ease-in-out; 
}
/* END Hover-Effekt auf klickbare Telefonnummer */


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


/*  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 */





body.admin-bar.et_fixed_nav #top-header {
    top: 32px !important;
}

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header{
    top: 67.5px !important; 
}







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


/* Fontgrößen Überschriften */
.header-content h1, .et_pb_column .et_pb_module h1 {
  font-size: clamp(26px, 4vw, 64px) !important;
  font-weight:900;
}

.header-content h2, .et_pb_column .et_pb_module h2 {
  font-size: clamp(24px, 3vw, 42px) !important;
  font-weight:300;
}

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

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

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

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



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



/* Dynamische Fontgröße Leistungen Überschriften über Bildern */
.et_pb_column .dynamic_h3 h3 {
	font-size: clamp(20px, 1.8vw, 26px) !important;
	font-weight:700;
}
/* END Dynamische Fontgröße Leistungen Überschriften über Bildern */



/* Dynamische Fontgröße Leistungen Überschriften über Bildern */
.et_pb_column .dynamic_h4 h4 {
	font-size: clamp(16px, 1.6vw, 22px) !important;
	font-weight:700;
}
/* END Dynamische Fontgröße Leistungen Überschriften über Bildern */

/* Dynamische Fontgröße Leistungen Überschriften vom Akkordeon */
.et_pb_column .dynamic_h4 h4.et_pb_toggle_title {
  	font-size: clamp(16px, 1.4vw, 20px) !important;
	font-weight:500;
}
/* END Dynamische Fontgröße Leistungen Überschriften über Bildern */




/* 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 */



/* ein zweispaltiges Bild nur einspaltig darstellen */
@media only screen and (min-width: 979px)  {
	.bild1col .et_pb_image_wrap {
		max-width:33%!important;
	}
}




/* ==========================================================================
   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 */