#tour {
    background-image: url('BE_Banner\ \(2\).jpg');
    background-size: cover;
    background-position: right center; 
    background-repeat: no-repeat; 
    color: white; 
  }
  
  .tour-section {
    background: #111;
    padding: 40px 20px;
  }
  .tour-title {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: red;
  }
  .tour-dates {
    font-size: 1.2rem;
    color: white;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .social-banner {
    background-color: #222;
    color: white;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .social-banner a {
    font-size: 1.5rem;
    color: red;
    transition: color 0.3s;
  }
  .social-banner a:hover {
    color: white;
  }

.tour-container {
    display: flex;
    gap: 50px;
}

.tour-left-column {
    flex: 2;
    /* padding: 10px; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    /* top: 300vh;
    left: 10vw; */
    width: auto;
    transform: translateY(40vh);
}

.tour-right-column {
    flex: 1; 
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    /* top: 425vh; */
    height: 600px;
    text-align: left;
}

#Tour-title{
    position: relative;
    font-size: 3em;
    /* top: 310vh;
    left: 43vw; */
    text-shadow: 3px 3px 8px #000000,
                 -3px 3px 8px #000000,
                 3px -3px 8px #000000,
                 -3px -3px 8px #000000;
}

.tour-dates{
    padding: 10px;
    position: absolute;
    /* top: 330vh;
    left: 55vw; */
    height: 600px;
    text-align: center;
    font-size: 2vw;
    text-shadow: 3px 3px 8px #000000,
                 -3px 3px 8px #000000,
                 3px -3px 8px #000000,
                 -3px -3px 8px #000000;
    /* transform: translateX(-40vw); */
}

.tour-dates a{
    display: block;
    text-align: left;
    color: white;
    margin: 5px;
    text-decoration: none;
    font-size: 1em;
}

.tour-dates:hover{
    color:#1b765c;
}

a{
    text-decoration: none;
}

a:hover{
    text-shadow: 1px 1px 1px white,
                -1px -1px 1px white;
}

.tour-dates a .ort{
    color: rgb(187 159 124);
    display: inline;
    font-size: 1em;
}

#fog2{
    position: absolute;
    top: 400vh;
    display:block;
    display: none;
}

#Tour-name{
    position: relative;
    font-size: 5vw;
    /* top: 304vh;
    left: 38vw; */
    color: rgb(187 159 124);
    font-weight: bold;
    text-shadow: 3px 3px 8px #000000,
                 -3px 3px 8px #000000,
                 3px -3px 8px #000000,
                 -3px -3px 8px #000000;
}

.section-title{
    transform: translateY(-35vh);
}


/* Responsive Anpassung für kleinere Bildschirme */
@media (max-width: 1000px) {
    #Tour-title, 
    #Tour-name {
        /* font-size: 2em;  */
        top: auto; /* Automatische Anpassung */
        /* left: 50%; */
        /* transform: translateX(-50%); */
        /* width: 90%; */
        text-align: center;
    }

    #Tour-name {
        /* top: 410vh; */
    }


    /* #Tour-title {
        white-space: nowrap;
        top: 8vw;
        transform: translate(40vw, 34vh);
        text-align: center;
    } */

    #Tour-title {
        white-space: nowrap;
        text-align: center;
        /* relative Positionierung im normalen Dokumentfluss */
        position: relative;
        top: 34vh;
        left: 40vw;
    }
    

    .tour-left-column{
        /* top: 425vh; */
        top: 0;
        /* left: 50%;
        transform: translateX(-50%); */

        display: flex;
        justify-content: center; /* Horizontal zentrieren */
        align-items: center; /* Vertikal zentrieren */
        width: 100%;
        min-height: 50vh;
    }

    .tour-left-column video{
        width: 80%; /* 80% der Bildschirmbreite */
        max-width: 80vw; /* Begrenze die maximale Breite */
        height: auto;
        /* transform: translate(30vw, 15vh); */

    }

    .tour-dates{
        position: relative;
        top: 0;
        text-align: center;
        font-size: 4vw;
        /* transform: translate(0vw, 5vh); */
        position: relative;
        top: 5vh;
    }

    .tour-dates a{
        text-align: center;
    }
    
    .tour-section{
        position: relative;
        min-height: 90vh;
        /* max-height: 100vh; */
        max-width: 100vw;
        /* overflow-x: hidden; */
        /* padding: 100%; */
        overflow: hidden;
    }

    .content-section .section-title{
        position: relative;
        top: 0;
        font-size: 2vw;
        align-items: flex-start;
        transform: translate(-40vw,-34vh);
    }
    /* .content-section .section-title {
        position: relative;
        font-size: 2vw;
        align-items: flex-start;
        margin-left: -40vw;
        margin-top: -34vh;
    } */
    /* * {
        outline: 1px solid red !important;
    } */
       
}