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

	--c3: #dd0000; /* Rot */
	--c4: #293e6b; /* Dunkelblau */
	
	--c5: #aaaaaa; /* Grau */
	--c6: #686868; /* Dunkelgrau */
	--c7: #c9dd2e; /* KD-YELLOW */
	--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;
}

/* KNOLLE DESIGN  */

/* 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: 66px !important;
}
}
/* END Avoid jumping */


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



/* 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.25);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);
    }
}
/* END Overlapping Logo */



/* Email Icon Mobile Menu hide */
#et-info-email {
    display:none !important;
}

#et-info-phone {
    margin-right:0 !important;
}
#db-info-text {
    margin-right:0 !important;
}
/* END Overlapping Logo */


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






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










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

/* Font Größen */
.header-content h1, .et_pb_column .et_pb_module h1 { font-size: clamp(24px, 4vw, 64px) !important; font-weight:900;}
.header-content h2, .et_pb_column .et_pb_module h2 { font-size: clamp(22px, 3vw, 42px) !important; font-weight:300;}
.header-content h3, .et_pb_column .et_pb_module h3 { font-size: clamp(20px, 2.5vw, 36px) !important;}
.header-content h4, .et_pb_column .et_pb_module h4 { font-size: clamp(18px, 2.2vw, 32px) !important;}
.header-content h5, .et_pb_column .et_pb_module h5 { font-size: clamp(16px, 2vw, 24px) !important; font-weight:900;}
.header-content h6, .et_pb_column .et_pb_module h6 { font-size: clamp(16px, 1.8vw, 20px) !important;}

.et_pb_fullwidth_header_subhead { font-size: clamp(20px, 3vw, 42px) !important;}
/* END Font Größen */



/* White Links */ 
.whitelinks a {
    color:#fff !important;
}
/* END White Links */ 

/* Yellow Links */ 
.yellowlinks a {
    color:#ffe900 !important;
}
/* END White Links */ 


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



/* Gallery Bilder nebeneinander auf mobile add .col-width on gallery module */
    /** Desktop **/
    @media (min-width: 981px){
    .col-width .et_pb_gallery_item {
    width: 25% !important; /*four columns*/
    clear: none !important;
    }
    }

    /** Tablet **/
    @media (max-width: 980px){
    .col-width .et_pb_gallery_item {
    width: 50% !important; /*two columns*/
    clear: none !important;
    }
    }

    /** Small Tablet and Large Phone **/
    @media (max-width: 767px){
    .col-width .et_pb_gallery_item {
    width: 50% !important; /*two columns*/
    clear: none !important;
    }
    }
 
    /** Phone **/
    @media (max-width: 479px){
    .col-width .et_pb_gallery_item {
    width: 50% !important; /*two columns*/
    clear: none !important;
    }
    }
/* END Gallery Bilder nebeneinander auf mobile */



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




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