/*
 Theme Name:     MB 2026 Minimalist v1
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme: Arbeit am Menü mit Untermenü. 
 Author:         Michael Braune
 Author URI:     https://www.divi5.michaelbraune.de
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* ––––– Ab hier kannst du deine CSS-Anpassungen eintragen ––––– */


/* erst Font für Internet Explorer dann für WOFF-fähige Browser */
@font-face {
font-family:myFont-CondBold;
src:url("../Divi-Child-MB-2026 Minimalist v1/fonts/MyFont-CondBold.woff") format('woff');
	url("../Divi-Child-MB-2026 Minimalist v1/fonts/MyFont-CondBold.woff2") format('woff2');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:myFont;
src:url("../Divi-Child-MB-2026 Minimalist v1/fonts/MyFont.woff") format('woff');
	url("../Divi-Child-MB-2026 Minimalist v1/fonts/MyFont.woff2") format('woff2');
font-weight:normal;
font-style:normal;
}


/* ––––– Die Fonts für Frontend und Layerslider-Vorschau werden über die functions.php geladen ––––– */

/*
body {
	font-family: "MyFont",Verdana, Geneva, sans-serif !important;
}
*/

body, input, textarea, select, p {
	font-family: "MyFont",Verdana, Geneva, sans-serif !important;
}
h1, h2, h3, h4 {
	font-family: "MyFont-CondBold",Verdana, Geneva, sans-serif;
}


/* START +++ Silbentrennung */
body {
	hyphens: auto; 
}
/* ENDE +++ Silbentrennung */



/* START +++ Hamburger Menü */
.et_pb_menu_0_tb_header {
	top: 30px !important;
}
.et_pb_menu .et_mobile_nav_menu {
	float: none;
	margin: 0 6px;
	/*display: -webkit-box;
	display: -ms-flexbox;*/
	display: flex;
	align-items: center;
}
.et_pb_menu .et_pb_menu__menu {
	display: none;
}
.et_pb_menu__wrap .mobile_menu_bar {
	z-index: 1000 !important;
	cursor: pointer;
}
.et_mobile_menu {
	padding: 0px 0px !important;
	border-top: none !important;
	width: 250px;
	margin-top: -45px !important;
	margin-left: -250px !important;
	background: none !important;
	box-shadow: none;
/*	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
 	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); */
}
.et_mobile_menu li {
	list-style-type: none;
	padding: 0 0 0px 0;
	margin-bottom: 1px;
	line-height: 30px;
}
.et_mobile_menu li a {
	background: rgba(255, 255, 255, 0.3);
	padding: 10px 10%;
  	backdrop-filter: blur(5px);
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
/* Formatierung des Eltern-Menüpunkts, wenn eine Unterseite aktiv ist */
#mobile_menu1 .current-menu-ancestor > a {
	font-weight: inherit;
	color: var(--gcid-awtsd5ig2f) !important; /* black */
	background-color: rgba(255,255,255,.3) !important;
}
/* Wenn Eltern-Menüpunkt aktiv ist, werden Unterseiten als inaktiv dargestellt */
/*
#mobile_menu1 .sub-menu a {
	color: var(--gcid-awtsd5ig2f) !important; 
	background-color: rgba(255,255,255,.3) !important;
	font-weight: inherit;
}
*/
.et_mobile_menu .menu-item-has-children > a {
	font-weight: inherit;
	color: var(--gcid-awtsd5ig2f) !important; /* black */
	background-color: rgba(255,255,255,.3) !important;
	margin-bottom: 1px;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
	color: var(--gcid-awtsd5ig2f) !important; /* black */
	background: var(--gcid-udf6677ow5) !important; /* white */
	opacity: 1;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
    background-color: var(--gcid-secondary-color) !important; /* Aktive Seite */
}

