/* ==========================
        NAVBAR
        ========================== */
        .navbar-toggler {
            border-color: rgba(255, 255, 255, .5);
        }

        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }

        .navbar-nav .nav-link {
            color: white;
            font-weight: 500;
            margin-right: 10px;
        }

        .navbar-nav {
            gap: 80px;
            margin-top: 0px;
            font-size: 20px;
            font-family: "Cormorant", serif;
            font-style: italic;
    justify-content: space-evenly;
        }
        .navbar-collapse{
    flex-grow: 1;
}

        .navbar {
            /*position: absolute;-->*/
            background-color: rgb(128, 128, 128, 0.2);

            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 1000;

            /*background: transparent;*/

            padding-top: 10px;
            padding-bottom: 0px;
            padding-left: 40px;

        }

        .navbar-nav .nav-link:hover {
            color: #f8f9fa;
        }
        .navbar-brand {
            margin-left: -30px;
            margin-top: -20px;
        }

        /* ==========================
        Menu Navbar Hero
        ========================== */

        #menuNavbar {
            margin-top: -20px;
        }

        .hero {
            position: relative;
            background-size: cover;
            background: url("../Images/HeroShotDefinitive.png") center center/cover no-repeat;
            height: 100vh;

        }

        .logo {
            padding-top: 15px;
            height: 100px;
            width: auto;
        }

        .titleHomePageH1 {
            color: white;
            text-align: center;
        }

        .titleHomePageH1 span {
            display: block;
            font-family: "Playfair Display", serif;
            font-style: italic;

        }

        .titleHomeDiv {
            position: absolute;
            top: 26%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        /* ==========================
        WELCOME
        ========================== */

        .welcomeHerrenhaus {
            /*background-color: peru;*/
            background: linear-gradient(to bottom, #6c521b, peru);
            font-family: "Cormorant", serif;
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 0px;
            padding-bottom: 10px;
            text-align: center;
            font-size: 24px;
            line-height: 30px;

            color: white;

        }

        .titleWelcome {
            font-size: 70px;
            padding-bottom: 10px;
            font-family: "Playfair Display", serif;
            font-weight: 100;
        }
        .fotoSection1 {
            min-height: auto;
            object-fit: cover;
            display: block;
        }
        
        .imgFotoSection1 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

       /* .logoWelcome {
            width: 100%;
            height: auto;
            position: relative;
            z-index: 10;
        }

        .logoWelcome_div {
            width: 30%;
            margin-left: auto;
            margin-right: auto;
            margin-top: -120px;
            margin-bottom: -100px;
        }

 
        .sectionTitlePosition_div {
            position: absolute;

        }
        .sectionTitlePosition {
                        position: relative;
            z-index: 1000;
        }*/
        .welcomeLogo_div{
            position: relative;
            z-index: 1000;
            display: flex;
            margin: -80px auto 0px auto;
            width: fit-content;

                filter: drop-shadow(0 -20px 15px rgba(0,0,0,1))
                        drop-shadow(0 3px 8px rgba(0,0,0,.3))
                        drop-shadow(0 12px 25px rgba(0,0,0,.15));

        }
        .welcomeLogo_div img{

            width: 200px;
            height: auto;
        }
        .welcomeSectionFirstText{
            text-align: center;
            padding-right: 8%;
            padding-left: 8%;
            text-indent: 2em;
            font-family: "Cormorant", serif;
            font-size: 22px;

        }
        /* ==========================
        GESCHICHTE Section
        ========================== */
        .fotoSection2 {
            min-height: auto;
            object-fit: cover;
            display: block;
                position: relative;
            overflow: hidden;
            
            height: clamp(250px, 80vh, 700px);

        }
        .fotoSection2 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 80%;
        }

        .geschichteSection_title_div {
            
            position:absolute;

            top:5%;

            left:5%;
            transform:translate(30%,120%);

            width: fit-content;
            z-index: 30000;

            background: rgba(60,60,60,0.1);
            padding:10px;

             backdrop-filter: blur(1px);
            -webkit-backdrop-filter: blur(1px);
            border-radius:60px 20px 60px 20px;

        }
        
        .geschichteSection_title {


            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 80px;
            text-align: start;
            color: white;

            
            -webkit-text-stroke: 1px gray;
            text-shadow: 8px 8px 3px rgba(0,0,0,0.9);


        }

        

        /* ==========================
        RESTAURIERUNG Section
        ========================== */
        .dachstuhlFoto {

            object-fit: cover;
            display: block;
            width: 100%;
            height: 100vh;
            object-position: 50% 85%;
        }


        .restaurierungSection {

            text-align: start;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 1px;
            word-spacing: 5x;

            background-color: rgb(184, 130, 78, 0.9);

            position: relative;
            z-index: 105;
            margin-left: 5%;
            margin-right: 5%;
            margin-top: -100px;
            padding-bottom: 0px;
        }


        .dachstuhlFoto_div {
            height: 100vh;
            width: 100%;
            margin-top: 0px;
        }
        .restaurierungSection_title_div {
            position: absolute;
            left: 75%;
            top: 75%;
            transform: translate(-70%, -54%);

            width: fit-content;
            z-index: 30000;

            background: rgba(60, 60, 60, 0.1);
            padding: 10px;

            backdrop-filter: blur(1px);
            -webkit-backdrop-filter: blur(1px);
            border-radius: 60px 20px 60px 20px;
        }
        .restaurierungSection_title {
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 80px;
            text-align: end;
            color: white;

            -webkit-text-stroke: 1px gray;
            text-shadow: 8px 8px 3px rgba(0, 0, 0, 0.9);
        }

        /* ==========================
        Vorher & Nachher Section
        ========================== */
        .voherNachherFoto {
            object-fit: cover;
            display: block;
            width: 100%;
            height: 100vh;
            object-position: 50% 85%;
        }
        .voherNachherFoto_div {
            height: 100vh;
            width: 100%;
            margin-top: 0px;
        }
        .vohernacherSection_title_div {
            position: absolute;
            left: 50%;
            top: 60%;
            transform: translate(-50%, -50%);
            width: fit-content;
            z-index: 30000;

            background: rgba(60, 60, 60, 0.1);
            padding: 10px;

            backdrop-filter: blur(1px);
            -webkit-backdrop-filter: blur(1px);
            border-radius: 60px 20px 60px 20px;
        }
        .vohernacherSection_title {
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: clamp(38px, 6vw, 80px);
            text-align: end;
            color: white;

            -webkit-text-stroke: 1px gray;
            text-shadow: 8px 8px 3px rgba(0, 0, 0, 0.9);
        }
        .littleGalerie{
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0;
        }
        .littleGalerie img{
            width: 100%;
            aspect-ratio: 4 / 3;   /* todas terão a mesma proporção */
            object-fit: cover;
            display: block;
}


        /* ==========================
        FOOTER
        ========================== */
        .footer1 {
            background-color: rgb(81, 81, 81);
            font-size: 10px;
            color: white;
        }


        /* ==========================
        STANDART
        ========================== */

        .sectionDivFather {
            background-color: #F5F1EA;
            padding-left: 5%;
            padding-right: 5%;

        }

        .sectionDivSon {
            background-color: rgb(184, 130, 78, 0.9);
            padding: 30px;
            margin-top: -20px;
            position: relative;
            z-index: 10;
                        border-style: solid;
            border-width: 1px;
            border-color: black;
        }

        .textStandart{
            text-indent: 2em;
            font-family: "Cormorant", serif;
            font-size: 22px;
            text-align: justify;
        }

        .pTextSite {
            font-family: "Cormorant", serif;
            font-weight: 300;
            text-align: justify;
            hyphens: auto;
            font-size: 24px;
            line-height: 40px;
            letter-spacing: 2px;
            word-spacing: 10px;
        }

        .titleTextSite {
            margin: 0 auto;
        }

        .imgStandart_relative {

            position: relative;
            overflow: hidden;
            padding: 0;

        }
        .fotoSectionStandart_div {
            position: relative;
            z-index: 10;
            height: 80vh;
            margin-top: -1px;
            width: 100%;


        }
        .pPaddingStandart{
            padding-bottom: 80px;
            }
        .textWhite{
            color: white;
        }
        .imgStandart {
            width: 100%;
            height: auto;
            overflow: hidden;
            display: block;
        }
        .credits {
            position: absolute;
            font-size: 10px;
            bottom: 0;
            right: 0;
            background-color: rgb(128, 128, 128, 0.8);

        }