/* * {
  font-weight: 600;
} */

.main-nav{
  display: flexbox;
}
nav li.left {
  display: none;
}
nav li.right{
  display: none;
}

nav li.middle {
    text-align: left;}

main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  row-gap: 100px;
  margin: 0;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 25px;
  margin-bottom: 25px;
}

/* .works-dropdown:click .works-nav {
  display: flex;
} */

#packaging {
  grid-column: 1;
  grid-row: 1;
}

/* --bescheibungstext neben bild-- */

article {
  position: relative;
}


#manometer {
  grid-row: 2;
  grid-column: 2;
}

#diy {
  grid-row: 3;
  grid-column: 2;
}

#camera {
  grid-row: 4;
  grid-column: 1;
}

#interaction {
  grid-row: 5;
  grid-column: 2;
}

#sketches {
  grid-row: 6;
  grid-column: 1;
}

#webdesign {
  grid-row: 7;
  grid-column: 1;
}

#keyshot {
  grid-row: 8;
  grid-column: 2;
}

/* --------------beschreibungstext zu den bildern------------------- */
/* 
article:hover ul {
  left: calc(100% + 10px);
} */

/* article ul {
  list-style-type: none;
  position: relative;
  width: 100%;
  left: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
}


#packaging ul {
  position: absolute;
  grid-column: 2;
  grid-row: 1;
  left: calc(100% + 10px);
  bottom: 0;
  width: calc(100% - 10px);
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
} */

article ul {
  list-style-type: none;
  width: calc(100% - 10px);
  margin: 0px;
  position: absolute;
  bottom: 0;
}

#packaging ul,
#camera ul,
#sketches ul,
#webdesign ul{
  grid-column: 2;
  grid-row: 1;
  left: calc(100% + 10px);
}

#manometer ul,
#diy ul,
#interaction ul,
#keyshot ul {
  grid-column: 1;
  grid-row: 2;
  left: auto;
  right: calc(100% + 10px);
}

#manometer li,
#diy li,
#interaction li,
#keyshot li {
  text-align: right;
}

/* #manometer:hover ul {
  left: auto;
  right: calc(100% + 10px);
} */

/* ------------To do--------------- */
/*