#page-wrap {
  width: 1665px; }
  @media only screen and (max-width: 800px) {
    #page-wrap.sub-page {
      width: 98vw; } }
  #page-wrap .column {
    width: 202px;
    float: left;
    margin-right: 7px; }
    #page-wrap .column .card {
      margin-bottom: 7px; }
      #page-wrap .column .card img {
        margin-bottom: -5px; }
  #page-wrap .column:last-child {
    margin-right: 0; }
  #page-wrap .content {
    float: left;
    margin-right: 7px;
    box-sizing: border-box;
    width: 620px;
    height: 978.174px; }
    #page-wrap .content #main-content {
      height: 100vh;
      box-sizing: border-box;
      background-size: cover; }
      #page-wrap .content #main-content .milkglass {
        box-sizing: border-box;
        height: 100%; }
    #page-wrap .content .item {
      margin-bottom: 5em; }
      #page-wrap .content .item:last-child {
        margin-bottom: 0em; }
    #page-wrap .content .item.cds .post, #page-wrap .content .item.kontakt .post, #page-wrap .content .item.links .post {
      margin-left: calc(30% + 3em); }

@media only screen and (max-width: 800px) {
  .page-cds #page-wrap .content,
  .page-vita #page-wrap .content,
  .page-links #page-wrap .content,
  .page-kontakt #page-wrap .content {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0; } }

body {
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 10pt;
  line-height: 1.3em; }
  body #main-content {
    line-height: 1.5em; }
  body p {
    margin: 0 0 1em 0; }

#page-wrap h1 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase; }
#page-wrap h2 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase; }
#page-wrap h3 {
  font-size: 1em;
  font-weight: bold; }
#page-wrap a {
  color: #330066;
  text-decoration: none; }
#page-wrap a:hover {
  font-weight: bold; }

#main-nav li.active a, #main-nav a:hover {
  font-weight: bold; }

#page-wrap .column .card, #main-content {
  box-shadow: 3.5px 3.5px 0px #ddd; }
  #page-wrap .column .not-yet.card, .not-yet#main-content {
    box-shadow: none; }

.sub-page .column-5 img,
.sub-page .column-6 img,
.sub-page .column-7 img,
.sub-page .column-8 img {
  filter: opacity(30%); }

.home-page .column .card :hover .img-hover {
  display: inline; }

#page-wrap {
  /*     width:1680px; */
  padding-top: 126px; }
  #page-wrap .column-6 {
    position: relative;
    top: -88px;
    height: 1069px; }
  #page-wrap .column {
    /*        img:hover {
                filter: grayscale(1);
            }*/ }
    #page-wrap .column .card {
      width: 202px;
      position: relative;
      display: inline-block; }
      #page-wrap .column .card .img-hover {
        display: flex;
        position: absolute;
        bottom: 1em;
        right: 1em;
        z-index: 100;
        background: rgba(255, 255, 255, 0.7);
        color: #000;
        font-size: 1em;
        font-weight: normal;
        opacity: 0;
        transition: opacity 2s ease 0.5s;
        width: 5em;
        height: 5em;
        text-align: center;
        align-items: center;
        justify-content: center;
        line-height: 1.3em; }
        @media only screen and (max-width: 1150px) {
          #page-wrap .column .card .img-hover {
            opacity: 1; } }
      #page-wrap .column .card :hover .img-hover {
        display: flex;
        opacity: 1; }
    #page-wrap .column img {
      width: 100%; }
  @media only screen and (max-width: 800px) {
    #page-wrap .column-1 {
      display: none; } }

@media only screen and (max-width: 800px) {
  .not-home .column-5,
  .not-home .column-6,
  .not-home .column-7,
  .not-home .column-8 {
    display: none; }
  .not-home #main-content {
    width: 100%;
    padding: 1.4em; } }
#main-nav {
  position: fixed;
  z-index: 1000;
  bottom: 0px;
  left: 0px;
  background: #fff;
  padding: 1em;
  width: 9em; }
  #main-nav ul {
    margin: 0;
    padding: 0; }
  #main-nav li {
    list-style: none;
    margin: 0;
    padding: 0; }
  #main-nav a {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: right; }
  #main-nav .menu-toggle {
    display: none; }
  @media only screen and (max-width: 800px) {
    #main-nav {
      height: 55px;
      width: 65px;
      padding: 0;
      font-size: 5vh;
      line-height: 1.2em; }
      #main-nav.open {
        height: auto;
        width: 70vw;
        max-width: 380px;
        padding: 1em 1em 1em 0; }
        #main-nav.open a {
          display: block;
          background-position: bottom; }
        #main-nav.open .menu-toggle {
          top: 7px;
          left: 7px; }
      #main-nav a {
        display: none; }
        #main-nav a.menu-toggle {
          display: block; }
      #main-nav .menu-toggle {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 7px;
        background: url("img/menu-icon.png");
        background-position: top;
        cursor: pointer; } }

#main-content {
  /*     width:550px; */
  /*     width:calc(550px - 4em); */
  /*    float:left;*/
  /*     margin-right:10px; */
  position: relative;
  background-size: 100% auto;
  /*     height:730px; */
  /*     max-height:730px; */
  /*     position:relative; */
  padding: 3em 3em; }
  #main-content:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); }
  #main-content .milkglass {
    /*         position:absolute; */
    /*         top:2em;bottom:2em;left:2em;right:2em; */
    /*         height:100%; */
    /*         height:calc(100%-4em); */
    position: relative;
    z-index: 1;
    overflow-y: auto;
    /*         margin:2em; */
    padding: 2em 3em;
    background: rgba(255, 255, 255, 0.7); }
  #main-content .post-image {
    width: 25%;
    margin-left: 1em;
    float: left; }
    @media only screen and (max-width: 800px) {
      #main-content .post-image {
        width: calc(30% + 3em - 20px);
        margin-left: -10px; } }
  #main-content .item::after {
    content: "";
    display: block;
    clear: both; }

/*# sourceMappingURL=style.css.map */