/* VIEWPORT <= 1000PX
========================================== */
@media screen and (max-width: 1000px) {
  #container {padding-top:100px;}
  #nav-trigger {width:30px;height:25px;position:absolute;z-index:1;
    right:2rem;top:2.5rem;display:flex;flex-flow:column;align-items:center;
  }
  #nav-trigger:after {content:"MENU";padding-top:25px;font-size:var(--font-1);color:var(--orange);}
  #nav {margin-left:100vw;
    position:absolute;top:var(--headerH);width:100%;
    background-color:var(--orange);overflow:hidden;
    transition: .6s margin-left 0s;
  }
  #nav-trigger.open +#nav {
    margin-left:0;
    box-shadow:0 5px 15px black;
    overflow:auto;
  }
  
  #nav *, #nav *:before {color:white;}
  #nav li div {margin-left:var(--dubbleMarginW);}
  #header-nav {padding-top:var(--marginW);}
  #header-nav ul.level1 {justify-content:space-between;}
  #headerlinks {margin:0 var(--dubbleMarginW);}
  #headerlinks,
  #menu-wrapper {position:relative;top:0;left:0;}
  #headerlinks li.level1 {margin-right:1em;margin-bottom:1em;}
  #sitemenu-nav {margin:0 0 0 var(--dubbleMarginW);padding-bottom:5rem;}
  #sitemenu-nav ul.level1 {display:block;}
  #sitemenu-nav li.level1 {margin:1.5em 0!important;text-align:left;}
}

/* VIEWPORT <= 800PX
========================================== */
@media screen and (max-width: 800px) {
  /* submenu */
  #submenu-trigger {display:block;position:absolute;background:white;display:flex;align-items:center;padding:.5rem;margin-top:-2.5rem;}
  #submenu-trigger.open > * {transform:rotate(180deg);}
  #submenu {margin-left:var(--negAsideW);}
  #submenu-trigger.open + * {margin-left:0;}
  #submenu-trigger.open > *,
  #submenu-trigger + * {
    transition: .5s margin-left 0s;}
}

/* VIEWPORT <= 640PX
========================================== */
@media screen and (max-width: 640px) {
   #logo-wrapper {flex-direction: column;align-items:flex-start}

}

/* VIEWPORT <= 560PX
========================================== */
@media screen and (max-width: 560px) {
  #footer {flex-flow:column;align-items:center;text-align:center;}
  #footer > * {margin-bottom:2em;}
  #footer .contactdata {justify-content:center;}
  .tagvalue > h3 {display:none;}
}

/* VIEWPORT <= 480PX
========================================== */
@media screen and (max-width: 480px) {
  #icon {margin-left:0}
}

/* VIEWPORT > 1000PX
========================================== */
@media screen and (min-width: 1000px) {
  #headerlinks {position:absolute;top:3rem;left:0;width:40%;margin-left:60%;}
  #header-nav ul.level1 {justify-content:flex-end;}

  #sitemenu-nav ul.level1 {display:flex;flex-flow:row wrap;justify-content:center;}
  #sitemenu-nav li.level1 {margin:0 .5em;flex-basis:150px;}
  #sitemenu-nav li.level1.pos2 {margin-right:8rem;}
  #sitemenu-nav li.level1.pos3 {margin-left:8rem}
  #sitemenu-nav div.level2 {max-height:0;overflow:hidden;}
  #sitemenu-nav li.level1 > div {
    transition: .5s height .8s, .5s max-height .8s;
  }
  #menu:hover div.level2 {max-height:100vh;}
  #menu:hover {box-shadow:var(--boxShadowDark);}

}