#clickable-card {
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#clickable-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ===== Smooth green underline ===== */
.smooth-underline strong {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  line-height: 1.1;
  box-sizing: border-box;
}


/*
#start-seite-contact-us strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'>\
        <path d='M5 4 Q100 3 295 5 \
                 M290 5 Q50 16 8 15 \
                 M8 15 Q200 14 295 16' \
              fill='none' stroke='%2300b894' stroke-width='2.3' \
              stroke-linecap='round' stroke-linejoin='round'/>\
      </svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
*/

/*
.smooth-underline strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background-image: url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 22' preserveAspectRatio='none'>\
        <path d='M5 5 C80 4 160 7 240 5 \
                 C250 7 295 6 295 6 \
                 M293 6 C200 11 100 16 7 20 \
                 M7 19 C120 20 200 21 293 22' \
              fill='none' stroke='%2300b894' stroke-width='3' \
              stroke-linecap='round' stroke-linejoin='round'/>\
      </svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    transform: translateY(2px);
}
*/


.smooth-underline strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 12px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 173' preserveAspectRatio='none'><path transform='translate(808,35)' d='m0 0h66l50 1 567 2 265 2 92 1 108 3 18 2 31 8 4 2-1 2-14 4-17 2h-21l-67-1-72-2-75-1h-352l-182 3-39 1-59 1-97 1-60 2-67 1-141 4-140 3-31 1-36 2-39 1-82 3-65 3-13 1v8l1 1h183l49-1h104l171-1 358-1h505l107 1 135 3 36 2 26 5 14 4-4 2h-45l-99-2-588-1-1069 2-97-1-57-1-26-1-21-2-6-2v-3l17-2 51-4 102-7 81-5 172-8 239-9 7-1-1-6-5-2-141-1h-102l-243-1-83-1-57-2-17-1-6-3v-3l35-2 86-2 50-1 241-2z' fill='%2345C4A6'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  transform: translateY(3px);
}