body.domain-www.front #columns {
  max-width: 750px;
  margin: 0 auto; }
body.domain-www.front #branding {
  display: none; }

#big-video-wrap {
  z-index: -1; }

.sissi_chooser {
  width: auto;
  color: #FFF;
  background: rgba(63, 63, 63, 0.93);
  padding: 20px; }
  .sissi_chooser .blogo {
    background: url("../../images/sissipark_logo_s_white.png") no-repeat top;
    height: 90px;
    margin-bottom: 15px; }
  .sissi_chooser .map {
    background: url("../../images/area_map.png") no-repeat top;
    background-size: 50%;
    height: 203px;
    margin: 3% 0 3% 0; }
  .sissi_chooser .sissipark {
    text-align: center;
    font-size: 35px;
    font-weight: 500; }
  .sissi_chooser .desc {
    text-align: center;
    font-size: 30px;
    font-weight: 300; }
  .sissi_chooser #prom {
    display: none;
    text-align: center;
    margin: 35px auto;
    background-color: #17bc76;
    padding: 13px 8px;
    width: 70%; }
    .sissi_chooser #prom a {
      color: #fff;
      font-size: 1.3em;
      text-decoration: none;
      white-space: normal; }
    .sissi_chooser #prom a:hover {
      text-decoration: underline; }
  .sissi_chooser .areas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
    /*      a:hover {
             &.lachtal{
                .color {background: $color_lachtal_hover;}
                h2{color: $color_lachtal_hover;}
             }
             &.schladming{
                .color {background: $color_schladming_hover;}
                h2{color: $color_schladming_hover;}
             }
             &.nassfeld{
                .color {background: $color_nassfeld_hover;}
                h2{color: $color_nassfeld_hover;}
             }
          }*/ }
    .sissi_chooser .areas a {
      display: block;
      width: 200px;
      margin: 10px 5px;
      outline: none; }
      .sissi_chooser .areas a:hover, .sissi_chooser .areas a:focus {
        text-decoration: none; }
      .sissi_chooser .areas a h2 {
        text-align: center;
        margin: 0;
        padding: 5px 0;
        font-weight: normal;
        color: #FFF;
        background: url("../../images/arrow_right_white.png") no-repeat center right 10px;
        background-size: 6px;
        transition: all linear .15s;
        -webkit-transition: all linear .15s; }
      .sissi_chooser .areas a div.color {
        display: none; }
      .sissi_chooser .areas a.lachtal {
        /*            .color {
                        background: $color_lachtal;
                        width: 100%;
                        height:25px;                
                    }*/ }
        .sissi_chooser .areas a.lachtal h2 {
          background-color: #CC9E44; }
        .sissi_chooser .areas a.lachtal:hover h2 {
          background-color: #B2873D; }
      .sissi_chooser .areas a.schladming {
        /*            .color {
                        background: $color_schladming;
                        width: 100%;
                        height:25px;                
                    }*/ }
        .sissi_chooser .areas a.schladming h2 {
          background-color: #2DB2C4; }
        .sissi_chooser .areas a.schladming:hover h2 {
          background-color: #299FA8; }
      .sissi_chooser .areas a.nassfeld {
        /*            .color {
                        background: $color_nassfeld;
                        width: 100%;
                        height:25px;
                    }*/ }
        .sissi_chooser .areas a.nassfeld h2 {
          background-color: #958275; }
        .sissi_chooser .areas a.nassfeld:hover h2 {
          background-color: #7A6B61; }
  .sissi_chooser .content {
    padding: 30px 3%;
    text-align: justify; }
  .sissi_chooser .pane-node-body {
    height: 100px;
    overflow: hidden;
    position: relative; }
  .sissi_chooser .ps-active-y {
    border-left: 1px dashed #aaa;
    padding: 0px 20px 0px 9px;
    background: url(../../images/arrow_down_a0a0a0.png) no-repeat bottom right; }
  .sissi_chooser .ps-active-y:hover {
    background: none; }

@media only screen and (max-width: 400px) {
  .sissi_chooser .map {
    background-size: 100%; } }
@media only screen and (min-width: 401px) and (max-width: 580px) {
  .sissi_chooser .map {
    background-size: 68%; } }
@media only screen and (min-width: 581px) and (max-width: 860px) {
  .sissi_chooser .map {
    background-size: 68%; } }
@media only screen and (max-width: 560px) {
  .sissi_chooser {
    background: #3f3f3f; } }

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