p.kaufberatungtitle {font-size: 28px;color: #0d0d0d; margin-top: 30px; line-height: 1.45;font-weight:bold}
.post-content .kaufberatungtitle { margin-top: 21px; margin-bottom:0px;}
.invertlink, .invertlink:visited {
	color: #2ab391;
}
.invertlink:hover, .invertlink:active {
	color: #000;
}

.finderbuttons-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 gleich breite Spalten */
  grid-template-areas:
  "btn1 btn2 btn3 btn4 btn5"
  "btn6 btn7 btn8 btn9 btn9";
  gap: 20px;
  padding: 24px 5px;
  text-align: center;
  width: 100%;         /* wichtig: volle Breite */
  max-width: 100%;     /* verhindert unnötige Einschränkungen */
  margin: 0 auto;      /* optional für Zentrierung bei kleineren Layouts */
  justify-items: left; /* Buttons in der Zelle zentrieren */
}

	 .finderbutton-outer {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }					 
    .finderbutton-wrapper {
      width: 120px;
	  height: 120px;
      background: #f4f4f4;
      border-radius: 18px;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), inset 0 4px 8.6px #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .finderbutton-wrapper:hover {
      background: rgba(91, 176, 146, 0.45);
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .finderbutton-wrapper:active {
      background: #f4f4f4;
      box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .finderbutton-image svg {
      width: 80px;
      height: 80px;
	  display: block;
      color: #000;	
      transition: all 0.3s ease;
    }

    .finderbutton-wrapper:hover .finderbutton-image svg path, .finderbutton-wrapper:hover .finderbutton-image svg circle {
      fill: #f4f4f4;
    }

	.finderbutton-wrapper:active .finderbutton-image svg path,
	.finderbutton-wrapper:active .finderbutton-image svg circle {
	  fill: #000000;
	}
    .finderbutton-label {
      margin-top: 8px;
      font-weight: 900;
      font-size: 11px;
      line-height: 11px;
      color: #3c3c3c;
      transition: color 0.3s ease;
    }

    .finderbutton-outer:hover .finderbutton-label {
      color: #5bb092;
    }

/* =============================
   Responsive: Mobil (unter 768px)
============================= */
@media (max-width: 800px) {
  .finderbuttons-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: none;
	justify-items: center;
	
  }

  .finderbuttons-grid a {
    grid-area: unset !important;
  }
}
	
/* =============================
   Grid-Positionen (Desktop)
============================= */
.finderbuttons-grid a:nth-of-type(1) { grid-area: btn1; }
.finderbuttons-grid a:nth-of-type(2) { grid-area: btn2; }
.finderbuttons-grid a:nth-of-type(3) { grid-area: btn3; }
.finderbuttons-grid a:nth-of-type(4) { grid-area: btn4; }
.finderbuttons-grid a:nth-of-type(5) { grid-area: btn5; }
.finderbuttons-grid a:nth-of-type(6) { grid-area: btn6; }
.finderbuttons-grid a:nth-of-type(7) { grid-area: btn7; }
.finderbuttons-grid a:nth-of-type(8) { grid-area: btn8; }
/* Button 9 (Wischsauger) wird automatisch mittig darunter gesetzt */