body {
    margin: 0px;
    /* background-image: url("hintergrund.png"); */
    background-repeat: no-repeat;

}

#rund4 {
    border-radius: 50%;
    width: 20em;

    height: 15em;
    background-image: url("instructionsb.jpg");
    background-size: 250px;
    background-color: blueviolet;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20%;
    border-style: dotted;
    border-color: blueviolet;
}

#dotted {
    font-weight: lighter;
    border-style: dotted;
    border-color: blueviolet;
    margin-left: 5pt;

}

#buttonrechts {



    display: inline;
    list-style-type: none;
    display: flex;
    align-items: right;
    justify-content: center;
}

#mitte {
    display: flex;
    align-items: center;
    display: flex;

}

#buttonexhibitionstart {


    width: 60%;
     
    margin-left: 130px;
    margin-top: 50%;
     font-weight: lighter;
    border-style: dotted;
    border-color: green;
  



}


#text1 {

    font-family: 'Courier New', Courier, monospace;
    width: 50%;
    margin-left: 9%;


    background-color: rgba(250, 9, 9, 0.1);


}

#big {
    font-size: 22pt;

    font-weight: bold;
    margin-bottom: 1%;
    margin-top: 3%;
}

#text4 {


    margin-left: 11%;

    font-size: 22pt;
    background-color: rgba(255, 255, 255);


}

.before::before,
.after::after {
    content: "\A";
    white-space: pre;
}


#header {
    font-size: 35pt;
    font-weight: bold;

}

#uberschrift {
    font-size: 16pt;
    font-weight: bold;

    text-align: center;
    border-bottom-style: dotted;
}


#headerbildbackground {
    background-color: rgb(252, 238, 242);
    margin-left: 9%;

    max-width: 70%;





}

#headerbild {
    background-color: rgb(252, 238, 242);


    margin-top: 70px;
    margin-bottom: 70px;





}

#headerubersicht {
    font-size: 35pt;
    font-weight: bold;

    color: rgb(181, 181, 181);

    font-family: 'Courier New', Courier, monospace;
    width: 100%;
    height: 30px;


    background-color: rgb(252, 238, 242);

    margin-top: 0px;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 40px;
    border-width: 2px;
    border-bottom-style: dotted;
}

#ubersicht {
    margin-top: 100px;
    margin-bottom: 100px;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 14%;
    max-width: 70%;
    height: auto;

    line-height: 28pt;
    list-style: none;


}


#sobia {
    font-size: 20pt;
    font-family: 'Courier New', Courier, monospace;
    width: 60%;
    margin-left: 11%;
    margin-bottom: 10%;
    margin-top: 9%;
    margin-bottom: 10%;

}

#instructionStart {

    margin-bottom: 0px;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 9%;
    max-width: 70%;
    height: auto;
    text-align: justify;
    text-justify: inter-word;
    line-height: 18pt;
    background-color: rgb(252, 238, 242);




}

#instructionZitat {
    font-family: 'Times New Roman', Times, serif;
    margin-top: 70px;
    margin-bottom: 30px;
    margin-left: 20px;
    height: auto;
}

#ausstellungslink {

    width: 40%;
    margin-left: 20%;
    margin-top: 70px;
    margin-bottom: 70px;
    border-style: dotted;
}

#animation_container {


    background-color: white;

    margin-bottom: 100px;
    margin-left: 9%;
    margin-top: 10px;

}

#visiInstructions {
    background-color: rgb(247, 221, 230);
    width: 70%;
    margin-left: 1%;
    margin-top: 150px;
    margin-bottom: 0px;


    /* border-style: dotted; */
}




#exhibitionTitle {
    font-size: 14pt;



    color: rgb(181, 181, 181);

    font-family: 'Courier New', Courier, monospace;
    width: 100%;
    height: 30px;


    background-color: rgb(252, 238, 242);

    margin-top: 0px;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 40px;
    border-width: 2px;
    /* border-bottom-style: dotted; */
    border-style: dotted;


}

#workTitle {
    font-size: 14pt;
    color: rgb(169, 169, 169);

    font-family: 'Courier New', Courier, monospace;
    margin-bottom: 140px;
    margin-left: 250px;




}

#laraum {

    width: 100%;
    height: 200px;
    background-color: rgb(250, 250, 250);


}



#linksInstructions {
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;



    margin-left: 8%;
}



#vitaHead {

    font-weight: bold;
    font-size: 14pt;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 11%;
    margin-top: 50px;

}

#vita {

    font-size: 12pt;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 11%;
    margin-right: 40%;
    margin-top: 40px;
    margin-bottom: 120px;
    text-justify: inter-word;
    text-align: justify;


}

#background {


    margin-left: 0%;
    width: 100%;
    height: 30px;


}

#backgroundbottom {
    background-color: rgb(247, 247, 247);

    margin-left: 0%;
    width: 100%;
    height: 130px;
    margin-bottom: 0%;

}


#jeremy {


    margin-top: 100px;
    margin-bottom: 100px;

    margin-left: 11%;
    max-width: 30%;
    height: auto;

}

#steven1 {


    margin-top: 100px;


    margin-left: 11%;
    max-width: 30%;
    height: auto;

}

a:link {
    color: black;
    font-weight: bold;
    /* font-size: 12pt; */
    text-decoration: none;

}

a:visited {
    color: rgb(60, 58, 58);
    text-decoration: none;
}

a:hover {
    color: rgb(249, 200, 224);

}

#steven {





    margin-left: 8%;
    max-width: 30%;
    height: auto;

}

#stevenlast {


    margin-top: 100px;


    margin-left: 11%;
    max-width: 30%;
    height: auto;

}

#vitabild {


    margin-top: 60px;
    margin-bottom: 120px;

    margin-left: 11%;
}


#shorttext {


    margin-top: 320px;
    margin-bottom: 320px;
    font-size: larger;

    margin-left: 11%;
}

#jacobo {


    margin-top: 200px;

    margin-left: 11%;
}

#hannes {


    margin-top: 250px;

    margin-left: 11%;
    margin-bottom: 200px;
}

a.anders:link {
    font-size: 30pt;
    justify-self: center;



    /* border-style: dotted; */
}

#uberschriftmittiggross {

    margin-left: 100%;
    margin-top: 150px;



    /* border-style: dotted; */
}