/* *************************************************** */
/* Colors                                              */
/* *************************************************** */
/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
/* Container for the entire search element */
.sb-search {
  position: relative;
  margin-top: 10px;
  width: 0%;
  min-width: 60px;
  height: 60px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

/* The input element on the search element  */
.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #fff;
  width: 100%;
  height: 60px;
  margin: 0;
  z-index: 10;
  padding: 20px 65px 20px 20px;
  font-family: inherit;
  font-size: 20px;
  color: #2c3e50;
}

input[type=search].sb-search-input {
  /* remove special webkit formatting on the search input */
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/* browser specific placholder text color */
.sb-search-input::-webkit-input-placeholder {
  color: #efb480;
}

.sb-search-input:-moz-placeholder {
  color: #efb480;
}

.sb-search-input::-moz-placeholder {
  color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
  color: #efb480;
}

/* format the search button and submit to share the same size and space */
.sb-icon-search,
.sb-search-submit {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}

/* hide the submit but leave it clickable */
.sb-search-submit {
  background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

/* format the search icon */
.sb-icon-search {
  color: #fff;
  background: #e67e22;
  z-index: 90;
  font-size: 22px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%;
}

/* add the "active" color on the search button */
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #da6d0d;
  color: #fff;
  z-index: 11;
}

/* adjust z-index to make sure the search submit is clikacble and not below any other elements */
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}

#v-ref {
  height: 100%;
}
#v-ref body {
  -webkit-overflow-scrolling: touch;
}
#v-ref body .content_container {
  height: 100%;
  overflow-y: visible;
}
#v-ref body .content_container #slide-content {
  min-height: 100%;
  background-color: #FFFFFF;
}
#v-ref .content_container {
  position: relative;
}
#v-ref .slide-toggle {
  top: 2px;
  margin-right: 5px;
}
#v-ref .slide-toggle:after {
  background-image: url(/images/menu-icon-blue.svg);
}
#v-ref .slide-checkbox:checked ~ .slide-toggle:after {
  background-image: url("/images/menu-icon-blue-close.svg");
}
#v-ref .maingrid .smalltile .sm-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  width: 40px;
}
#v-ref .maingrid .mobiletiles .mt-img-inner {
  position: relative;
}
#v-ref .maingrid .mobiletiles .mt-img-inner img.mt-sm-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  width: 40px !important;
}
#v-ref .maingrid .agenda-page {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#v-ref .maingrid .agenda-page .entry {
  height: auto;
  border: 1px solid #e3e3e3;
  margin-bottom: 20px;
}
#v-ref .maingrid .agenda-page .entry:hover {
  border: 1px solid #999;
}
#v-ref .maingrid .agenda-page .entry a:hover {
  text-decoration: none;
}
#v-ref .maingrid .agenda-page .entry .preview {
  border-bottom: 1px solid #e3e3e3;
}
#v-ref .maingrid .agenda-page .entry .description {
  padding-left: 10px;
  padding-right: 10px;
}
#v-ref .maingrid .agenda-page .entry .description h3 {
  margin-top: 17px;
  font-family: MarkWebPro-Light, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #00477E;
}
#v-ref .maingrid .agenda-page .entry .description h4 {
  font-family: MarkWebPro-Light;
  font-size: 16px;
  line-height: 20px;
  color: #00B0EB;
}
#v-ref .maingrid .agenda-page .entry .description .date {
  font-family: MarkWebPro-Light;
}
#v-ref .maingrid .agenda-page .entry .description .time {
  margin-bottom: 17px;
  margin-top: 17px;
}
#v-ref #tipps-slider .tile {
  margin-right: 24px;
}
#v-ref #tipps-slider .tile .tile-body-text {
  height: 85px;
  padding: 18px 18px 22px 18px;
}
#v-ref #tipps-slider .tile .tile-body-text h3 {
  font-size: 16px;
  line-height: 26px;
}
#v-ref .tipps {
  margin-bottom: 30px;
}
#v-ref .pinnedNavi {
  z-index: 999999;
}
@media (max-width: 1023px) {
  #v-ref #tipps-slider .tile {
    margin-right: 24px;
  }
  #v-ref #tipps-slider .tile .tile-body-text {
    padding: 14px 18px;
  }
  #v-ref #tipps-slider .tile .tile-body-text h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
#v-ref .specials-slider-navigation {
  margin-right: 0;
  /*@include breakpoint($scr-medium-bp) {
    visibility: hidden;
  }*/
}
#v-ref .owl-item .tilebackground {
  width: 100%;
}

