.body {
    font-family: halyard-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    scroll-behavior: smooth;
}


/*Menue*/
.divmenue {
    display: flex;
    position: fixed;
    width: 25%;
    margin: 20px;
    left: 0;
    top: 0;
    z-index: 2;
    letter-spacing: 0.02em;
    flex-direction: column;
}

.divunterteilungen{
    display: flex;
    width: 100%;
    margin: 20px;
    left: 0;
    top: 0;
    z-index: 1;
    letter-spacing: 0.02em;
    flex-direction: column;
}

.divminimenue {
    width: 100%;
    margin: 0 -10px;
    left: 0;
    top: 0;
    z-index: 1;
    letter-spacing: 0.02em;
}

.menue-link {
    text-decoration: none;
    color: black;
}

.menue-link:hover {
    font-family: halyard-text;
    font-weight: bold;
    letter-spacing: 0.002em;
}

.menue-home {
    width: 12.5%;
    padding: 0 10px 0 20px;
    font-size: 17.5px;
    letter-spacing: 0.002em;
    z-index: 2;
}

.menue-about {
    width: 100%;
    padding: 0 10px 0 20px;
    font-size: 17.5px;
    letter-spacing: 0.002em;
}

.minimenuetextinhalt {
    font-family: halyard-text;
    padding: 0 10px 0 40px;
    font-size: 17.5px;
    letter-spacing: 0.002em;
    border-top: solid 1px black;
}

.menue-projektname {
    font-family: halyard-text, sans-serif;
    font-weight: 700;
    width: 100%;
    text-align: right;
    padding: 0 40px 0 40px;
    font-size: 17.5px;
    letter-spacing: 0.002em;
}

.divmenueprojektname {
    display: flex;
    position: fixed;
    width: 100%;
    left: 0;
    top: 20px;
    z-index: -1;
    letter-spacing: 0.02em;
}

