@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/merriweather/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} 


        .comment-box {
            margin-top: 10px;
        }
        #nameInput {
            width: 50%; /* Breite angepasst */
            padding: 5px; /* Weniger Innenabstand */
            font-size: 14px; /* Kleinere Schrift */
            border-radius: 0px; /* Abgerundete Ecken */
            border: 1px solid #ccc; /* Dezenter Rahmen */
        }
        textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 0px;
            margin-top: 5px;
            resize: none;
        }

        .comments-area {
            margin-top: 20px;
            padding: 10px;
            background: #f9f9f9;
            border-radius: 0px;
        }
        .comment {
            background: white;
            padding: 10px;
 
            margin-top: 10px;
            border-radius: 0px;
        }
      .comment-date {
    font-size: 12px;
    color: gray;
    font-weight: bold;
    margin-bottom: 5px; /* Abstand nach unten */
    display: block;
}

.comment-name {
    font-family: 'Merriweather';
    font-size: 15px;
    color: #000;
    background-color: #a3d7df;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 0px;
    margin-bottom: 5px; /* Abstand nach unten */
}

.comment-text {
    margin-top: 5px;
}
        .comment hr {
            margin-top: 10px;
            border: none;
            border-top: 1px solid #ccc;
        }