/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2025 | 15:05:36 */
/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 

/* Gesamtbreite & Abstand */
.searchandfilter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 1rem;
}

/* Labels */
.searchandfilter label {
  font-weight: bold;
  margin-bottom: 0.2rem;
}

/* Dropdown-Felder */
.searchandfilter select {
  padding: 0.5rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  width: 100%;
}

/* Checkbox-Gruppen */
.searchandfilter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.searchandfilter ul li {
  display: flex;
  align-items: center;
}

.searchandfilter input[type="checkbox"] {
  margin-right: 0.5rem;
}

/* Submit-Button */
.searchandfilter input[type="submit"] {
  background-color: #e00060;
  color: white;
  padding: 0.6rem 1.2rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.searchandfilter input[type="submit"]:hover {
  background-color: #c30050;
}
.searchandfilter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* Suchergebnisse */

.search.search-results #content .page-content article.post {
	max-width: 33.3%;
	border: 1px solid #eee;
	padding: 2%;
	margin: 4% 0;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1024px) {
  .elementor-200 .elementor-element.elementor-element-b81f0e8 .elementor-post {
    border-radius: 0px;
    display: block;
    padding: 5%;
    border: 1px solid turquoise;
    border-radius: 14px;
    margin: 5%;
  }
}

 @media screen and (max-width: 600px) {
  .elementor-200 .elementor-element.elementor-element-b81f0e8 .elementor-post__thumbnail__link {
	  width: 100%;}
	  
  .elementor-200 .elementor-element.elementor-element-b81f0e8 .elementor-post {
    border-radius: 0px;
    display: block !important;
    max-width: 100%;
  }
	  .searchandfilter {
	display: flex !important;
	flex-direction: column;
	gap: 1rem;
	padding: 0 !important;
	background: #fff !important;
	border-radius: 1rem !important;
}
	 .e-con.e-flex > .e-con-inner {
	flex-wrap: nowrap !important;
}
	 .searchandfilter input[type="submit"] {
	background-color: #e00060;
	padding: 13% 25% !important;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.3s ease;
}
	 .elementor-200 .elementor-element.elementor-element-b81f0e8 .elementor-post__thumbnail__link {
	width: 57%;
}
	 .elementor-element.elementor-element-fd8ed28 .e-con-inner, 
	 .elementor-element.elementor-element-28a0d5a .e-con-inner, 
	 .elementor-element.elementor-element-81eef45 .e-con-inner{
	flex-wrap: wrap !important;
}
}