/*
	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: #007577; /* RAL 5021 */
	--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
   ========================================================================== */

/* Menübreite anpassen für Breakpoint*/
@media(min-width:980px) and (max-width:1460px){
	#logo {
    height: 50px;
}

div#et-top-navigation {
    padding-left: 0 !important;
}

.container.et_menu_container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
}

#top-menu li {
    padding-right: 14px;
}

ul#top-menu li a {
    font-size: 14px;
}
}
/* END Menübreite anpassen für Breakpoint*/



/* Fix: Weißer Spalt unter Navigation zwischen 980px und 1280px */
@media (min-width: 980px) and (max-width: 1280px) {
  #page-container {
    padding-top: 0 !important;
  }
  #main-header {
    margin-bottom: 0 !important;
  }
}









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






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


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

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



/*Headline Gradient*/
.gradientheadline h1, .gradientheadline h2, .gradientheadline h3 {
    background: linear-gradient(to top right,rgb(8,68,131),rgb(0,95,191));
    background: -moz-linear-gradient(to top right,rgb(8,68,131),rgb(0,95,191));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*END Headline Gradient*/



/* DIVI FIX for Slide Title Font weight */
@media (max-width: 980px) {
.et_pb_slide_description .et_pb_slide_title {
    font-weight: 700!important;
}
}
/* END DIVI FIX for Slide Title Font weight */



/* 2 Spalten nebeneinander on mobile */
@media only screen and (max-width: 980px) {
    .two-columns .et_pb_column {
    width: 50%!important;
}
}
/* END */



/* 2 Spalten nebeneinander NUR auf Tablet mobile */
@media only screen and (min-width: 680px) and (max-width: 980px) {
    .two-ipad-columns .et_pb_column {
    width: 50%!important;
}
}
/* END */




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









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