body {background-color: black;}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 16px;
    border: 0px double #000000;
  }
    container {
        
        background-color: black;    
    }
.header {
    display: flex;
    justify-self: center;
    justify-content: center;
    min-width: 465px;
    height: 180px;
    padding-bottom: 8px;
}

.main-menu {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
        max-width: 842px;
        min-width: 465px;
        text-align: center;
        line-height: 1;
        display: flex;
        justify-self: center;
        justify-content: space-between;
        width: 100%;
    }

.main-body {
    display: block;
    text-align: center;
    justify-self: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    width: 842px;
    max-width: 842px;
    min-width: 465px;
    background-color: white; 
    }

.second-body {
    margin-top: 10px;
    display: block;
    text-align: center;
    justify-self: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    width: 842px;
    max-width: 842px;
    min-width: 465px;
    background-color: white; 
    }

.black-width {
    background-color: black;
    margin-left: 100px;
    margin-right: 100px;
}

.videoframe {
    
    justify-self: center;
    justify-content: center;
    height: 100%;
    min-width: 465px;
    }


.guestbook {
    padding-top: 8px;
    height: 555px;
    display: flex;
    justify-content: center;  
}

.blur-effect:hover {
    filter: blur(4px);
    transform: scale(1.02);  /*  Scales the image up to 115% */
    object-fit: cover; /* Ensures the image doesn't distort */
    transition: all 0.4s ease-in-out; /* Controls smoothness and speed */
}

.width-center {
    max-width: 220px;
    justify-self: center;
}


.text:hover{
    webkit-filter: blur(0.5px);
    filter: blur(2px);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

a.no-underline {
    text-decoration: none;
}

a.new-underline {
    text-decoration-style: wavy;           /* Changes the style (solid, dashed, dotted, wavy, double) */
  text-decoration-color: black;        /* Changes the color */
  text-decoration-thickness: 2px;        /* Optional: Controls the line weight */
}

a.new-underline:hover{
    webkit-filter: blur(0.5px);
    filter: blur(2px);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.black-text { color: black;font-family:Mom;  font-size: 18px;
    padding-top:18px;
    padding-bottom: 18px;}



p    {color: white;font-family:Mom;  font-size: 20px}

@font-face { font-family: Mom; src: url('Mom_.ttf');} 
@font-face { font-family: DePixelHalbfett; font-weight: bold; src: url('DePixelHalbfett.otf');}