/*  OWN CSS DEFINITION for 'erwinklier.de' */
//  colors
	/* SCSS RGB */
	//$mint-green: rgba(196, 237, 219, 1);
	//$pearl: rgba(237, 224, 197, 1);
	//$rose-taupe: rgba(140, 96, 88, 1);
	//$ecru: rgba(216, 183, 111, 1);
	//$cambridge-blue: rgba(125, 173, 152, 1);

//  CSS basic elements
h1, h2, h3, h4, h5 { font-transform: none !important; color: #aec3ba; }
a, a:visited, a:active, a:focus { text-decoration:none; font-transform: none !important;}
a, a:visited, a:active, a:focus { color: #aec3ba; }
a:hover { text-decoration:none; font-transform: none !important; color: #c2ecd9; }

// LOGO
.gruen_logo { color: #c2ecd9 }


/* MENU / NAVBAR    */

// MENU: mobile menu
.mobile-menu .button_container span {
	//background-color: #000;
}
.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover, .dropmenu ul li a.visited, { 
	color: #c2ecd9 !important; 
	//background-color: cadetblue;
}
.overlay {
	background: #379369 !important;
}
/* Anpassung der Hintergrund- und Textfarbe der Menüleiste */
nav.navbar {
    //background-color: #2c3e50; /* Dunkler Blauton für besseren Kontrast */
}
.header-transparent #header:not(.scrolled) {
  //background: rgba(255,255,255,.05);
  background: rgba(255,255,255,.25);
}
nav.navbar a {
    //color: #ecf0f1; /* Heller Farbton für Text */
    font-size: large;
}
nav a:hover, nav a:active {
    color: #0f0;
}
nav a, nav a:visited {
    color: #fff;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Hover-Effekt für Menülinks */
nav.navbar a.navbar-item:hover {
    //color: #3498db; /* Auffälliger Blauton beim Hover */
}
nav a:hover {
    color: #000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    font-weight: bold;
}
nav li {
    border-radius: 25px; /* Makes the background rounded */
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    background-color: transparent; /* Ensures no sudden change */
}
nav li:hover li:active {
    //background: rgba(0,0,0,.15);
    background: rgba(255,255,255,.15);
    border-radius: 25px; /* Ensures it stays rounded */
    box-shadow: inset 0 0 15px rgba(168, 230, 206, 0.4); /* Soft glow effect */
    //box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.4); /* Soft glow effect */

}

// [FOOTER]
footer.li { list-style: none !important; }
.footer li { list-style: none !important; }


/* <--------- from here: PAGE-specific: */
/* TEAM */
/* Main team grid */
.team-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}
/* Ensures all team members have the same height */
.team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #ede0c5ff; /* Pearl color */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Ensure images have a uniform size */
.team-member img {
    width: 250px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 15px;
}
/* Name styling */
.team-member h2 {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #8c6058ff; /* Rose Taupe */
}

/* Key-Value Grid Layout */
.team-info {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Key column, Value column */
    gap: 10px;
    align-items: center;
    width: 100%;
    max-width: 250px;
    margin: 15px 0;
}
/* Key (label) styling */
.team-info .key {
    align-self: flex-start;
    font-weight: bold;
    text-align: left;
    color: #7dad98ff; /* Cambridge Blue */
}

/* Value styling */
.team-info .value { text-align: left; color: #333; }
.team-info .value a { color: #000 !important; }
.team-info .value a:visited { color: #000; }
.team-member a, .team-member a:visited, .team-member a:active, .team-member a:focus { text-decoration:none; font-transform: none !important; color: white; }


/* Call & Email Buttons */
.team-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.team-buttons a {
    text-decoration: none;
    background-color: #7dad98ff; /* Cambridge Blue */
    color: white;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 5px;
}
.team-buttons a, .team-buttons a:hover, .team-buttons a:visited {
    color: white !important;
    background-color: #5f8c7b;
}


/* BUTTONs    */
/* Anpassung der Button-Stile */
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #379369; /* Primärfarbe für Buttons */
    color: #ffffff; /* Weißer Text für guten Kontrast */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1rem;
}
/* Hover-Effekt für Buttons */
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #379369; /* Etwas dunklerer Blauton beim Hover */
}


// Landing page
.ek-font {
	//color: #fff !important;
}
.glass-text-light {
	color: #000000ba;
	font-weight: initial;
	font-size: 14px;
	//text-shadow: 1px 1px rgba(196, 237, 219, 1);
	text-shadow: 0px 0px #8c6058ff;
}
	// rose: rgba(196, 237, 219, 1);
.hero h1, .hero h2 {
	text-shadow: 1px 1px rgba(196, 237, 219, 1);
}
.hero btn-primary{ font-size: 1.2rem; }
.hero a, .hero a:visited, .hero a:active, .hero a:focus { color: #000 !important; }
.btn-primary.button, .btn-primary.button:focus, .btn-primary.button:hover, .btn.btn-primary:focus, .btn.btn-primary:hover {
  border-color: #000 !important;
  background: #c2ecd9;
}

.glass h1, .glass h2{ margin-bottom: 0px !important; }
.glass {
	//background: rgba( 255, 255, 255, 0.15 );
	//background: rgba(255, 255, 255, 0.37);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 8px 32px 0 rgba(237, 224, 197, 1);
	backdrop-filter: blur( 1.5px );
	-webkit-backdrop-filter: blur( 1.5px );
	border-radius: 10px;
	border: 0px solid rgba( 255, 255, 255, 0.18 );
	}

// Bigger font for FEATURES modular
.modular-features.small .feature-icon h6 { font-size: 18px !important; }
.modular-features h6 { font-size: 18px !important; }
//.modular-features .feature-content p { font-size: 14px; }
.modular-features .column .feature-content {
  padding-top: 24px;
  font-size: 16 px;
  //color: #667189;
  line-height: 1.2;
  }


// RESPONSIVE
// smartphone: .modular-features .frame-box { padding: 0rem 0; }

// this wasnt me:

.feature-content {
	padding-top: 15px;
}	

.treemenu li a.active, .treemenu li a, .treemenu li a.visited {
	font-size: 2rem !important;
	padding: 1rem !important;
}