/*
 Theme Name: Divi-Child-Theme-KNOLLE-DESIGN
 Theme URI: https://www.knolle.biz/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von KNOLLE DESIGN. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: KNOLLE DESIGN - Jens Knolle
 Author URI: https://www.knolle.biz/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, easy-to-use, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */


/* KNOLLE DESIGN  */



/* ==========================================================================
   ROOT SECTION
   ========================================================================== */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

:root {
	--kdac: #000;

	--c3: #363d43; /* Blaugrau */
	--c4: #beac84; /* Gold */
	--c5: #422713; /* Dunkelbraun */
	--c6: #16172f; /* Dunkelblau */
	--c7: #b2bbde; /* Hellblau */
	--c8: #f1f1f1; /* lightgrey */
}


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

/* Active-Status im Submenü */
/*
.current_page_item a span{
  color: var(--c3);
}
*/
/* END Active-Status im Submenü */




/* Schriftgröße Menü anpassen */
    @media(min-width:980px) and (max-width:1280px){
        #top-menu li {
            padding-right: 14px;
        }

        ul#top-menu li a {
            font-size: 14px;
        }
    }
/* END Schriftgröße Menü anpassen */



/* 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 im TOP-Header näher an Text davor */
    @media only screen and (max-width: 768px) {
        #db-info-text {
            margin-right:0 !important;
        }

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



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







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



/*  Dynamische Fontgrößen  */

    .dynhead .header-content h1, .dynhead .et_pb_column .et_pb_module h1, .dynhead h1 {
		font-size: clamp(2.6rem, 5vw, 6.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h2, .dynhead .et_pb_column .et_pb_module h2, .dynhead h2 {
		font-size: clamp(2.4rem, 5vw, 4.2rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h3, .dynhead .et_pb_column .et_pb_module h3, .dynhead h3 {
		font-size: clamp(2.2rem, 5vw, 3.6rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h4, .dynhead .et_pb_column .et_pb_module h4, .dynhead h4 {
		font-size: clamp(2rem, 5vw, 3.2rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h5, .dynhead .et_pb_column .et_pb_module h5, .dynhead h5 {
		font-size: clamp(1.8rem, 5vw, 2.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h6, .dynhead .et_pb_column .et_pb_module h6, .dynhead h6 {
		font-size: clamp(1.6rem, 5vw, 2.0rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }


	.h1_substitute {
		font-size: clamp(2.6rem, 5vw, 6.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
	}


    .et_pb_module.et_pb_text p {
        font-size: clamp(1.8rem, 5vw, 2rem) !important;
		line-height: clamp(2rem,10vw,2.8rem);
	}

/* END Dynamische Fontgrößen  */



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


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



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

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


/* Fullwidth Header Content Width */
	.kd-fwheader .et_pb_fullwidth_header_container {
		max-width:3840px !important;
	}


	.kd-fwheader .header-content {
		max-width:3840px !important;
	}
/* Fullwidth Header Content Width */


/* 	==========================================================================
   	MAILPOET STYLES
   	========================================================================== */ 

	.mailpoet_validate_success, .mailpoet_checkbox_label {
		color:white !important;
		line-height: 1.2em !important;

	}

	.mailpoet_checkbox_label {
		margin-top:15px;
	}







/* 	==========================================================================
   	FOOTER SECTION
	Oberer Footer-Teil → 	.kd_footer 			→ Sektion
	Unterer Footer-Teil → 	.kd_footer_menu		→ Sektion
   	========================================================================== */

	/* oberer Footer Teil */
	.kd_footer {}
	/* End oberer Footer Teil */


	/* Footer Menu und KD-Icon stylen */
		.kd_footer_menu .et_pb_column {
		  display:flex
		}
	/* 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);
			line-height: clamp(2rem,10vw,2.8rem);
		}
	/* 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 */






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