@charset "utf-8";
/*
Theme Name: Divi Child Theme
Author: Christoph Rupsch
Template: Divi
*/
/* breakpoints= 480, 768, 980, 1100, 1400
-------------------------------
TABLE OF CONTENTS
-------------------------------
# MAIN 
# HEADER 
# FOOTER 
# CUSTOMIZATIONS
# PLUGINs 
-------------------------------*/
:root {
	/* --- color management --- */
    --grey: #bcbcbc;
	--black: #000000;
    --white: #ffffff;
	--font-l: var(--white);
    --font-d: var(--black);
	--honey:#ffc405;
	--honey-light:#ffeba6;
    --green: #003518;
    --red: #c90600;
	/* for use with opacity */
	--grey-o: 188,188,188;
    --bg-l-o: 255,255,255;
    --bg-d-o: 188,188,188;
	--honey-o: 255,196,5;
	--honey-light-o: 255,235,166;
    --green-o: 0,53,24;
    --red-o: 201,6,0;
}
/* -------------------------------------------------*/
/* --- MAIN --- */
/* -------------------------------------------------*/
/* --- body settings --- */
body {
	background-color: var(--grey);
    font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:1.6em;
}
.et_pb_section, #main-content {
	background-color: inherit;
}

/* --- default page height --- */
#et-main-area, #main-content {
	min-height:75vh;
}
/* --- css grid template --- */
.grid_container {
	display:grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	justify-content: center;
	justify-items: center;
	gap: 20px;
}
/* --- text hyphens --- */
.cr_hyphens {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens:auto;
    -o-hyphens:auto;
    -ms-hyphens: auto;
}
@media (max-width: 980px) {
    .cr_hyphens_980 {
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens:auto;
        -o-hyphens:auto;
        -ms-hyphens: auto;
    }
}
.row_vertical_center {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media all and (max-width: 980px) {
	.row_vertical_center {
		display: inherit;
	}
}
/* --- link text hover effect --- */
.lb_vertical_align {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
/* --- link text hover effect --- */
#main-content .et_pb_text a, .lb_link_effect a {
	display: inline-block;
	text-shadow: 0 0 3px var(--black) !important;
}
#main-content .et_pb_text a:hover, .lb_link_effect a:hover {
	color: var(--honey-light);
}
/*
#main-content .et_pb_text a:after, .lb_link_effect a:after, #lb_blog_page .pagination a:after {
	content: '';
	display: block;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
	border-bottom: solid 2px var(--honey);
}
#main-content .et_pb_text a:hover:after, .lb_link_effect a:hover:after, #lb_blog_page .pagination a:hover:after {
	transform: scaleX(1);
}*/
.short_line {
	border: 1px solid var(--honey-light);
	width:150px;
}
.short_line_black {
	border: 1px solid var(--black);
	width:150px;
}
.long_line {
	border: 2px solid var(--honey-light);
	
}
.honey_icon {
	font-size: 1.4em;
	color: var(--honey-light);
}
/* -------------------------------------------------*/
/* --- HEADER --- */
/* -------------------------------------------------*/
/* --- header menu --- */
#et-info-email:hover, #et-secondary-menu > ul > li > a:hover, #top-menu-nav > ul > li > a:hover,
#top-menu-nav > ul > li > ul > li > a:hover, #et-footer-nav ul > li > a:hover, .et-social-icons a:hover, .et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: 1 !important;
    color: var(--honey)!important;
    text-shadow: 0 0 3px var(--black) !important;
}
#top-menu-nav .current_page_item > a, #top-menu-nav .current-menu-parent > a {
	text-shadow: 0 0 3px var(--black) !important;
}
#et_mobile_nav_menu .et_mobile_menu li a:hover, .nav ul li a:hover {
	background-color: rgba(0,0,0,0);
}
#et_mobile_nav_menu .mobile_menu_bar:before {
	text-shadow: 0 0 3px var(--black) !important;
}
#et_mobile_nav_menu .current-menu-item > a, #et_mobile_nav_menu .current-menu-parent > a {
	color: var(--honey)!important;
    text-shadow: 0 0 3px var(--black) !important;
}
/* -------------------------------------------------*/
/* --- FOOTER --- */
/* -------------------------------------------------*/
/* --- footer menu --- */
@media all and (max-width: 980px) {
	#footer_menu .et_pb_menu__menu {
		display:flex;
	}
	#footer_menu .et_mobile_nav_menu {
		display:none;
	}
}
#footer_menu .et_pb_menu__menu .et-menu-nav ul li a:hover {
	color: var(--honey);
	opacity: 1;
}
/* -------------------------------------------------*/
/* --- CUSTOMIZATIONS --- */
/* -------------------------------------------------*/
/* --- Imkerkurs --- */
#imkerkurs_tabelle {
	width: 100%;
	max-width: 600px;
	border-collapse: collapse;
	border: none;
}
#imkerkurs_tabelle td, #imkerkurs_tabelle tr {
	width: 33%;
	border: none;
}
#imkerkurs_tabelle td {
	padding: 6px 24px 6px 0px
}
/* --- blog --- */
#blog_module .et_pb_module_inner article .df-post-outer-wrap .df-post-read-more {
	color: var(--black);
	transition: transform 250ms ease-in-out;
}
#blog_module .et_pb_module_inner article .df-post-outer-wrap:hover .df-post-read-more {
	color: var(--honey);
	text-shadow: 0 0 3px var(--black) !important;
	transition: transform 250ms ease-in-out;
}
/* --- Google Maps iframe --- */
#google-map-container {
	position: relative;
	width: 100%;
	height: 500px;
}
#google-map-consent-button {
	position: absolute; 
	top: 65%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	z-index: 10; 
	padding: 15px 30px; 
	background-color: var(--white);
	color: var(--black);
	border: 1px solid var(--black);
	cursor: pointer; 
	font-size: 1.1em; 
	border-radius: 5px;
}
#google-map-consent-button:hover {
	background-color: var(--honey);
}
#google-map-placeholder {
	width: 100%; 
	height: 100%; 
	background-color: #eee; 
	border: 1px solid #ccc; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	text-align: center;
}
/* -------------------------------------------------*/
/* --- PLUGINs --- */
/* -------------------------------------------------*/
/* --- cookie banner --- */
#cookie-notice .cn-buttons-container button {
	padding: 10px;
	background-color: var(--white)!important;
	border: 1px solid var(--black)!important;
	border-radius: 3px;
	color: var(--black)!important;
	font-size: 16px!important;
}
#cookie-notice .cn-buttons-container button:hover {
	background-color: var(--honey)!important;
}
#cookie-notice .cn-text-container {
	font-size: 16px;
}