/*	VIEWPORTS ============================ */

/* LANDSCAPE
========================================== */
@media (orientation:landscape) {
}

/* VIEWPORT <= 960PX
========================================== */
@media screen and (max-width: 960px) {
}

/* VIEWPORT <= 900PX
========================================== */
@media screen and (max-width: 900px) {
  #site-nav-trigger {width:40px;height:0;padding-top:40px;cursor:pointer;
    align-self:center;;margin-right:1em;
    display:flex;flex-direction: column;align-items: center;
    background-image:url(/images/layout/hamburger.png);
    background-size:40px;
    background-repeat:no-repeat;
    background-position:50% top;
  }
  #site-nav-trigger:after {content:"MENU";color:var(--green);}
  #site-nav-trigger.open { background-image:url(/images/layout/cross.png);}

  #site-nav-wrapper {position:absolute;top:var(--headerH);left:0;
    width:100%;height:0;overflow:auto;
    background-color:var(--blue);
    transition:height .25s linear 0s;
  }
  #site-nav-wrapper.open {height:calc(100vh - var(--headerH));transition:height .25s linear 0s;}
  #site-nav-wrapper * {color:white;}
  #site-nav-wrapper .currentuserlink {position:relative;top:2rem;margin:2rem;}
  #site-nav {padding:2rem;}
  #site-nav li {margin-top:1rem;}
  #site-nav li.level1 {margin-bottom:2rem;}
  #site-nav li > div {margin-left:2rem;}
  #site-nav-wrapper a.level1 {font-size:var(--font5)}
  #site-nav a.level2 {font-size:var(--font3)}
}

/* VIEWPORT <= 720PX
========================================== */
@media screen and (max-width: 720px) {
}

/* VIEWPORT <= 560PX
========================================== */
@media screen and (max-width: 560px) {
  /*
  .short-golfaccommodation-wrapper {flex-basis:100%;}
  .short-golfaccommodation {flex-flow:row wrap;flex-grow:1;}
  .short-golfaccommodation h2 {order:1;flex-basis:100%;}
  .short-golfaccommodation .impression {order:2;flex-basis:110px;height:100px;background-size:cover;background-position:50%;}
  .short-golfaccommodation .logo {order:3;padding:0 5px;max-width:calc(100% - 120px)}
  .short-golfaccommodation .logo img {max-height:70px;}
  */
    .short-golfaccommodation .impression {display:none;}

}

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

/* VIEWPORT <= 400PX
========================================== */
@media screen and (max-width: 400px) {
  .short-golfaccommodation-wrapper {flex-grow:1;}
}

/* VIEWPORT > 900PX
========================================== */
@media screen and (min-width: 901px) {
  #site-nav-wrapper {flex-grow:1;margin-left:2em;}
  #site-nav-wrapper > .currentuserlink {position:absolute;top:1rem;}
  #site-nav ul.menu.level1 {display:flex;flex-flow:row wrap;}
  #site-nav li.level1 {position:relative;/*! flex-grow:1; */}
  #site-nav-wrapper a {display:block;padding:.5em 1em .5em .5em;border:none;
    color:#0496D6;text-transform:uppercase;font-size:var(--font0);font-weight:var(--fontLight);}
  #site-nav li div {position:absolute;top:40px;background:white;box-shadow:var(--boxShadow);display:none;}
  #site-nav li:hover>div{display:block;}
  #site-nav li li {margin-bottom:1px;}
  #site-nav .level2 a {padding:.5em 1em;font-size:var(--font-1);white-space:nowrap;}
}