/* Wrapper für das Quentn-Formular */
.so-quentn-form form {
  width: 100%;
  max-width: 100%;
}

/* Labels */
.so-quentn-form label {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

/* Input-Felder */
.so-quentn-form input[type="text"],
.so-quentn-form input[type="email"] {
  width: 100%;
  max-width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
}

/* Abstände zwischen den Feldern */
.so-quentn-form form > div > div {
  margin-bottom: 18px;
}

/* Button */
.so-quentn-form button[type="submit"] {
  width: 100%;
  padding: 14px;
  background: #666666;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 17px;
  cursor: pointer;
}

.so-quentn-form button[type="submit"]:hover {
background: #333333;
}







/*.main-navigation .menu-button a {
  background-color: #f05a28;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
  margin-left: 10px;
  transition: background-color 0.3s ease;
}

.main-navigation .menu-button a:hover {
  background-color: #d04f24;
}


#site-navigation.main-navigation ul .menu-button a {
  background: #f14e4e;
  border-radius: 25px;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  line-height: normal;
  padding: 11px 25px;
  text-transform: uppercase;
  transition: .3s;
}*/

.entry-title {
  font-size: 2.2em;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 5px;
}

.so-widget-image {
  border-radius: 5px;
}

.rounder .so-widget-image {
  border-radius: 300px;
}

p {
  font-size: 21px;
}
/*a:visited {
  color: #6b6d6d;
}*/
.main-navigation ul li a {
/*  color: #14747b;*/
  font-weight: 300;
  text-transform: none;
}

.main-navigation ul li {
font-family: Roboto,sans-serif;
		font-size: 1.2rem;
}
/*
.so-widget-sow-blog-grid-90f173dcc7b9-535 .sow-blog-layout-grid .sow-blog-posts article .sow-entry-content {
  display: none;
}
*/

#mobile-menu-button svg {
  height: 40px;
  width: 35px;
}

#primary-menu.menu {
  text-transform: none;
  text-align: center;
}

.content-area li {
  font-size: 1em;
  font-weight: 400;
}
/**** Liste Herzchen ***/
ul.heart {
	font-size: 1em;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 0px 20px;
}
ul.heart li {
	line-height: 28px;
	background-image: url('/wp-content/uploads/icon/heart.png');
	background-repeat: no-repeat;
/*	background-position: left top;*/
/* background-position: -10px 3px;*/ 
	background-position: 0px center;
	background-size: 20px;
	padding: 10px 0px 10px 35px;
		font-size: 1em;
}
/** Liste Haken */
ul.haken {
	font-size: 1em;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
ul.haken li {
	line-height: 28px;
	background-image: url('/wp-content/uploads/2025/08/Haken_60.webp');
	background-repeat: no-repeat;
/*	background-position: left top;*/
/* background-position: -10px 3px;*/ 
	background-position: 0px center;
	background-size: 60px;
	padding: 10px 0px 10px 65px;
		font-size: 1em;
}


.content-area li {
  font-size: 21px;
  font-weight: 400;
}

/***** Button Erstgespräch ******/
.floating-button {
  position: fixed;
  top: 100px;
  right: 80px;
  background-color: #ADAAB1;
  color: white;
  padding: 12px 20px;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  font-weight: bold;
  text-decoration: none;
  z-index: 9999;
  transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
  .floating-button {
    top: 250px;
    right: 40px;
    font-size: 14px;
    padding: 10px 16px;
  }
}
.floating-button:hover {
  background-color: #ADAAB1;
}
.floating-button:visited {
/*a:visited {*/
  color: #fff;
}
/****** End Button Erstgespräch *****/

/*** Blog Link-Button ***/

.sow-blog article .sow-more-link {
  display: block;
  width: fit-content;
  background-color: #f4d06f;
  color: #000;
  padding: 10px 24px 8px 20px; /* asymmetrisches Padding */
  border: none;
  border-radius: 30px 80px 30px 60px / 40px 40px 20px 20px; /* asymmetrisch oval */
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  margin-top: 26px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
}


.sow-blog article .sow-more-link:hover {
  background-color: #e5c654;
  transform: translateY(-1px);
}

/* Optional: Link zentrieren */
.sow-blog article .sow-more-link-container {
  text-align: center;
  margin-top: 26px;
}

.highlight-text {
  color: #f4cf63;
  background-color: #a6a6a6;
  padding: 3px;
  display: inline-block;
}