body {
    padding: 0px;
    min-height: auto;
    display: flex;
    justify-content: space-evenly;    
    }


.box1 {
    padding: 0px;
    display: flex;
    flex: 2 2 auto;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: auto;
    height: 100vh;
    background: linear-gradient(to right, rgb(255, 255, 255),rgb(255, 255, 255));
    overflow: scroll;
}

.box2 {
    padding: 0px;
    display: flex;
    position: sticky;
    flex-grow: 1;
    flex-shrink: 1;

    align-items: flex-end;
    flex-direction: column;
    width: 445;
    height: 100vh;
    background: linear-gradient(to right, rgb(255, 255, 255),rgb(252, 233, 196));
}



.box4 {
    padding: 0px;
    display: flex;
    flex: 2 2 auto;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: auto;
    height: 100vh;
    background: linear-gradient(to right, rgb(217, 250, 243),rgb(255, 255, 255));
    overflow: scroll;
}












p {
    font-family: "Playfair Display";
    color: rgb(69, 36, 0);
    font-size: 14;
    text-decoration: none;    
    margin-bottom: 5px;
    margin-top: 0px;
    text-align: right;
   }

p u{
    font-family: "Playfair Display";
    color: rgb(92, 48, 1);
    font-size: 24;
    text-decoration: none;
    transition: 0.5s;
    text-align: right;

   }
   
p u:hover{
    font-family: "Playfair Display";
    color: rgb(206, 38, 0);
    font-size: 26;
    text-decoration: underline;
    background-color: transparent;
    text-align: right;
     }

p i{
    font-family: "Playfair Display";
    color: rgb(149, 0, 0);
    font-size: 28px;
    text-decoration: underline;
    transition: 0.5s;
    text-align: right;


   }

p i:hover{
    font-family: "Playfair Display";
    color: rgb(195, 29, 0);
    font-size: 29px;
    text-decoration: underline;
    text-align: right;

   }

p s{
    font-family: "Playfair Display";
    color: rgb(51, 16, 0);
    font-size: 18;
    text-decoration: none;
    transition: 1s;
    text-align: right;


   }

p s:hover{
    font-family: "Playfair Display";
    color: rgb(191, 35, 0);
    font-size: 18;
    background-color:transparent;
    text-align: right;
  


   }


h1 {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 18;
    font-weight: lighter;
    text-decoration: none;    
    margin-left: 10px;
    margin-top: 0px;
    text-align: justify;
}

h1 b {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 26;
    font-weight: lighter;

    text-decoration: none;    
    text-align: justify;

}

h1 a {
    font-family: "Playfair Display";
    color: rgb(0, 53, 55);
    font-size: 18;
    text-decoration: none;    
    text-align: justify;

}

h1 i {
    font-family: "Playfair Display";
    color: rgb(0, 48, 43);
    font-size: 40;
    font-style: normal;
    text-decoration: none;    
    text-align: justify;
    transition: 0.5s;


}




h1 u {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 22;
    font-weight: lighter;
    font-style: normal;
    text-decoration: none;    
    text-align: justify;

}

h1 s {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 18;
    font-weight: bold;
    text-decoration: none;    
    text-align: justify;

}





h2 {
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 14;
    font-weight: lighter;
    text-decoration: none;    
    margin-left: 15px;
    margin-top: 0px;
    text-align: left;
}

h2 b {
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 18;
    font-weight: lighter;

    font-style: italic;
    text-decoration: none;    
    text-align: left;

}

h2 a {
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 18;
    font-weight: bold;
    text-decoration: none;    
    text-align: left;

}


h3 {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 14;
    font-weight: lighter;
    text-decoration: none;    
    margin-left: 10px;
    margin-top: 0px;
    text-align: justify;
}

h3 b {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 24;
    text-decoration: none;    
    text-align: justify;

}

h3 a {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 20;
    font-weight: normal;
    text-decoration: none;    
    text-align: justify;
}

h3 i {
    font-family: "Playfair Display";
    color: rgb(0, 40, 11);
    font-size: 40;
    font-style: normal;
    text-decoration: none;    
    text-align: justify;

}

