.freestyle-button {
	  font-size: 0.8em;	
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.3s;
      }

    .free-consultation-button {
      background-color: #28a745;
	  color: white;
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.3s;
      }

    .free-consultation-button:hover {
      background-color: #218838;
	  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2); /* Schatten-Effekt */
	  /* Die box-shadow-Eigenschaft besteht aus den folgenden Werten:
		 3px: horizontale Verschiebung des Schattens
		 4px: vertikale Verschiebung des Schattens
		 8px: Unschärferadius des Schattens
		 rgba(0, 0, 0, 0.2): Farbe des Schattens mit Transparenz
	  */
      }