/*
	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: #fefdf5; /* creme */
	--c4: #887b57; /* Dunkel-Gold */
	
	--c5: #a09579; /* Mittel-Gold */
	--c6: #b8b09a; /* Hell-Gold */
	--c7: #cfcabc; /* Blass-Gold */
	--c8: #f7c028; /* SWMG-Gelb */
	
/*	--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;
}



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


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

/* ##### Overlapping Logo ##### */
@media only screen and (max-width: 980px) {
#logo {
	margin-left:-4px !important;
	min-height: 100px;
	background-color:#fff;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	}
}

@media (min-width: 981px){
    img#logo {
        margin-left:-5px !important;
		height: 120px !important;
        max-height: 120px !important;
		-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
    	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
    	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
    }
}
/* END Overlapping Logo */



/* ##### Kontrast Dropdown-Navigation ##### */
.nav ul li a:hover, .et_mobile_menu li a:hover {
opacity: 1.0;
background-color: rgba(17, 17, 17, 0.2);
}
/* END Kontrast Dropdown-Navigation */



/* ##### DROPDOWN MENU WIDTH ##### */
@media only screen and (min-width: 768px) {
	
#top-menu .sub-menu li a {
   font-size: 14px; /* Font size dropdown */
}	
   
.nav li ul {
   width: 440px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 440px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 400px; /* Make this 40 less then the width of the dropdown menu */
}
}
/* END DROPDOWN MENU WIDTH */



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




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




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



/* ##### Textlinks unterstreichen ##### */
p a:hover {
text-decoration:underline;
}
/* ##### END Textlinks unterstreichen ##### */



/* #### Tabellenrahmen entfernen #### */
.tabelle table{
	border:0 !important;
	padding:0 !important;
}
.tabelle td {
		border:0 !important;
		padding:0 !important;
}
.tabelle tr {
		border:0 !important;
		padding:0 !important;
}
/* ### END Tabellenrahmen entfernen ### */



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



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


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