h4 {
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 24;
    font-weight: lighter;
    text-decoration: none;    
    margin-left: 10px;
    margin-top: 0px;
    text-align: left;
}



h4 i {
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 40;
    font-style: normal;
    text-decoration: none;    
    text-align: justify;
    transition: 0.5s;


}

h4 i:hover{
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 40;
    font-style: normal;
    text-decoration: none;    
    text-align: justify;

}

h5 {
    font-family: "Playfair Display";
    color: rgb(97, 50, 0);
    font-size: 24;
    font-weight: lighter;
    text-decoration: none;    
    margin-left: 10px;
    margin-top: 0px;
    text-align: right;
    margin-bottom: 0px;

}

h5 b {
    font-family: "Playfair Display";
    color: rgb(97, 50, 0);
    font-size: 24;
    font-style: normal;
    font-weight: lighter;

    text-decoration: none;    
    text-align: right;
    transition: 0.5s;

}


h5 a {
    font-family: "Playfair Display";
    color: rgb(97, 50, 0);
    font-size: 40;
    font-style: normal;
    font-weight: lighter;

    text-decoration: none;    
    text-align: right;
    transition: 0.5s;

}

h6 {
    font-family: "Playfair Display";
    color: rgb(51, 16, 0);
    font-size: 18;
    font-weight: lighter;

    text-decoration: none;
    transition: 1s;
    text-align: left;
    margin-bottom: 12px;



   }


h6 s{
    font-family: "Playfair Display";
    color: rgb(0, 50, 14);
    font-size: 18;
    text-decoration: none;
    transition: 1s;
    text-align: left;


   }

h6 s:hover{
    font-family: "Playfair Display";
    color: rgb(0, 135, 74);
    font-size: 18;
    background-color:transparent;
    text-align: left;
  
}











.text1 {
position: absolute;
bottom: 10px;
right: 5px;
}

.text2 {
   
    position: relative;
    z-index: 100;
    width: 500;
    left: auto;
    right: auto;
    text-align: justify;

}

.text3 {
   
    position: relative;
    z-index: 100;
    width: 500;
    left: auto;
    top: -35px;
    right: auto;
    text-align: justify;

}

.namen {
    position: relative;
    width: auto;
left: 92px;
top: -92px;
margin: 0px;
padding:  0px;

}

.text4 {
    position: relative;
    width: auto;
left: 43px;
top: -53px;

}

.bilder1 {
    position: relative;
    width: auto;
left: auto;
top: -45px;

}