.header-top {
  z-index: 10000;
  position: fixed;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  height: 113px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 20px #E6E5DE;
  -moz-box-shadow: 0 0 20px #E6E5DE;
  box-shadow: 0 0 20px #E6E5DE;
}
.header-top .header-inner {
  display: table;
  width: 100%;
  height: 100%;
}
.header-top .header-inner .header-element {
  display: table-cell;
  vertical-align: bottom;
  padding-top: 2px;
}
@media (min-width: 1024px) {
  .header-top .header-inner .header-element.header-logo {
    vertical-align: middle;
    padding-top: 25px;
  }
}
.header-top .header-inner .header-menu-primary {
  width: 100%;
}
.header-top .header-inner .header-menu-primary .header-menu-primary-items {
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: -290px;
  padding-bottom: 17px;
}
.header-top .header-inner .header-menu-primary .primary-item {
  position: relative;
  z-index: 500;
  display: inline-block;
  padding: 7px 7.5px;
}
.header-top .header-inner .header-menu-primary .primary-item.primary-item-first {
  padding-left: 0;
}
.header-top .header-inner .header-menu-primary .primary-item.primary-item-last {
  padding-right: 0;
}
.header-top .header-inner .header-menu-primary .primary-item a {
  padding: 3px 0;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  color: #00477E;
  font-family: "MarkWebPro-Bold", sans-serif;
  font-size: 14px;
}
.header-top .header-inner .header-menu-primary .primary-item a:hover, .header-top .header-inner .header-menu-primary .primary-item a.active {
  text-decoration: none;
  border-bottom: 2px solid #00B0EB;
}
.header-top .header-inner .header-menu-primary .header-menu-info-wrap {
  content: "something";
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  background-color: white;
  border-left: 2000px solid white;
  margin-left: -2000px;
  border-right: 2000px solid white;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: height 0.5s;
  height: 0;
}
.header-top .header-inner .header-menu-primary .header-menu-info-wrap.grow {
  height: 65px;
}
.header-top .header-inner .header-menu-primary .header-menu-info {
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid #e3e3e3;
  font-family: "MarkWebPro-Bold", sans-serif;
  color: #00477E;
  font-size: 22px;
  line-height: 28px;
}
.header-top .header-inner .header-menu-secondary {
  white-space: nowrap;
  position: relative;
}
.header-top .header-inner .header-menu-secondary .secondary-item {
  display: inline-block;
  vertical-align: middle;
}
.header-top .header-inner .header-menu-secondary .secondary-item.item-basket {
  margin: 0 10px;
}
.header-top .header-inner .header-menu-secondary .secondary-item.search-button {
  padding: 5px;
  margin-left: -5px;
  cursor: pointer;
}
.header-top .header-inner .header-menu-secondary a.navilink {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  color: #00477E;
  font-family: MarkWebPro-Light;
  font-size: 14px;
}
.header-top .header-inner .header-menu-secondary a.navilink:hover, .header-top .header-inner .header-menu-secondary a.navilink.active {
  text-decoration: none;
  border-bottom: 1px solid #00477E;
}
.header-top .header-inner .header-menu-secondary a.navilink.textlink {
  color: #678093;
  font-size: 12px;
}
.header-top .header-inner .header-menu-secondary a.navilink.textlink:hover, .header-top .header-inner .header-menu-secondary a.navilink.textlink.active {
  border-color: #678093;
}
.header-top .header-inner .header-menu-secondary .header-menu-secondary-items {
  margin-top: 10px;
}

.logo-holder {
  margin-top: 15px;
  text-align: right;
}

.entries-logo-holder {
  text-align: center;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .entries-logo-holder {
    padding-top: 15px;
  }
}

