/*
 Theme Name: Divi-Mastermind-Child-Theme
 Theme URI: https://www.divimastermind.com/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von den Divi Masterminds. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: Divi Mastermind - Benny Hozjan und Frank Oschatz
 Author URI: https://divimastermind.com/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, rawbone, easy-to-use, mastermind, german-group, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


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


/* Align Buttons in bottom of a row */
.lem_fixed_buttons .et_pb_column {
padding-bottom:20px;}
.lem_fixed_buttons .et_pb_button_module_wrapper {
    	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
}


.spalte-ausblenden {
display: none;}


#top-menu a {
    font-weight: 100!important;
}



.wpsbc-calendar {
    min-width: 210px!important;
    max-width: 100%!important;
}

.wpsbc-legend {
    display: none;
}



/* Blog Styling Benny */

.bh_blog .et_pb_post {
position:relative
}

.bh_blog .et_pb_post .post-meta {
display:block;
position:absolute;
top:20px;
left:0;
z-index:10;
}

.bh_blog .et_pb_post a[rel="tag"] {
padding:5px;
color:#fff;
background:#3FA315;
font-size:12px!important;
border-radius:3px;
margin-left:15px
}


.bh_blog .et_pb_post a.more-link {
display: flex;
position: absolute!important;
bottom: 20px;
background: rgba(0, 0, 128, 0);
color: #3FA315!important;
padding: .5rem 1rem;
left: 20px;
border:1px solid #3FA315;
border-radius:5px;
transition: 0.7s ease all;
}
.bh_blog .et_pb_post:hover a.more-link {
background: #3FA315;
color: #fff!important;
}

.bh_blog .et_pb_post img {
transition: 0.7s ease all;
}

.bh_blog .et_pb_post:hover img {
transform:scale(1.05)
}


/* Modern Event Calendar */
.mec-event-content .mec-single-event-description.mec-events-content ul li {
  list-style: inside;
  font-size: 16px;
  line-height: 1.6em;
  color: #000;
}

/* Moder Event Calendar */

/*  ==================================================================
	Modern Event Calendar ============================================
	==================================================================  */




/* Header MEC - Divi Bibliothek */

.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 278px!important;
  padding-bottom: 20vh!important;
}


/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 40vh;
  color: white!important;
  z-index: 99;

}

/* Archiv Seite Überschrift als Span ausblenden */
body.archive.post-type-archive.post-type-archive-mec-events #page-container .et-boc #et-main-area .mec-container span {
  font-size: 0px;
  display: none;
}

/* Main Content MEC */
.single-mec-events .mec-container .mec-wrap {
  margin-top: 50px;
  z-index: 99;
}

/* Image MEC Single Event */
.mec-wrap .mec-single-event .mec-events-event-image .wp-post-image,
.single-mec-events .mec-container .mec-wrap .mec-single-event .mec-event-export-module.mec-frontbox,
.single-mec-events .mec-container .mec-wrap .mec-single-event .mec-events-meta-group.mec-events-meta-group-countdown {
  border-radius: 5px;
  border: 1px solid #149245;
}

/* Widets MEC Single Site */
.single-mec-events .mec-container .mec-wrap .mec-single-event .mec-event-social.mec-frontbox,
.mec-container .mec-single-event .mec-event-meta {
  border-radius: 5px!important;
  background: #fff!important;
  border: 1px solid #149245!important;
}

/* Countdown MEC Single Site */
.mec-events-meta-group .mec-countdown-details ul  li,
.mec-countdown-details .countdown-w ul.clockdiv li p {
  color: #000!important;
}

/* Search Widget MEC Single Page */
.mec-container .mec-single-event .et_pb_widget.widget_search {
  float: none;
}


.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul {
    display: grid!important;
    width: 100%!important;
    justify-content: center!important;
    justify-items: center!important;
    gap: 50px; /* Abstand zwischen den Buttons */
}

/* Stellt sicher, dass die Buttons die gleiche dynamische Breite haben */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li {
    width: 100%!impor.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul {
    display: grid !important;
    width: 100% !important;
    justify-content: center !important;
    place-items: center !important; /* Stellt sicher, dass alle Elemente mittig ausgerichtet sind */
    gap: 20px; /* Abstand zwischen den Buttons */
}

/* Stellt sicher, dass die Buttons untereinander und zentriert sind */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li {
    width: 100%;
    max-width: 280px; /* Begrenzt die Breite für gleichmäßige Buttons */
    display: flex;
    justify-content: center; /* Zentriert den Button im li */
}

/* Stellt sicher, dass die Buttons 100% der Listen-Elemente ausfüllen */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li .mec-events-button {
    width: 100%;
    text-align: center; /* Stellt sicher, dass der Text im Button zentriert ist */
}tant;
    max-width: 500px!important; /* Optional: Begrenzung der maximalen Breite */
}

/* Stellt sicher, dass die Buttons 100% der Listen-Elemente ausfüllen */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li .mec-events-button {
    width: 100%!important;
}


body.single.single-mec-events > div > div > div#et-main-area > section.mec-container {
  padding-top: 50px;
  width: 80%!important;
  max-width: 1380px;
  
}

div > div > section#main-content.mec-container > div > article.mec-single-event > div.mec-breadcrumbs {
  border:1px solid #149245;
  color: black!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  margin: 10px 1%!important;
}

section#main-content.mec-container > div.mec-wrap > article.mec-single-event > div.mec-breadcrumbs > div.mec-address > a {
  color: #149245!important;
}

section#main-content.mec-container > div > article.mec-single-event > div > div.mec-single-event-bar {
border: 1px solid #149245;
}







/* H1-H6 Überschriften */

/* Grosse Bildschirme über (1405px) */
	@media only screen and ( min-width: 1405px ) { 

	}

/* Laptops & Desktops zwischen (1100-1405px) */
	@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}

/* Tablets in Landscape-Modus zwischen (981-1100px) */
	@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	
/* Header MEC - Divi Bibliothek */
.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 10vh!important;
  padding-bottom: 20vh!important;
}

/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}


/* Tablets in Portrait-Modus zwischen (768-980px) */
	@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

/* Modern Event Calendar */
/* width Single Site */
.mec-container {
	width: 100%;
}

/* Header MEC - Divi Bibliothek */
.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 10vh!important;
  padding-bottom: 20vh!important;
}

/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}

/* Smartphones in Landscape-Modus zwischen (480-768px) */
	@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* Modern Event Calendar */
/* width Single Site */
.mec-container {
	width: 100%;
}

/* Header MEC - Divi Bibliothek */
.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 10vh!important;
  padding-bottom: 20vh!important;
}

/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}
/* Smartphones im Portrait-Modus zwischen (322px-479px) */
@media only screen and ( max-width: 479px ) {
/* Modern Event Calendar */
/* width Single Site */
.mec-container {
	width: 100%;
}

/* Header MEC - Divi Bibliothek */
.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 10vh!important;
  padding-bottom: 20vh!important;
}

/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}


/* Smartphones im Portrait-Modus zwischen (0-321px) */
	@media only screen and ( max-width: 321px ) {
/* Modern Event Calendar */
/* width Single Site */
.mec-container {
	width: 100%;
}

/* Header MEC - Divi Bibliothek */
.post-type-archive-mec-events .et_pb_section.lem-header-before-mec,
.single-mec-events .et_pb_section.lem-header-before-mec {
  padding-top: 10vh!important;
  padding-bottom: 20vh!important;
}

/* Archive Site MEC */
.post-type-archive-mec-events .mec-container h1 {
  position: absolute;
  top: 2vh;
  color: white!important;
  z-index: 99;

}
}