.mobile_menu_bar::before, .mobile_menu_bar::after {
	font-size: 30px !important;
	color: var(--gcid-awtsd5ig2f) !important; /* black */
	background-color: rgba(255, 255, 255, 0.3);
	padding: 10px !important;
	border-radius: 100px;
	cursor: pointer;
	-webkit-backdrop-filter: blur(5px);
  	backdrop-filter: blur(5px);
	border: 0.02em solid rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.sub-menu {
	padding: 0 0 0 0 !important;
}
.current-menu-item > a {
  color: blue !important;
}

/* ENDE +++ Hamburger Menü */



/* START +++ Hamburger Button wechselt bei geöffnet zu X und ist animiert */
.mobile_menu_bar::before {
	display: block;
	transition: all .4s ease;
}
.mobile_nav.opened .mobile_menu_bar::before {
	content: "M";
	transform: rotate(90deg);
}
/* ENDE +++ Hamburger Button wechselt bei geöffnet zu X und ist animiert */



/* START +++ Back-Button */
.back {
    background-color: rgba(255, 255, 255, 0.3) !important;
	border-radius: 100px !important;
	margin-top: 30px !important;
	margin-right: 20px !important;
	padding: 0;
  	backdrop-filter: blur(5px);
	border: 0.02em solid rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
/* ENDE +++ Back-Button */



/* START +++ Top-Button */
.et_pb_scroll_top.et-pb-icon {
    background-color: rgba(255, 255, 255, 0.3) !important;
	color: var(--gcid-awtsd5ig2f); /* black */
	border-radius: 100px !important;
	margin-right: 20px !important;
	padding: 10px;
  	backdrop-filter: blur(5px);
	border: 0.02em solid rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
/* ENDE +++ Top-Button */



/* START +++ Floating Pop-out Menü */
@media (min-width: 981px){
  #float {
    
  }
}
#float {
    position: fixed;
    top: 200px;
    left: 0px;
    z-index: 99998;
  }
/* ENDE +++ Floating Pop-out Menü */



/* START +++ Bildzoom */
.zoom img {
	transform: scale(1);	
	transition: all 0.3s linear; /* VERZÖGERUNG */
}
.zoom img:hover {	
	transform: scale(1.2);
}
/* ENDE +++ Bildzoom */



/* START +++ Beitragsnavigation */
.nav-label {
	font-family: "MyFont-Cond",Verdana,Geneva,sans-serif !important;
}

	/* zurück zur Kategorie */
.arrow_carrot-2left:before {
	font-family: ETmodules;
	font-size: 30px;
	content: "\38";
}
.arrow_carrot-2left {
	font-family: ETmodules;
	content: "\38";
}
.et_pb_posts_nav .nav-next {
	/*float: right !important;*/
	margin-right: 0px;
}
.headernavigation {
	width: 100% !important;
	max-width: 100% !important;
}
.et_pb_posts_nav.et_pb_post_nav_0_tb_header a {
    background-color: rgba(97, 208, 157, 0.5) !important;
}
.et_pb_posts_nav .nav-next a:before {
	content: '\34' !important;
	font-family: ETmodules !important;
	color: var(--gcid-awtsd5ig2f); /* black */
	font-size: 30px !important;
}
.et_pb_posts_nav .nav-previous a:after {
	content: '\35' !important;
	font-family: ETmodules !important;
	color: var(--gcid-awtsd5ig2f); /* black */
	font-size: 30px !important;
}
.nav-label {
	display: none;
}
/* ENDE +++ Beitragsnavigation */



/* START +++ Layerslider */
.ls-bar-timer {
	border-color: #0ED399 !important;
	opacity: 1;
	background: var(--gcid-udf6677ow5) !important; /* white */
	border-bottom: 0px solid #0ED399;
}

/* Hover auf Layer A → Layer B fade-in / fade-out animieren */
.hover-target {
	opacity: 0;
	transition: opacity .4s ease;
	pointer-events: none;
}
.hover-target.show {
	opacity: 1;
	pointer-events: auto;
}
/* ENDE +++ Layerslider */



/* START +++ MATOMO */
#matomo-opt-out {
	font-family: "MyFont",Verdana, Geneva, sans-serif !important;
	font-size: 100% !important;
	padding: 20px;
	background-color: #bbb;
	color: var(--gcid-awtsd5ig2f); /* black */
}
#matomo-opt-out label {
    margin: 20px 0 0 0 !important;
}
#matomo-opt-out label strong {
    font-weight: 500 !important;
}
/* ENDE +++ MATOMO */



/* START +++ DIVI Plus */

/* ENDE +++ DIVI Plus */




/* - START - DP Blog Slider --- */
.dipl_swiper_wrapper .swiper-container {
	cursor: default !important;
}
/* - ENDE - DP Blog Slider --- */



/* START +++ DP Ajax-Search */
.dipl_ajax_search_results {
	max-height: 480px !important;
	margin: 0px 30px !important;
}
/* ENDE +++ DP Ajax-Search */



/* START +++ Schlagwort als Button */
.et_pb_post_title_1 .dbdb_posttitle_tags a:not(:last-child):after {
	content: " |" ¡important;
}
.schlagworte .dbdb_posttitle_tags_separator {
	display: none;
}
.schlagworte a {
	color: var(--gcid-udf6677ow5) !important; /* white */
	background-color: var(--gcid-secondary-color);
	padding: 5px 15px 3px;
	border-radius: 50px;
}
/* ENDE +++ Schlagwort als Button */



/* START +++ Schlagwort */
.projekt-tag-titel {
	display: flex !important;
}
.projekt-tag-titel h1 {
	font-size: 25px;
	font-family: "MyFont" !important;
	background-color: #062a39;
	color: var(--gcid-udf6677ow5) !important; /* white */
	border-radius: 50px;
	padding: 10px 25px 5px;
	margin: -5px 10px;
}
/* ENDE +++ Schlagwort */



/* START +++ PlugIn: Complianz */
#cmplz-manage-consent .cmplz-manage-consent {
    border-top-color: var(--gcid-secondary-color);
    border-top-width: 2px !important;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {
	cursor: pointer;
	background-color: #00dfe8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cmplz-blocked-content-container:hover .cmplz-blocked-content-notice:hover, .cmplz-wp-video:hover .cmplz-blocked-content-notice:hover {
	background-color: #062a39;
}
/* ENDE +++ PlugIn: Complianz */




/* START +++ DP-Blog-Slider - Buttons auf der gleichen Höhe ausrichten */
.dipl_blog_slider .dipl_blog_slider_post {
    height: 100% !important;
}

.dipl_blog_slider .dipl_blog_slider_post .dipl_blog_slider_content_wrapper {
    display: flex !important;
    flex-direction: column;
}
/* ENDE +++ DP-Blog-Slider - Buttons auf der gleichen Höhe ausrichten */