body {
    font-family: 'Georgia', serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif;
}

.custom-paragraph {
    text-align: justify; /* Justify text for a neat appearance */
    margin: 0 auto; /* Center the paragraph */
    max-width: 75%; /* Set a max-width for better readability */
    line-height: 1.6; /* Adjust line height for readability */
    padding: 10px; /* Add some padding */
}

.disc-list {
    list-style-type: disc; /* Use traditional bullet points */
    padding-left: 20px; /* Add padding to align bullets properly */
    max-width: 50%;
    margin: 0 auto; /* Center the list block */
}

.disc-list li {
    text-align: left; /* Aligns text to the left within each list item */
    margin-bottom: 5px; /* Add space between items */
}



.navbar-nav .nav-link {
    color: grey; /* Standardfarbe für alle Links */
    margin-right: 15px;
    margin-left: 15px;
}

.navbar-nav .nav-link.active {
    color: white; /* Farbe für den aktiven Link */
    margin-right: 15px;
    margin-left: 15px;
}


.navbar-nav .nav-link {
    font-weight: bold;
    margin-right: 15px;
    margin-left: 15px;
}

.table-custom th, .table-custom td:first-child {
    font-weight: bold;
}

.centered-table {
    margin-left: auto;
    margin-right: auto;
  }
  

.table-custom td:first-child {
    white-space: nowrap;
    min-width: 150px;
    font-weight: bold;
}

.table-custom th:first-child,
.table-custom td:first-child {
  width: 200px; /* or other default width, can be overridden by inline styles */
}

.table-title {
  text-align: center;
  font-size: 24px; /* or size of your preference */
  margin-bottom: 10px; /* or spacing of your preference */
}


.slideshow {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#slideshow .slide {
    max-width: 600px;
    max-height: 600px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.slideshow .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
    color: #333;
    text-decoration: none;
    z-index: 10;  /* Ensure arrows are above the images */
}

.slideshow .arrow.left {
    left: -30px; /* Adjust to move the arrow a bit more to the left */
}

.slideshow .arrow.right {
    right: -30px; /* Adjust to move the arrow a bit more to the right */
}

/* Default styles for desktop */
.video-container {
    position: relative;
    max-width: 600px;
    min-width: 600px;
    height: 0;
    padding-bottom: 56.25%; /* Aspect ratio 16:9 */
    margin: auto;
    overflow: hidden;
}

/* Styles for screens smaller than 600px (typically mobile) */
@media screen and (max-width: 600px) {
    .video-container,
    .slideshow,
    #slideshow .slide {
        max-width: 300px;
        min-width: 300px;
    }

    .custom-paragraph {
        max-width: 95%; /* Allow more width on smaller screens */
        padding: 5px; /* Adjust padding for smaller screens */
    }

    .centered-list li {
        display: block; /* Stack list items vertically on small screens */
        margin: 5px auto; /* Center each list item */
    }

    .disc-list {
        list-style-type: disc; /* Use traditional bullet points */
        padding-left: 20px; /* Add padding to align bullets properly */
        max-width: 80%;
        margin: 0 auto; /* Center the list block */
    }
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Style for email links */
strong a[href^="mailto:"] {
    color: inherit; /* Inherits the color from the body or parent element */
    font-family: 'Georgia', serif; /* Keeps the font consistent with the body */
    font-size: inherit; /* Inherits the font size from the strong tag */
    font-weight: bold; /* Makes the text bold */
    text-decoration: underline; /* Adds an underline, remove this line if not needed */
}

.review-box {
    background-color: #f7f7f7; /* Very light grey */
    border: 1px solid #e0e0e0; /* Slightly darker grey border */
    padding: 10px;
    margin-bottom: 20px;
    text-align: justify; /* Blocksatz for text */
}

.review-label {
    font-style: italic;
    color: grey;
    font-size: 0.9em; /* Slightly smaller font size */
    margin-bottom: 5px; /* Space above the review text */
}

.review-text {
    margin-bottom: 20px; /* Space between original and translation if both are present */
}