.entries-logo-holder .secondary-item,
.logo-holder .secondary-item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.entries-logo-holder .secondary-item a,
.logo-holder .secondary-item a {
  display: inline-block;
  width: 67px;
  height: 67px;
  background-color: #ffffff;
  border-radius: 75%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.entries-logo-holder .secondary-item a.item-tourOfAargau,
.logo-holder .secondary-item a.item-tourOfAargau {
  width: 60px;
  height: 64px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}
.entries-logo-holder .secondary-item a img,
.logo-holder .secondary-item a img {
  margin-top: 1px;
}

.header-bottom {
  padding-top: 114px;
  position: relative;
}
.header-bottom .header-image-wrap {
  height: 50vh;
  max-height: 800px;
  position: relative;
}
.header-bottom .header-image-wrap .header-image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header-bottom .header-image-wrap .header-image .header-texts {
  position: relative;
  height: 100%;
  max-width: 944px;
  margin-left: auto;
  margin-right: auto;
}
.header-bottom .header-image-wrap .header-image .header-lead {
  position: absolute;
  bottom: 10%;
  color: #FFFFFF;
}
.header-bottom .header-image-wrap .header-image .header-lead h1 {
  font-size: 50px;
  font-family: "MarkWebPro-Bold", sans-serif;
  line-height: 100%;
}
.header-bottom .header-image-wrap .header-image .header-lead p {
  margin-top: 10px;
  font-size: 20px;
}
.header-bottom .header-image-wrap .header-image .header-img-legend {
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 10px;
  font-family: MarkWebPro-Light, sans-serif;
}

.search-pane {
  position: fixed;
  z-index: 9999991;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  display: none;
  padding-right: 15px;
}
.search-pane.in {
  display: block;
}
@media (max-width: 1023px) {
  .search-pane.in {
    display: none;
  }
}
.search-pane .header-top {
  position: relative;
  z-index: 10;
  box-shadow: none;
}
.search-pane .header-top .search-button {
  opacity: 0;
}

.search-pane-close {
  position: absolute;
  z-index: 20;
  right: 30px;
  cursor: pointer;
  padding: 5px;
  top: 13px;
}

_::-webkit-full-page-media, _:future, :root .search-pane-close {
  top: 19px;
}

.search-pane-form {
  margin-top: 15%;
  text-align: center;
}

.search-pane-form-button {
  color: #ffffff;
  background-color: #06477E;
  border-radius: 55px;
  padding: 17px 65px;
  margin-left: 10px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 2px solid transparent;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.5ms ease;
}
.search-pane-form-button:hover {
  background-color: #042c4d;
}

.search-pane-form-icon {
  margin-right: -50px;
  z-index: 20;
  position: relative;
}

.search-pane-form-input {
  z-index: 10;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #DFE1E5;
  border-radius: 90px !important;
  padding: 20px 40px 20px 57px;
  font-size: 1.4rem;
  min-width: 22%;
  position: relative;
}

body.pane-in {
  min-height: 100%;
  overflow: hidden;
}

.search-panel {
  position: absolute;
  z-index: -1;
  height: 60px;
  width: 420px;
  left: 420px;
  bottom: -60px;
  background-color: white;
  box-shadow: 6px -6px 0px 6px white, 0 0 20px #E6E5DE;
  -webkit-transition: left 400ms;
  -moz-transition: left 400ms;
  -ms-transition: left 400ms;
  -o-transition: left 400ms;
  transition: left 400ms;
  left: 200px;
}
.search-panel.open {
  left: -20px;
}
.search-panel input, .search-panel button {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin-top: 14px;
  padding: 0;
  height: 30px;
  border: 1px solid #00477E;
  background-color: #FFFFFF;
  font-family: MarkWebPro-Light, sans-serif;
  font-size: 14px;
  color: #00477E;
}
.search-panel input {
  margin-left: 15px;
  width: 345px;
  padding: 0 5px;
}
.search-panel button {
  width: 30px;
  border-left: none;
  background: url("/images/search-icon.svg") no-repeat 48% 48%;
}

.controls {
  margin-top: 30px;
}
.controls .c-button {
  display: inline-block;
  position: relative;
  padding: 6px 38px 4px 9px;
  font-family: MarkWebPro-Light, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #00477E;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  cursor: pointer;
  transition: border 500ms ease-out;
}
.controls .c-button:hover {
  border: 1px solid #aaa;
}
.controls .c-button .c-button-icon.c-button-icon-open-close {
  position: absolute;
  right: 9px;
  top: 11px;
  height: 8px;
  width: 14px;
}
.controls .c-button.c-button-closed .c-button-icon-open-close {
  background: url("/images/control-panel-closed.svg");
}
.controls .c-button.c-button-opened .c-button-icon-open-close {
  background: url("/images/control-panel-opened.svg");
}

.panels {
  margin-bottom: 30px;
  margin-top: 15px;
}
.panels .p-panel {
  position: relative;
  padding: 20px 20px 8px 20px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
.panels .p-panel .p-filter-a {
  display: block;
  margin-bottom: 12px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: neno;
  font-family: MarkWebPro-Light, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #4A4A4A;
}
.panels .p-panel .p-filter-a:hover, .panels .p-panel .p-filter-a.checked {
  text-decoration: none;
  font-family: MarkWebPro-Bold, sans-serif;
  color: #00477E;
}
.panels .p-panel.p-panel-closed {
  display: none;
}
.panels .p-panel.p-panel-closed.p-filter-cat a {
  opacity: 0;
}
.panels .p-panel.p-filter-cat {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
.panels .p-panel.p-filter-cat:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
}
.panels .p-panel.p-sort {
  width: 150px;
  margin-left: 89px;
}

@media (max-width: 1023px) {
  .header-top {
    width: 100%;
    height: 60px;
  }
  .header-top .header-inner {
    display: block;
  }
  .header-top .header-inner .header-element.header-logo {
    padding-top: 10px;
  }
  .header-top .header-inner .header-menu-primary, .header-top .header-inner .header-menu-secondary {
    display: none;
  }
  .header-bottom {
    padding-top: 60px;
  }
  .header-bottom .header-image .header-texts {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .header-bottom .header-image .header-texts .header-lead h1 {
    font-size: 45px;
  }
  .header-bottom .header-image .header-texts .header-lead p {
    font-size: 15px;
    line-height: 120%;
  }
}
@media (max-width: 539px) {
  .header-top .header-inner .header-element.header-logo {
    padding-top: 14px;
  }
  .header-top .header-inner .header-element.header-logo img {
    height: 32px;
    width: auto;
  }
  .header-bottom .header-image .header-texts .header-lead {
    bottom: 40px;
  }
  .header-bottom .header-image .header-texts .header-lead h1 {
    font-size: 35px;
  }
  #v-ref .maingrid .agenda-page .entry {
    width: 90%;
    margin: 0 auto 5% auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/*# sourceMappingURL=screen.new.css.map */