@media (orientation: portrait) {
    p {
        font-family: "Playfair Display";
        color: rgb(69, 36, 0);
        font-size: 24;
        text-decoration: none;    
        margin-bottom: 5px;
        margin-top: 0px;
        text-align: right;
       }
    
    p u{
        font-family: "Playfair Display";
        color: rgb(92, 48, 1);
        font-size: 36;
        text-decoration: none;
        transition: 0.5s;
        text-align: right;
    
       }
       
    p u:hover{
        font-family: "Playfair Display";
        color: rgb(206, 38, 0);
        font-size: 38;
        text-decoration: underline;
        background-color: transparent;
        text-align: right;
         }
    
    p i{
        font-family: "Playfair Display";
        color: rgb(149, 0, 0);
        font-size: 40px;
        text-decoration: underline;
        transition: 0.5s;
        text-align: right;
    
    
       }
    
    p i:hover{
        font-family: "Playfair Display";
        color: rgb(195, 29, 0);
        font-size: 41px;
        text-decoration: underline;
        text-align: right;
    
       }
    
    p s{
        font-family: "Playfair Display";
        color: rgb(51, 16, 0);
        font-size: 30;
        text-decoration: none;
        transition: 1s;
        text-align: right;
    
    
       }
    
    p s:hover{
        font-family: "Playfair Display";
        color: rgb(191, 35, 0);
        font-size: 30;
        background-color:transparent;
        text-align: right;
      
    
    
       }
    
    
    h1 {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 30;
        font-weight: lighter;
        text-decoration: none;    
        margin-left: 10px;
        margin-top: 0px;
        text-align: justify;
    }
    
    h1 b {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 38;
        font-weight: lighter;
    
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h1 a {
        font-family: "Playfair Display";
        color: rgb(0, 53, 55);
        font-size: 32;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h1 i {
        font-family: "Playfair Display";
        color: rgb(0, 48, 43);
        font-size: 50;
        font-style: normal;
        text-decoration: none;    
        text-align: justify;
        transition: 0.5s;
    
    
    }
    
    
    
    
    h1 u {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 34;
        font-weight: lighter;
        font-style: normal;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h1 s {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 36;
        font-weight: bold;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    
    
    
    
    h2 {
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 14;
        font-weight: lighter;
        text-decoration: none;    
        margin-left: 15px;
        margin-top: 0px;
        text-align: left;
    }
    
    h2 b {
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 18;
        font-weight: lighter;
    
        font-style: italic;
        text-decoration: none;    
        text-align: left;
    
    }
    
    h2 a {
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 18;
        font-weight: bold;
        text-decoration: none;    
        text-align: left;
    
    }
    
    
    h3 {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 24;
        font-weight: lighter;
        text-decoration: none;    
        margin-left: 10px;
        margin-top: 0px;
        text-align: justify;
    }
    
    h3 b {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 34;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h3 a {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 30;
        font-weight: normal;
        text-decoration: none;    
        text-align: justify;
    }
    
    h3 i {
        font-family: "Playfair Display";
        color: rgb(0, 40, 11);
        font-size: 50;
        font-style: normal;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h4 {
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 38;
        font-weight: lighter;
        text-decoration: none;    
        margin-left: 10px;
        margin-top: 0px;
        text-align: left;
    }
    
    
    
    h4 i {
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 55;
        font-style: normal;
        text-decoration: none;    
        text-align: justify;
        transition: 0.5s;
    
    
    }
    
    h4 i:hover{
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 55;
        font-style: normal;
        text-decoration: none;    
        text-align: justify;
    
    }
    
    h5 {
        font-family: "Playfair Display";
        color: rgb(97, 50, 0);
        font-size: 34;
        font-weight: lighter;
        text-decoration: none;    
        margin-left: 10px;
        margin-top: 0px;
        text-align: right;
        margin-bottom: 0px;
    
    }
    
    h5 b {
        font-family: "Playfair Display";
        color: rgb(97, 50, 0);
        font-size: 38;
        font-style: normal;
        font-weight: lighter;
    
        text-decoration: none;    
        text-align: right;
        transition: 0.5s;
    
    }
    
    
    h5 a {
        font-family: "Playfair Display";
        color: rgb(97, 50, 0);
        font-size: 55;
        font-style: normal;
        font-weight: lighter;
    
        text-decoration: none;    
        text-align: right;
        transition: 0.5s;
    
    }
    
    h6 {
        font-family: "Playfair Display";
        color: rgb(51, 16, 0);
        font-size: 22;
        font-weight: lighter;
    
        text-decoration: none;
        transition: 1s;
        text-align: left;
        margin-bottom: 12px;
    
    
    
       }
    
    
    h6 s{
        font-family: "Playfair Display";
        color: rgb(0, 50, 14);
        font-size: 22;
        text-decoration: none;
        transition: 1s;
        text-align: left;
    
    
       }
    
    h6 s:hover{
        font-family: "Playfair Display";
        color: rgb(0, 135, 74);
        font-size: 22;
        background-color:transparent;
        text-align: left;
      
    }

    .text1 {
        position: absolute;
        bottom: 10px;
        right: 5px;
        }
        
        .text2 {
           
            position: relative;
            z-index: 100;
            width: 550;
            left: auto;
            right: auto;
            text-align: justify;
        
        }
        
        .text3 {
           
            position: relative;
            z-index: 100;
            width: 600;
            left: auto;
            right: auto;
            top: -35px;
            text-align: justify;
        
        }
        
        .namen {
            position: relative;
            width: auto;
        left: 92px;
        top: -92px;
        margin: 0px;
        padding:  0px;
        
        }
        
        .text4 {
            position: relative;
            width: auto;
        left: 43px;
        top: -53px;
        
        }

        .bilder1 {
            position: relative;
            width: auto;
        left: auto;
        top: -45px;
        
        }
   

}