/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/



/* START Mitglieder */

.organisation-element {
    border: 1px solid #ccebcc;
    padding: 20px;
    margin: 20px auto;
    max-width: 700px; 
    background-color: #ffffff; 
    border-radius: 0px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); 
    font-family: Arial, sans-serif;
    color: #000;
}


.organisation-header {
    display: flex; 
    align-items: center; 
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.organisation-logo {
    flex-shrink: 0; 
    margin-right: 20px;
}

.organisation-logo img {
    max-width: 80px; 
    height: auto;
    display: block;
}

.organisation-title h2 {
    font-size: 22px; 
    color: #333;
    margin: 0;
    line-height: 1.3;
}

/* Details-Bereich (Adresse und Kontakt) */
.organisation-details {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 20px;
}

.organisation-address,
.organisation-contact {
    flex: 1; 
    min-width: 250px;
}

.organisation-address p,
.organisation-contact p {
    margin: 5px 0; 
    font-size: 15px;
}


.organisation-address p:last-child {
    font-weight: bold;
    color: #555;
    margin-top: 10px;
}


.organisation-contact a {
    display: flex; 
    align-items: center; 
    text-decoration: none;
    color: #338833; 
    font-weight: bold;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.organisation-contact a:hover {
    color: #225522; 
}

/* Icons in den Kontaktlinks (SVG) */
.contact-icon {
    width: 20px; 
    height: 20px;
    margin-right: 8px;
    fill: #338833;
    transition: fill 0.3s ease;
}

.organisation-contact a:hover .contact-icon {
    fill: #225522; 
}

/* Responsive Anpassungen für kleinere Bildschirme */
@media (max-width: 600px) {
    .organisation-header {
        flex-direction: column;
        text-align: center;
    }
    .organisation-logo {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .organisation-title h2 {
        font-size: 18px; 
    }
    .organisation-details {
        flex-direction: column; 
    }
    .organisation-address,
    .organisation-contact {
        text-align: center; 
    }
    .organisation-contact a {
        justify-content: center;
    }
}
/* ENDE Mitglieder */

/* ANFANG MITGLIEDER */
#karten-container {
    text-align: center;
    margin-top: 20px;
    transition: opacity 1.4s ease-in-out;
    padding: 10px;
}

/* Styling für das Kartenbild */
#deutschland-karte {
    max-width: 100%;
    height: auto;
    display: block; 
    margin: 0 auto 20px auto; 
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
    }

/* Styling für den Button-Container */
.namen-buttons {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    gap: 10px; 
    margin-top: 10px;
}

/* Styling für die Buttons */
.namen-buttons button {
    background-color: #e6f7e6;
    border: 1px solid #ccebcc; 
    padding: 10px 20px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #338833;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.1s ease;
    min-width: 120px;
}

.namen-buttons button:hover {
    background-color: #d9edd9; 
    transform: translateY(-2px); 
}

.namen-buttons button:active {
    background-color: #ccffcc; 
    transform: translateY(0);
    color: #fff; 
}

.namen-buttons button.active-button {
    background-color: #338833;
    color: #ffffff;
    border-color: #225522;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    pointer-events: none; 
}

/* ENDE MITGLIEDER */


#menu-main > li:first-child a {
    clip-path: polygon(0% 100%, 37% 0%, 100% 0%, 100% 100%, 0% 100%);
    padding: 0px;
    padding-left: 39px;
    padding-right: 20px;
}

#menu-main > li:first-child a:hover {
    background-color: #4aa42d !important;
    color: #fff;
}
#menu-main > li:first-child a:active {
    background-color: #4aa42d !important;
    color: #fff !important;
}

@media (max-width: 1239px) {
 
   #menu-main{
	  padding-left: 0px;
	  margin-top: 20px;
  }
  
  
  #menu-main > li:first-child a {
    clip-path: polygon(0% 100%, 37% 0%, 100% 0%, 100% 100%, 0% 100%);
    padding: 0px;
    padding-left: 45px;
    padding-right: 20px;
}

#default > div.section_wrapper.mfn-wrapper-for-wraps.mcb-section-inner.mcb-section-inner-6y9pqbal > div > div > div.column.mcb-column.mcb-item-1k12806.one.laptop-one.tablet-one.mobile-one.column_header_menu.mfn-transformed.vb-item > div{
	width: 1000px;
}

}/* ENDE MEDIAQUERY */





.home #Top_bar {height:840px;background-size:contain}


.layout-boxed #Wrapper{
	box-shadow: none !important;
}


#Top_bar page_item{
	
	height: 50px !important;
}




.speech-bubble {
  background-color: #4aa42d;
  height: 250px; 
  clip-path: polygon(100% 0, 100% 80%, 2% 80%, 0 102%, 0 0);
  transform: translateY(-150px);
}

.siteContent{
	top: -150px;
}

.home-content{
	padding-left: 10px;
	padding-right: 10px;
	
}

@media (max-width: 769px) {
	
.home-content{
	padding-left: 0px !important;
	padding-right: 0px;
	
}
	
.siteContent{
	top: 12px;
}
.speech-bubble {
	position: relative;
bottom: -122px;
padding: 20px;
  height: 200px; 
}
	
}