.sprache {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.sprache:hover {
    font-family: halyard-text;
    font-weight: bold;
    letter-spacing: 0.002em;
}




/*Projektseiten*/
.inhalt {
    font-family: halyard-text;
    font-weight: 400;
    font-size: 17.5px;
    line-height: 1.35em;
    width: 37.5%;
    padding: 0 10px;
    margin-bottom: 120px;
    margin-top: 160px;
}

.inhaltprojekt {
    font-family: halyard-text;
    font-size: 17.5px;
    margin-left: 50%;
    line-height: 21.5px;
    width: 37.5%;
    margin-bottom: 40px;
    letter-spacing: normal;
}

.inhaltprojektabout {
    font-family: halyard-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17.5px;
    margin-left: 50%;
    line-height: 21.5px;
    width: 37.5%;
}

.zusatz {
    font-family: halyard-text;
    font-size: 17.5px;
    margin-left: 50%;
    line-height: 21.5px;
    width: 37.5%;
    margin-bottom: 100px;
    letter-spacing: normal;


    text-align: right;
}


.inhalttitel {
    font-family: halyard-text, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17.5px;
    line-height: 1.35em;
    width: 25%;
    margin-left: 50%;
}

.auflistung {
    width: 12.5%;
    padding: 0 10px 0 20px;
    font-size: 17.5px;
}

.abstand-1-12 {
    padding: 0 10px;
    width: 12.5%;
}

.divweitereprojekte {
    font: halyard-text;
    font-weight: 400;
    font-size: 17.5px;
}

.minimenue {
    display: flex;
    position: fixed;
    width: 100%;
    margin: 0 -10px;
    z-index: 1;
}

.minimenuetext {
    font-family: halyard-text;
    letter-spacing: 0.002em;
    font-size: 17.5px;
    width: 100%;
    margin-top: 5%;
    margin-left: 110px;
}

.nebeneinanderminimenue {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0 10px;
    font-size: 17.5px;
    letter-spacing: 0.002em;
    border-top: solid 1px black;
    margin-bottom: 1.625%;
    margin-top: 6.25%;
}

.XXX {
    margin-left: 40px;
    margin-top: 3%;
}

.minimenue-murmel {
    width: 8%;
    align-content: center;
}

.minimenue-murmelSw:hover {
    display: none;
}

.minimenue-murmelfarbig:hover {
    display: block;
}

.minimenue-murmelSw {
    display: block;
}

.minimenue-murmelfarbig {
    display: none;
}

.gross {
    width: 168%;
    /* margin-left: -20px; */
    align-items: center;
    justify-content: center;
}

.grosser {
    width: 185%;
    /* margin-left: -40%; */
}

.grosslego {
    width: 168%;
    /* margin-left: -20px;
    margin-top: 50%; */
}

.murm {
    margin-top: 50%;
}

/*
.objekt:hover .bild-schwarz-weiss {
    display: none;
}

.objekt:hover .bild-farbig {
    display: block;
}

.bild-schwarz-weiss {
    display: block;
}

.bild-farbig {
    display: none;
}
/*










.prozess {
    padding: 0 20;
    font-family: halyard-text;
    font-size: 17.5px;
    width: 100%;
    margin-top: 40px;
    margin-left: 10px;
}

/*.minimenue-murmel-farbig{
    width: 3.125%;
align-content: center;
margin-left: 5%;
margin-right:5%;
margin-bottom: 30px;
}*/


/*Projektseite Projekte*/
.mittig {
    width: 37.5%;
    margin-left: 31.7%;
    margin-right: 31.7%;
}

.mittiggross {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
}

.mittiggrossgross {
    width: 87.5%;
    margin-left: 7.25%;
}

.mittiggrossmittel {
    width: 68.25%;
    margin-left:17.5%;
    margin-bottom: 2%;
}

.mittiggrossbuchbinden {
    width: 50%;
    margin-left: 25%;
    margin-top: -2%;
}

.mittiggrossgrosskita {
    width: 86.5%;
    margin-left: 9.75%;
}

.projektleft {
    width: 50%;
    margin-top: 80px;
    margin-bottom: 20px;
}

.projektright {
    margin-left: 6.25%;
    width: 88%;
    margin-bottom: 10px;
    margin-top: 80px;
}

.projektrightgenau {
    margin-left: 9%;
    width: 88%;
    margin-bottom: 10px;
    margin-top: 80px;
}

.projektleftgylph {
    margin-left: 10%;
    width: 60%;
    margin-bottom: 10px;
    margin-top: 5%;
}

.projektrightgylph {
    margin-left: 63.5%;
    width: 25%;
    margin-bottom: 10px;
    margin-top: -2%;
}

.projektAlbum {
    width: 65%;
    margin-left: 25%;
}

.projektrechtsgross {
    width: 62.5%;
    margin-left: 10%;
}

.projektrechtslondon {
    width: 62.5%;
    margin-left: 28%;
}

.projektright14 {
    margin-left: 50%;
    width: 33%;
    margin-bottom: 10px;
    margin-top: 80px;
}

.projektbanner {
    margin-left: 45%;
    width: 50%;
    margin-bottom: 10px;
    margin-top: 3.125%;
}

.projektrechts {
    margin-left: 45%;
    width: 50%;
    margin-bottom: 10px;
    margin-top: 3.125%;
}

.projektlinks {
    margin-left: 12.5%;
    width: 50%;
    margin-bottom: 10px;
    margin-top: 3.125%;
}

.nebeneinander {
    display: flex;
    margin: 0 -10px;
    align-items: flex-start;
    justify-content: center;
}

.buchnebeneinander {
    display: flex;
    margin-left: 6.25%;
    margin-right: 6.25%;
    align-items: flex-start;
    justify-content: center;
    display: flex;
}

.bildneben {
    width: 25%;
    margin-bottom: 40px;
    margin-left: 6.25%;
    margin-top: 100px;
}

.bildnebenneben {
    width: 50%;
    margin-bottom: 40px;
    margin-top: 50px;
}

.bildnebengross {
    width: 35%;
}

.bildneben2 {
    width: 38%;
    margin-bottom: 10px;
    margin-left: 6.25%;
    margin-top: 20px;
}

.bildneben2flag {
    width: 40%;
    margin-bottom: 10px;
    margin-left: 6.25%;
    margin-top: 20px;
}

.bildneben23 {
    width: 18%;
    margin-bottom: 10px;
    justify-content: center;
    margin-top: 7px;
}

.bildneben3 {
    width: 38%;
    margin-bottom: 10px;
    justify-content: center;
    margin-top: 40px;
}

.bildneben3buchbinden {
    width: 38%;
    margin-left: 6.25%;
    margin-top: -5%;
    z-index: -1;
}

.bildnebendrei {
    width: 30%;
    margin-bottom: 10px;
    margin-left: 2.0833%;
    margin-top: 0px;
}

.bildnebendreidrei {
    width: 30%;
    margin-bottom: 10px;
    margin-top: 0px;
}

.bildnebendreibild {
    width: 15%;
    margin-left: 2.0833%;
    margin-top: 11%;
    align-content: center;
}

.bildnebendreidefiniert {
    width: 19%;
    height: 12.5%;
    margin-bottom: 10px;
    margin-left: 2.0833%;
    margin-top: 10px;
}

.bildnebenfunf {
    width: 13%;
    height: 8%;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-top: 10px;
}

.animation {
    justify-items: center;
}

.bildneben41 {
    width: 50%;
    margin-bottom: 10px;
    margin-left: 6.25%;
    margin-top: -280px;
    z-index: auto;
}

.bildneben42 {
    width: 50%;
    margin-bottom: 10px;
    margin-left: -40px;
    margin-right: 6.25%;
    margin-top: -284px;
}

.bildrechts {
    width: 15%;
    margin-left: 12.5%;
    margin-top: 100px;
}

.bildlinks {
    width: 25%;
    margin-bottom: 10px;
    margin-left: 36.5%;
    margin-top: 100px;
}

.bilddlinks {
    width: 37.5%;
    margin-bottom: 10px;
    margin-left: 56%;
}

.bildlinksgross {
    width: 69.3%;
    margin-left: 12.5%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bildlinksgrossfotoserie {
    width: 69.3%;
    margin-left: 12.5%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.bildnebenfoto {
    width: 25%;
    margin-bottom: 40px;
    margin-left: 6.25%;
    margin-top: 40px;
}

/*Projektseite Objekte*/

.objektprojektseite {
    width: 20%;
    margin-left: 25%;
    margin-top: 100px;
    margin-bottom: 20px;
}

.objektprojektseitezahnbuerste {
    width: 50%;
    margin-left: -6.25%;
    margin-top: -160px;
    margin-bottom: 20px;
}


.objekt-link {
    color: black;
    text-decoration: none;
    width: 12.5%;
    font-size: 17.5px;
    z-index: 2;
}


/*Farbwechsel Home*/

.objekt:hover .bild-schwarz-weiss {
    opacity: 0;
}

.objekt:hover .bild-farbig {
    z-index: 1;
    opacity: 1;
}

.bild-schwarz-weiss {
}

.bild-farbig {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

/*Home*/
.objekt {
    position: relative;
}

.bild-titel {
    display: none;
    position: absolute;
    width: 100%;
    text-align: center;
    letter-spacing: 0.002em;
    z-index: 1;
}

.bild-untertitel {
    display: none;
    position: absolute;
    width: 100%;
    text-align: center;
}

.objekt:hover .bild-untertitel {
    display: block;
    text-decoration: none;
    font-weight: light;
    margin-top: 20px;
}

.objekt:hover .bild-titel {
    display: block;
    text-decoration: none;
    font-weight: bold;
}

.objekt:hover .bild-titellego {
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin-left: -5%;
    margin-top: -8%;
}

.objekt:hover .bild-untertitellego {
    display: block;
    text-decoration: none;
    font-weight: light;
    margin-left: -5%;
    margin-top: -3%;
}



.objektleft {
    width: 37.5%;
    margin-bottom: 1.625%;
    margin-left: 12.5%;
    cursor: pointer;
}

.objektleftleft {
    width: 37.5%;
    margin-bottom: 3.125%;
    margin-top: -6.5%;
}

.objektleftleftcc {
    width: 37.5%;
    margin-bottom: 1.625%;
    margin-top: -12.5%;
}

.objektleftleftklein {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 12.5%;
    cursor: pointer;
}

.objektright {
    margin-left: 62.5%;
    width: 37.5%;
    margin-bottom: 6.25%;
}

.objektrightklein {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 50%;
    cursor: pointer;
}

.objektrightright {
    width: 37.5%;
    margin-bottom: 1.625%;
    ;
    margin-left: 50%;
    cursor: pointer;
}

.objektrightrightklein {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 62.5%;
    cursor: pointer;
}

.objektrightrightkleicc {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 62.5%;
    cursor: pointer;
    margin-top: -6.25%;
}

.objektrightrightrightklein {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 75%;
    cursor: pointer;
}

.objektrightrightkleinstart {
    width: 20%;
    margin-bottom: 1.625%;
    margin-left: 69.5%;
    cursor: pointer;
    margin-top: 3.125%;
}


.objektrightrightend {
    width: 37.5%;
    margin-left: 50%;
    cursor: pointer;
    margin-bottom: 6.25%;
}

/*Video*/

video {
    display: block;
    width: 30%;
    margin-left: 35.5%;
    margin-bottom: 3%;
}

.videoinsta {
    display: block;
    width: 300%;
    margin-left: -96%;
}

.videowebseite {
    display: block;
    width: 120%;
    margin-left: -40%;

}

.videowebseiteallein {
    display: block;
    width: 160%;
    margin-left: -10%;
    margin-bottom: 2%;
}

.plakat {
    width: 37.5%;
    margin-left: 50%;
    margin-bottom: 2%;
}



/*About*/

.divnebeneinanderskills {
    display: flex;
    margin: 0 10px;
    align-items: flex-start;
    justify-content: center;
}

.einzug {
    font-family: halyard-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17.5px;
    margin-left: 55%;
    line-height: 21.5px;
    width: 37.5%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.einzugzwei {
    font-family: halyard-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17.5px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15%;
    width: 35%;
    font-style: normal;
    line-height: 21.5px;

}

.fachklasse {
    text-decoration: underline;
    color: black;
}

.fachklasse:hover {
    text-decoration-thickness: 3px;
}




/*smartphone meldung*/

.smartphone-info {
    display: none;
    margin-left: 20px;
    margin-top: 20px;
}

.smartphonetext {
    width: 80%;
    margin-left: 20px;
    font-size: 17.5px;
    margin-top: 73px;
}

.smartphone-link {
    text-decoration: underline;
    color: black;
}

.smartphone-link:hover {
    text-decoration-thickness: 3px;
}

/*
<br/>or  download my PDF :) <br/> 
            <a href="bilder/PORTFOLIO" download class="smartphone-link"> download PDF</a>
            */