/* *************************************************** */
/* Imports                                             */
/* *************************************************** */
/* line 5, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 2, ../scss/_utils.scss */
.clear-user-agent-styles table,
.clear-user-agent-styles thead,
.clear-user-agent-styles tbody,
.clear-user-agent-styles tfoot,
.clear-user-agent-styles tr,
.clear-user-agent-styles th,
.clear-user-agent-styles td {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}

/* *************************************************** */
/* Colors                                              */
/* *************************************************** */
/* *************************************************** */
/* Fonts                                               */
/* *************************************************** */
/* *************************************************** */
/* Files                                               */
/* *************************************************** */
/* *************************************************** */
/* Presets for using rem units                         */
/* *************************************************** */
/* *************************************************** */
/* Grid & Breakpoints                                  */
/* *************************************************** */
/* *************************************************** */
/* Font Sizes                                          */
/* *************************************************** */
/* 1.8rem = 18px */
/* 3.2rem = 32px */
/* 4.8rem = 48px */
/* 3.0rem = 30px */
/* 1.1rem = 11px */
/* Agenda */
/* Navigation */
/* Service Navigation */
/* 1.2rem = 12px */
/* Subnavigation */
/* 1.6rem = 16px */
/* Sitemap */
/* 1.8rem = 18px */
/* Footer */
/* Tiles */
/* Shop */
/* Form fields */
/* *************************************************** */
/* Colors                                              */
/* *************************************************** */
/* *************************************************** */
/* Paddings, Spacings, Borders                         */
/* *************************************************** */
/* *************************************************** */
/* Configuring Susy Defaults                           */
/* *************************************************** */
/* *************************************************** */
/* Configuring Sassy Buttons Defaults                  */
/* *************************************************** */
/*
$sb-base-color:      #145396;       // Base color of your button
$sb-border-radius:   2.5rem;          // Button border radius
$sb-border-width:    0;          // Button border width
$sb-padding:         1.2rem 2.5rem;  // Button padding
$sb-font-size:       1.6rem;        // Button font-size
$sb-line-height:     2rem;        // Button line-height
$sb-text-color:      white;        // Button text color
$sb-text-style:      "false";      // Button text shadow style
$sb-gradient-style:  "flat";      // Button gradient style
$sb-auto-states:     true;         // Automatically create pseudo styles 
*/
/* *************************************************** */
/* Mixins                                              */
/* *************************************************** */
/* *************************************************** */
/* Functions                                           */
/* *************************************************** */
@font-face {
  font-family: 'ato';
  src: url("../css/fonts/ato.eot?v3");
  src: url("../css/fonts/ato.eot?v3") format("embedded-opentype"), url("../css/fonts/ato.ttf?v3") format("truetype"), url("../css/fonts/ato.woff?v3") format("woff"), url("../css/fonts/ato.svg?v3") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MarkWebPro";
  src: url("../css/fonts/MarkWebPro_subset.ttf?1424963044") format("truetype"), url("../css/fonts/MarkWebPro.woff?1424377263") format("woff"), url("../css/fonts/MarkWebPro_subset.eot?1424963044") format("embedded-opentype"), url("../css/fonts/MarkWebPro.svg") format("svg");
}
@font-face {
  font-family: "MarkWebPro-Bold";
  src: url("../css/fonts/MarkWebPro-Bold_subset.ttf?1424963134") format("truetype"), url("../css/fonts/MarkWebPro-Bold.woff?1424377261") format("woff"), url("../css/fonts/MarkWebPro-Bold_subset.eot?1424963134") format("embedded-opentype"), url("../css/fonts/MarkWebPro-Bold.svg") format("svg");
}
@font-face {
  font-family: "MarkWebPro-Light";
  src: url("../css/fonts/MarkWebPro-Light_subset.ttf?1424962676") format("truetype"), url("../css/fonts/MarkWebPro-Light.woff?1424377262") format("woff"), url("../css/fonts/MarkWebPro-Light_subset.eot?1424962676") format("embedded-opentype"), url("../css/fonts/MarkWebPro-Light.svg") format("svg");
}
/* line 29, ../scss/screen.scss */
html {
  font-size: 62.5%;
  /* Setup Base 10 */
  line-height: 24px;
  line-height: 2.4rem;
}

/* line 35, ../scss/screen.scss */
body {
  font-family: 'MarkWebPro', sans-serif;
  background-color: #FFFFFF;
  font-size: 18px;
  font-size: 1.8rem;
}

/* line 41, ../scss/screen.scss */
h1 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 50px;
  font-size: 5rem;
  line-height: 60px;
  line-height: 6rem;
  padding: 0;
}

/* line 48, ../scss/screen.scss */
h2, h4 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
}

/* line 53, ../scss/screen.scss */
h3, h5 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 58, ../scss/screen.scss */
:focus {
  outline-style: none;
}

/* line 62, ../scss/screen.scss */
.nowrap {
  white-space: nowrap;
}

/* line 89, ../scss/screen.scss */
[class^="icon-"], [class*=" icon-"], i {
  font-family: 'ato';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 102, ../scss/screen.scss */
.icon-chevron-up:before {
  content: "\e628";
}

/* line 106, ../scss/screen.scss */
.icon-chevron-down:before {
  content: "\e629";
}

/* line 110, ../scss/screen.scss */
.icon-youtube:before {
  content: "\e622";
}

/* line 114, ../scss/screen.scss */
.icon-twitter:before {
  content: "\e623";
}

/* line 118, ../scss/screen.scss */
.icon-google-plus:before {
  content: "\e624";
}

/* line 122, ../scss/screen.scss */
.icon-tripadvisor:before {
  content: "\e625";
}

/* line 126, ../scss/screen.scss */
.icon-pinterest:before {
  content: "\e626";
}

/* line 130, ../scss/screen.scss */
.icon-facebook:before {
  content: "\e627";
}

/* line 134, ../scss/screen.scss */
.icon-instagram:before {
  content: "\e901";
}

/* line 138, ../scss/screen.scss */
.icon-group:before {
  content: "\e612";
}

/* line 142, ../scss/screen.scss */
.icon-group {
  margin-left: 3px;
}

/* line 146, ../scss/screen.scss */
.icon-family:before {
  content: "\e613";
}

/* line 150, ../scss/screen.scss */
.icon-images:before {
  content: "\e614";
}

/* line 154, ../scss/screen.scss */
.icon-map:before {
  content: "\e615";
}

/* line 158, ../scss/screen.scss */
.icon-restaurant:before {
  content: "\e600";
}

/* line 162, ../scss/screen.scss */
.icon-hotel:before {
  content: "\e601";
}

/* line 166, ../scss/screen.scss */
.icon-menu:before {
  content: "\e616";
}

/* line 170, ../scss/screen.scss */
.icon-sommer:before {
  content: "\e602";
}

/* line 174, ../scss/screen.scss */
.icon-winter:before {
  content: "\e603";
}

/* line 178, ../scss/screen.scss */
.icon-herbst:before {
  content: "\e604";
}

/* line 182, ../scss/screen.scss */
.icon-fruehling:before {
  content: "\e605";
}

/* line 186, ../scss/screen.scss */
.icon-star:before {
  content: "\e606";
}

/* line 190, ../scss/screen.scss */
.icon-add-basket:before {
  content: "\e607";
}

/* line 194, ../scss/screen.scss */
.icon-basket:before {
  content: "\e608";
}

/* line 198, ../scss/screen.scss */
.icon-search:before {
  content: "\e609";
}

/* line 202, ../scss/screen.scss */
.icon-arrow-right:before {
  content: "\e60a";
}

/* line 206, ../scss/screen.scss */
.icon-arrow-left:before {
  content: "\e60b";
}

/* line 210, ../scss/screen.scss */
.icon-arrow-up:before {
  content: "\e60c";
}

/* line 214, ../scss/screen.scss */
.icon-download:before {
  content: "\e60d";
}

/* line 218, ../scss/screen.scss */
.icon-share:before {
  content: "\e60e";
}

/* line 222, ../scss/screen.scss */
.icon-print:before {
  content: "\e60f";
}

/* line 226, ../scss/screen.scss */
.icon-arrow-down-o:before {
  content: "\e610";
}

/* line 230, ../scss/screen.scss */
.icon-arrow-right-o:before {
  content: "\e611";
}

/* line 234, ../scss/screen.scss */
.icon-download2:before {
  content: "\e617";
}

/* line 238, ../scss/screen.scss */
.icon-load:before {
  content: "\e618";
}

/* line 242, ../scss/screen.scss */
.icon-map-small:before {
  content: "\e619";
}

/* line 246, ../scss/screen.scss */
.icon-places:before {
  content: "\e61a";
}

/* line 250, ../scss/screen.scss */
.icon-sort:before {
  content: "\e61b";
}

/* line 254, ../scss/screen.scss */
.icon-cross:before {
  content: "\e61c";
}

/* line 258, ../scss/screen.scss */
.icon-filter:before {
  content: "\e61d";
}

/* line 262, ../scss/screen.scss */
.icon-ajax {
  height: 16px;
  width: 16px;
  background: url("./../images/ajax-loader.gif") no-repeat;
}

/* line 272, ../scss/screen.scss */
.icon-check-o:before {
  content: "\e61e";
}

/* line 280, ../scss/screen.scss */
.icon-minus-o:before {
  content: "\e61f";
}

/* line 288, ../scss/screen.scss */
.icon-plus-o:before {
  content: "\e620";
}

/* line 292, ../scss/screen.scss */
.icon-detail:before {
  content: "\e621";
}

/* line 299, ../scss/screen.scss */
a {
  transition: all 0.2s ease-in-out 0s;
  color: #289CD6;
  text-decoration: none;
}
/* line 303, ../scss/screen.scss */
a:hover {
  text-decoration: underline;
}
/* line 306, ../scss/screen.scss */
a:visited {
  color: #289CD6;
}

/* line 314, ../scss/screen.scss */
a.button-new {
  display: inline-block;
  position: relative;
  padding: 6px 8px 4px 9px;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #4A4A4A;
  background-color: #f7f7f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  transition: border, background-color 500ms ease-out;
  cursor: pointer;
  /*&:hover {
    //border-color: $blue-dark;
    //border-style: solid;
    //@include rem-fallback(border-width, pxtoem(1));
    @include border-radius(pxtoem(27));
    text-decoration: none;
    i, span.small {
      @include opacity(1);
    }
  }
  &.active {
    background-color: $blue;
    &:hover {
      border-color: $blue;
    }
  }
  &.left {
    float: left;
    @include rem-fallback(margin-left, pxtoem(2));
    &:hover {
      margin: 0 ! important;
    }
  }
  &.center {
    //@include rem-fallback(width, 3 * $colwidth - $gutterwidth - pxtoem(4));
    @include rem-fallback(width, 28);
    @include center-block();
    &:hover {
      //margin-top: 0 ! important;
      @include center-block();
      &.feedback {
        @include rem-fallback(width, 27.6);
      }
      //@include rem-fallback(width, 3 * $colwidth - $gutterwidth);
      @include rem-fallback(width, 28);
    }
  }
  &.right {
    float: right;
    @include rem-fallback(width, (3 * $colwidth) - pxtoem(5));
    @include rem-fallback(margin-right, pxtoem(1));
    &:hover {
      margin-top: 0 ! important;
      margin-bottom: 0.0625em !important;
      @include rem-fallback(width, (3 * $colwidth) - pxtoem(2));
    }
  }*/
}
/* line 331, ../scss/screen.scss */
a.button-new:hover, a.button-new:active, a.button-new.active {
  color: #00477E;
  background-color: #FFFFFF;
  text-decoration: none;
}
/* line 339, ../scss/screen.scss */
a.button-new span {
  display: inline-block;
  vertical-align: middle;
}
/* line 344, ../scss/screen.scss */
a.button-new .button-label {
  margin-right: 2px;
}
/* line 348, ../scss/screen.scss */
a.button-new .button-icon {
  height: 8px;
  width: 14px;
  margin-left: 16px;
  background: url(/images/button-icon-closed.svg);
}
/* line 356, ../scss/screen.scss */
a.button-new.button-map .button-icon {
  height: 16px;
  width: 12px;
  margin-left: 16px;
  background: url(/images/button-map-icon.svg);
}
/* line 365, ../scss/screen.scss */
a.button-new.button-external-link .button-icon {
  height: 12px;
  width: 12px;
  margin-left: 16px;
  background: url(/images/icon_external-link.svg);
  background-size: 100%;
  margin-top: -1px;
}
/* line 375, ../scss/screen.scss */
a.button-new.active {
  background-color: #FFFFFF;
}
/* line 377, ../scss/screen.scss */
a.button-new.active .button-icon {
  background: url(/images/button-icon-opened.svg);
}
/* line 382, ../scss/screen.scss */
a.button-new i, a.button-new span.small {
  margin-top: 3.75px;
  margin-top: 0.375rem;
  margin-right: 0.625px;
  margin-right: 0.0625rem;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 388, ../scss/screen.scss */
a.button-new span.small {
  font-family: 'MarkWebPro', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
}
/* line 393, ../scss/screen.scss */
a.button-new span.light {
  font-family: 'MarkWebPro-Light', sans-serif;
}
/* line 443, ../scss/screen.scss */
a.button-new.shop, a.button-new.feedback {
  width: 187.78px;
  width: 18.778rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* line 447, ../scss/screen.scss */
a.button-new.shop:hover, a.button-new.feedback:hover {
  margin-top: 0 !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 190.28px;
  width: 19.028rem;
}
/* line 452, ../scss/screen.scss */
a.button-new.shop.inv, a.button-new.feedback.inv {
  font-family: 'MarkWebPro-Light', sans-serif;
  background-color: #E6E5DE;
  color: #646464;
}
/* line 456, ../scss/screen.scss */
a.button-new.shop.inv:hover, a.button-new.feedback.inv:hover {
  background-color: #145396;
  color: #FFFFFF;
}
/* line 462, ../scss/screen.scss */
a.button-new.feedback {
  width: 276px;
  width: 27.6rem;
}
@media (max-width: 47.9375em) {
  /* line 462, ../scss/screen.scss */
  a.button-new.feedback {
    width: auto;
  }
  /* line 466, ../scss/screen.scss */
  a.button-new.feedback:hover {
    width: auto;
  }
}
@media (max-width: 47.9375em) {
  /* line 471, ../scss/screen.scss */
  a.button-new.button-pdf {
    display: none;
  }
}
/* line 476, ../scss/screen.scss */
a.button-new.withinput {
  width: 174.375px;
  width: 17.4375rem;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #145396;
  color: white;
  float: none;
}
@media (max-width: 47.9375em) {
  /* line 476, ../scss/screen.scss */
  a.button-new.withinput {
    width: 65px;
    width: 6.5rem;
    padding-left: 0 !important;
  }
  /* line 486, ../scss/screen.scss */
  a.button-new.withinput .button-text {
    display: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 476, ../scss/screen.scss */
  a.button-new.withinput {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}

/* line 496, ../scss/screen.scss */
a.button {
  font-family: 'MarkWebPro-Bold', sans-serif;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  padding: 13px 25px 11px 25px;
  padding: 1.3rem 2.5rem 1.1rem 2.5rem;
  margin-top: 0.0625em !important;
  background-color: #145396;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
}
/* line 507, ../scss/screen.scss */
a.button i, a.button span.small {
  margin-top: 3.75px;
  margin-top: 0.375rem;
  margin-right: 0.625px;
  margin-right: 0.0625rem;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 513, ../scss/screen.scss */
a.button span.small {
  font-family: 'MarkWebPro', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
}
/* line 518, ../scss/screen.scss */
a.button span.light {
  font-family: 'MarkWebPro-Light', sans-serif;
}
/* line 521, ../scss/screen.scss */
a.button:hover {
  -webkit-border-radius: 1.6875em;
  -moz-border-radius: 1.6875em;
  border-radius: 1.6875em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-decoration: none;
}
/* line 527, ../scss/screen.scss */
a.button:hover i, a.button:hover span.small {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 531, ../scss/screen.scss */
a.button.active {
  background-color: #289CD6;
}
/* line 533, ../scss/screen.scss */
a.button.active:hover {
  border-color: #289CD6;
}
/* line 537, ../scss/screen.scss */
a.button.left {
  float: left;
  margin-left: 1.25px;
  margin-left: 0.125rem;
}
/* line 540, ../scss/screen.scss */
a.button.left:hover {
  margin: 0 !important;
}
/* line 544, ../scss/screen.scss */
a.button.center {
  width: 280px;
  width: 28rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 548, ../scss/screen.scss */
a.button.center:hover {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 280px;
  width: 28rem;
}
/* line 551, ../scss/screen.scss */
a.button.center:hover.feedback {
  width: 276px;
  width: 27.6rem;
}
/* line 558, ../scss/screen.scss */
a.button.right {
  float: right;
  width: 209.875px;
  width: 20.9875rem;
  margin-right: 0.625px;
  margin-right: 0.0625rem;
}
/* line 562, ../scss/screen.scss */
a.button.right:hover {
  margin-top: 0 !important;
  margin-bottom: 0.0625em !important;
  width: 211.75px;
  width: 21.175rem;
}
/* line 568, ../scss/screen.scss */
a.button.shop, a.button.feedback {
  width: 187.78px;
  width: 18.778rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* line 572, ../scss/screen.scss */
a.button.shop:hover, a.button.feedback:hover {
  margin-top: 0 !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 190.28px;
  width: 19.028rem;
}
/* line 577, ../scss/screen.scss */
a.button.shop.inv, a.button.feedback.inv {
  font-family: 'MarkWebPro-Light', sans-serif;
  background-color: #E6E5DE;
  color: #646464;
}
/* line 581, ../scss/screen.scss */
a.button.shop.inv:hover, a.button.feedback.inv:hover {
  background-color: #145396;
  color: #FFFFFF;
}
/* line 587, ../scss/screen.scss */
a.button.feedback {
  width: 276px;
  width: 27.6rem;
}
@media (max-width: 47.9375em) {
  /* line 587, ../scss/screen.scss */
  a.button.feedback {
    width: auto;
  }
  /* line 591, ../scss/screen.scss */
  a.button.feedback:hover {
    width: auto;
  }
}
@media (max-width: 47.9375em) {
  /* line 596, ../scss/screen.scss */
  a.button.button-pdf {
    display: none;
  }
}
/* line 601, ../scss/screen.scss */
a.button.withinput {
  width: 174.375px;
  width: 17.4375rem;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #145396;
  color: white;
  float: none;
}
@media (max-width: 47.9375em) {
  /* line 601, ../scss/screen.scss */
  a.button.withinput {
    width: 65px;
    width: 6.5rem;
    padding-left: 0 !important;
  }
  /* line 611, ../scss/screen.scss */
  a.button.withinput .button-text {
    display: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 601, ../scss/screen.scss */
  a.button.withinput {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}

/* line 621, ../scss/screen.scss */
a.smallbutton {
  transition: all 0.2s ease-in-out 0s;
  display: none;
  background-color: none;
  border-color: #289CD6;
  border-style: solid;
  border-width: 0.625px;
  border-width: 0.0625rem;
  -webkit-border-radius: 0.875em;
  -moz-border-radius: 0.875em;
  border-radius: 0.875em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 1px 7px 1px 12px;
  padding: 0.1rem 0.7rem 0.1rem 1.2rem;
  cursor: pointer;
}
/* line 631, ../scss/screen.scss */
a.smallbutton span, a.smallbutton i {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  line-height: 2rem;
  color: #289CD6;
}
/* line 636, ../scss/screen.scss */
a.smallbutton i {
  float: right;
}
/* line 641, ../scss/screen.scss */
a.smallbutton:hover {
  background-color: #289CD6;
  text-decoration: none;
}
/* line 644, ../scss/screen.scss */
a.smallbutton:hover span, a.smallbutton:hover i {
  color: #FFFFFF;
}

/* line 650, ../scss/screen.scss */
a.buttonoutline {
  font-family: 'MarkWebPro-Light', sans-serif;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  padding: 5px 19px 4px 18px;
  padding: 0.5rem 1.9rem 0.4rem 1.8rem;
  border-width: 1px;
  border-width: 0.1rem;
  border-style: solid;
  color: #289CD6;
  border-color: #289CD6;
  background-color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
}
/* line 663, ../scss/screen.scss */
a.buttonoutline:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: #289CD6;
  text-decoration: none;
}

/* line 671, ../scss/screen.scss */
a.buttoninv {
  font-family: "MarkWebPro-Bold", sans-serif !important;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  padding: 13px 25px 11px 25px;
  padding: 1.3rem 2.5rem 1.1rem 2.5rem;
  border-width: 0.625px;
  border-width: 0.0625rem;
  border-style: solid;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
}
/* line 682, ../scss/screen.scss */
a.buttoninv i {
  margin-top: 5px;
  margin-top: 0.5rem;
  margin-right: 0.625px;
  margin-right: 0.0625rem;
  margin-left: 60px;
  margin-left: 6rem;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media (max-width: 33.6875em) {
  /* line 682, ../scss/screen.scss */
  a.buttoninv i {
    margin-left: 30px;
    margin-left: 3rem;
  }
}
/* line 692, ../scss/screen.scss */
a.buttoninv:hover {
  color: #145396;
  border-color: #145396;
  background-color: #FFFFFF;
  text-decoration: none;
}
/* line 697, ../scss/screen.scss */
a.buttoninv:hover i {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 707, ../scss/screen.scss */
.inputfield {
  background-color: #FFFFFF;
  border-color: #bfbeb9;
  border-style: solid;
  border-width: 1px;
  opacity: 0.8;
  width: 180px;
  width: 18rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 50px;
  line-height: 5rem;
  text-indent: 13px;
  text-indent: 1.3rem;
}
/* line 717, ../scss/screen.scss */
.inputfield.newsletteremail {
  width: 163px;
  width: 16.3rem;
  line-height: 47px;
  line-height: 4.7rem;
}

/* line 723, ../scss/screen.scss */
input.searchTerm {
  opacity: 1;
  border-style: solid none solid solid;
  color: #9E9E94;
  line-height: 50px;
  line-height: 5rem;
  height: 50px;
  height: 5rem;
  width: 350px;
  width: 35rem;
}

/* line 732, ../scss/screen.scss */
button.submit {
  float: right;
  background-color: #145396;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 2rem;
  border-style: solid solid solid none;
  border-color: #bfbeb9;
  border-width: 1px;
  width: 50px;
  width: 5rem;
  height: 50px;
  height: 5rem;
  cursor: pointer;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
}

/* line 750, ../scss/screen.scss */
.sbHolder {
  float: left;
  border: 1px solid #bfbeb9;
  width: 234px;
  width: 23.4rem;
  height: 50px;
  height: 5rem;
  line-height: 50px;
  line-height: 5rem;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  position: relative;
}
/* line 760, ../scss/screen.scss */
.sbHolder a {
  color: #000000;
}
/* line 763, ../scss/screen.scss */
.sbHolder ul {
  padding: 0 !important;
}
/* line 767, ../scss/screen.scss */
.sbHolder:before {
  color: #00aeeb;
  content: "\e620";
  font-family: "ato";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 50px;
  line-height: 5rem;
  padding: 0px 10px 0px 0px;
  padding: 0rem 1rem 0rem 0rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-transform: none;
  color: #FFFFFF;
  z-index: 9999;
}

/* line 790, ../scss/screen.scss */
.sbSelector {
  display: block;
  width: 212px;
  width: 21.2rem;
  height: 50px;
  height: 5rem;
  left: 0;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 13px;
  text-indent: 1.3rem;
  top: 0;
}

/* line 802, ../scss/screen.scss */
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
  outline: none;
  text-decoration: none;
}

/* line 808, ../scss/screen.scss */
.sbToggle {
  background-color: #145396;
  display: block;
  height: 48px;
  height: 4.8rem;
  width: 54px;
  width: 5.4rem;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}

/*
.sbToggle:hover{
    background: url(../img/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
    background: url(../img/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
    background: url(../img/select-icons.png) 0 -66px no-repeat;
}
*/
/*
.sbHolderDisabled{
        background-color: #3C3C3C;
        border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
*/
/* line 842, ../scss/screen.scss */
.sbOptions {
  background-color: #FFFFFF;
  border: 1px solid #bfbeb9;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 233px;
  width: 23.3rem;
  height: 230px;
  height: 23rem;
  z-index: 1;
  overflow-y: auto;
}

/* line 858, ../scss/screen.scss */
.sbOptions li {
  padding: 0 3px;
}
/* line 860, ../scss/screen.scss */
.sbOptions li .sbDisabled {
  display: none;
}

/* line 865, ../scss/screen.scss */
.sbOptions a {
  border-bottom: dotted 1px #bfbeb9;
  color: #bfbeb9;
  display: block;
  outline: none;
  padding: 0;
  text-indent: 13px;
  text-indent: 1.3rem;
}

/*
.sbOptions .sbDisabled{
        border-bottom: dotted 1px #515151;
        color: #999;
        display: block;
        padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
    color: #ddd;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
        color: #EBB52D;
}
.sbOptions li.last a{
        border-bottom: none;
}
.sbOptions .sbGroup{
        border-bottom: dotted 1px #515151;
        color: #EBB52D;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
        padding-left: 17px;
}
*/
/* line 909, ../scss/screen.scss */
.headercontainer {
  width: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  height: 75%;
  min-height: 270px;
  min-height: 27rem;
  max-height: 698px;
  max-height: 69.8rem;
}
/* line 918, ../scss/screen.scss */
.headercontainer.noimage {
  background-image: none;
  height: 92px;
  height: 9.2rem;
}
@media (max-width: 63.9375em) {
  /* line 918, ../scss/screen.scss */
  .headercontainer.noimage {
    position: relative !important;
    min-height: initial;
  }
}

/* line 928, ../scss/screen.scss */
.mobileheadercontainer {
  display: none;
}

/* line 933, ../scss/screen.scss */
.headercontainer .background {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* line 938, ../scss/screen.scss */
.headercontainer .background .stretch {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
/* line 945, ../scss/screen.scss */
.headercontainer .background .stretch.aligntop {
  top: 0;
}
/* line 948, ../scss/screen.scss */
.headercontainer .background .stretch.aligncenter {
  top: -9999px;
  bottom: -9999px;
}
/* line 952, ../scss/screen.scss */
.headercontainer .background .stretch.alignbottom {
  bottom: 0;
}

@media (max-width: 63.9375em) {
  /* line 960, ../scss/screen.scss */
  .navicontainer {
    display: none;
  }

  /* line 964, ../scss/screen.scss */
  .headercontainer .background {
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 967, ../scss/screen.scss */
  .headercontainer .background img {
    display: none;
  }
}
/* line 976, ../scss/screen.scss */
.headergrid {
  max-width: 94.4rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  *zoom: 1;
}
/* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.headergrid:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 985, ../scss/screen.scss */
.navicontainer {
  width: 100%;
  background-color: rgba(33, 33, 33, 0.1);
  color: #FFFFFF;
  z-index: 2000;
  position: fixed;
  right: 0;
  top: 0;
  min-height: 65px;
  min-height: 6.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
}
/* line 989, ../scss/screen.scss */
.navicontainer.noimage {
  background-color: #333333;
}
/* line 999, ../scss/screen.scss */
.navicontainer .logo {
  width: 21.15385%;
  float: left;
  margin-right: 5.12821%;
  margin: 31px 0px 0px 24px;
  margin: 3.1rem 0rem 0rem 2.4rem;
  height: 55px;
  height: 5.5rem;
}
/* line 1003, ../scss/screen.scss */
.navicontainer .logo img {
  height: 54px;
  width: auto;
}
/* line 1008, ../scss/screen.scss */
.navicontainer .logosmall {
  width: 8.01282%;
  float: left;
  margin-right: 5.12821%;
  margin: 15px 0px 0px 24px;
  margin: 1.5rem 0rem 0rem 2.4rem;
  height: 35px;
  height: 3.5rem;
}
/* line 1012, ../scss/screen.scss */
.navicontainer .logosmall img {
  height: 37px;
  width: auto;
}
/* line 1017, ../scss/screen.scss */
.navicontainer .servicenav, .navicontainer .mainnav {
  width: 73.71795%;
  float: right;
  margin-right: 0;
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
/* line 1020, ../scss/screen.scss */
.navicontainer .servicenav a, .navicontainer .mainnav a {
  text-decoration: none;
  color: #FFFFFF;
}
/* line 1023, ../scss/screen.scss */
.navicontainer .servicenav a:hover, .navicontainer .mainnav a:hover {
  text-decoration: none;
}
/* line 1026, ../scss/screen.scss */
.navicontainer .servicenav a:visited, .navicontainer .mainnav a:visited {
  text-decoration: none;
}
/* line 1030, ../scss/screen.scss */
.navicontainer .servicenav ul, .navicontainer .mainnav ul {
  margin-right: 30px;
  margin-right: 3rem;
  display: table;
  float: right;
}
/* line 1034, ../scss/screen.scss */
.navicontainer .servicenav ul li, .navicontainer .mainnav ul li {
  display: inline-block;
}
/* line 1036, ../scss/screen.scss */
.navicontainer .servicenav ul li i.icon-basket, .navicontainer .mainnav ul li i.icon-basket {
  padding-right: 5px;
  padding-right: 0.5rem;
}
/* line 1042, ../scss/screen.scss */
.navicontainer .servicenav {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "MarkWebPro-Light";
}
/* line 1046, ../scss/screen.scss */
.navicontainer .servicenav li:after {
  border: 2px solid transparent;
  color: #289CD6;
  content: "|";
}
/* line 1051, ../scss/screen.scss */
.navicontainer .servicenav li:last-child:after {
  display: none;
}
/* line 1054, ../scss/screen.scss */
.navicontainer .servicenav li a {
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.5rem 0rem 0.5rem;
}
/* line 1058, ../scss/screen.scss */
.navicontainer .servicenav li:last-child a {
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.5rem;
}
/* line 1062, ../scss/screen.scss */
.navicontainer .servicenav li input.searchTerm {
  margin: 0px 0px 0px 6px;
  margin: 0rem 0rem 0rem 0.6rem;
  opacity: 1;
  border-style: solid none solid solid;
  color: #9E9E94;
  line-height: 26px;
  line-height: 2.6rem;
  height: 26px;
  height: 2.6rem;
  width: 120px;
  width: 12rem;
  text-indent: 8px;
  text-indent: 0.8rem;
}
/* line 1072, ../scss/screen.scss */
.navicontainer .servicenav li button.submit {
  font-size: 12px;
  font-size: 1.2rem;
  background: none;
  color: #FFFFFF;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
}
/* line 1078, ../scss/screen.scss */
.navicontainer .servicenav li button.submit.active {
  background-color: #FFFFFF;
  color: #9E9E94;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1086, ../scss/screen.scss */
.navicontainer .mainnav {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 48px;
  line-height: 4.8rem;
  margin: 5px 0px 5px 0px;
  margin: 0.5rem 0rem 0.5rem 0rem;
  font-family: "MarkWebPro-Bold";
}
/* line 1091, ../scss/screen.scss */
.navicontainer .mainnav li {
  display: inline-block;
  vertical-align: middle;
}
/* line 1094, ../scss/screen.scss */
.navicontainer .mainnav li a {
  margin: 0px 13px 0px 13px;
  margin: 0rem 1.3rem 0rem 1.3rem;
}
/* line 1096, ../scss/screen.scss */
.navicontainer .mainnav li a.active {
  border-bottom: 1px solid #289CD6;
}
/* line 1099, ../scss/screen.scss */
.navicontainer .mainnav li a.basket {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 19px;
  line-height: 1.9rem;
}
/* line 1100, ../scss/screen.scss */
.navicontainer .mainnav li a.basket i {
  font-size: 20px;
  font-size: 2rem;
}
/* line 1109, ../scss/screen.scss */
.navicontainer .mainnav li:last-child a {
  margin: 0px 0px 0px 13px;
  margin: 0rem 0rem 0rem 1.3rem;
}

/* line 1121, ../scss/screen.scss */
.slide-toggle, .mobilenav, #mobile-logo {
  display: none;
}

/* line 1125, ../scss/screen.scss */
.slide-toggle {
  position: absolute;
  top: 12px;
  top: 1.2rem;
  right: 10px;
  right: 1rem;
}

/* line 1132, ../scss/screen.scss */
#slide-checkbox {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* line 1138, ../scss/screen.scss */
#mobile-logo {
  position: absolute;
  top: 20px;
  top: 2rem;
  left: 25px;
  left: 2.5rem;
  height: 40px;
  height: 4rem;
  width: 113px;
  width: 11.3rem;
  z-index: 999;
}
/* line 1145, ../scss/screen.scss */
#mobile-logo img {
  width: 100%;
  height: 100%;
}

@media (max-width: 63.9375em) {
  /* line 1152, ../scss/screen.scss */
  #mobile-logo {
    display: block;
  }
}
/* This is the clickable label */
/* line 1158, ../scss/screen.scss */
.slide-toggle {
  float: right;
  cursor: pointer;
  z-index: 1;
  margin: 10px 10px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Kill the nasty outlines everywhere */
/* line 1175, ../scss/screen.scss */
.slide-toggle,
.slide-toggle:active,
.slide-toggle:focus {
  border: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* The :after pseudo element has an icon that covers the checkbox */
/* line 1184, ../scss/screen.scss */
.slide-toggle:after {
  content: "";
  color: #f9f9f9;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 3px;
  text-align: center;
  margin-left: -19px;
  background-image: url("/images/menu-icon.svg");
  background-repeat: no-repeat;
}

/* When it's checked replace the menu icon with a close icon */
/* line 1198, ../scss/screen.scss */
.slide-checkbox:checked ~ .slide-toggle:after {
  background-image: url("/images/menu-icon-close.svg");
}

@media (max-width: 63.9375em) {
  /* line 1204, ../scss/screen.scss */
  .maincontainer {
    position: relative !important;
  }

  /* line 1207, ../scss/screen.scss */
  .content_container {
    overflow: hidden;
    background-color: #333;
  }

  /* line 1211, ../scss/screen.scss */
  .slide-toggle, .mobilenav {
    display: block;
    z-index: 99999;
  }

  /* line 1216, ../scss/screen.scss */
  #slide-content {
    -moz-box-shadow: 6px 0px 9px -7px #ccc;
    -webkit-box-shadow: 6px 0px 9px -7px #ccc;
    box-shadow: 6px 0px 9px -7px #ccc;
  }

  /*
	 * The transition value determines the speed
	 * at which the content will slide over
	 */
  /* line 1224, ../scss/screen.scss */
  #slide-content, .slide-toggle {
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }

  /*
   * Enable hardware acceleration and stop flickering
   * More details: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
   * Add more browser prefixes as required for your environment
   */
  /* line 1236, ../scss/screen.scss */
  #slide-content,
  .mobilenav {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  }

  /*
   * When the checkbox is checked slide the content
   * over and the checkbox with it
   */
  /* line 1250, ../scss/screen.scss */
  .slide-checkbox:checked ~ #slide-content, .slide-checkbox:checked ~ .slide-toggle {
    -webkit-transform: translateX(-240px) scale(1);
    -moz-transform: translateX(-240px) scale(1);
    -ms-transform: translateX(-240px) scale(1);
    -o-transform: translateX(-240px) scale(1);
    transform: translateX(-240px) scale(1);
  }

  /* line 1259, ../scss/screen.scss */
  .mobilenav {
    height: 100%;
    border-radius: 0;
    background-color: #000000;
    overflow-y: auto;
    /*
     * The width determines how much of the page you want to
     * remain visible once the menu slides over
     */
    width: 240px;
    width: 24rem;
    /*
     * Must be absolutely positioned otherwise it won't sit
     * side by side with the content but instead above it
     * */
    position: absolute;
    right: 0;
    top: 0;
    /* Keeps the menu hidden off-canvas to the left */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  /* line 1285, ../scss/screen.scss */
  .mobilenav .searchTerm {
    height: 60px;
    height: 6rem;
    padding-left: 20px;
    padding-left: 2rem;
    width: 70%;
    float: left;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    padding: 0;
    font-family: 'MarkWebPro';
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 5%;
    padding-right: 2%;
  }
  /* line 1303, ../scss/screen.scss */
  .mobilenav .submit {
    height: 60px;
    height: 6rem;
    float: right;
    width: 22%;
    background-color: #FFFFFF;
    border: none;
    border-left: 1px solid #F2F1EA;
  }
  /* line 1310, ../scss/screen.scss */
  .mobilenav .submit i {
    color: #333333;
  }

  /* line 1317, ../scss/screen.scss */
  .mobilenav li {
    float: none;
    color: inherit;
    font-family: inherit;
  }

  /* line 1323, ../scss/screen.scss */
  .mobilenav li a {
    padding: 14px 26px;
    padding: 1.4rem 2.6rem;
    display: block;
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.6rem;
  }

  /* line 1331, ../scss/screen.scss */
  .mobilenav li:first-child a {
    border-top: none;
  }

  /* line 1335, ../scss/screen.scss */
  .mobilenav li:last-child a {
    border-bottom: none;
  }

  /* line 1339, ../scss/screen.scss */
  .mobilenav li a:hover {
    text-decoration: none;
  }

  /* line 1343, ../scss/screen.scss */
  .mobilenav-mainnav {
    background-color: #FFFFFF;
    color: #333333;
    font-family: "MarkWebPro-Bold";
  }
  /* line 1347, ../scss/screen.scss */
  .mobilenav-mainnav li {
    border-bottom: 1px solid #F2F1EA;
  }

  /* line 1351, ../scss/screen.scss */
  .mobilenav-servicenav {
    background-color: #333333;
    color: #E6E5DE;
    font-family: "MarkWebPro-Light";
  }
  /* line 1355, ../scss/screen.scss */
  .mobilenav-servicenav li {
    border-bottom: 1px solid #000000;
  }

  /* line 1360, ../scss/screen.scss */
  .mobilenav-addnav {
    color: #9E9E94;
    font-family: "MarkWebPro-Light";
  }
  /* line 1363, ../scss/screen.scss */
  .mobilenav-addnav li {
    border-bottom: none;
  }
  /* line 1365, ../scss/screen.scss */
  .mobilenav-addnav li a {
    line-height: 30px;
    line-height: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 1377, ../scss/screen.scss */
.pinnedNavi {
  position: fixed;
  bottom: 45px;
  bottom: 4.5rem;
  right: 38px;
  right: 3.8rem;
  z-index: 1000;
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 63.9375em) {
  /* line 1384, ../scss/screen.scss */
  .pinnedNavi ul {
    display: none;
  }
}
/* line 1389, ../scss/screen.scss */
.pinnedNavi li {
  overflow: hidden;
  *zoom: 1;
}
/* line 1392, ../scss/screen.scss */
.pinnedNavi .pinned-up, .pinnedNavi .pinned-print, .pinnedNavi .pinned-share, .pinnedNavi .pinned-back {
  height: 50px;
  height: 5rem;
  margin: 1px;
  margin: 0.1rem;
  background-color: none;
  color: #FFFFFF;
  display: inline-block;
  float: right;
}
/* line 1399, ../scss/screen.scss */
.pinnedNavi .pinned-up .txt, .pinnedNavi .pinned-print .txt, .pinnedNavi .pinned-share .txt, .pinnedNavi .pinned-back .txt {
  display: none;
  float: left;
  font-family: "MarkWebPro-Bold";
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 50px;
  line-height: 5rem;
  background-color: #1863B3;
  padding: 0px 30px 0px 20px;
  padding: 0rem 3rem 0rem 2rem;
}
/* line 1407, ../scss/screen.scss */
.pinnedNavi .pinned-up .txt.sharethis, .pinnedNavi .pinned-print .txt.sharethis, .pinnedNavi .pinned-share .txt.sharethis, .pinnedNavi .pinned-back .txt.sharethis {
  padding: 9px 21px 0px 18px;
  padding: 0.9rem 2.1rem 0rem 1.8rem;
  height: 41px;
  height: 4.1rem;
  line-height: 41px;
  line-height: 4.1rem;
}
/* line 1413, ../scss/screen.scss */
.pinnedNavi .pinned-up .item, .pinnedNavi .pinned-print .item, .pinnedNavi .pinned-share .item, .pinnedNavi .pinned-back .item {
  float: left;
  height: 50px;
  height: 5rem;
  width: 50px;
  width: 5rem;
  margin: 0;
  padding: 0;
  background-color: #E6E5DE;
  color: #646464;
  text-align: center;
}
/* line 1422, ../scss/screen.scss */
.pinnedNavi .pinned-up .item i, .pinnedNavi .pinned-print .item i, .pinnedNavi .pinned-share .item i, .pinnedNavi .pinned-back .item i {
  font-size: 20px;
  font-size: 2rem;
  line-height: 50px;
  line-height: 5rem;
}
/* line 1433, ../scss/screen.scss */
.pinnedNavi .pinned-up:hover .item, .pinnedNavi .pinned-print:hover .item, .pinnedNavi .pinned-share:hover .item, .pinnedNavi .pinned-back:hover .item {
  background-color: #1863B3;
  color: #FFFFFF;
  background-color: #145396;
}

/* line 1446, ../scss/screen.scss */
.panoramaoverlaycontainer {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  height: 75%;
  min-height: 270px;
  min-height: 27rem;
  max-height: 698px;
  max-height: 69.8rem;
  z-index: 9999;
  position: relative;
  color: #FFFFFF;
}
/* line 1455, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid {
  max-width: 94.4rem;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}
/* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 1459, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead {
  bottom: 45px;
  position: absolute;
  width: 60.57692%;
  float: left;
  margin-right: 5.12821%;
}
/* line 1463, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead.error {
  margin-top: 400px;
  margin-top: 40rem;
}
/* line 1466, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead h1 {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}
/* line 1469, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead a.scroll {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-family: "MarkWebPro-Light";
  color: #E6E5DE;
}
/* line 1474, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead a.scroll:hover, .panoramaoverlaycontainer .panoramaoverlaygrid .lead a.scroll:visited {
  color: #FFFFFF;
  text-decoration: none;
}
/* line 1478, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead a.scroll i {
  padding-left: 0.625px;
  padding-left: 0.0625rem;
}
/* line 1481, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead a.scroll span {
  padding-left: 5px;
  padding-left: 0.5rem;
}
/* line 1485, ../scss/screen.scss */
.panoramaoverlaycontainer .panoramaoverlaygrid .lead p {
  padding-bottom: 40px;
  padding-bottom: 4rem;
}
@media (max-width: 63.9375em) {
  /* line 1485, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid .lead p {
    display: none;
  }
}
@media (max-width: 63.9375em) {
  /* line 1492, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid .lead a.buttoninv {
    display: none;
  }
}
/* line 1499, ../scss/screen.scss */
.panoramaoverlaycontainer .tinter {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 250px;
  height: 25rem;
}
@media (max-width: 63.9375em) {
  /* line 1506, ../scss/screen.scss */
  .panoramaoverlaycontainer .tinter {
    display: none;
  }
}
/* line 1511, ../scss/screen.scss */
.panoramaoverlaycontainer .legend {
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "MarkWebPro-Light";
  position: absolute;
  bottom: 15px;
  bottom: 1.5rem;
  right: 20px;
  right: 2rem;
}

@media (max-width: 63.9375em) {
  /* line 1521, ../scss/screen.scss */
  .panoramaoverlaycontainer {
    height: 300px;
    height: 30rem;
  }
  /* line 1523, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid {
    width: 90%;
  }
  /* line 1525, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid .lead {
    width: 100%;
  }

  /* line 1530, ../scss/screen.scss */
  .headercontainer {
    height: 300px;
    height: 30rem;
    background-size: cover;
  }
  /* line 1532, ../scss/screen.scss */
  .headercontainer.alignbottom {
    background-position: bottom;
  }
  /* line 1535, ../scss/screen.scss */
  .headercontainer.aligntop {
    background-position: top;
  }
  /* line 1538, ../scss/screen.scss */
  .headercontainer.aligncenter {
    background-position: center;
  }
}
@media (max-width: 47.9375em) {
  /* line 1546, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid .lead h1 {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 1553, ../scss/screen.scss */
  .panoramaoverlaycontainer {
    height: 250px;
    height: 25rem;
  }

  /* line 1557, ../scss/screen.scss */
  .headercontainer {
    height: 250px;
    height: 25rem;
  }

  /* line 1561, ../scss/screen.scss */
  .panoramaoverlaycontainer .panoramaoverlaygrid .lead h1 {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
/* line 1567, ../scss/screen.scss */
.maincontainer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
/* line 1573, ../scss/screen.scss */
.maincontainer.noimage {
  margin-top: 92px;
  margin-top: 9.2rem;
}
@media (max-width: 63.9375em) {
  /* line 1573, ../scss/screen.scss */
  .maincontainer.noimage {
    margin-top: 0;
  }
}

/* line 1581, ../scss/screen.scss */
.contentcontainer {
  background-color: #FFFFFF;
  width: 100%;
}
/* line 1584, ../scss/screen.scss */
.contentcontainer .maingrid {
  max-width: 94.4rem;
  margin-left: auto;
  margin-right: auto;
  padding: 85px 0px 0px 0px;
  padding: 8.5rem 0rem 0rem 0rem;
}
/* line 21, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/language/susy/_box-sizing.scss */
.contentcontainer .maingrid *, .contentcontainer .maingrid *:before, .contentcontainer .maingrid *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.contentcontainer .maingrid:after {
  content: " ";
  display: block;
  clear: both;
}
@media (max-width: 63.9375em) {
  /* line 1584, ../scss/screen.scss */
  .contentcontainer .maingrid {
    max-width: 69.9rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-top: 5rem;
  }
  /* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .contentcontainer .maingrid:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (max-width: 47.9375em) {
  /* line 1584, ../scss/screen.scss */
  .contentcontainer .maingrid {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .contentcontainer .maingrid:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (max-width: 33.6875em) {
  /* line 1584, ../scss/screen.scss */
  .contentcontainer .maingrid {
    max-width: none;
    padding-top: 0;
  }
}
/* line 1605, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 100px;
  padding-bottom: 10rem;
}
/* line 1608, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent h1 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 50px;
  font-size: 5rem;
  line-height: 60px;
  line-height: 6rem;
  color: #145396;
  margin: 45px 0px 75px 0px;
  margin: 4.5rem 0rem 7.5rem 0rem;
}
/* line 1615, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent h2 {
  font-family: 'MarkWebPro-Light', sans-serif;
  color: #289CD6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  padding: 0px 0px 10px 0px;
  padding: 0rem 0rem 1rem 0rem;
}
/* line 1622, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent p {
  color: #646464;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding: 0px 0px 25px 0px;
  padding: 0rem 0rem 2.5rem 0rem;
}
/* line 1628, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent p.lead {
  color: #289CD6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  padding: 30px 0px 45px 0px;
  padding: 3rem 0rem 4.5rem 0rem;
}
/* line 1634, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent p strong {
  color: #289CD6;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
}
/* line 1640, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent ol {
  list-style: decimal inside;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}
/* line 1644, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent ul {
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}
/* line 1648, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent li {
  background: url("../images/bullet.png") no-repeat scroll 5px 11px transparent;
  list-style-type: none;
  padding-left: 0;
  padding-right: 16px;
}
/* line 1654, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent .filterpanel li {
  background: none;
}
/* line 1658, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile {
  padding-bottom: 50px;
  padding-bottom: 5rem;
}
/* line 1660, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile h2 {
  line-height: 29px;
  line-height: 2.9rem;
  padding: 15px 0px 15px 0px;
  padding: 1.5rem 0rem 1.5rem 0rem;
}
/* line 1663, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile h2 a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #289CD6;
  text-decoration: none;
}
/* line 1667, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile h2 a:hover {
  text-decoration: underline;
}
/* line 1670, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile h2 a:visited {
  color: #289CD6;
}
/* line 1675, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile p {
  line-height: 23px;
  line-height: 2.3rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
}
/* line 1679, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile a {
  color: #646464;
  text-decoration: none;
}
/* line 1682, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile a:hover {
  text-decoration: underline;
}
/* line 1685, ../scss/screen.scss */
.contentcontainer .maingrid .simplecontent.sitemap .tritile a:visited {
  color: #646464;
}
@media (max-width: 47.9375em) {
  /* line 1605, ../scss/screen.scss */
  .contentcontainer .maingrid .simplecontent {
    padding-bottom: 0px;
    padding-bottom: 0rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 1605, ../scss/screen.scss */
  .contentcontainer .maingrid .simplecontent {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 40px;
    padding-top: 4rem;
  }
  /* line 1698, ../scss/screen.scss */
  .contentcontainer .maingrid .simplecontent h1 {
    word-wrap: break-word;
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
}

/* line 1716, ../scss/screen.scss */
.maingrid .tilescontainer, .maingrid .eventscontainer, .maingrid .tocontainer {
  position: relative;
}
/* line 1719, ../scss/screen.scss */
.maingrid .tilescontainer .overlay, .maingrid .eventscontainer .overlay, .maingrid .tocontainer .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 9999;
  display: none;
}
/* line 1730, ../scss/screen.scss */
.maingrid .tocontainer {
  margin-top: 30px;
  margin-top: 3rem;
}
/* line 1733, ../scss/screen.scss */
.maingrid .toolbox {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  height: auto;
    /*.tb_filter {
      @include span(3 of 12);
    }
    .tb_sort {
      @include span(3 of 12);
    }
    .tb_search {
      @include span(9 of 12);
    }

    @include breakpoint($scr-medium-bp) {
      .tb_filter {
        @include span(4 of 12);
      }
      .tb_sort {
        @include span(4 of 12);
      }
      .tb_search {
        @include span(8 of 12);
      }
    }
    @include breakpoint($scr-small-bp) {
      .tb_filter {
        @include span(6 of 12);
      }
      .tb_sort {
        @include span(6 of 12 last);
      }
      .tb_filter .button, .tb_sort .button {
        width: 100%;
      }
      .tb_search {
        @include span(6 of 12);
      }
    }
    @include breakpoint($scr-tiny-bp) {
      //@include rem-fallback(height, 10);
      margin-bottom: 0;
      .tb_filter {
        @include span(12 of 12);
      }
      .tb_sort {
        @include span(12 of 12);
      }
      .tb_filter, .tb_sort {
        .button {
          @include border-radius(0);
          margin: 0 !important;
        }
      }
      .tb_search {
        @include span(12 of 12 last);
      }
    }*/
}
/* line 1737, ../scss/screen.scss */
.maingrid .toolbox.toolbox-shop, .maingrid .toolbox.toolbox-agenda {
  margin-top: -50px;
  margin-top: -5rem;
}
/* line 1742, ../scss/screen.scss */
.maingrid .toolbox .tb_filter, .maingrid .toolbox .tb_sort, .maingrid .toolbox .tb_filter_reset, .maingrid .toolbox .tb_erlebnis_map {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* line 1749, ../scss/screen.scss */
.maingrid .toolbox .tb_filter_reset.hidden {
  display: none;
}
/* line 1752, ../scss/screen.scss */
.maingrid .toolbox .tb_filter_reset .button-new {
  background-color: #289CD6;
  border-color: #289CD6;
  color: #FFFFFF;
  font-family: MarkWebPro-Bold, sans-serif;
}
@media (max-width: 63.9375em) {
  /* line 1761, ../scss/screen.scss */
  .maingrid .toolbox.toolbox-shop, .maingrid .toolbox.toolbox-agenda {
    margin-top: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 1733, ../scss/screen.scss */
  .maingrid .toolbox {
    margin-top: 12px;
    margin-top: 1.2rem;
  }
  /* line 1767, ../scss/screen.scss */
  .maingrid .toolbox .tb_erlebnis_map {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  /* line 1830, ../scss/screen.scss */
  .maingrid .eventscontainer {
    margin-top: 30px;
    margin-top: 3rem;
  }
}
/* line 1835, ../scss/screen.scss */
.maingrid .filterpanel, .maingrid .sortpanel {
  display: none;
  position: relative;
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #e3e3e3;
  color: #4A4A4A;
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 34px;
  line-height: 3.4rem;
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 47.9375em) {
  /* line 1835, ../scss/screen.scss */
  .maingrid .filterpanel, .maingrid .sortpanel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}
/* line 1855, ../scss/screen.scss */
.maingrid .filterpanel .panel-inner, .maingrid .sortpanel .panel-inner {
  overflow: hidden;
  *zoom: 1;
  padding: 15px 30px 10px 30px;
  padding: 1.5rem 3rem 1rem 3rem;
}
@media (max-width: 33.6875em) {
  /* line 1855, ../scss/screen.scss */
  .maingrid .filterpanel .panel-inner, .maingrid .sortpanel .panel-inner {
    padding: 25px;
    padding: 2.5rem;
  }
}
/* line 1863, ../scss/screen.scss */
.maingrid .filterpanel .block, .maingrid .sortpanel .block {
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
  width: 100%;
  float: right;
  margin-right: 0;
}
/* line 1867, ../scss/screen.scss */
.maingrid .filterpanel .block.block-rows, .maingrid .sortpanel .block.block-rows {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
/* line 1872, ../scss/screen.scss */
.maingrid .filterpanel .block-top, .maingrid .sortpanel .block-top {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
/* line 1877, ../scss/screen.scss */
.maingrid .filterpanel .inputfields .field, .maingrid .sortpanel .inputfields .field {
  width: 31.09244%;
  float: left;
  margin-right: 3.36134%;
}
/* line 1880, ../scss/screen.scss */
.maingrid .filterpanel .inputfields .field:last-child, .maingrid .sortpanel .inputfields .field:last-child {
  width: 31.09244%;
  float: right;
  margin-right: 0;
}
/* line 1883, ../scss/screen.scss */
.maingrid .filterpanel .inputfields input, .maingrid .sortpanel .inputfields input {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 1887, ../scss/screen.scss */
.maingrid .filterpanel .inputfields .ui-datepicker-trigger, .maingrid .sortpanel .inputfields .ui-datepicker-trigger {
  border: 1px solid #bfbeb9;
  border-left-width: 0;
}
/* line 1891, ../scss/screen.scss */
.maingrid .filterpanel .inputfields input.hasDatepicker, .maingrid .sortpanel .inputfields input.hasDatepicker {
  line-height: 48px;
  line-height: 4.8rem;
}
/* line 1894, ../scss/screen.scss */
.maingrid .filterpanel .inputfields img.ui-datepicker-trigger, .maingrid .sortpanel .inputfields img.ui-datepicker-trigger {
  height: 50px;
  height: 5rem;
  width: 50px;
  width: 5rem;
}
@media (max-width: 63.9375em) {
  /* line 1899, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field, .maingrid .sortpanel .inputfields .field {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 1902, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field-group-2, .maingrid .sortpanel .inputfields .field-group-2 {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
  /* line 1904, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field-group-2 .field, .maingrid .sortpanel .inputfields .field-group-2 .field {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  /* line 1907, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field-group-2 .field:last-child, .maingrid .sortpanel .inputfields .field-group-2 .field:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 1915, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field, .maingrid .filterpanel .inputfields .field-group-2, .maingrid .sortpanel .inputfields .field, .maingrid .sortpanel .inputfields .field-group-2 {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  /* line 1918, ../scss/screen.scss */
  .maingrid .filterpanel .inputfields .field:last-child, .maingrid .filterpanel .inputfields .field-group-2:last-child, .maingrid .sortpanel .inputfields .field:last-child, .maingrid .sortpanel .inputfields .field-group-2:last-child {
    margin-bottom: 0;
  }
}
/* line 1923, ../scss/screen.scss */
.maingrid .filterpanel .inputfields .ui-datepicker td span, .maingrid .filterpanel .inputfields .ui-datepicker td a, .maingrid .sortpanel .inputfields .ui-datepicker td span, .maingrid .sortpanel .inputfields .ui-datepicker td a {
  line-height: 20px;
  line-height: 2rem;
  text-align: center;
}
/* line 1929, ../scss/screen.scss */
.maingrid .filterpanel .block .filter-categories, .maingrid .sortpanel .block .filter-categories {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
  -moz-column-gap: 28px;
  -moz-column-gap: 2.8rem;
  -webkit-column-gap: 28px;
  -webkit-column-gap: 2.8rem;
  -o-column-gap: 28px;
  -o-column-gap: 2.8rem;
  column-gap: 28px;
  column-gap: 2.8rem;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
}
/* line 1935, ../scss/screen.scss */
.maingrid .filterpanel .block .filter-categories a, .maingrid .sortpanel .block .filter-categories a {
  display: block;
  margin-bottom: 0;
  line-height: 100%;
}
@media (max-width: 63.9375em) {
  /* line 1929, ../scss/screen.scss */
  .maingrid .filterpanel .block .filter-categories, .maingrid .sortpanel .block .filter-categories {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 18px;
    -moz-column-gap: 1.8rem;
    -webkit-column-gap: 18px;
    -webkit-column-gap: 1.8rem;
    -o-column-gap: 18px;
    -o-column-gap: 1.8rem;
    column-gap: 18px;
    column-gap: 1.8rem;
  }
}
@media (max-width: 47.9375em) {
  /* line 1929, ../scss/screen.scss */
  .maingrid .filterpanel .block .filter-categories, .maingrid .sortpanel .block .filter-categories {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 5px;
    -moz-column-gap: 0.5rem;
    -webkit-column-gap: 5px;
    -webkit-column-gap: 0.5rem;
    -o-column-gap: 5px;
    -o-column-gap: 0.5rem;
    column-gap: 5px;
    column-gap: 0.5rem;
  }
}
@media (max-width: 26.25em) {
  /* line 1929, ../scss/screen.scss */
  .maingrid .filterpanel .block .filter-categories, .maingrid .sortpanel .block .filter-categories {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0px;
    -moz-column-gap: 0rem;
    -webkit-column-gap: 0px;
    -webkit-column-gap: 0rem;
    -o-column-gap: 0px;
    -o-column-gap: 0rem;
    column-gap: 0px;
    column-gap: 0rem;
  }
}
/* line 1954, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a, .maingrid .filterpanel .block a.sort-a, .maingrid .sortpanel .block a.filter-a, .maingrid .sortpanel .block a.sort-a {
  display: inline-block;
  text-decoration: none;
  color: #646464;
  font-size: 14px;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
}
/* line 1961, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a span.topevent, .maingrid .filterpanel .block a.sort-a span.topevent, .maingrid .sortpanel .block a.filter-a span.topevent, .maingrid .sortpanel .block a.sort-a span.topevent {
  font-family: 'MarkWebPro-Light', sans-serif;
}
/* line 1964, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a span.caption, .maingrid .filterpanel .block a.sort-a span.caption, .maingrid .sortpanel .block a.filter-a span.caption, .maingrid .sortpanel .block a.sort-a span.caption {
  white-space: nowrap;
}
/* line 1966, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a span.caption .filtericon, .maingrid .filterpanel .block a.sort-a span.caption .filtericon, .maingrid .sortpanel .block a.filter-a span.caption .filtericon, .maingrid .sortpanel .block a.sort-a span.caption .filtericon {
  margin-left: 10px;
}
/* line 1972, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a .filtericon, .maingrid .filterpanel .block a.sort-a .filtericon, .maingrid .sortpanel .block a.filter-a .filtericon, .maingrid .sortpanel .block a.sort-a .filtericon {
  display: inline-block;
  margin-left: 5px;
  margin-left: 0.5rem;
}
/* line 1977, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a .filtericon i:before, .maingrid .filterpanel .block a.sort-a .filtericon i:before, .maingrid .sortpanel .block a.filter-a .filtericon i:before, .maingrid .sortpanel .block a.sort-a .filtericon i:before {
  content: "\e61e";
  color: #FFFFFF;
}
/* line 1982, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.checked i:before, .maingrid .filterpanel .block a.sort-a.checked i:before, .maingrid .sortpanel .block a.filter-a.checked i:before, .maingrid .sortpanel .block a.sort-a.checked i:before {
  color: #646464;
}
/* line 1986, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a:hover, .maingrid .filterpanel .block a.sort-a:hover, .maingrid .sortpanel .block a.filter-a:hover, .maingrid .sortpanel .block a.sort-a:hover {
  text-decoration: none;
  color: #00477E;
  /*span.caption {
    text-decoration: underline;
  }*/
}
/* line 1993, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a:hover .filtericon i:before, .maingrid .filterpanel .block a.sort-a:hover .filtericon i:before, .maingrid .sortpanel .block a.filter-a:hover .filtericon i:before, .maingrid .sortpanel .block a.sort-a:hover .filtericon i:before {
  content: "\e620";
  color: #00477E;
}
/* line 1998, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.checked:hover i:before, .maingrid .filterpanel .block a.sort-a.checked:hover i:before, .maingrid .sortpanel .block a.filter-a.checked:hover i:before, .maingrid .sortpanel .block a.sort-a.checked:hover i:before {
  content: "\e61f";
}
/* line 2002, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.disabled, .maingrid .filterpanel .block a.sort-a.disabled, .maingrid .sortpanel .block a.filter-a.disabled, .maingrid .sortpanel .block a.sort-a.disabled {
  cursor: default;
  color: #c5c5c5;
}
/* line 2005, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.disabled:hover, .maingrid .filterpanel .block a.sort-a.disabled:hover, .maingrid .sortpanel .block a.filter-a.disabled:hover, .maingrid .sortpanel .block a.sort-a.disabled:hover {
  color: #c5c5c5;
}
/* line 2006, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.disabled:hover span.caption, .maingrid .filterpanel .block a.sort-a.disabled:hover span.caption, .maingrid .sortpanel .block a.filter-a.disabled:hover span.caption, .maingrid .sortpanel .block a.sort-a.disabled:hover span.caption {
  text-decoration: none;
}
/* line 2011, ../scss/screen.scss */
.maingrid .filterpanel .block a.filter-a.disabled .filtericon i:before, .maingrid .filterpanel .block a.sort-a.disabled .filtericon i:before, .maingrid .sortpanel .block a.filter-a.disabled .filtericon i:before, .maingrid .sortpanel .block a.sort-a.disabled .filtericon i:before {
  color: #FFFFFF;
}
/* line 2017, ../scss/screen.scss */
.maingrid .filterpanel .block .panelbutton, .maingrid .sortpanel .block .panelbutton {
  display: inline-block;
}
/* line 2019, ../scss/screen.scss */
.maingrid .filterpanel .block .panelbutton a, .maingrid .sortpanel .block .panelbutton a {
  color: #00477E;
  font-size: 14px;
  line-height: 20px;
  line-height: 2rem;
}
/* line 2023, ../scss/screen.scss */
.maingrid .filterpanel .block .panelbutton a:hover, .maingrid .sortpanel .block .panelbutton a:hover {
  texft-decoration: none;
}
/* line 2031, ../scss/screen.scss */
.maingrid .filterpanel div.panelbutton, .maingrid .sortpanel div.panelbutton {
  color: #00477E;
  padding: 0px 36px 20px 13px;
  padding: 0rem 3.6rem 2rem 1.3rem;
}
/* line 2040, ../scss/screen.scss */
.maingrid .filterpanel div.panelbutton a.smallbutton, .maingrid .sortpanel div.panelbutton a.smallbutton {
  margin-bottom: 0;
  margin-left: 22px;
  margin-left: 2.2rem;
  padding: 5px 20px;
  padding: 0.5rem 2rem;
}
@media (max-width: 47.9375em) {
  /* line 2031, ../scss/screen.scss */
  .maingrid .filterpanel div.panelbutton, .maingrid .sortpanel div.panelbutton {
    position: relative;
    float: left;
    width: auto;
    padding-left: 0;
  }
  /* line 2051, ../scss/screen.scss */
  .maingrid .filterpanel div.panelbutton a.smallbutton, .maingrid .sortpanel div.panelbutton a.smallbutton {
    margin-left: 15px;
    margin-left: 1.5rem;
  }
}
@media (max-width: 63.9375em) {
  /* line 2031, ../scss/screen.scss */
  .maingrid .filterpanel div.panelbutton, .maingrid .sortpanel div.panelbutton {
    margin-right: 30px;
    margin-right: 3rem;
  }
}
/* line 2060, ../scss/screen.scss */
.maingrid .filterpanel ul, .maingrid .sortpanel ul {
  list-style-type: none;
  padding: 36px 0px 36px 0px;
  padding: 3.6rem 0rem 3.6rem 0rem;
  /*&.inputfields {
    ul {
      @include column-count(auto);
    }
    li {
      p {
        @include rem-fallback(padding-bottom, 3);
        @include line-height(5);
        @include rem-fallback(height, 8);
        span {
          float: left;
          @include rem-fallback(width, 11);
        }
      }
    }
  }*/
}
/* line 2065, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a, .maingrid .filterpanel ul li a.sort-a, .maingrid .sortpanel ul li a.filter-a, .maingrid .sortpanel ul li a.sort-a {
  color: #646464;
}
/* line 2067, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a span.topevent, .maingrid .filterpanel ul li a.sort-a span.topevent, .maingrid .sortpanel ul li a.filter-a span.topevent, .maingrid .sortpanel ul li a.sort-a span.topevent {
  font-family: 'MarkWebPro-Bold', sans-serif;
}
/* line 2070, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a span.counter, .maingrid .filterpanel ul li a.sort-a span.counter, .maingrid .sortpanel ul li a.filter-a span.counter, .maingrid .sortpanel ul li a.sort-a span.counter {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 2073, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a .filtericon, .maingrid .filterpanel ul li a.sort-a .filtericon, .maingrid .sortpanel ul li a.filter-a .filtericon, .maingrid .sortpanel ul li a.sort-a .filtericon {
  display: inline-block;
  width: 23px;
  width: 2.3rem;
}
/* line 2077, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a:hover, .maingrid .filterpanel ul li a.sort-a:hover, .maingrid .sortpanel ul li a.filter-a:hover, .maingrid .sortpanel ul li a.sort-a:hover {
  color: #289CD6;
}
/* line 2080, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a.disabled, .maingrid .filterpanel ul li a.sort-a.disabled, .maingrid .sortpanel ul li a.filter-a.disabled, .maingrid .sortpanel ul li a.sort-a.disabled {
  text-decoration: none;
  cursor: default;
}
/* line 2083, ../scss/screen.scss */
.maingrid .filterpanel ul li a.filter-a.disabled:hover, .maingrid .filterpanel ul li a.sort-a.disabled:hover, .maingrid .sortpanel ul li a.filter-a.disabled:hover, .maingrid .sortpanel ul li a.sort-a.disabled:hover {
  color: #646464;
}
/* line 2107, ../scss/screen.scss */
.maingrid .filterpanel .smallbutton, .maingrid .sortpanel .smallbutton {
  display: inline-block;
}
/* line 2109, ../scss/screen.scss */
.maingrid .filterpanel .smallbutton.hidden, .maingrid .sortpanel .smallbutton.hidden {
  display: none;
}
/* line 2114, ../scss/screen.scss */
.maingrid .filterpanel .hasDatepicker, .maingrid .sortpanel .hasDatepicker {
  cursor: pointer;
}
/* line 2117, ../scss/screen.scss */
.maingrid .filterpanel .ui-datepicker-trigger, .maingrid .sortpanel .ui-datepicker-trigger {
  vertical-align: middle;
  display: inline-block;
  line-height: 50px;
  line-height: 5rem;
  cursor: pointer;
  position: relative;
  top: -1px;
}
@media (max-width: 33.6875em) {
  /* line 1835, ../scss/screen.scss */
  .maingrid .filterpanel, .maingrid .sortpanel {
    margin-bottom: 0;
  }
}
/* line 2130, ../scss/screen.scss */
.maingrid .sortpanel {
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 63.9375em) {
  /* line 2130, ../scss/screen.scss */
  .maingrid .sortpanel {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
}
@media (max-width: 47.9375em) {
  /* line 2130, ../scss/screen.scss */
  .maingrid .sortpanel {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 2148, ../scss/screen.scss */
.maingrid {
  /*.news {
    .entry, .hometile {
      margin-right: 3.08%;
      width: 21.91%;
      &.last {
        float: left;
        width: 21.91%;
        margin-right: 0;
      }
    }
  }*/
  /************************
  *  SEMINARTOOL END-USER
  ************************/
}
/* line 2149, ../scss/screen.scss */
.maingrid .clearfix {
  overflow: hidden;
  *zoom: 1;
}
/* line 2152, ../scss/screen.scss */
.maingrid .header {
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  overflow: hidden;
  *zoom: 1;
}
/* line 2156, ../scss/screen.scss */
.maingrid .header .left {
  float: left;
}
/* line 2159, ../scss/screen.scss */
.maingrid .header .left h2 {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #289CD6;
}
/* line 2164, ../scss/screen.scss */
.maingrid .header .left h2 span {
  visibility: hidden;
  color: #C9C9C9;
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 1rem;
}
/* line 2172, ../scss/screen.scss */
.maingrid .header .right {
  position: absolute;
  right: 0;
  line-height: 25px;
  line-height: 2.5rem;
}
/* line 2176, ../scss/screen.scss */
.maingrid .header .right .right {
  position: relative;
  top: 0.5rem;
  line-height: 13px;
  line-height: 1.3rem;
}
/* line 2183, ../scss/screen.scss */
.maingrid .specials-competition-container {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
  margin-bottom: 3rem;
    /*.competition, .seminarraume-home {
      @include span(4 of 12 last);
      @include breakpoint($scr-small-bp) {
        @include span(6 of 12 last);
      }
      float: left;
      @include rem-fallback(margin-bottom, 0);
      @include clearfix;
      .hometile {
        width: 100%;
      }

      @include breakpoint($scr-tiny-bp) {
        @include rem-fallback(width, 26);
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
        .hometile {
          @include rem-fallback(height, 27);
        }
      }
    }*/
  /*.seminarraume-home {
    @include span(4 of 12);
    @include breakpoint($scr-small-bp) {
      @include span(6 of 12);
    }
    @include breakpoint($scr-tiny-bp) {
      @include rem-fallback(width, 26);
      clear: both;
      float: none;
      margin-left: auto;
      margin-right: auto;
      .hometile {
        @include rem-fallback(height, 27);
      }
    }
  }*/
}
@media (max-width: 63.9375em) {
  /* line 2183, ../scss/screen.scss */
  .maingrid .specials-competition-container {
    margin-bottom: 0px;
    margin-bottom: 0rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 2183, ../scss/screen.scss */
  .maingrid .specials-competition-container {
    padding-left: 5%;
    padding-top: 40px;
    padding-top: 4rem;
  }
}
/* line 2196, ../scss/screen.scss */
.maingrid .specials-competition-container .specials-slider {
  position: relative;
  width: 34.4%;
  float: left;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
/* line 2202, ../scss/screen.scss */
.maingrid .specials-competition-container .specials-slider .hometile {
  margin-right: 4.63%;
  width: 45.37%;
}
/* line 2207, ../scss/screen.scss */
.maingrid .specials-competition-container .specials-slider .owl-item .hometile {
  width: 90%;
  margin-right: 10%;
}
@media (max-width: 47.9375em) {
  /* line 2196, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider {
    width: 104%;
  }
  /* line 2217, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .hometile {
    width: 100%;
    margin-right: 0;
  }
  /* line 2223, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .shutter {
    width: 0;
  }
  /* line 2227, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .owl-item .hometile {
    width: 93.5%;
    margin-right: 6.5%;
  }
}
@media (max-width: 33.6875em) {
  /* line 2196, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
    width: 27rem;
  }
  /* line 2238, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .hometile {
    height: 270px;
    height: 27rem;
  }
  /* line 2242, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .owl-item .hometile {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 2248, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .competition {
    width: 100%;
    margin-right: 0;
  }
}
/* line 2256, ../scss/screen.scss */
.maingrid .specials-competition-container .specials-slider .shutter {
  background-color: #FFFFFF;
  right: 0;
  height: 100%;
  position: absolute;
  z-index: 9999;
  width: 30px;
}
@media (max-width: 63.9375em) {
  /* line 2256, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .shutter {
    width: 24px;
  }
}
@media (max-width: 47.9375em) {
  /* line 2256, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .shutter {
    width: 18px;
  }
}
@media (max-width: 33.6875em) {
  /* line 2256, ../scss/screen.scss */
  .maingrid .specials-competition-container .specials-slider .shutter {
    width: 4px;
  }
}
/* line 2316, ../scss/screen.scss */
.maingrid .tiles-container {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
/* line 2319, ../scss/screen.scss */
.maingrid .tiles-container a, .maingrid .tiles-container a:hover {
  text-decoration: none;
}
/* line 2325, ../scss/screen.scss */
.maingrid .tiles-container.tiles-container-home-top {
  margin-bottom: 0;
}
/* line 2329, ../scss/screen.scss */
.maingrid .tiles-container .tile {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
/* line 2331, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-body {
  padding-bottom: 110.544%;
}
/* line 2334, ../scss/screen.scss */
.maingrid .tiles-container .tile.tile-1_3 {
  width: 31.09244%;
  float: left;
  margin-right: 3.36134%;
}
/* line 2336, ../scss/screen.scss */
.maingrid .tiles-container .tile.tile-1_3:nth-child(3n+3) {
  width: 31.09244%;
  float: right;
  margin-right: 0;
}
/* line 2342, ../scss/screen.scss */
.maingrid .tiles-container .tile.tile-1_3 .tile-body .tile-body-text {
  height: 85px;
  height: 8.5rem;
  padding: 18px 18px 22px 18px;
  padding: 1.8rem 1.8rem 2.2rem 1.8rem;
}
/* line 2346, ../scss/screen.scss */
.maingrid .tiles-container .tile.tile-1_3 .tile-body .tile-body-text h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
/* line 2353, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-header {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
/* line 2356, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-header h2 {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #289CD6;
}
/* line 2363, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-body {
  position: relative;
}
/* line 2365, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-body .tile-body-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #91c8ea;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 2372, ../scss/screen.scss */
.maingrid .tiles-container .tile .tile-body .tile-body-text h3 {
  color: #FFFFFF;
}
@media (max-width: 63.9375em) {
  /* line 2386, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3 .tile-body .tile-body-text {
    padding: 14px 18px 14px 18px;
    padding: 1.4rem 1.8rem 1.4rem 1.8rem;
  }
  /* line 2389, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3 .tile-body .tile-body-text h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
@media (max-width: 47.9375em) {
  /* line 2404, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3 {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
          /*.tile-body{
            @include rem-fallback(height, 24);

            .tile-body-text{
              @include rem-fallback(padding, 1.4, 1.8, 1.4, 1.8);

              h3 {
                @include font-size(1.4);
                @include line-height(2);
              }
            }
          }*/
  }
  /* line 2407, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3:nth-child(3n+2) {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
  /* line 2410, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3:nth-child(3n+3) {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 2437, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3 {
    width: 260px;
    width: 26rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  /* line 2438, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3 .tile-body {
    height: 270px;
    height: 27rem;
  }
  /* line 2447, ../scss/screen.scss */
  .maingrid .tiles-container .tile.tile-1_3:nth-child(3n+2), .maingrid .tiles-container .tile.tile-1_3:nth-child(3n+3) {
    width: 260px;
    width: 26rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  /* line 2455, ../scss/screen.scss */
  .maingrid .tiles-container.tiles-container-home-top {
    margin-top: 40px;
    margin-top: 4rem;
  }
}
/* line 2463, ../scss/screen.scss */
.maingrid .banner-wrap img {
  width: 100%;
  max-width: 100%;
}
/* line 2467, ../scss/screen.scss */
.maingrid .tipps, .maingrid .agenda, .maingrid .news, .maingrid .bereiche, .maingrid .banner-wrap {
  margin-bottom: 80px;
  margin-bottom: 8rem;
}
/* line 2469, ../scss/screen.scss */
.maingrid .tipps .tipps-slider, .maingrid .tipps .news-flexslider, .maingrid .agenda .tipps-slider, .maingrid .agenda .news-flexslider, .maingrid .news .tipps-slider, .maingrid .news .news-flexslider, .maingrid .bereiche .tipps-slider, .maingrid .bereiche .news-flexslider, .maingrid .banner-wrap .tipps-slider, .maingrid .banner-wrap .news-flexslider {
  position: relative;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  width: 103.185%;
}
/* line 2475, ../scss/screen.scss */
.maingrid .tipps .hometile, .maingrid .agenda .hometile, .maingrid .news .hometile, .maingrid .bereiche .hometile, .maingrid .banner-wrap .hometile {
  margin-right: 3.086%;
  width: 30.24%;
}
/* line 2480, ../scss/screen.scss */
.maingrid .tipps .owl-item .hometile, .maingrid .agenda .owl-item .hometile, .maingrid .news .owl-item .hometile, .maingrid .bereiche .owl-item .hometile, .maingrid .banner-wrap .owl-item .hometile {
  width: 90%;
  margin-right: 10%;
}
/* line 2485, ../scss/screen.scss */
.maingrid .tipps .shutter, .maingrid .agenda .shutter, .maingrid .news .shutter, .maingrid .bereiche .shutter, .maingrid .banner-wrap .shutter {
  background-color: #FFFFFF;
  width: 3.086%;
  right: 0;
  height: 100%;
  position: absolute;
  z-index: 9999;
}
@media (max-width: 33.6875em) {
  /* line 2495, ../scss/screen.scss */
  .maingrid .tipps .tipps-slider, .maingrid .agenda .tipps-slider, .maingrid .news .tipps-slider, .maingrid .bereiche .tipps-slider, .maingrid .banner-wrap .tipps-slider {
    width: 270px;
    width: 27rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 33.6875em) {
  /* line 2504, ../scss/screen.scss */
  .maingrid .tipps {
    margin-bottom: 0;
  }
}
/* line 2510, ../scss/screen.scss */
.maingrid .news-flexslider .header {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
/* line 2515, ../scss/screen.scss */
.maingrid .specials-slider, .maingrid .competition, .maingrid .tipps-slider, .maingrid .bereiche, .maingrid .seminarraume-home {
  overflow: hidden;
  *zoom: 1;
}
/* line 2517, ../scss/screen.scss */
.maingrid .specials-slider .hometile, .maingrid .competition .hometile, .maingrid .tipps-slider .hometile, .maingrid .bereiche .hometile, .maingrid .seminarraume-home .hometile {
  float: left;
  height: 325px;
  height: 32.5rem;
  margin-bottom: 41.44px;
  margin-bottom: 4.144rem;
}
@media (max-width: 63.9375em) {
  /* line 2517, ../scss/screen.scss */
  .maingrid .specials-slider .hometile, .maingrid .competition .hometile, .maingrid .tipps-slider .hometile, .maingrid .bereiche .hometile, .maingrid .seminarraume-home .hometile {
    height: 240px;
    height: 24rem;
  }
}
/* line 2524, ../scss/screen.scss */
.maingrid .specials-slider .hometile.inside, .maingrid .competition .hometile.inside, .maingrid .tipps-slider .hometile.inside, .maingrid .bereiche .hometile.inside, .maingrid .seminarraume-home .hometile.inside {
  width: 44.59459%;
  float: left;
  margin-right: 10.81081%;
}
/* line 2526, ../scss/screen.scss */
.maingrid .specials-slider .hometile.inside.last, .maingrid .competition .hometile.inside.last, .maingrid .tipps-slider .hometile.inside.last, .maingrid .bereiche .hometile.inside.last, .maingrid .seminarraume-home .hometile.inside.last {
  width: 44.59459%;
  float: right;
  margin-right: 0;
}
/* line 2530, ../scss/screen.scss */
.maingrid .specials-slider .hometile div.infobg, .maingrid .specials-slider .hometile div.info, .maingrid .competition .hometile div.infobg, .maingrid .competition .hometile div.info, .maingrid .tipps-slider .hometile div.infobg, .maingrid .tipps-slider .hometile div.info, .maingrid .bereiche .hometile div.infobg, .maingrid .bereiche .hometile div.info, .maingrid .seminarraume-home .hometile div.infobg, .maingrid .seminarraume-home .hometile div.info {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  height: 8.5rem;
  padding: 18px 18px 22px 18px;
  padding: 1.8rem 1.8rem 2.2rem 1.8rem;
}
/* line 2537, ../scss/screen.scss */
.maingrid .specials-slider .hometile div.infobg h2, .maingrid .specials-slider .hometile div.info h2, .maingrid .competition .hometile div.infobg h2, .maingrid .competition .hometile div.info h2, .maingrid .tipps-slider .hometile div.infobg h2, .maingrid .tipps-slider .hometile div.info h2, .maingrid .bereiche .hometile div.infobg h2, .maingrid .bereiche .hometile div.info h2, .maingrid .seminarraume-home .hometile div.infobg h2, .maingrid .seminarraume-home .hometile div.info h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
/* line 2544, ../scss/screen.scss */
.maingrid .specials-slider .ato-tile, .maingrid .competition .ato-tile, .maingrid .tipps-slider .ato-tile, .maingrid .bereiche .ato-tile, .maingrid .seminarraume-home .ato-tile {
  overflow: hidden;
}
/* line 2546, ../scss/screen.scss */
.maingrid .specials-slider .ato-tile img, .maingrid .competition .ato-tile img, .maingrid .tipps-slider .ato-tile img, .maingrid .bereiche .ato-tile img, .maingrid .seminarraume-home .ato-tile img {
  height: 100%;
  width: 100%;
}
@media (max-width: 63.9375em) {
  /* line 2555, ../scss/screen.scss */
  .maingrid .bereiche .hometile div.info, .maingrid .bereiche .hometile div.infobg {
    height: 60px;
    height: 6rem;
  }
}
@media (max-width: 47.9375em) {
  /* line 2562, ../scss/screen.scss */
  .maingrid #specials-slider .header h2 span {
    display: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 2569, ../scss/screen.scss */
  .maingrid .bereiche {
    display: none;
  }
}
/* line 2574, ../scss/screen.scss */
.maingrid .lastrow {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 80px;
  padding-bottom: 8rem;
}
@media (max-width: 33.6875em) {
  /* line 2574, ../scss/screen.scss */
  .maingrid .lastrow {
    padding: 0 5%;
    padding-bottom: 40px;
    padding-bottom: 4rem;
  }
}
/* line 2581, ../scss/screen.scss */
.maingrid .lastrow .hometile {
  margin-right: 3.18%;
  width: 31.21%;
  float: left;
  border-top: 1px solid #289CD6;
}
/* line 2586, ../scss/screen.scss */
.maingrid .lastrow .hometile.last {
  margin-right: 0;
}
@media (max-width: 47.9375em) {
  /* line 2581, ../scss/screen.scss */
  .maingrid .lastrow .hometile {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2593, ../scss/screen.scss */
  .maingrid .lastrow .hometile:nth-child(2) {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
  /* line 2596, ../scss/screen.scss */
  .maingrid .lastrow .hometile.last {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-top: 20px;
    margin-top: 2rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 2581, ../scss/screen.scss */
  .maingrid .lastrow .hometile {
    width: 100%;
    float: right;
    margin-right: 0;
  }
  /* line 2604, ../scss/screen.scss */
  .maingrid .lastrow .hometile:nth-child(2) {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-top: 20px;
    margin-top: 2rem;
  }
}
/* line 2610, ../scss/screen.scss */
.maingrid .lastrow .hometile h2, .maingrid .lastrow .hometile h3 {
  font-family: "MarkWebPro-Light";
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  margin-top: 14px;
  margin-top: 1.4rem;
  color: #289CD6;
}
/* line 2618, ../scss/screen.scss */
.maingrid .lastrow .hometile p {
  border-bottom: 1px solid #E2E2DF;
  line-height: 23px;
  line-height: 2.3rem;
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}
/* line 2624, ../scss/screen.scss */
.maingrid .lastrow .hometile a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17px;
  line-height: 1.7rem;
  color: #289CD6;
}
/* line 2629, ../scss/screen.scss */
.maingrid .lastrow .hometile.last {
  border: none;
  background-color: #F2F1EA;
  padding: 40px 24px 40px 35px;
  padding: 4rem 2.4rem 4rem 3.5rem;
  height: 220px;
  height: 22rem;
}
/* line 2634, ../scss/screen.scss */
.maingrid .lastrow .hometile.last h2 {
  text-align: center;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  line-height: 2.1rem;
  margin-bottom: 44px;
  margin-bottom: 4.4rem;
  color: #000000;
}
/* line 2642, ../scss/screen.scss */
.maingrid .lastrow .hometile.last a {
  color: #FFFFFF;
  width: auto;
  text-align: center;
}
@media (max-width: 33.6875em) {
  /* line 2629, ../scss/screen.scss */
  .maingrid .lastrow .hometile.last {
    height: auto;
    padding: 30px;
    padding: 3rem;
  }
}
/* line 2655, ../scss/screen.scss */
.maingrid .agenda, .maingrid .news, .maingrid .bereiche {
  overflow: hidden;
  *zoom: 1;
}
/* line 2657, ../scss/screen.scss */
.maingrid .agenda li, .maingrid .news li, .maingrid .bereiche li {
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
/* line 2660, ../scss/screen.scss */
.maingrid .agenda li .buttonoutline, .maingrid .news li .buttonoutline, .maingrid .bereiche li .buttonoutline {
  margin: 8px 0px 0px 0px;
  margin: 0.8rem 0rem 0rem 0rem;
  position: absolute;
  bottom: 0;
}
/* line 2665, ../scss/screen.scss */
.maingrid .agenda li div.preview, .maingrid .news li div.preview, .maingrid .bereiche li div.preview {
  height: 165px;
  height: 16.5rem;
  overflow: hidden;
  position: absolute;
  bottom: 50px;
  bottom: 5rem;
  width: 21.15385%;
  float: left;
  margin-right: 5.12821%;
}
/* line 2671, ../scss/screen.scss */
.maingrid .agenda li div.preview img.preview, .maingrid .news li div.preview img.preview, .maingrid .bereiche li div.preview img.preview {
  height: 100%;
  position: absolute;
  bottom: 0;
}
/* line 2679, ../scss/screen.scss */
.maingrid .agenda .hometile, .maingrid .news .hometile, .maingrid .bereiche .hometile {
  height: 240px;
  height: 24rem;
}
@media (max-width: 63.9375em) {
  /* line 2684, ../scss/screen.scss */
  .maingrid .agenda .hometile, .maingrid .news .hometile, .maingrid .bereiche .hometile {
    height: 180px;
    height: 18rem;
  }
}
/* line 2689, ../scss/screen.scss */
.maingrid .agenda .entry, .maingrid .agenda .hometile, .maingrid .news .entry, .maingrid .news .hometile, .maingrid .bereiche .entry, .maingrid .bereiche .hometile {
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 2693, ../scss/screen.scss */
.maingrid .agenda .entry.last, .maingrid .agenda .hometile.last, .maingrid .news .entry.last, .maingrid .news .hometile.last, .maingrid .bereiche .entry.last, .maingrid .bereiche .hometile.last {
  width: 22.47899%;
  float: right;
  margin-right: 0;
}
/* line 2696, ../scss/screen.scss */
.maingrid .agenda .entry.fullheight, .maingrid .agenda .hometile.fullheight, .maingrid .news .entry.fullheight, .maingrid .news .hometile.fullheight, .maingrid .bereiche .entry.fullheight, .maingrid .bereiche .hometile.fullheight {
  min-height: 100%;
  display: inline-block;
}
/* line 2700, ../scss/screen.scss */
.maingrid .agenda .entry.top, .maingrid .agenda .hometile.top, .maingrid .news .entry.top, .maingrid .news .hometile.top, .maingrid .bereiche .entry.top, .maingrid .bereiche .hometile.top {
  border-top: 1px solid #289CD6;
  padding: 15px 0px 0px 0px;
  padding: 1.5rem 0rem 0rem 0rem;
}
/* line 2704, ../scss/screen.scss */
.maingrid .agenda .entry.bottom, .maingrid .agenda .hometile.bottom, .maingrid .news .entry.bottom, .maingrid .news .hometile.bottom, .maingrid .bereiche .entry.bottom, .maingrid .bereiche .hometile.bottom {
  padding: 0px 0px 22px 0px;
  padding: 0rem 0rem 2.2rem 0rem;
}
/* line 2707, ../scss/screen.scss */
.maingrid .agenda .entry h3, .maingrid .agenda .hometile h3, .maingrid .news .entry h3, .maingrid .news .hometile h3, .maingrid .bereiche .entry h3, .maingrid .bereiche .hometile h3 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  color: #289CD6;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
/* line 2713, ../scss/screen.scss */
.maingrid .agenda .entry h4, .maingrid .agenda .hometile h4, .maingrid .news .entry h4, .maingrid .news .hometile h4, .maingrid .bereiche .entry h4, .maingrid .bereiche .hometile h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  line-height: 2.1rem;
  padding: 0px 0px 15px 0px;
  padding: 0rem 0rem 1.5rem 0rem;
}
/* line 2718, ../scss/screen.scss */
.maingrid .agenda .entry .text, .maingrid .agenda .hometile .text, .maingrid .news .entry .text, .maingrid .news .hometile .text, .maingrid .bereiche .entry .text, .maingrid .bereiche .hometile .text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  overflow: hidden;
  *zoom: 1;
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem;
}
/* line 2724, ../scss/screen.scss */
.maingrid .agenda .entry .date, .maingrid .agenda .hometile .date, .maingrid .news .entry .date, .maingrid .news .hometile .date, .maingrid .bereiche .entry .date, .maingrid .bereiche .hometile .date {
  font-family: 'MarkWebPro-Bold', sans-serif;
  color: #B2B2B2;
  display: block;
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
/* line 2731, ../scss/screen.scss */
.maingrid .agenda .entry .time, .maingrid .agenda .hometile .time, .maingrid .news .entry .time, .maingrid .news .hometile .time, .maingrid .bereiche .entry .time, .maingrid .bereiche .hometile .time {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  color: #646464;
  display: block;
}
/* line 2739, ../scss/screen.scss */
.maingrid .agenda.home .time, .maingrid .news.home .time, .maingrid .bereiche.home .time {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
@media (max-width: 63.9375em) {
  /* line 2745, ../scss/screen.scss */
  .maingrid .agenda .entry, .maingrid .news .entry, .maingrid .bereiche .entry {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2748, ../scss/screen.scss */
  .maingrid .agenda .entry:nth-child(3), .maingrid .news .entry:nth-child(3), .maingrid .bereiche .entry:nth-child(3) {
    width: 31.09244%;
    float: right;
    margin-right: 0;
  }
  /* line 2751, ../scss/screen.scss */
  .maingrid .agenda .entry:nth-child(4), .maingrid .news .entry:nth-child(4), .maingrid .bereiche .entry:nth-child(4) {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  /* line 2757, ../scss/screen.scss */
  .maingrid .agenda .entry, .maingrid .news .entry, .maingrid .bereiche .entry {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2760, ../scss/screen.scss */
  .maingrid .agenda .entry:nth-child(2), .maingrid .news .entry:nth-child(2), .maingrid .bereiche .entry:nth-child(2) {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
  /* line 2763, ../scss/screen.scss */
  .maingrid .agenda .entry:nth-child(3), .maingrid .news .entry:nth-child(3), .maingrid .bereiche .entry:nth-child(3) {
    display: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 2768, ../scss/screen.scss */
  .maingrid .agenda .entry, .maingrid .agenda .entry:nth-child(2), .maingrid .news .entry, .maingrid .news .entry:nth-child(2), .maingrid .bereiche .entry, .maingrid .bereiche .entry:nth-child(2) {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 2775, ../scss/screen.scss */
  .maingrid .news, .maingrid .agenda-home {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 50px;
    margin-bottom: 5rem;
  }
  /* line 2781, ../scss/screen.scss */
  .maingrid .news .entry, .maingrid .agenda-home .entry {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}
/* line 2788, ../scss/screen.scss */
.maingrid .agenda-home .bottom-button, .maingrid .agenda-home .entry-inline {
  display: none;
}
@media (max-width: 33.6875em) {
  /* line 2792, ../scss/screen.scss */
  .maingrid .agenda-home .header .right, .maingrid .agenda-home .bottom {
    display: none;
  }
  /* line 2795, ../scss/screen.scss */
  .maingrid .agenda-home .bottom-button, .maingrid .agenda-home .entry-inline {
    display: inline-block;
  }
}
@media (max-width: 47.9375em) {
  /* line 2803, ../scss/screen.scss */
  .maingrid .bereiche .hometile {
    height: 240px;
    height: 24rem;
    margin-bottom: 18px;
    margin-bottom: 1.8rem;
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2807, ../scss/screen.scss */
  .maingrid .bereiche .hometile.last {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
  /* line 2811, ../scss/screen.scss */
  .maingrid .bereiche a:nth-child(2n+1) .hometile {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
}
/* line 2817, ../scss/screen.scss */
.maingrid .agenda-page h4 {
  color: #000000;
}
/* line 2820, ../scss/screen.scss */
.maingrid .agenda-page .entry {
  display: block !important;
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  position: relative;
  border-top: none;
  height: 400px;
  height: 40rem;
  margin-bottom: 80px;
  margin-bottom: 8rem;
}
/* line 2823, ../scss/screen.scss */
.maingrid .agenda-page .entry:nth-child(4n+0) {
  width: 22.47899%;
  float: right;
  margin-right: 0;
}
@media (max-width: 63.9375em) {
  /* line 2820, ../scss/screen.scss */
  .maingrid .agenda-page .entry {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2829, ../scss/screen.scss */
  .maingrid .agenda-page .entry:nth-child(4n+0) {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2832, ../scss/screen.scss */
  .maingrid .agenda-page .entry:nth-child(3n+0) {
    width: 31.09244%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 2820, ../scss/screen.scss */
  .maingrid .agenda-page .entry {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2839, ../scss/screen.scss */
  .maingrid .agenda-page .entry:nth-child(3n+0) {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 2842, ../scss/screen.scss */
  .maingrid .agenda-page .entry:nth-child(2n+0) {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 2820, ../scss/screen.scss */
  .maingrid .agenda-page .entry {
    width: 100%;
    float: right;
    margin-right: 0;
    height: auto !important;
    padding: 0px 20px;
    padding: 0rem 2rem;
    margin-bottom: 80px;
    margin-bottom: 8rem;
  }
  /* line 2852, ../scss/screen.scss */
  .maingrid .agenda-page .entry:nth-child(3n), .maingrid .agenda-page .entry:nth-child(2n) {
    width: 100%;
    float: right;
    margin-right: 0;
  }
  /* line 2855, ../scss/screen.scss */
  .maingrid .agenda-page .entry .time {
    margin-bottom: 30px;
    margin-bottom: 3rem;
  }
  /* line 2858, ../scss/screen.scss */
  .maingrid .agenda-page .entry .preview, .maingrid .agenda-page .entry .buttonoutline {
    position: relative !important;
    bottom: 0 !important;
  }
  /* line 2862, ../scss/screen.scss */
  .maingrid .agenda-page .entry .buttonoutline {
    margin-top: 30px;
    margin-top: 3rem;
  }
}
/* line 2871, ../scss/screen.scss */
.maingrid .agenda-page .entry .preview {
  width: 100%;
  height: 165px;
  height: 16.5rem;
  background-size: cover;
  background-position: center;
}
/* line 2892, ../scss/screen.scss */
.maingrid .breadcrumbs {
  margin-top: -60px;
  margin-top: -6rem;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 3rem;
  font-family: MarkWebPro-Light, sans-serif;
  font-size: 12px;
  line-height: 15px;
  color: #5c5c5c;
}
/* line 2896, ../scss/screen.scss */
.maingrid .breadcrumbs .bc-separator {
  color: #CCCAC5;
}
@media (max-width: 63.9375em) {
  /* line 2892, ../scss/screen.scss */
  .maingrid .breadcrumbs {
    display: none;
  }
}
/* line 2909, ../scss/screen.scss */
.maingrid .breadcrumbs a, .maingrid .breadcrumbs span {
  color: inherit;
}
/* line 2913, ../scss/screen.scss */
.maingrid .breadcrumbs span {
  color: #adadad;
}
/* line 2917, ../scss/screen.scss */
.maingrid.without-toolbox .breadcrumbs {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}
@media (max-width: 33.6875em) {
  /* line 2917, ../scss/screen.scss */
  .maingrid.without-toolbox .breadcrumbs {
    margin-bottom: 0;
  }
}
/* line 2937, ../scss/screen.scss */
.maingrid .seminartool-list {
  position: relative;
}
/* line 2939, ../scss/screen.scss */
.maingrid .seminartool-list .list-table-wrap {
  padding-top: 40px;
  padding-top: 4rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}
/* line 2944, ../scss/screen.scss */
.maingrid .seminartool-list a.button.right {
  background-color: #F2F1EA;
  color: #646464;
}
/* line 2951, ../scss/screen.scss */
.maingrid .seminartool-list .overview-text {
  margin-bottom: 50px;
  margin-bottom: 5rem;
}
/* line 2953, ../scss/screen.scss */
.maingrid .seminartool-list .overview-text p {
  color: #289CD6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
}
/* line 2961, ../scss/screen.scss */
.maingrid .list-table-wrap {
  overflow: hidden;
  box-sizing: content-box;
}
/* line 2966, ../scss/screen.scss */
.maingrid .list-table {
  table-layout: fixed;
  width: 100%;
}
/* line 2968, ../scss/screen.scss */
.maingrid .list-table.hidden {
  display: none;
}
/* line 2974, ../scss/screen.scss */
.maingrid .list-table tr:hover td {
  background-color: #F3F2F0;
}
/* line 2978, ../scss/screen.scss */
.maingrid .list-table th {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  color: #646464;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
  border-bottom: 1px solid #E6E5DE;
}
/* line 2985, ../scss/screen.scss */
.maingrid .list-table th.th-blue {
  color: #289CD6;
}
/* line 2989, ../scss/screen.scss */
.maingrid .list-table th.tcol-title {
  padding-top: 0;
}
/* line 2993, ../scss/screen.scss */
.maingrid .list-table th.tcol-roominfo-left {
  width: 110px;
  width: 11rem;
}
/* line 2996, ../scss/screen.scss */
.maingrid .list-table th.tcol-roominfo-right {
  width: 120px;
  width: 12rem;
  padding-right: 25px;
  padding-right: 2.5rem;
  text-align: right;
}
/* line 3003, ../scss/screen.scss */
.maingrid .list-table td {
  vertical-align: top;
  border-bottom: 1px solid #E6E5DE;
}
/* line 3007, ../scss/screen.scss */
.maingrid .list-table td .t-normal {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  margin-bottom: 7px;
  margin-bottom: 0.7rem;
}
/* line 3012, ../scss/screen.scss */
.maingrid .list-table td .t-larger-blue {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  color: #289CD6;
  word-break: break-word;
}
/* line 3020, ../scss/screen.scss */
.maingrid .list-table td td {
  border-bottom: none;
}
/* line 3024, ../scss/screen.scss */
.maingrid .list-table td.tcol-catering, .maingrid .list-table td.tcol-hotelinfo {
  padding-top: 15px;
  padding-top: 1.5rem;
}
/* line 3027, ../scss/screen.scss */
.maingrid .list-table td.tcol-details {
  padding-top: 12px;
  padding-top: 1.2rem;
}
/* line 3030, ../scss/screen.scss */
.maingrid .list-table td.tcol-roominfo, .maingrid .list-table td.tcol-catering {
  padding-bottom: 7px;
  padding-bottom: 0.7rem;
}
/* line 3035, ../scss/screen.scss */
.maingrid .list-table .tcol-pic {
  width: 110px;
  width: 11rem;
}
/* line 3037, ../scss/screen.scss */
.maingrid .list-table .tcol-pic img {
  width: 100%;
  height: auto;
}
/* line 3043, ../scss/screen.scss */
.maingrid .list-table .tcol-title {
  width: 210px;
  width: 21rem;
  padding-left: 20px;
  padding-left: 2rem;
  padding-top: 15px;
  padding-top: 1.5rem;
  padding-right: 20px;
  padding-right: 2rem;
}
/* line 3048, ../scss/screen.scss */
.maingrid .list-table .tcol-title a:hover {
  text-decoration: none;
}
/* line 3053, ../scss/screen.scss */
.maingrid .list-table .tcol-roominfo {
  width: 230px;
  width: 23rem;
  padding-right: 25px;
  padding-right: 2.5rem;
  padding-top: 15px;
  padding-top: 1.5rem;
}
/* line 3059, ../scss/screen.scss */
.maingrid .list-table .tcol-catering {
  width: 140px;
  width: 14rem;
  padding-right: 10px;
  padding-right: 1rem;
}
/* line 3064, ../scss/screen.scss */
.maingrid .list-table .tcol-hotelinfo {
  width: 110px;
  width: 11rem;
}
/* line 3067, ../scss/screen.scss */
.maingrid .list-table .tcol-details {
  width: 110px;
  width: 11rem;
  text-align: center;
}
/* line 3072, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth {
  width: 100%;
  margin-bottom: 7px;
  margin-bottom: 0.7rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
}
/* line 3077, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth .te-left, .maingrid .list-table .te-fullwidth .te-right {
  width: 50%;
  float: left;
}
/* line 3081, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth .te-right {
  text-align: right;
}
/* line 3084, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth:after {
  content: '';
  clear: both;
  display: block;
}
/* line 3091, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth.te-rooms .te-left {
  width: 55%;
  padding-right: 5%;
}
/* line 3095, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth.te-rooms .te-right {
  width: 40%;
}
/* line 3099, ../scss/screen.scss */
.maingrid .list-table .te-fullwidth.te-more-rooms {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 0;
}
@media (max-width: 63.9375em) {
  /* line 3107, ../scss/screen.scss */
  .maingrid .list-table .tcol-catering, .maingrid .list-table .tcol-hotelinfo {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  /* line 3112, ../scss/screen.scss */
  .maingrid .list-table .tcol-roominfo, .maingrid .list-table .tcol-roominfo-left, .maingrid .list-table .tcol-roominfo-right {
    display: none;
  }
}
@media (max-width: 33.6875em) {
  /* line 3118, ../scss/screen.scss */
  .maingrid .list-table .tcol-details {
    display: none;
  }
  /* line 3121, ../scss/screen.scss */
  .maingrid .list-table .tcol-title {
    width: auto;
  }
}
/* line 3127, ../scss/screen.scss */
.maingrid .st-inner-table {
  width: 100%;
}
/* line 3129, ../scss/screen.scss */
.maingrid .st-inner-table .inner-table-width-max {
  width: 100%;
  padding-right: 20px;
  padding-right: 2rem;
  padding-bottom: 7px;
  padding-bottom: 0.7rem;
}
/* line 3135, ../scss/screen.scss */
.maingrid .st-inner-table .nowrap {
  white-space: nowrap;
}
/* line 3138, ../scss/screen.scss */
.maingrid .st-inner-table .text-right {
  text-align: right;
}
/* line 3144, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbHolder {
  float: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #bfbeb9;
  width: 234px;
  width: 23.4rem;
  height: 40px;
  height: 4rem;
  line-height: 40px;
  line-height: 4rem;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  position: relative;
}
/* line 3156, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbHolder a {
  color: #000000;
}
/* line 3159, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbHolder ul {
  padding: 0 !important;
}
/* line 3163, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbHolder:before {
  color: #00aeeb;
  content: "\e620";
  font-family: "ato";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  padding: 0px 12px 0px 0px;
  padding: 0rem 1.2rem 0rem 0rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-transform: none;
  color: #FFFFFF;
  z-index: 9999;
}
/* line 3182, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbToggle {
  background-color: #145396;
  display: block;
  height: 38px;
  height: 3.8rem;
  width: 44px;
  width: 4.4rem;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 3193, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbSelector {
  display: block;
  width: 212px;
  width: 21.2rem;
  height: 40px;
  height: 4rem;
  left: 0;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 13px;
  text-indent: 1.3rem;
  top: 0;
}
/* line 3205, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbOptions {
  background-color: #FFFFFF;
  border: 1px solid #bfbeb9;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 233px;
  width: 23.3rem;
  height: 320px;
  height: 32rem;
  z-index: 1;
  overflow-y: auto;
}
/* line 3221, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbOptions li {
  padding: 0 3px;
}
/* line 3223, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbOptions li .sbDisabled {
  display: none;
}
/* line 3228, ../scss/screen.scss */
.maingrid .filterpanel-seminar .sbOptions a {
  border-bottom: dotted 1px #bfbeb9;
  color: #bfbeb9;
  display: block;
  outline: none;
  padding: 0;
  text-indent: 13px;
  text-indent: 1.3rem;
}
/* line 3238, ../scss/screen.scss */
.maingrid .filterpanel-seminar .filter-input-short {
  width: 60px;
  width: 6rem;
  text-align: right;
}
@media (max-width: 63.9375em) {
  /* line 3244, ../scss/screen.scss */
  .maingrid .filterpanel-seminar div.panelbutton {
    margin-right: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 3249, ../scss/screen.scss */
  .maingrid .filterpanel-seminar div.panelbutton {
    position: absolute;
  }
}
/* line 3254, ../scss/screen.scss */
.maingrid .filterpanel-seminar #filter-reset-button {
  margin-right: 10px;
  margin-right: 1rem;
}
@media (max-width: 33.6875em) {
  /* line 3259, ../scss/screen.scss */
  .maingrid .filterpanel-seminar div.panel-inner {
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 100px;
    padding-bottom: 10rem;
  }
  /* line 3263, ../scss/screen.scss */
  .maingrid .filterpanel-seminar div.panelbutton {
    position: absolute;
    padding-right: 25px;
    padding-right: 2.5rem;
    bottom: 50px;
    bottom: 5rem;
  }
  /* line 3269, ../scss/screen.scss */
  .maingrid .filterpanel-seminar #filter-reset-button {
    position: absolute;
    bottom: 5px;
    bottom: 0.5rem;
    right: 42px;
    right: 4.2rem;
    width: 140px;
    width: 14rem;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    line-height: 15px;
    line-height: 1.5rem;
  }
}
/* line 3287, ../scss/screen.scss */
.maingrid #filter-reset-button, .maingrid #filter-filter-button {
  opacity: 0;
}
/* line 3291, ../scss/screen.scss */
.maingrid #filter-reset-button {
  position: absolute;
  bottom: 20px;
  bottom: 2rem;
  right: 220px;
  right: 22rem;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 3295, ../scss/screen.scss */
.maingrid #filter-reset-button i.icon-cross {
  display: inline-block;
  vertical-align: middle;
}
/* line 3299, ../scss/screen.scss */
.maingrid #filter-reset-button:hover {
  text-decoration: none;
}
/* line 3305, ../scss/screen.scss */
.maingrid .small-rounded-button {
  display: inline-block;
  padding: 5px 13px;
  padding: 0.5rem 1.3rem;
  background-color: #E6E5DE;
  color: #646464;
  border-radius: 20px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-family: 'MarkWebPro-Bold', sans-serif;
}
/* line 3314, ../scss/screen.scss */
.maingrid .small-rounded-button:hover {
  text-decoration: none;
  background-color: #289CD6;
  color: #FFFFFF;
}
/* line 3320, ../scss/screen.scss */
.maingrid .filter-panel-row {
  border-bottom: 1px solid #CCCCCC;
}
/* line 3323, ../scss/screen.scss */
.maingrid .filter-panel-row .checker, .maingrid .filter-panel-row .radio {
  margin-top: -4px;
}
/* line 3327, ../scss/screen.scss */
.maingrid .filter-panel-checkbox {
  margin-top: -4px;
}
/* line 3330, ../scss/screen.scss */
.maingrid .filter-label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 1rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-family: 'MarkWebPro-Bold', sans-serif;
}
/* line 3337, ../scss/screen.scss */
.maingrid .filter-label.filter-label-wide {
  width: 220px;
  width: 22rem;
}
/* line 3341, ../scss/screen.scss */
.maingrid .filter-label.filter-label-icon {
  height: 27px;
  height: 2.7rem;
}
/* line 3346, ../scss/screen.scss */
.maingrid .checkbox-with-tooltips {
  margin-right: 30px;
  margin-right: 3rem;
}
/* line 3348, ../scss/screen.scss */
.maingrid .checkbox-with-tooltips .filter-label {
  margin-right: 0;
}
/* line 3351, ../scss/screen.scss */
.maingrid .checkbox-with-tooltips .tooltip-right {
  margin-top: -2px;
}
/* line 3355, ../scss/screen.scss */
.maingrid .checkbox-with-label {
  margin-right: 5.5px;
  margin-right: 0.55rem;
  display: inline-block;
}
/* line 3360, ../scss/screen.scss */
.maingrid .textinput-with-button-wrap {
  display: table;
  width: 100%;
}
/* line 3364, ../scss/screen.scss */
.maingrid .textinput-wrap, .maingrid .button-wrap {
  display: table-cell;
}
/* line 3367, ../scss/screen.scss */
.maingrid .button-wrap {
  width: 174.375px;
  width: 17.4375rem;
}
@media (max-width: 47.9375em) {
  /* line 3367, ../scss/screen.scss */
  .maingrid .button-wrap {
    width: 65px;
    width: 6.5rem;
  }
}
/* line 3376, ../scss/screen.scss */
.maingrid .textinput-wrap input {
  width: 100%;
  border-right: none;
  padding: 13px 25px 11px 25px;
  padding: 1.3rem 2.5rem 1.1rem 2.5rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  /*&:hover, &:active{
    border:solid 1px $formfields-grey-light;
  }*/
}
@media (max-width: 33.6875em) {
  /* line 3376, ../scss/screen.scss */
  .maingrid .textinput-wrap input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
  }
}
/* line 3394, ../scss/screen.scss */
.maingrid .seminar-additional-blocks, .maingrid .entries-additional-block {
  margin-top: 80px;
  margin-top: 8rem;
}
@media (max-width: 33.6875em) {
  /* line 3394, ../scss/screen.scss */
  .maingrid .seminar-additional-blocks, .maingrid .entries-additional-block {
    display: none;
  }
}
/* line 3401, ../scss/screen.scss */
.maingrid .additional-blocks-header {
  margin-bottom: 30px;
  margin-bottom: 3rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #646464;
}

/* line 3410, ../scss/screen.scss */
.contentcontainer.noimage .breadcrumbs {
  margin-top: -58px;
  margin-top: -5.8rem;
}

/* line 3418, ../scss/screen.scss */
.maingrid .tilescontainer, .maingrid .eventscontainer, .maingrid .tocontainer {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  clear: both;
}
@media (max-width: 47.9375em) {
  /* line 3425, ../scss/screen.scss */
  .maingrid .tocontainer {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 33.6875em) {
  /* line 3431, ../scss/screen.scss */
  .maingrid .tocontainer {
    padding-top: 30px;
    padding-top: 3rem;
  }
}
/* line 3436, ../scss/screen.scss */
.maingrid .hiddentile {
  display: none;
}
/* line 3439, ../scss/screen.scss */
.maingrid .bigtile, .maingrid .smalltile, .maingrid .hometile, .maingrid .tritile {
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
/* line 3448, ../scss/screen.scss */
.maingrid .bigtile div.infobg, .maingrid .bigtile div.info, .maingrid .smalltile div.infobg, .maingrid .smalltile div.info, .maingrid .hometile div.infobg, .maingrid .hometile div.info, .maingrid .tritile div.infobg, .maingrid .tritile div.info {
  z-index: 50;
  position: absolute;
  overflow: hidden;
}
/* line 3453, ../scss/screen.scss */
.maingrid .bigtile div.infobg, .maingrid .smalltile div.infobg, .maingrid .hometile div.infobg, .maingrid .tritile div.infobg {
  background-color: #91c8ea;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 3457, ../scss/screen.scss */
.maingrid .bigtile span.counter, .maingrid .smalltile span.counter, .maingrid .hometile span.counter, .maingrid .tritile span.counter {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  font-family: "MarkWebPro-Light";
  float: right;
  margin: 10px 10px 0px 0px;
  margin: 1rem 1rem 0rem 0rem;
  display: inline-block;
  text-align: center;
  padding: 6px 9px 6px 9px;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
  min-width: 28px;
  min-width: 2.8rem;
  -webkit-border-radius: 1.75em;
  -moz-border-radius: 1.75em;
  border-radius: 1.75em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 3460, ../scss/screen.scss */
.maingrid .bigtile a.tile, .maingrid .smalltile a.tile, .maingrid .hometile a.tile, .maingrid .tritile a.tile {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 3467, ../scss/screen.scss */
.maingrid .bigtile a.tile:hover, .maingrid .smalltile a.tile:hover, .maingrid .hometile a.tile:hover, .maingrid .tritile a.tile:hover {
  -moz-box-shadow: #000000 0 0 0 0.4rem;
  -webkit-box-shadow: #000000 0 0 0 0.4rem;
  box-shadow: #000000 0 0 0 0.4rem;
  background-color: #F3F2F0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
/* line 3475, ../scss/screen.scss */
.maingrid .container-3-cols, .maingrid .container-2-cols, .maingrid .container-single-col, .maingrid .show-3-cols {
  display: none;
}
@media (max-width: 63.9375em) {
  /* line 3480, ../scss/screen.scss */
  .maingrid .container-4-cols, .maingrid .show-4-cols {
    display: none;
  }
  /* line 3483, ../scss/screen.scss */
  .maingrid .container-3-cols, .maingrid .show-3-cols {
    display: block;
  }
}
@media (max-width: 47.9375em) {
  /* line 3489, ../scss/screen.scss */
  .maingrid .container-3-cols, .maingrid .show-3-cols {
    display: none;
  }
  /* line 3492, ../scss/screen.scss */
  .maingrid .container-2-cols {
    display: block;
  }
}
@media (max-width: 33.6875em) {
  /* line 3498, ../scss/screen.scss */
  .maingrid .container-2-cols, .maingrid .show-2-cols, .maingrid .show-4-3-2-cols {
    display: none;
  }
  /* line 3501, ../scss/screen.scss */
  .maingrid .container-single-col {
    display: block;
  }
}
/* line 3507, ../scss/screen.scss */
.maingrid .container-4-cols .bigtile {
  width: 48.31933%;
  float: left;
  margin-right: 3.36134%;
  margin-bottom: 30.29333px;
  margin-bottom: 3.02933rem;
  height: 510px;
  height: 51rem;
}
/* line 3511, ../scss/screen.scss */
.maingrid .container-4-cols .bigtile.last {
  width: 48.31933%;
  float: right;
  margin-right: 0;
}
/* line 3518, ../scss/screen.scss */
.maingrid .container-3-cols .bigtile {
  width: 65.54622%;
  float: left;
  margin-right: 3.36134%;
  margin-bottom: 30.29333px;
  margin-bottom: 3.02933rem;
  height: 510px;
  height: 51rem;
}
/* line 3522, ../scss/screen.scss */
.maingrid .container-3-cols .bigtile.last {
  width: 65.54622%;
  float: right;
  margin-right: 0;
}
/* line 3529, ../scss/screen.scss */
.maingrid .bigtile.container {
  border: none;
}
/* line 3532, ../scss/screen.scss */
.maingrid .bigtile div.infobg, .maingrid .bigtile div.info {
  left: 20px;
  left: 2rem;
  bottom: 20px;
  bottom: 2rem;
  width: 91%;
  height: 150px;
  height: 15rem;
  padding: 22px 22px 22px 22px;
  padding: 2.2rem 2.2rem 2.2rem 2.2rem;
}
/* line 3538, ../scss/screen.scss */
.maingrid .bigtile div.infobg h2, .maingrid .bigtile div.info h2 {
  line-height: 36px;
  line-height: 3.6rem;
}
/* line 3541, ../scss/screen.scss */
.maingrid .bigtile div.infobg .lead, .maingrid .bigtile div.info .lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "MarkWebPro-Light";
}
/* line 3548, ../scss/screen.scss */
.maingrid .tritile {
  width: 31.09244%;
  float: left;
  margin-right: 3.36134%;
  min-height: 300px;
  min-height: 30rem;
  margin-bottom: 0;
  border-top: 1px solid #289CD6;
}
/* line 3553, ../scss/screen.scss */
.maingrid .tritile.last {
  width: 31.09244%;
  float: right;
  margin-right: 0;
}
@media (max-width: 47.9375em) {
  /* line 3548, ../scss/screen.scss */
  .maingrid .tritile {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 3559, ../scss/screen.scss */
  .maingrid .tritile.last {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 3562, ../scss/screen.scss */
  .maingrid .tritile.even {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 3548, ../scss/screen.scss */
  .maingrid .tritile {
    min-height: 0px;
    min-height: 0rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    width: 100%;
    float: right;
    margin-right: 0;
  }
  /* line 3571, ../scss/screen.scss */
  .maingrid .tritile.last, .maingrid .tritile.even {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
/* line 3577, ../scss/screen.scss */
.maingrid .tritile.impressum {
  padding-top: 20px;
  padding-top: 2rem;
}
/* line 3580, ../scss/screen.scss */
.maingrid .tritile h1 {
  color: #289CD6;
  font-family: "MarkWebPro-Light";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  margin: 15px 0px 15px 0px;
  margin: 1.5rem 0rem 1.5rem 0rem;
}
/* line 3587, ../scss/screen.scss */
.maingrid .tritile p, .maingrid .tritile a {
  color: #646464;
  font-family: "MarkWebPro-Light";
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
}
/* line 3593, ../scss/screen.scss */
.maingrid .tritile p.space {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
/* line 3596, ../scss/screen.scss */
.maingrid .tritile a {
  color: #289CD6;
}
/* line 3599, ../scss/screen.scss */
.maingrid .tritile .partner-logo, .maingrid .tritile .partner-description {
  padding: 20px 0px;
  padding: 2rem 0rem;
}
/* line 3602, ../scss/screen.scss */
.maingrid .tritile .partner-description {
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
/* line 3606, ../scss/screen.scss */
.maingrid .tritile .partner-logo {
  display: block;
  width: 70%;
  margin: 0 auto;
  max-width: 205px;
  max-width: 20.5rem;
}
/* line 3614, ../scss/screen.scss */
.maingrid .partner-container .tritile {
  border-top: none;
}
/* line 3618, ../scss/screen.scss */
.maingrid .bannertile {
  float: left;
}
/* line 3621, ../scss/screen.scss */
.maingrid .banner-wrap {
  padding-bottom: 70px;
  padding-bottom: 7rem;
  margin-bottom: 0;
}
@media (max-width: 33.6875em) {
  /* line 3621, ../scss/screen.scss */
  .maingrid .banner-wrap {
    padding-left: 5%;
    padding-right: 5%;
  }
}
/* line 3631, ../scss/screen.scss */
.maingrid .flowbox-wrap {
  margin-bottom: 70px;
  margin-bottom: 7rem;
}
/* line 3636, ../scss/screen.scss */
.maingrid .container-4-cols .smalltile {
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  margin-bottom: 30.29333px;
  margin-bottom: 3.02933rem;
  height: 240px;
  height: 24rem;
}
/* line 3640, ../scss/screen.scss */
.maingrid .container-4-cols .smalltile.last {
  width: 22.47899%;
  float: right;
  margin-right: 0;
}
/* line 3643, ../scss/screen.scss */
.maingrid .container-4-cols .smalltile.inside {
  width: 46.52174%;
  float: left;
  margin-right: 6.95652%;
}
/* line 3645, ../scss/screen.scss */
.maingrid .container-4-cols .smalltile.inside.last {
  width: 46.52174%;
  float: right;
  margin-right: 0;
}
/* line 3653, ../scss/screen.scss */
.maingrid .container-3-cols .smalltile {
  width: 31.09244%;
  float: left;
  margin-right: 3.36134%;
  margin-bottom: 30.29333px;
  margin-bottom: 3.02933rem;
  height: 240px;
  height: 24rem;
}
/* line 3657, ../scss/screen.scss */
.maingrid .container-3-cols .smalltile.last {
  width: 31.09244%;
  float: right;
  margin-right: 0;
}
/* line 3660, ../scss/screen.scss */
.maingrid .container-3-cols .smalltile.inside {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
/* line 3662, ../scss/screen.scss */
.maingrid .container-3-cols .smalltile.inside.last {
  width: 100%;
  float: right;
  margin-right: 0;
}
/* line 3666, ../scss/screen.scss */
.maingrid .container-3-cols .smalltile.container {
  height: 510px;
  height: 51rem;
}
/* line 3672, ../scss/screen.scss */
.maingrid .smalltile {
  overflow: hidden;
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  height: 240px;
  height: 24rem;
  margin-bottom: 30.29333px;
  margin-bottom: 3.02933rem;
}
/* line 3674, ../scss/screen.scss */
.maingrid .smalltile img {
  width: 100%;
}
/* line 3677, ../scss/screen.scss */
.maingrid .smalltile .shop-img {
  width: auto;
}
@media (max-width: 63.9375em) {
  /* line 3672, ../scss/screen.scss */
  .maingrid .smalltile {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
}
/* line 3689, ../scss/screen.scss */
.maingrid .smalltile.last-4-cols {
  width: 22.47899%;
  float: right;
  margin-right: 0;
}
@media (max-width: 63.9375em) {
  /* line 3693, ../scss/screen.scss */
  .maingrid .smalltile.last-4-cols {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 3696, ../scss/screen.scss */
  .maingrid .smalltile.last-3-cols {
    width: 31.09244%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 3672, ../scss/screen.scss */
  .maingrid .smalltile {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  /* line 3702, ../scss/screen.scss */
  .maingrid .smalltile.last-3-cols {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 3705, ../scss/screen.scss */
  .maingrid .smalltile.last-2-cols {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
}
/* line 3711, ../scss/screen.scss */
.maingrid .smalltile div.infobg, .maingrid .smalltile div.info {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  height: 8.5rem;
  padding: 18px 18px 22px 18px;
  padding: 1.8rem 1.8rem 2.2rem 1.8rem;
}
/* line 3718, ../scss/screen.scss */
.maingrid .smalltile div.infobg h2, .maingrid .smalltile div.info h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
/* line 3723, ../scss/screen.scss */
.maingrid .smalltile.shop {
  border: 1px solid #E2E2DF;
  height: 390px;
  height: 39rem;
  text-align: center;
}
@media (max-width: 33.6875em) {
  /* line 3723, ../scss/screen.scss */
  .maingrid .smalltile.shop {
    height: auto;
    width: 100%;
    margin-right: 0;
  }
}
/* line 3734, ../scss/screen.scss */
.maingrid .smalltile.shop div.image {
  position: relative;
  width: 100%;
  height: 200px;
  height: 20rem;
}
/* line 3738, ../scss/screen.scss */
.maingrid .smalltile.shop div.image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 200px;
  max-height: 20rem;
}
@media (max-width: 33.6875em) {
  /* line 3734, ../scss/screen.scss */
  .maingrid .smalltile.shop div.image {
    float: left;
    width: 210px;
    width: 21rem;
  }
}
@media (max-width: 26.25em) {
  /* line 3734, ../scss/screen.scss */
  .maingrid .smalltile.shop div.image {
    display: none;
  }
}
/* line 3760, ../scss/screen.scss */
.maingrid .smalltile.shop div.text h2 {
  color: #333333;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  line-height: 2.3rem;
  padding: 10px 10px 9px 10px;
  padding: 1rem 1rem 0.9rem 1rem;
  text-align: center;
}
/* line 3768, ../scss/screen.scss */
.maingrid .smalltile.shop div.text .price {
  color: #999999;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  padding: 0px 10px 9px 10px;
  padding: 0rem 1rem 0.9rem 1rem;
  text-align: center;
}
/* line 3775, ../scss/screen.scss */
.maingrid .smalltile.shop div.text .price span.small {
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 33.6875em) {
  /* line 3759, ../scss/screen.scss */
  .maingrid .smalltile.shop div.text {
    margin-top: 20px;
    margin-top: 2rem;
  }
}
/* line 3784, ../scss/screen.scss */
.maingrid .smalltile.shop div.iconscontainer {
  position: absolute;
  z-index: 99999;
  bottom: 8px;
  bottom: 0.8rem;
  width: 100%;
  padding: 0px 10px 26px 10px;
  padding: 0rem 1rem 2.6rem 1rem;
}
/* line 3790, ../scss/screen.scss */
.maingrid .smalltile.shop div.iconscontainer a.detail, .maingrid .smalltile.shop div.iconscontainer a.buy, .maingrid .smalltile.shop div.iconscontainer a.download,
.maingrid .smalltile.shop div.iconscontainer a.detail:hover, .maingrid .smalltile.shop div.iconscontainer a.buy:hover, .maingrid .smalltile.shop div.iconscontainer a.download:hover {
  position: relative;
  display: inline-block;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 16px;
  font-size: 1.6rem;
  padding: 13px 0px 11px 0px;
  padding: 1.3rem 0rem 1.1rem 0rem;
  text-align: center;
  width: 40px;
  width: 4rem;
  height: 40px;
  height: 4rem;
  margin-right: 6px;
  margin-right: 0.6rem;
  background-color: #E6E5DE;
  color: #9E9E94;
  text-decoration: none;
}
/* line 3805, ../scss/screen.scss */
.maingrid .smalltile.shop div.iconscontainer a.buy, .maingrid .smalltile.shop div.iconscontainer a.download,
.maingrid .smalltile.shop div.iconscontainer a.buy:hover, .maingrid .smalltile.shop div.iconscontainer a.download:hover {
  background-color: #145396;
  color: #FFFFFF;
}
@media (max-width: 33.6875em) {
  /* line 3784, ../scss/screen.scss */
  .maingrid .smalltile.shop div.iconscontainer {
    padding-left: 220px;
    padding-left: 22rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 3784, ../scss/screen.scss */
  .maingrid .smalltile.shop div.iconscontainer {
    position: relative;
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
    padding: 1rem 0rem 2rem 0rem;
  }
}
/* line 3821, ../scss/screen.scss */
.maingrid .smalltile.shop div.pdfflagcontainer {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #145396;
  color: #FFFFFF;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 0px 9px 0px 9px;
  padding: 0rem 0.9rem 0rem 0.9rem;
}
@media (max-width: 33.6875em) {
  /* line 3821, ../scss/screen.scss */
  .maingrid .smalltile.shop div.pdfflagcontainer {
    left: auto;
    right: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 3672, ../scss/screen.scss */
  .maingrid .smalltile {
    width: 48.31933%;
    float: left;
    margin-right: 3.36134%;
  }
}
@media (max-width: 47.9375em) {
  /* line 3843, ../scss/screen.scss */
  .maingrid .smalltile.even {
    width: 48.31933%;
    float: right;
    margin-right: 0;
  }
}
/* line 3849, ../scss/screen.scss */
.maingrid .loading, .maingrid .viewmore {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-top: 50px;
  margin-top: 5rem;
  height: 70px;
  height: 7rem;
  overflow: hidden;
  *zoom: 1;
}
/* line 3855, ../scss/screen.scss */
.maingrid .loading {
  display: none;
}
/* line 3857, ../scss/screen.scss */
.maingrid .loading img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 3862, ../scss/screen.scss */
.maingrid .mobiletiles {
  display: table;
  width: 100%;
}
/* line 3865, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row {
  display: table-row;
}
/* line 3867, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row:hover {
  text-decoration: none;
}
/* line 3870, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row.mt-row-spacer {
  height: 1px;
  height: 0.1rem;
}
/* line 3873, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-img, .maingrid .mobiletiles .mt-row .mt-title, .maingrid .mobiletiles .mt-row .mt-counter {
  display: table-cell;
  vertical-align: top;
  font-family: 'MarkWebPro-Bold', sans-serif;
}
/* line 3879, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row:hover .mt-title, .maingrid .mobiletiles .mt-row:hover .mt-counter {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 3883, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-title, .maingrid .mobiletiles .mt-row .mt-counter {
  background-color: #91c8ea;
}
/* line 3886, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-counter {
  padding: 5px 5px 0px 0px;
  padding: 0.5rem 0.5rem 0rem 0rem;
  width: 65px;
  width: 6.5rem;
  position: relative;
}
/* line 3891, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-counter span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  font-family: "MarkWebPro-Light";
  float: right;
  margin: 10px 10px 0px 0px;
  margin: 1rem 1rem 0rem 0rem;
  display: inline-block;
  text-align: center;
  padding: 6px 9px 6px 9px;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
  min-width: 28px;
  min-width: 2.8rem;
  -webkit-border-radius: 1.75em;
  -moz-border-radius: 1.75em;
  border-radius: 1.75em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  color: #145396;
  border-color: #145396;
  top: 5px;
  top: 0.5rem;
}
/* line 3899, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-title {
  color: #FFFFFF;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 18px 15px 15px 25px;
  padding: 1.8rem 1.5rem 1.5rem 2.5rem;
}
@media (max-width: 33.6875em) {
  /* line 3899, ../scss/screen.scss */
  .maingrid .mobiletiles .mt-row .mt-title {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 18px 15px 15px 15px;
    padding: 1.8rem 1.5rem 1.5rem 1.5rem;
  }
}
/* line 3910, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-img {
  width: 210px;
  width: 21rem;
}
/* line 3914, ../scss/screen.scss */
.maingrid .mobiletiles .mt-row .mt-img img {
  display: block;
  width: 100%;
}
/* line 3925, ../scss/screen.scss */
.maingrid .mobiletiles .hiddentile {
  display: none;
}

/* line 3934, ../scss/screen.scss */
.maingrid {
  /*@include breakpoint($mobilelandscape){
    .shop_left, .shop_right {
      padding-left: 5%;
      padding-right: 5%;
    }
    .shop-left{
      @include rem-fallback(padding-top, 2);
    }
  }*/
}
/* line 3935, ../scss/screen.scss */
.maingrid .detail_left, .maingrid .detail_right {
  padding-top: 50px;
  padding-top: 5rem;
}
@media (max-width: 63.9375em) {
  /* line 3935, ../scss/screen.scss */
  .maingrid .detail_left, .maingrid .detail_right {
    padding-top: 40px;
    padding-top: 4rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 3935, ../scss/screen.scss */
  .maingrid .detail_left, .maingrid .detail_right {
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
  }
}
/* line 3945, ../scss/screen.scss */
.maingrid .detail_left .detail_left_cont, .maingrid .detail_right .detail_left_cont {
  display: none;
}
/* line 3948, ../scss/screen.scss */
.maingrid .detail_left .detail_left_guidle_text, .maingrid .detail_right .detail_left_guidle_text {
  white-space: pre-line;
}
@media (max-width: 63.9375em) {
  /* line 3952, ../scss/screen.scss */
  .maingrid .detail_left .detail_left_cont, .maingrid .detail_right .detail_left_cont {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
    padding-top: 0;
  }
}
/* line 3959, ../scss/screen.scss */
.maingrid .detail_left_cont {
  padding-top: 28px;
  padding-top: 2.8rem;
}
/* line 3962, ../scss/screen.scss */
.maingrid .detail_left, .maingrid .detail_left_cont {
  width: 47.4359%;
  float: left;
  margin-right: 5.12821%;
  font-family: "MarkWebPro-Light";
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 63.9375em) {
  /* line 3962, ../scss/screen.scss */
  .maingrid .detail_left, .maingrid .detail_left_cont {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
/* line 3971, ../scss/screen.scss */
.maingrid .detail_left h2, .maingrid .detail_left h3, .maingrid .detail_left_cont h2, .maingrid .detail_left_cont h3 {
  font-family: "MarkWebPro-Light";
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #289CD6;
}
/* line 3977, ../scss/screen.scss */
.maingrid .detail_left h2, .maingrid .detail_left_cont h2 {
  padding-bottom: 30px;
  padding-bottom: 3rem;
}
/* line 3980, ../scss/screen.scss */
.maingrid .detail_left h3, .maingrid .detail_left_cont h3 {
  padding: 30px 0px 11px 0px;
  padding: 3rem 0rem 1.1rem 0rem;
}
/* line 3983, ../scss/screen.scss */
.maingrid .detail_left p, .maingrid .detail_left_cont p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding: 10px 0px 10px 0px;
  padding: 1rem 0rem 1rem 0rem;
}
/* line 3988, ../scss/screen.scss */
.maingrid .detail_left strong, .maingrid .detail_left_cont strong {
  color: #289CD6;
}
/* line 3991, ../scss/screen.scss */
.maingrid .detail_left ul, .maingrid .detail_left_cont ul {
  margin-left: 0;
  padding-top: 5px;
  padding-top: 0.5rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}
/* line 29, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_bullets.scss */
.maingrid .detail_left ul li, .maingrid .detail_left_cont ul li {
  padding-left: 16px;
  background: url('/images/bullet.png?1581340448') no-repeat 5px 9px;
  list-style-type: none;
}
/* line 3997, ../scss/screen.scss */
.maingrid .detail_left ol, .maingrid .detail_left_cont ol {
  list-style-type: decimal;
  list-style-position: inside;
}
/* line 4002, ../scss/screen.scss */
.maingrid .detail_left li, .maingrid .detail_left_cont li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
}
/* line 4007, ../scss/screen.scss */
.maingrid .detail_left li > ul, .maingrid .detail_left li > ol, .maingrid .detail_left_cont li > ul, .maingrid .detail_left_cont li > ol {
  padding-left: 20px;
  padding-left: 2rem;
}
@media (max-width: 63.9375em) {
  /* line 4012, ../scss/screen.scss */
  .maingrid .detail_left_cont {
    display: none;
  }
}
/* line 4018, ../scss/screen.scss */
.maingrid .detail_right {
  width: 47.4359%;
  float: right;
  margin-right: 0;
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 63.9375em) {
  /* line 4018, ../scss/screen.scss */
  .maingrid .detail_right {
    width: 100%;
    float: right;
    margin-right: 0;
    float: none;
    padding-top: 0px;
    padding-top: 0rem;
  }
  /* line 4023, ../scss/screen.scss */
  .maingrid .detail_right .overviewmapcontainer {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  /* line 4018, ../scss/screen.scss */
  .maingrid .detail_right {
    padding-top: 0px;
    padding-top: 0rem;
  }
}
/* line 4038, ../scss/screen.scss */
.maingrid .detail_right .feedbackcontainer {
  background-color: #F2F1EA;
  margin: 0px 50px 0px 50px;
  margin: 0rem 5rem 0rem 5rem;
  padding: 40px 40px 20px 40px;
  padding: 4rem 4rem 2rem 4rem;
}
/* line 4042, ../scss/screen.scss */
.maingrid .detail_right .feedbackcontainer p {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding-bottom: 40px;
  padding-bottom: 4rem;
}
@media (max-width: 63.9375em) {
  /* line 4038, ../scss/screen.scss */
  .maingrid .detail_right .feedbackcontainer {
    margin: 0;
  }
}
/* line 4053, ../scss/screen.scss */
.maingrid .detail_right .buttoncontainer {
  padding-bottom: 20px;
  padding-bottom: 2rem;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
}
/* line 4058, ../scss/screen.scss */
.maingrid .detail_right .iconscontainer {
  text-align: center;
}
/* line 4060, ../scss/screen.scss */
.maingrid .detail_right .iconscontainer .icons-options {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}
/* line 4064, ../scss/screen.scss */
.maingrid .detail_right span.option, .maingrid .detail_right span.saison {
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 26px;
  font-size: 2.6rem;
  padding: 13px 0px 11px 0px;
  padding: 1.3rem 0rem 1.1rem 0rem;
  text-align: center;
  width: 50px;
  width: 5rem;
  margin-right: 6px;
  margin-right: 0.6rem;
  background-color: #E6E5DE;
  color: #9E9E94;
  display: inline-block;
}
/* line 4074, ../scss/screen.scss */
.maingrid .detail_right span.option.option-highlight, .maingrid .detail_right span.saison.option-highlight {
  color: #FFFFFF;
  background-color: #145396;
}
/* line 4079, ../scss/screen.scss */
.maingrid .detail_right span.saison {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 17px 0px 16px 0px;
  padding: 1.7rem 0rem 1.6rem 0rem;
  width: 32px;
  width: 3.2rem;
  margin-right: 1px;
  margin-right: 0.1rem;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
/* line 4091, ../scss/screen.scss */
.maingrid .detail_right span.saison.single {
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 50px;
  width: 5rem;
}
/* line 4095, ../scss/screen.scss */
.maingrid .detail_right span.saison:first-child {
  -moz-border-radius-topleft: 1.5625em;
  -webkit-border-top-left-radius: 1.5625em;
  border-top-left-radius: 1.5625em;
  -moz-border-radius-bottomleft: 1.5625em;
  -webkit-border-bottom-left-radius: 1.5625em;
  border-bottom-left-radius: 1.5625em;
  padding-left: 3px;
  padding-left: 0.3rem;
}
/* line 4100, ../scss/screen.scss */
.maingrid .detail_right span.saison:last-child {
  -moz-border-radius-topright: 1.5625em;
  -webkit-border-top-right-radius: 1.5625em;
  border-top-right-radius: 1.5625em;
  -moz-border-radius-bottomright: 1.5625em;
  -webkit-border-bottom-right-radius: 1.5625em;
  border-bottom-right-radius: 1.5625em;
  margin-right: 0px;
  margin-right: 0rem;
}
/* line 4106, ../scss/screen.scss */
.maingrid .detail_right .overviewmapcontainer {
  padding: 20px;
  padding: 2rem;
}
/* line 4108, ../scss/screen.scss */
.maingrid .detail_right .overviewmapcontainer .overviewmap {
  position: relative;
  width: 243px;
  height: 294px;
  margin-left: 90px;
  margin-top: 20px;
}
/* line 4114, ../scss/screen.scss */
.maingrid .detail_right .overviewmapcontainer .overviewmap .target {
  position: absolute;
  border-radius: 14px;
  border: 2px solid #000000;
  width: 28px;
  height: 28px;
}
/* line 4121, ../scss/screen.scss */
.maingrid .detail_right .overviewmapcontainer .overviewmap .label {
  text-align: center;
  width: 200px;
  position: absolute;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 33.6875em) {
  /* line 4132, ../scss/screen.scss */
  .maingrid .tilescontainer-shop {
    margin-top: 22px;
    margin-top: 2.2rem;
  }
}
/* line 4136, ../scss/screen.scss */
.maingrid .shop_left, .maingrid .shop_right {
  padding: 50px 0px 150px 0px;
  padding: 5rem 0rem 15rem 0rem;
  overflow: hidden;
  *zoom: 1;
}
/* line 4140, ../scss/screen.scss */
.maingrid .shop_left {
  width: 47.4359%;
  float: left;
  margin-right: 5.12821%;
}
/* line 4143, ../scss/screen.scss */
.maingrid .shop_right {
  width: 47.4359%;
  float: right;
  margin-right: 0;
}
/* line 4145, ../scss/screen.scss */
.maingrid .shop_right h1 {
  color: #145396;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem;
  padding: 0px 0px 30px 0px;
  padding: 0rem 0rem 3rem 0rem;
}
/* line 4151, ../scss/screen.scss */
.maingrid .shop_right p {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding: 0px 0px 30px 0px;
  padding: 0rem 0rem 3rem 0rem;
  color: #646464;
}
/* line 4157, ../scss/screen.scss */
.maingrid .shop_right p.price {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 39px;
  line-height: 3.9rem;
  padding: 0px;
  padding: 0rem;
}
/* line 4162, ../scss/screen.scss */
.maingrid .shop_right p.price span.small {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 4167, ../scss/screen.scss */
.maingrid .shop_right p.shipping {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
  padding: 0px;
  padding: 0rem;
}
/* line 4173, ../scss/screen.scss */
.maingrid .shop_right .buttoncontainer {
  width: 100%;
  height: 60px;
  height: 6rem;
  padding: 50px 0px 0px 0px;
  padding: 5rem 0rem 0rem 0rem;
}
/* line 4177, ../scss/screen.scss */
.maingrid .shop_right .buttoncontainer input.amount {
  width: 50px;
  width: 5rem;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 50px;
  line-height: 5rem;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  margin: 0px 10px 0px 0px;
  margin: 0rem 1rem 0rem 0rem;
  float: left;
}
/* line 4188, ../scss/screen.scss */
.maingrid .shop_right .buttoncontainer a.button.right {
  float: left;
}
@media (max-width: 33.6875em) {
  /* line 4173, ../scss/screen.scss */
  .maingrid .shop_right .buttoncontainer {
    width: 100%;
    max-width: 280px;
    max-width: 28rem;
  }
  /* line 4194, ../scss/screen.scss */
  .maingrid .shop_right .buttoncontainer input.amount {
    width: 15%;
    float: left;
    margin-right: 4%;
  }
  /* line 4199, ../scss/screen.scss */
  .maingrid .shop_right .buttoncontainer a.button.right {
    width: 80%;
    float: left;
  }
}
@media (max-width: 63.9375em) {
  /* line 4208, ../scss/screen.scss */
  .maingrid .shop_left, .maingrid .shop_right {
    width: 100%;
    float: right;
    margin-right: 0;
  }
  /* line 4211, ../scss/screen.scss */
  .maingrid .shop_left {
    padding-bottom: 0;
    padding-top: 0;
  }
  /* line 4215, ../scss/screen.scss */
  .maingrid .shop_left .image img {
    max-width: 100%;
  }
}
@media (max-width: 33.6875em) {
  /* line 4232, ../scss/screen.scss */
  .maingrid .shop_left, .maingrid .shop_right {
    padding-left: 5%;
    padding-right: 5%;
  }
  /* line 4236, ../scss/screen.scss */
  .maingrid .shop_left {
    padding-top: 20px;
    padding-top: 2rem;
  }
}
/* line 4241, ../scss/screen.scss */
.maingrid .basketcontainer, .maingrid .checkoutcontainer, .maingrid .erlebnisfahrtcontainer {
  overflow: hidden;
  *zoom: 1;
  padding: 50px 0px 150px 0px;
  padding: 5rem 0rem 15rem 0rem;
  color: #333333;
}
/* line 4244, ../scss/screen.scss */
.maingrid .basketcontainer .header, .maingrid .checkoutcontainer .header, .maingrid .erlebnisfahrtcontainer .header {
  margin: 0;
}
/* line 4248, ../scss/screen.scss */
.maingrid .basketcontainer h1, .maingrid .checkoutcontainer h1, .maingrid .erlebnisfahrtcontainer h1 {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 50px;
  font-size: 5rem;
  line-height: 60px;
  line-height: 6rem;
  color: #145396;
}
@media (max-width: 33.6875em) {
  /* line 4248, ../scss/screen.scss */
  .maingrid .basketcontainer h1, .maingrid .checkoutcontainer h1, .maingrid .erlebnisfahrtcontainer h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
    line-height: 4rem;
    word-wrap: break-word;
  }
}
/* line 4259, ../scss/screen.scss */
.maingrid .basketcontainer div.message, .maingrid .checkoutcontainer div.message, .maingrid .erlebnisfahrtcontainer div.message {
  border-color: #b7cc6c;
  border-style: solid;
  border-width: 0.3rem;
  color: #8fad1a;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 35px 0px 0px 0px;
  margin: 3.5rem 0rem 0rem 0rem;
  padding: 20px;
  padding: 2rem;
  width: 100%;
}
/* line 4270, ../scss/screen.scss */
.maingrid .basketcontainer div.message p, .maingrid .checkoutcontainer div.message p, .maingrid .erlebnisfahrtcontainer div.message p {
  padding: 0;
}
/* line 4273, ../scss/screen.scss */
.maingrid .basketcontainer div.message a.continue, .maingrid .checkoutcontainer div.message a.continue, .maingrid .erlebnisfahrtcontainer div.message a.continue {
  float: right;
  color: #8fad1a;
  font-family: 'MarkWebPro-Bold', sans-serif;
  text-decoration: underline;
}
/* line 4278, ../scss/screen.scss */
.maingrid .basketcontainer div.message a.continue:hover, .maingrid .checkoutcontainer div.message a.continue:hover, .maingrid .erlebnisfahrtcontainer div.message a.continue:hover {
  color: #b7cc6c;
}
/* line 4283, ../scss/screen.scss */
.maingrid .basketcontainer .left, .maingrid .basketcontainer .right, .maingrid .checkoutcontainer .left, .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .left, .maingrid .erlebnisfahrtcontainer .right {
  margin: 50px 0px 150px 0px;
  margin: 5rem 0rem 15rem 0rem;
  overflow: hidden;
  *zoom: 1;
  color: #333333;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
/* line 4290, ../scss/screen.scss */
.maingrid .basketcontainer .left p.separator, .maingrid .basketcontainer .right p.separator, .maingrid .checkoutcontainer .left p.separator, .maingrid .checkoutcontainer .right p.separator, .maingrid .erlebnisfahrtcontainer .left p.separator, .maingrid .erlebnisfahrtcontainer .right p.separator {
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem;
  border-bottom: 1px solid #E6E5DE;
  overflow: hidden;
  *zoom: 1;
}
/* line 4295, ../scss/screen.scss */
.maingrid .basketcontainer .left p.small, .maingrid .basketcontainer .right p.small, .maingrid .checkoutcontainer .left p.small, .maingrid .checkoutcontainer .right p.small, .maingrid .erlebnisfahrtcontainer .left p.small, .maingrid .erlebnisfahrtcontainer .right p.small {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
}
@media (max-width: 63.9375em) {
  /* line 4283, ../scss/screen.scss */
  .maingrid .basketcontainer .left, .maingrid .basketcontainer .right, .maingrid .checkoutcontainer .left, .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .left, .maingrid .erlebnisfahrtcontainer .right {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* line 4305, ../scss/screen.scss */
.maingrid .basketcontainer .left, .maingrid .checkoutcontainer .left, .maingrid .erlebnisfahrtcontainer .left {
  width: 55.32051%;
  float: left;
  margin-right: 5.12821%;
  padding: 40px 0px 40px 0px;
  padding: 4rem 0rem 4rem 0rem;
}
/* line 4308, ../scss/screen.scss */
.maingrid .basketcontainer .left .image, .maingrid .basketcontainer .left .title, .maingrid .basketcontainer .left .price, .maingrid .basketcontainer .left .amount, .maingrid .basketcontainer .left .subtotal, .maingrid .basketcontainer .left .remove, .maingrid .checkoutcontainer .left .image, .maingrid .checkoutcontainer .left .title, .maingrid .checkoutcontainer .left .price, .maingrid .checkoutcontainer .left .amount, .maingrid .checkoutcontainer .left .subtotal, .maingrid .checkoutcontainer .left .remove, .maingrid .erlebnisfahrtcontainer .left .image, .maingrid .erlebnisfahrtcontainer .left .title, .maingrid .erlebnisfahrtcontainer .left .price, .maingrid .erlebnisfahrtcontainer .left .amount, .maingrid .erlebnisfahrtcontainer .left .subtotal, .maingrid .erlebnisfahrtcontainer .left .remove {
  float: left;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 4313, ../scss/screen.scss */
.maingrid .basketcontainer .left .image, .maingrid .checkoutcontainer .left .image, .maingrid .erlebnisfahrtcontainer .left .image {
  width: 19%;
}
/* line 4316, ../scss/screen.scss */
.maingrid .basketcontainer .left .title, .maingrid .checkoutcontainer .left .title, .maingrid .erlebnisfahrtcontainer .left .title {
  width: 28%;
}
/* line 4319, ../scss/screen.scss */
.maingrid .basketcontainer .left .price, .maingrid .checkoutcontainer .left .price, .maingrid .erlebnisfahrtcontainer .left .price {
  width: 18%;
  text-align: right;
  padding-right: 10px;
  padding-right: 1rem;
}
/* line 4324, ../scss/screen.scss */
.maingrid .basketcontainer .left div.amount, .maingrid .checkoutcontainer .left div.amount, .maingrid .erlebnisfahrtcontainer .left div.amount {
  width: 10%;
}
/* line 4327, ../scss/screen.scss */
.maingrid .basketcontainer .left .subtotal, .maingrid .checkoutcontainer .left .subtotal, .maingrid .erlebnisfahrtcontainer .left .subtotal {
  width: 19%;
  text-align: right;
}
/* line 4331, ../scss/screen.scss */
.maingrid .basketcontainer .left .remove, .maingrid .checkoutcontainer .left .remove, .maingrid .erlebnisfahrtcontainer .left .remove {
  width: 6%;
  text-align: right;
}
/* line 4335, ../scss/screen.scss */
.maingrid .basketcontainer .left .row, .maingrid .checkoutcontainer .left .row, .maingrid .erlebnisfahrtcontainer .left .row {
  overflow: hidden;
  *zoom: 1;
}
/* line 4337, ../scss/screen.scss */
.maingrid .basketcontainer .left .row a.basketempty, .maingrid .checkoutcontainer .left .row a.basketempty, .maingrid .erlebnisfahrtcontainer .left .row a.basketempty {
  color: #333333;
  text-decoration: underline;
}
/* line 4340, ../scss/screen.scss */
.maingrid .basketcontainer .left .row a.basketempty:hover, .maingrid .checkoutcontainer .left .row a.basketempty:hover, .maingrid .erlebnisfahrtcontainer .left .row a.basketempty:hover {
  color: #9E9E94;
}
/* line 4347, ../scss/screen.scss */
.maingrid .basketcontainer .left .row p.valign, .maingrid .checkoutcontainer .left .row p.valign, .maingrid .erlebnisfahrtcontainer .left .row p.valign {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  text-align: right;
}
/* line 4355, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .image, .maingrid .checkoutcontainer .left .row .image, .maingrid .erlebnisfahrtcontainer .left .row .image {
  height: 90px;
  height: 9rem;
}
/* line 4357, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .image .helper, .maingrid .checkoutcontainer .left .row .image .helper, .maingrid .erlebnisfahrtcontainer .left .row .image .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 4362, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .image img, .maingrid .checkoutcontainer .left .row .image img, .maingrid .erlebnisfahrtcontainer .left .row .image img {
  vertical-align: middle;
  max-height: 90px;
  max-height: 9rem;
  max-width: 90px;
  max-width: 9rem;
}
/* line 4368, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .title, .maingrid .checkoutcontainer .left .row .title, .maingrid .erlebnisfahrtcontainer .left .row .title {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  min-height: 90px;
  min-height: 9rem;
  position: relative;
}
/* line 4374, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .title p, .maingrid .checkoutcontainer .left .row .title p, .maingrid .erlebnisfahrtcontainer .left .row .title p {
  text-align: left;
  padding-right: 20px;
  padding-right: 2rem;
}
/* line 4379, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .price, .maingrid .checkoutcontainer .left .row .price, .maingrid .erlebnisfahrtcontainer .left .row .price {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  min-height: 90px;
  min-height: 9rem;
  position: relative;
}
/* line 4385, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .price p, .maingrid .checkoutcontainer .left .row .price p, .maingrid .erlebnisfahrtcontainer .left .row .price p {
  padding-right: 10px;
  padding-right: 1rem;
}
/* line 4389, ../scss/screen.scss */
.maingrid .basketcontainer .left .row div.amount, .maingrid .checkoutcontainer .left .row div.amount, .maingrid .erlebnisfahrtcontainer .left .row div.amount {
  text-align: right;
  min-height: 90px;
  min-height: 9rem;
  position: relative;
}
/* line 4393, ../scss/screen.scss */
.maingrid .basketcontainer .left .row div.amount input.amount, .maingrid .checkoutcontainer .left .row div.amount input.amount, .maingrid .erlebnisfahrtcontainer .left .row div.amount input.amount {
  width: 50px;
  width: 5rem;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 39px;
  line-height: 3.9rem;
  text-align: center;
}
/* line 4401, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .subtotal, .maingrid .checkoutcontainer .left .row .subtotal, .maingrid .erlebnisfahrtcontainer .left .row .subtotal {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  min-height: 90px;
  min-height: 9rem;
  position: relative;
}
/* line 4407, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .subtotal span, .maingrid .checkoutcontainer .left .row .subtotal span, .maingrid .erlebnisfahrtcontainer .left .row .subtotal span {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16px;
  line-height: 1.6rem;
}
/* line 4412, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .remove, .maingrid .checkoutcontainer .left .row .remove, .maingrid .erlebnisfahrtcontainer .left .row .remove {
  min-height: 90px;
  min-height: 9rem;
  position: relative;
}
/* line 4415, ../scss/screen.scss */
.maingrid .basketcontainer .left .row .remove a, .maingrid .checkoutcontainer .left .row .remove a, .maingrid .erlebnisfahrtcontainer .left .row .remove a {
  font-family: 'MarkWebPro-Light', sans-serif;
  color: #333333;
}
/* line 4421, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest, .maingrid .checkoutcontainer .left.contest, .maingrid .erlebnisfahrtcontainer .left.contest {
  padding: 0px 0px 40px 0px;
  padding: 0rem 0rem 4rem 0rem;
}
/* line 4424, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .txt h2, .maingrid .checkoutcontainer .left.contest .txt h2, .maingrid .erlebnisfahrtcontainer .left.contest .txt h2 {
  font-family: "MarkWebPro-Light";
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #289CD6;
}
/* line 4430, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .txt p, .maingrid .basketcontainer .left.contest .txt label, .maingrid .checkoutcontainer .left.contest .txt p, .maingrid .checkoutcontainer .left.contest .txt label, .maingrid .erlebnisfahrtcontainer .left.contest .txt p, .maingrid .erlebnisfahrtcontainer .left.contest .txt label {
  font-family: "MarkWebPro-Light";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding: 10px 0px 40px 0px;
  padding: 1rem 0rem 4rem 0rem;
}
/* line 4436, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .txt .input, .maingrid .checkoutcontainer .left.contest .txt .input, .maingrid .erlebnisfahrtcontainer .left.contest .txt .input {
  overflow: hidden;
  *zoom: 1;
}
/* line 4439, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .txt fieldset.answer, .maingrid .checkoutcontainer .left.contest .txt fieldset.answer, .maingrid .erlebnisfahrtcontainer .left.contest .txt fieldset.answer {
  border: none;
}
/* line 4441, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .txt fieldset.answer.error, .maingrid .checkoutcontainer .left.contest .txt fieldset.answer.error, .maingrid .erlebnisfahrtcontainer .left.contest .txt fieldset.answer.error {
  border: 1px solid #FF0000;
}
/* line 4446, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .buttoncontainer, .maingrid .checkoutcontainer .left.contest .buttoncontainer, .maingrid .erlebnisfahrtcontainer .left.contest .buttoncontainer {
  height: 70px;
  height: 7rem;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
}
/* line 4450, ../scss/screen.scss */
.maingrid .basketcontainer .left.contest .buttoncontainer a.button.contest, .maingrid .checkoutcontainer .left.contest .buttoncontainer a.button.contest, .maingrid .erlebnisfahrtcontainer .left.contest .buttoncontainer a.button.contest {
  padding: 13px 80px 11px 80px;
  padding: 1.3rem 8rem 1.1rem 8rem;
}
@media (max-width: 63.9375em) {
  /* line 4305, ../scss/screen.scss */
  .maingrid .basketcontainer .left, .maingrid .checkoutcontainer .left, .maingrid .erlebnisfahrtcontainer .left {
    padding-bottom: 20px;
    padding-bottom: 2rem;
  }
}
/* line 4459, ../scss/screen.scss */
.maingrid .basketcontainer .right, .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .right {
  width: 39.55128%;
  float: right;
  margin-right: 0;
  background-color: #F2F1EA;
  padding: 40px;
  padding: 4rem;
}
/* line 4463, ../scss/screen.scss */
.maingrid .basketcontainer .right .sumleft, .maingrid .checkoutcontainer .right .sumleft, .maingrid .erlebnisfahrtcontainer .right .sumleft {
  width: 50%;
  float: left;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
}
/* line 4470, ../scss/screen.scss */
.maingrid .basketcontainer .right .sumright, .maingrid .checkoutcontainer .right .sumright, .maingrid .erlebnisfahrtcontainer .right .sumright {
  width: 50%;
  float: right;
  text-align: right;
}
/* line 4474, ../scss/screen.scss */
.maingrid .basketcontainer .right .sumright p.amount, .maingrid .checkoutcontainer .right .sumright p.amount, .maingrid .erlebnisfahrtcontainer .right .sumright p.amount {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 19px;
  line-height: 1.9rem;
}
/* line 4480, ../scss/screen.scss */
.maingrid .basketcontainer .right .sum, .maingrid .checkoutcontainer .right .sum, .maingrid .erlebnisfahrtcontainer .right .sum {
  overflow: hidden;
  *zoom: 1;
  padding: 5px 0px 5px 0px;
  padding: 0.5rem 0rem 0.5rem 0rem;
}
/* line 4484, ../scss/screen.scss */
.maingrid .basketcontainer .right .totalsum, .maingrid .checkoutcontainer .right .totalsum, .maingrid .erlebnisfahrtcontainer .right .totalsum {
  overflow: hidden;
  *zoom: 1;
  padding: 10px 0px 20px 0px;
  padding: 1rem 0rem 2rem 0rem;
}
/* line 4487, ../scss/screen.scss */
.maingrid .basketcontainer .right .totalsum .sumleft, .maingrid .checkoutcontainer .right .totalsum .sumleft, .maingrid .erlebnisfahrtcontainer .right .totalsum .sumleft {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 39px;
  line-height: 3.9rem;
}
/* line 4492, ../scss/screen.scss */
.maingrid .basketcontainer .right .totalsum .sumright p.totalamount, .maingrid .checkoutcontainer .right .totalsum .sumright p.totalamount, .maingrid .erlebnisfahrtcontainer .right .totalsum .sumright p.totalamount {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 39px;
  line-height: 3.9rem;
}
/* line 4497, ../scss/screen.scss */
.maingrid .basketcontainer .right .totalsum .sumright p.tax, .maingrid .checkoutcontainer .right .totalsum .sumright p.tax, .maingrid .erlebnisfahrtcontainer .right .totalsum .sumright p.tax {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
}
/* line 4505, ../scss/screen.scss */
.maingrid .basketcontainer .right .small.space, .maingrid .checkoutcontainer .right .small.space, .maingrid .erlebnisfahrtcontainer .right .small.space {
  padding-bottom: 40px;
  padding-bottom: 4rem;
}
/* line 4509, ../scss/screen.scss */
.maingrid .basketcontainer .right .buttoncontainer, .maingrid .checkoutcontainer .right .buttoncontainer, .maingrid .erlebnisfahrtcontainer .right .buttoncontainer {
  height: 54px;
  height: 5.4rem;
  overflow: hidden;
  *zoom: 1;
  height: auto;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
/* line 4517, ../scss/screen.scss */
.maingrid .basketcontainer .right .buttoncontainer .button, .maingrid .checkoutcontainer .right .buttoncontainer .button, .maingrid .erlebnisfahrtcontainer .right .buttoncontainer .button {
  width: 100%;
  max-width: 300px;
  max-width: 30rem;
}
@media (max-width: 33.6875em) {
  /* line 4525, ../scss/screen.scss */
  .maingrid .basketcontainer .header {
    display: none;
  }
}
/* line 4531, ../scss/screen.scss */
.maingrid .checkoutcontainer h1.spacer, .maingrid .erlebnisfahrtcontainer h1.spacer {
  padding-bottom: 40px;
  padding-bottom: 4rem;
}
/* line 4534, ../scss/screen.scss */
.maingrid .checkoutcontainer h2, .maingrid .erlebnisfahrtcontainer h2 {
  word-wrap: break-word;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
/* line 4541, ../scss/screen.scss */
.maingrid .checkoutcontainer h3, .maingrid .erlebnisfahrtcontainer h3 {
  font-family: "MarkWebPro-Light";
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  color: #289CD6;
  padding-top: 60px;
  padding-top: 6rem;
}
/* line 4548, ../scss/screen.scss */
.maingrid .checkoutcontainer p, .maingrid .erlebnisfahrtcontainer p {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 2rem 0rem;
}
/* line 4552, ../scss/screen.scss */
.maingrid .checkoutcontainer .left p, .maingrid .erlebnisfahrtcontainer .left p {
  padding: 0;
}
/* line 4556, ../scss/screen.scss */
.maingrid .checkoutcontainer .left label span.light, .maingrid .erlebnisfahrtcontainer .left label span.light {
  color: #CCCCCC;
}
/* line 4559, ../scss/screen.scss */
.maingrid .checkoutcontainer .left label.error, .maingrid .erlebnisfahrtcontainer .left label.error {
  color: #FF0000;
}
/* line 4563, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.select, .maingrid .erlebnisfahrtcontainer .left div.select {
  padding: 2px 0px 27px 0px;
  padding: 0.2rem 0rem 2.7rem 0rem;
}
/* line 4565, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.select p, .maingrid .erlebnisfahrtcontainer .left div.select p {
  display: inline-block;
}
/* line 4569, ../scss/screen.scss */
.maingrid .checkoutcontainer .left input, .maingrid .erlebnisfahrtcontainer .left input {
  width: 455px;
  width: 45.5rem;
  margin: 2px 0px 27px 0px;
  margin: 0.2rem 0rem 2.7rem 0rem;
}
/* line 4572, ../scss/screen.scss */
.maingrid .checkoutcontainer .left input.zip, .maingrid .erlebnisfahrtcontainer .left input.zip {
  width: 100px;
  width: 10rem;
}
/* line 4575, ../scss/screen.scss */
.maingrid .checkoutcontainer .left input.place, .maingrid .erlebnisfahrtcontainer .left input.place {
  width: 350px;
  width: 35rem;
}
@media (max-width: 33.6875em) {
  /* line 4569, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left input, .maingrid .erlebnisfahrtcontainer .left input {
    width: 100%;
  }
  /* line 4580, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left input.place, .maingrid .erlebnisfahrtcontainer .left input.place {
    width: 100%;
  }
}
@media (max-width: 33.6875em) {
  /* line 4586, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left .select p, .maingrid .erlebnisfahrtcontainer .left .select p {
    width: 100%;
  }
}
/* line 4591, ../scss/screen.scss */
.maingrid .checkoutcontainer .left select, .maingrid .erlebnisfahrtcontainer .left select {
  width: 455px;
  width: 45.5rem;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}
/* line 4595, ../scss/screen.scss */
.maingrid .checkoutcontainer .left select:hover, .maingrid .checkoutcontainer .left select:focus, .maingrid .erlebnisfahrtcontainer .left select:hover, .maingrid .erlebnisfahrtcontainer .left select:focus {
  border-color: #4f4f4f;
}
/* line 4598, ../scss/screen.scss */
.maingrid .checkoutcontainer .left select.error, .maingrid .erlebnisfahrtcontainer .left select.error {
  border-color: #FF0000;
}
@media (max-width: 33.6875em) {
  /* line 4591, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left select, .maingrid .erlebnisfahrtcontainer .left select {
    width: 100%;
  }
}
/* line 4605, ../scss/screen.scss */
.maingrid .checkoutcontainer .left textarea, .maingrid .erlebnisfahrtcontainer .left textarea {
  width: 455px;
  width: 45.5rem;
  height: 100px;
  height: 10rem;
  margin: 2px 0px 27px 0px;
  margin: 0.2rem 0rem 2.7rem 0rem;
  border: solid 1px #ededed;
  resize: none;
}
/* line 4611, ../scss/screen.scss */
.maingrid .checkoutcontainer .left textarea:hover, .maingrid .checkoutcontainer .left textarea:focus, .maingrid .erlebnisfahrtcontainer .left textarea:hover, .maingrid .erlebnisfahrtcontainer .left textarea:focus {
  border-color: #4f4f4f;
}
@media (max-width: 33.6875em) {
  /* line 4605, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left textarea, .maingrid .erlebnisfahrtcontainer .left textarea {
    width: 100%;
  }
}
/* line 4618, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.newsletter, .maingrid .erlebnisfahrtcontainer .left div.newsletter {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 30px;
  padding-bottom: 3rem;
}
/* line 4621, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.newsletter div.chboxnewsletter, .maingrid .erlebnisfahrtcontainer .left div.newsletter div.chboxnewsletter {
  width: 4%;
  margin: 0px 3px 0px 0px;
  margin: 0rem 0.3rem 0rem 0rem;
  float: left;
}
/* line 4625, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.newsletter div.chboxnewsletter.error, .maingrid .erlebnisfahrtcontainer .left div.newsletter div.chboxnewsletter.error {
  border: 1px solid #FF0000;
}
/* line 4629, ../scss/screen.scss */
.maingrid .checkoutcontainer .left div.newsletter div.label, .maingrid .erlebnisfahrtcontainer .left div.newsletter div.label {
  width: 50%;
  float: left;
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
@media (max-width: 33.6875em) {
  /* line 4629, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left div.newsletter div.label, .maingrid .erlebnisfahrtcontainer .left div.newsletter div.label {
    width: 80%;
    margin-left: 3%;
  }
}
/* line 4642, ../scss/screen.scss */
.maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .right {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
/* line 4643, ../scss/screen.scss */
.maingrid .checkoutcontainer .right p, .maingrid .erlebnisfahrtcontainer .right p {
  padding: 0;
}
/* line 4649, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .sum, .maingrid .erlebnisfahrtcontainer .right .sum {
  padding: 0px;
  padding: 0rem;
}
/* line 4652, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .item, .maingrid .erlebnisfahrtcontainer .right .item {
  overflow: hidden;
  *zoom: 1;
  padding: 9px 0px 9px 0px;
  padding: 0.9rem 0rem 0.9rem 0rem;
  height: 47px;
  height: 4.7rem;
}
/* line 4656, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .item .itemleft, .maingrid .erlebnisfahrtcontainer .right .item .itemleft {
  width: 65%;
  float: left;
}
/* line 4659, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .item .itemleft span.small, .maingrid .erlebnisfahrtcontainer .right .item .itemleft span.small {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
/* line 4665, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .item .itemright, .maingrid .erlebnisfahrtcontainer .right .item .itemright {
  width: 35%;
  float: right;
  text-align: right;
}
/* line 4669, ../scss/screen.scss */
.maingrid .checkoutcontainer .right .item .itemright span, .maingrid .erlebnisfahrtcontainer .right .item .itemright span {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 16px;
  line-height: 1.6rem;
}
/* line 4676, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb, .maingrid .erlebnisfahrtcontainer .right div.agb {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 30px;
  padding-bottom: 3rem;
}
/* line 4679, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb div.chboxagb, .maingrid .erlebnisfahrtcontainer .right div.agb div.chboxagb {
  width: 7%;
  margin: 0px 3px 0px 0px;
  margin: 0rem 0.3rem 0rem 0rem;
  float: left;
}
/* line 4683, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb div.chboxagb.error, .maingrid .erlebnisfahrtcontainer .right div.agb div.chboxagb.error {
  border: 1px solid #FF0000;
}
/* line 4687, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb div.label, .maingrid .erlebnisfahrtcontainer .right div.agb div.label {
  width: 90%;
  float: left;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
/* line 4693, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb div.label a, .maingrid .erlebnisfahrtcontainer .right div.agb div.label a {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
  color: #333333;
}
/* line 4698, ../scss/screen.scss */
.maingrid .checkoutcontainer .right div.agb div.label a.error, .maingrid .erlebnisfahrtcontainer .right div.agb div.label a.error {
  color: #FF0000;
}
@media (max-width: 33.6875em) {
  /* line 4687, ../scss/screen.scss */
  .maingrid .checkoutcontainer .right div.agb div.label, .maingrid .erlebnisfahrtcontainer .right div.agb div.label {
    width: 80%;
    margin-left: 3%;
  }
}
/* line 4710, ../scss/screen.scss */
.maingrid .checkoutcontainer, .maingrid .erlebnisfahrtcontainer {
  padding: 50px 0px 80px 0px;
  padding: 5rem 0rem 8rem 0rem;
}
@media (max-width: 63.9375em) {
  /* line 4713, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left, .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .left, .maingrid .erlebnisfahrtcontainer .right {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9375em) {
  /* line 4710, ../scss/screen.scss */
  .maingrid .checkoutcontainer, .maingrid .erlebnisfahrtcontainer {
    padding-top: 20px;
    padding-top: 2rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 4710, ../scss/screen.scss */
  .maingrid .checkoutcontainer, .maingrid .erlebnisfahrtcontainer {
    padding-top: 50px;
    padding-top: 5rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 4710, ../scss/screen.scss */
  .maingrid .checkoutcontainer, .maingrid .erlebnisfahrtcontainer {
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }
  /* line 4730, ../scss/screen.scss */
  .maingrid .checkoutcontainer .left, .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .left, .maingrid .erlebnisfahrtcontainer .right {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 4734, ../scss/screen.scss */
  .maingrid .checkoutcontainer .right, .maingrid .erlebnisfahrtcontainer .right {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}
@media (max-width: 63.9375em) {
  /* line 4742, ../scss/screen.scss */
  .maingrid .basketcontainer .left, .maingrid .basketcontainer .right {
    width: 100%;
    float: right;
    margin-right: 0;
  }
  /* line 4745, ../scss/screen.scss */
  .maingrid .basketcontainer .left {
    margin-bottom: 0;
  }
  /* line 4748, ../scss/screen.scss */
  .maingrid .basketcontainer .right {
    margin-top: 0;
  }
}
@media (max-width: 33.6875em) {
  /* line 4740, ../scss/screen.scss */
  .maingrid .basketcontainer {
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }
  /* line 4757, ../scss/screen.scss */
  .maingrid .basketcontainer .left, .maingrid .basketcontainer .right {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 4761, ../scss/screen.scss */
  .maingrid .basketcontainer .right {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}
/* line 4765, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .image {
  width: 30%;
}
/* line 4769, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform img {
  width: 64px;
  height: 90px;
}
/* line 4774, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .title {
  width: 65%;
}
/* line 4778, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .amount {
  width: 50px;
  width: 5rem;
  margin-right: 10px;
  margin-right: 1rem;
}
/* line 4783, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .price {
  clear: left;
  width: 30%;
}
/* line 4787, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .price p {
  text-align: left;
}
/* line 4790, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .image, .maingrid .basketcontainer #updatebasketform .title {
  margin-bottom: 0.5em;
}
/* line 4794, ../scss/screen.scss */
.maingrid .basketcontainer #updatebasketform .subtotal {
  width: 30%;
}
/* line 4801, ../scss/screen.scss */
.maingrid .erlebnisfahrtcontainer h3 {
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
/* line 4806, ../scss/screen.scss */
.maingrid .erlebnisfahrtcontainer .left .row input {
  margin: 0;
}
/* line 4809, ../scss/screen.scss */
.maingrid .erlebnisfahrtcontainer .left .row .title {
  width: 71%;
}
/* line 4812, ../scss/screen.scss */
.maingrid .erlebnisfahrtcontainer .left .row.last {
  padding: 0px 0px 80px 0px;
  padding: 0rem 0rem 8rem 0rem;
}
/* line 4818, ../scss/screen.scss */
.maingrid .erlebnisfahrtcontainer .right p.light {
  font-family: 'MarkWebPro-Light', sans-serif;
}
/* line 4824, ../scss/screen.scss */
.maingrid .media_container {
  width: 100%;
  float: right;
  margin-right: 0;
  height: auto;
  margin-top: 50px;
  margin-top: 5rem;
  overflow: hidden;
  *zoom: 1;
}
/* line 4826, ../scss/screen.scss */
.maingrid .media_container .media_container_in {
  width: 100%;
  padding-bottom: 44%;
  position: relative;
}
/* line 4836, ../scss/screen.scss */
.maingrid .media_container .toolbox {
  position: absolute;
  width: 40px;
  width: 4rem;
  height: 100%;
  float: none;
  background-color: #E6E5DE;
  margin: 0;
}
/* line 4843, ../scss/screen.scss */
.maingrid .media_container .toolbox .tool {
  height: 50%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 210px;
  line-height: 21rem;
  text-align: center;
  background-color: #E6E5DE;
  color: #646464;
  cursor: pointer;
  position: relative;
}
/* line 4852, ../scss/screen.scss */
.maingrid .media_container .toolbox .tool:hover {
  background-color: #1863B3;
  color: #FFFFFF;
}
/* line 4856, ../scss/screen.scss */
.maingrid .media_container .toolbox .tool i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-top: -0.6rem;
  margin-left: -10px;
  margin-left: -1rem;
  padding: 0;
}
/* line 4865, ../scss/screen.scss */
.maingrid .media_container .toolbox .tool.active {
  background-color: #145396;
  color: #FFFFFF;
}
/* line 4870, ../scss/screen.scss */
.maingrid .media_container .content {
  position: absolute;
  left: 40px;
  left: 4rem;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
/* line 4881, ../scss/screen.scss */
.maingrid .media_container .content #content-map {
  display: none;
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-bottom: 44%;
}
/* line 4883, ../scss/screen.scss */
.maingrid .media_container .content #content-map.active {
  display: block;
}
/* line 4892, ../scss/screen.scss */
.maingrid .media_container .content #content-map iframe, .maingrid .media_container .content #content-map #outdooractive-map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* line 4901, ../scss/screen.scss */
.maingrid .media_container .content .slideshow {
  display: none;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #666;
        /*
         #slider {
          }
          #home-slider img,
          #home-slider div,
          #slider img,
          #slider div {
            //display: none;
          }

          div.slider-nav {
             display: block;
          }

         div.slider-nav span {
           width: 78px;
           height: 100px;
           //text-indent: -9999px;
           position: absolute;
           z-index: 120;
           top: 50%;
           margin-top: -35px;
           cursor: pointer;
           background: $grey-dark;
         }

         div.slider-nav span.right {
           width: 34px;
           height: 68px;
           padding: 0 !important;
           right: 0;
         }

         div.slider-nav span.left {
           width: 34px;
           height: 68px;
           padding: 0 !important;
           left: 0;
         }
        */
}
/* line 4903, ../scss/screen.scss */
.maingrid .media_container .content .slideshow.active {
  display: block;
}
/* line 4954, ../scss/screen.scss */
.maingrid .media_container .content #slider img, .maingrid .media_container .content #slider div.lazy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  left: 0;
}
/* line 4965, ../scss/screen.scss */
.maingrid .additional_info_container {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-top: 50px;
  margin-top: 5rem;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}
@media (max-width: 47.9375em) {
  /* line 4965, ../scss/screen.scss */
  .maingrid .additional_info_container {
    margin-top: 40px;
    margin-top: 4rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 4965, ../scss/screen.scss */
  .maingrid .additional_info_container {
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
  }
}
/* line 4976, ../scss/screen.scss */
.maingrid .additional_info_container .contact, .maingrid .additional_info_container .facts, .maingrid .additional_info_container .arrival, .maingrid .additional_info_container .dates, .maingrid .additional_info_container .agendafacts {
  width: 31.216%;
  margin-right: 3.176%;
  float: left;
  border-top: 1px solid #289CD6;
}
@media (max-width: 47.9375em) {
  /* line 4976, ../scss/screen.scss */
  .maingrid .additional_info_container .contact, .maingrid .additional_info_container .facts, .maingrid .additional_info_container .arrival, .maingrid .additional_info_container .dates, .maingrid .additional_info_container .agendafacts {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}
/* line 4988, ../scss/screen.scss */
.maingrid .additional_info_container .contact p, .maingrid .additional_info_container .facts p, .maingrid .additional_info_container .arrival p, .maingrid .additional_info_container .dates p, .maingrid .additional_info_container .agendafacts p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  word-wrap: break-word;
}
/* line 4994, ../scss/screen.scss */
.maingrid .additional_info_container .contact .date, .maingrid .additional_info_container .facts .date, .maingrid .additional_info_container .arrival .date, .maingrid .additional_info_container .dates .date, .maingrid .additional_info_container .agendafacts .date {
  font-family: 'MarkWebPro-Bold', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9E9E94;
  display: block;
}
/* line 5000, ../scss/screen.scss */
.maingrid .additional_info_container .contact .time, .maingrid .additional_info_container .facts .time, .maingrid .additional_info_container .arrival .time, .maingrid .additional_info_container .dates .time, .maingrid .additional_info_container .agendafacts .time {
  font-size: 12px;
  font-size: 1.2rem;
  color: #9E9E94;
  display: block;
}
/* line 5005, ../scss/screen.scss */
.maingrid .additional_info_container .contact h3, .maingrid .additional_info_container .facts h3, .maingrid .additional_info_container .arrival h3, .maingrid .additional_info_container .dates h3, .maingrid .additional_info_container .agendafacts h3 {
  font-family: 'MarkWebPro', sans-serif;
  color: #289CD6;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  padding-top: 15px;
  padding-top: 1.5rem;
}
/* line 5014, ../scss/screen.scss */
.maingrid .additional_info_container .dates .time {
  line-height: 160%;
}
/* line 5018, ../scss/screen.scss */
.maingrid .additional_info_container .facts p, .maingrid .additional_info_container .arrival p, .maingrid .additional_info_container .dates p {
  vertical-align: top;
  padding-bottom: 6px;
  padding-bottom: 0.6rem;
}
/* line 5022, ../scss/screen.scss */
.maingrid .additional_info_container .facts p.supplementary, .maingrid .additional_info_container .arrival p.supplementary, .maingrid .additional_info_container .dates p.supplementary {
  padding-top: 6px;
  padding-top: 0.6rem;
}
/* line 5025, ../scss/screen.scss */
.maingrid .additional_info_container .facts p.label, .maingrid .additional_info_container .arrival p.label, .maingrid .additional_info_container .dates p.label {
  width: 37%;
  display: inline-block;
  margin-right: 3%;
}
/* line 5030, ../scss/screen.scss */
.maingrid .additional_info_container .facts p.txt, .maingrid .additional_info_container .arrival p.txt, .maingrid .additional_info_container .dates p.txt {
  width: 60%;
  display: inline-block;
}
/* line 5034, ../scss/screen.scss */
.maingrid .additional_info_container .facts .row, .maingrid .additional_info_container .arrival .row, .maingrid .additional_info_container .dates .row {
  border-bottom: 1px solid #E6E5DE;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
}
/* line 5039, ../scss/screen.scss */
.maingrid .additional_info_container .arrival, .maingrid .additional_info_container .agendafacts {
  margin-right: 0;
}
/* line 5043, ../scss/screen.scss */
.maingrid .shop_teaser_container {
  width: 100%;
  float: right;
  margin-right: 0;
  margin-top: 40px;
  margin-top: 4rem;
}
/* line 5047, ../scss/screen.scss */
.maingrid .shop_teaser_container h3 {
  border-top: 1px solid #289CD6;
  font-family: 'MarkWebPro', sans-serif;
  color: #289CD6;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding-bottom: 35px;
  padding-bottom: 3.5rem;
  padding-top: 15px;
  padding-top: 1.5rem;
}
/* line 5056, ../scss/screen.scss */
.maingrid .shop_teaser_container .buttoncontainer {
  margin-top: 30px;
  margin-top: 3rem;
  height: 100px;
  height: 10rem;
}
@media (max-width: 33.6875em) {
  /* line 5043, ../scss/screen.scss */
  .maingrid .shop_teaser_container {
    padding: 0px 20px;
    padding: 0rem 2rem;
  }
}
/* line 5065, ../scss/screen.scss */
.maingrid .detail-tabs {
  margin-top: 40px;
  margin-top: 4rem;
  display: none;
}
@media (max-width: 63.9375em) {
  /* line 5065, ../scss/screen.scss */
  .maingrid .detail-tabs {
    display: block;
  }
}
/* line 5072, ../scss/screen.scss */
.maingrid .tab {
  cursor: pointer;
  font-family: "MarkWebPro-Bold";
  color: #145396;
  background-color: #E6E5DE;
  display: block;
  width: 33.333%;
  float: left;
  border-left: 1px solid #CCCAC5;
  border-top: 1px solid #CCCAC5;
  border-bottom: 1px solid #CCCAC5;
  padding: 8px 20px;
  padding: 0.8rem 2rem;
}
/* line 5085, ../scss/screen.scss */
.maingrid .tab:hover {
  background-color: #FFFFFF;
}
/* line 5088, ../scss/screen.scss */
.maingrid .tab.tab-active {
  background-color: #FFFFFF;
  border-bottom: none;
}
@media (max-width: 63.9375em) {
  /* line 5094, ../scss/screen.scss */
  .maingrid .panel {
    display: none;
  }
  /* line 5096, ../scss/screen.scss */
  .maingrid .panel.panel-active {
    display: block;
  }
}
/* line 5102, ../scss/screen.scss */
.maingrid .page-block {
  padding-bottom: 60px;
  padding-bottom: 6rem;
}
/* line 5104, ../scss/screen.scss */
.maingrid .page-block h3 {
  font-family: 'MarkWebPro', sans-serif;
  color: #289CD6;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29px;
  line-height: 2.9rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  padding-top: 15px;
  padding-top: 1.5rem;
}
@media (max-width: 63.9375em) {
  /* line 5115, ../scss/screen.scss */
  .maingrid .tiles-single-row .last-4-cols {
    display: none;
  }
}

/* line 5125, ../scss/screen.scss */
.searchresultsearch {
  display: inline-block;
  margin-bottom: 80px;
  margin-bottom: 8rem;
}
@media (max-width: 33.6875em) {
  /* line 5125, ../scss/screen.scss */
  .searchresultsearch {
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 10px;
    margin-top: 1rem;
    margin-bottom: 0;
    width: 100%;
  }
  /* line 5134, ../scss/screen.scss */
  .searchresultsearch .inputfield {
    width: 100%;
    float: left;
    margin-right: -50px;
    margin-right: -5rem;
    padding-right: 50px;
    padding-right: 5rem;
  }
  /* line 5140, ../scss/screen.scss */
  .searchresultsearch .submit {
    float: left;
  }
}
/* line 5144, ../scss/screen.scss */
.searchresultsearch button.submit {
  background-color: #145396;
  color: #FFFFFF;
}

/* line 5150, ../scss/screen.scss */
.searchresultcontainer {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 80px;
  padding-bottom: 8rem;
}
/* line 5153, ../scss/screen.scss */
.searchresultcontainer h2 {
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #289CD6;
}
@media (max-width: 33.6875em) {
  /* line 5150, ../scss/screen.scss */
  .searchresultcontainer {
    padding-left: 5%;
    padding-right: 5%;
  }
}
/* line 5163, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap {
  position: relative;
}
/* line 5165, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap:hover {
  background-color: #E6E5DE;
}
/* line 5168, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap a.blocklink {
  border-bottom: 1px solid #bfbeb9;
  padding: 22px 0px 18px 0px;
  padding: 2.2rem 0rem 1.8rem 0rem;
  display: block;
}
/* line 5172, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap a.blocklink:hover {
  text-decoration: none;
  background-color: #E6E5DE;
}
@media (max-width: 33.6875em) {
  /* line 5177, ../scss/screen.scss */
  .searchresultcontainer .searchresults .blocklinkwrap a.blocklink p.title {
    line-height: 25px;
    line-height: 2.5rem;
    padding-right: 25px;
    padding-right: 2.5rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
  }
  /* line 5182, ../scss/screen.scss */
  .searchresultcontainer .searchresults .blocklinkwrap a.blocklink i {
    top: 25.5px;
    top: 2.55rem;
  }
}
/* line 5187, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap p.copy {
  color: #9E9E94;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
  width: 90%;
}
/* line 5193, ../scss/screen.scss */
.searchresultcontainer .searchresults .blocklinkwrap i {
  color: #9E9E94;
  position: absolute;
  top: 22px;
  top: 2.2rem;
  right: 0;
}
/* line 5201, ../scss/screen.scss */
.searchresultcontainer .searchpaging {
  margin: 80px 0px 300px 0px;
  margin: 8rem 0rem 30rem 0rem;
}
/* line 5203, ../scss/screen.scss */
.searchresultcontainer .searchpaging a, .searchresultcontainer .searchpaging span {
  display: block;
  float: left;
  border: none;
  text-align: center;
  margin-right: 8px;
  margin-right: 0.8rem;
  min-width: 35px;
  min-width: 3.5rem;
  min-height: 35px;
  min-height: 3.5rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px;
  line-height: 3.5rem;
}
/* line 5213, ../scss/screen.scss */
.searchresultcontainer .searchpaging a:hover, .searchresultcontainer .searchpaging span:hover {
  text-decoration: none;
  background-color: #E6E5DE;
}
/* line 5217, ../scss/screen.scss */
.searchresultcontainer .searchpaging a.active, .searchresultcontainer .searchpaging span.active {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #289CD6;
}
/* line 5222, ../scss/screen.scss */
.searchresultcontainer .searchpaging a.prev i, .searchresultcontainer .searchpaging span.prev i {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35px;
  line-height: 3.5rem;
  text-align: center;
}
/* line 5228, ../scss/screen.scss */
.searchresultcontainer .searchpaging a.next i, .searchresultcontainer .searchpaging span.next i {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35px;
  line-height: 3.5rem;
  text-align: center;
}
/* line 5236, ../scss/screen.scss */
.searchresultcontainer .searchpaging span {
  margin-left: -10px;
  margin-left: -1rem;
}

/* line 5245, ../scss/screen.scss */
.sitemapcontainer {
  background-color: #E6E5DE;
  width: 100%;
}

/* line 5250, ../scss/screen.scss */
.sitemapgrid {
  display: none;
}
@media (min-width: 47.9375em) {
  /* line 5250, ../scss/screen.scss */
  .sitemapgrid {
    display: block;
    word-wrap: break-word;
    max-width: 94.4rem;
    margin-left: auto;
    margin-right: auto;
    padding: 35px 45.44px 35px 45.44px;
    padding: 3.5rem 4.544rem 3.5rem 4.544rem;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .sitemapgrid:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 21, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/language/susy/_box-sizing.scss */
  .sitemapgrid *, .sitemapgrid *:before, .sitemapgrid *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 5260, ../scss/screen.scss */
  .sitemapgrid h4 {
    width: 65.54622%;
    float: left;
    margin-right: 3.36134%;
    padding: 0px 0px 0px 0px;
    padding: 0rem 0rem 0rem 0rem;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-family: 'Titillium', sans-serif;
  }
  /* line 5266, ../scss/screen.scss */
  .sitemapgrid h4.rtl {
    width: 65.54622%;
    float: right;
    margin-right: 0;
  }
  /* line 5270, ../scss/screen.scss */
  .sitemapgrid .toolbox {
    width: 31.09244%;
    float: right;
    margin-right: 0;
  }
  /* line 5272, ../scss/screen.scss */
  .sitemapgrid .toolbox .icon-sitemap-oeffnen:before, .sitemapgrid .toolbox .icon-sitemap-schliessen:before {
    font-size: 48px;
    font-size: 4.8rem;
    float: right;
  }
  /* line 5276, ../scss/screen.scss */
  .sitemapgrid .toolbox.rtl {
    width: 31.09244%;
    float: left;
    margin-right: 3.36134%;
  }
  /* line 5278, ../scss/screen.scss */
  .sitemapgrid .toolbox.rtl .icon-sitemap-oeffnen:before, .sitemapgrid .toolbox.rtl .icon-sitemap-schliessen:before {
    float: left;
    padding-left: 1px;
    padding-left: 0.1rem;
  }
  /* line 5290, ../scss/screen.scss */
  .sitemapgrid div.sitemap-dyncontent {
    display: none;
    width: 100%;
  }
  /* line 5294, ../scss/screen.scss */
  .sitemapgrid div.row {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-top: 50px;
    margin-top: 5rem;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 5300, ../scss/screen.scss */
  .sitemapgrid div.col {
    width: 13.86555%;
    float: left;
    margin-right: 3.36134%;
    vertical-align: middle;
  }
  /* line 5303, ../scss/screen.scss */
  .sitemapgrid div.col.last {
    width: 13.86555%;
    float: right;
    margin-right: 0;
  }
  /* line 5306, ../scss/screen.scss */
  .sitemapgrid div.col.rtl {
    float: right;
  }
  /* line 5309, ../scss/screen.scss */
  .sitemapgrid div.col li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding: 6px 0px 6px 0px;
    padding: 0.6rem 0rem 0.6rem 0rem;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    width: 100%;
    min-height: 26px;
    min-height: 2.6rem;
  }
  /* line 5318, ../scss/screen.scss */
  .sitemapgrid div.col li h5 {
    border-top: 1px solid #FFFFFF;
    font-family: "Titillium Bold";
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding: 6px 0px 0px 0px;
    padding: 0.6rem 0rem 0rem 0rem;
  }
  /* line 5325, ../scss/screen.scss */
  .sitemapgrid div.col li:hover {
    transition: all 0.2s ease-in-out 0s;
  }
  /* line 5329, ../scss/screen.scss */
  .sitemapgrid div.col li.rtl {
    float: right;
  }
  /* line 5333, ../scss/screen.scss */
  .sitemapgrid div.col li.title {
    padding: 0px 0px 6px 0px;
    padding: 0rem 0rem 0.6rem 0rem;
  }
}

/* line 5344, ../scss/screen.scss */
.footercontainer {
  background-color: #E6E5DE;
  width: 100%;
  z-index: 101;
}

/* line 5351, ../scss/screen.scss */
.footergrid {
  max-width: 94.4rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  *zoom: 1;
  font-size: 12px;
  font-size: 1.2rem;
  /*
  .eventshotels {
    @include span(8 of 8 last);
    @include rem-fallback(margin-top, 6); 
    h3 {
      @include font-size($fontsize-footer-h3);
      @include rem-fallback(margin-bottom, 2.6);
    }
    .events {
      @include span(4 of 8);
    }
    .hotel_rest {
      @include span(4 of 8 last);
      .hotel_rest_container {
        @include span(8 of 8 last);
        @include rem-fallback(margin-top, 4);
        margin: 0;
        @include clearfix;
        .toolbox {
          float: left;
          .tool {
            @include rem-fallback(width, 8);
            @include rem-fallback(height, 8);
            @include font-size(3.4);
            @include line-height(8);
            text-align: center;
            background-color: $blue-dark;
            color: white;
            cursor: pointer;
            &:hover {
              background-color: $blue-med;
            }
            i {
              @include center-block;
              @include rem-fallback(padding-top, 2.4);
            }
            &.active {
              background-color: $grey-med;
              color: $grey-verydark;
              cursor: default;
            }
          }
        }
        .content {
          float: left;
          @include rem-fallback(height, 40);
          width: calc(100% - 8rem);
          @include rem-fallback(padding, 3,2.4,3,2.4);
          display:block;
          background-color: $grey-med;
          .hotel {

          }
          .rest {
           display: none;
           position: relative;
          }
        }
      }
      
      
      
    }
  }*/
}
/* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.footergrid:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 21, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/language/susy/_box-sizing.scss */
.footergrid *, .footergrid *:before, .footergrid *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 5357, ../scss/screen.scss */
.footergrid .infoblock {
  color: #646464;
  border-top: 1px solid #CCCAC5;
  width: 21.15385%;
  float: left;
  margin-right: 5.12821%;
  padding: 15px 0px 12px 0px;
  padding: 1.5rem 0rem 1.2rem 0rem;
  margin-top: 30px;
  margin-top: 3rem;
}
/* line 5363, ../scss/screen.scss */
.footergrid .infoblock.last {
  width: 21.15385%;
  float: right;
  margin-right: 0;
}
/* line 5366, ../scss/screen.scss */
.footergrid .infoblock h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
  font-family: "MarkWebPro-Bold";
  padding-bottom: 13px;
  padding-bottom: 1.3rem;
}
/* line 5372, ../scss/screen.scss */
.footergrid .infoblock p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  line-height: 2.3rem;
  font-family: "MarkWebPro-Light";
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
/* line 5378, ../scss/screen.scss */
.footergrid .infoblock a {
  color: #646464;
}
/* line 5380, ../scss/screen.scss */
.footergrid .infoblock a:hover {
  color: #289CD6;
  text-decoration: none;
}
/* line 5384, ../scss/screen.scss */
.footergrid .infoblock a:visited {
  text-decoration: none;
}
/* line 5388, ../scss/screen.scss */
.footergrid .infoblock form {
  overflow: hidden;
  *zoom: 1;
}
/* line 5391, ../scss/screen.scss */
.footergrid .infoblock .inputcontainer {
  overflow: hidden;
}
/* line 5393, ../scss/screen.scss */
.footergrid .infoblock .inputcontainer .inputfield {
  width: 100%;
  margin: 0;
  padding: 0 0 1px 0;
}
/* line 5399, ../scss/screen.scss */
.footergrid .infoblock button.submit {
  border-width: 0;
  float: right;
}
/* line 5403, ../scss/screen.scss */
.footergrid .infoblock p.mcmessage {
  display: none;
  color: #8fad1a;
}
/* line 5406, ../scss/screen.scss */
.footergrid .infoblock p.mcmessage.error {
  color: red;
  margin-top: 20px;
  margin-top: 2rem;
}
/* line 5476, ../scss/screen.scss */
.footergrid .logosandtools {
  width: 100%;
  float: right;
  margin-right: 0;
  border-top: 1px solid #CCCAC5;
  border-bottom: 1px solid #CCCAC5;
  margin-top: 30px;
  margin-top: 3rem;
  padding-top: 10px;
  padding-top: 1rem;
  overflow: hidden;
  *zoom: 1;
}
/* line 5483, ../scss/screen.scss */
.footergrid .logosandtools .logos {
  width: 22.47899%;
  float: left;
  margin-right: 3.36134%;
  padding: 14px 0px 12px 0px;
  padding: 1.4rem 0rem 1.2rem 0rem;
}
/* line 5487, ../scss/screen.scss */
.footergrid .logosandtools .logos span.first {
  padding-right: 10px;
  padding-right: 1rem;
}
/* line 5492, ../scss/screen.scss */
.footergrid .logosandtools .partners {
  width: 31.09244%;
  float: left;
  margin-right: 3.36134%;
  padding: 15px 15px 15px 0px;
  padding: 1.5rem 1.5rem 1.5rem 0rem;
}
/* line 5493, ../scss/screen.scss */
.footergrid .logosandtools .partners .title {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  color: #646464;
}
/* line 5504, ../scss/screen.scss */
.footergrid .logosandtools .tools {
  width: 39.70588%;
  float: right;
  margin-right: 0;
  padding: 15px 0px 15px 0px;
  padding: 1.5rem 0rem 1.5rem 0rem;
}
/* line 5507, ../scss/screen.scss */
.footergrid .logosandtools .tools span {
  float: right;
  padding-right: 4px;
  padding-right: 0.4rem;
}
/* line 5510, ../scss/screen.scss */
.footergrid .logosandtools .tools span.last {
  padding-right: 0;
}
/* line 5514, ../scss/screen.scss */
.footergrid .logosandtools .tools a {
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  border-radius: 1.5625em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 26px;
  font-size: 2.6rem;
  padding: 13px 8px 11px 8px;
  padding: 1.3rem 0.8rem 1.1rem 0.8rem;
  text-align: center;
  width: 50px;
  width: 5rem;
  margin-right: 6px;
  margin-right: 0.6rem;
  border: 1px solid #E6E5DE;
  color: #646464;
  display: inline-block;
}
/* line 5524, ../scss/screen.scss */
.footergrid .logosandtools .tools a:hover {
  text-decoration: none;
  color: #000000;
  border: 1px solid #CCCAC5;
}
/* line 5532, ../scss/screen.scss */
.footergrid .cranddisc {
  width: 100%;
  float: right;
  margin-right: 0;
  padding: 14px 0px 20px 0px;
  padding: 1.4rem 0rem 2rem 0rem;
  font-family: "MarkWebPro-Light";
  color: #646464;
}
/* line 5537, ../scss/screen.scss */
.footergrid .cranddisc .cr {
  width: 20%;
  float: left;
  margin-right: 3%;
}
/* line 5542, ../scss/screen.scss */
.footergrid .cranddisc .disclaimer {
  width: 77%;
  float: left;
}
/* line 5545, ../scss/screen.scss */
.footergrid .cranddisc .disclaimer span {
  float: right;
  padding-right: 10px;
  padding-right: 1rem;
}
/* line 5548, ../scss/screen.scss */
.footergrid .cranddisc .disclaimer span.last {
  padding-right: 0;
}
/* line 5551, ../scss/screen.scss */
.footergrid .cranddisc .disclaimer span a {
  color: #646464;
}
/* line 5554, ../scss/screen.scss */
.footergrid .cranddisc .disclaimer span.s {
  color: #CCCAC5;
}
/* line 5562, ../scss/screen.scss */
.footergrid .footerlogo img {
  width: 280px;
  width: 28rem;
}
/* line 5566, ../scss/screen.scss */
.footergrid .footerlogo.ltr {
  float: left;
}
/* line 5569, ../scss/screen.scss */
.footergrid .footerlogo.rtl {
  float: right;
}
/* line 5572, ../scss/screen.scss */
.footergrid .footer-disclaimer {
  margin-top: 31px;
  margin-top: 3.1rem;
}
/* line 5575, ../scss/screen.scss */
.footergrid .footer-disclaimer.ltr {
  float: right;
}
/* line 5578, ../scss/screen.scss */
.footergrid .footer-disclaimer.rtl {
  float: left;
}
/* line 5581, ../scss/screen.scss */
.footergrid span.title {
  font-family: "Titillium Bold";
}
/* line 5584, ../scss/screen.scss */
.footergrid span.sep {
  color: #FFFFFF;
}
@media (min-width: 47.9375em) {
  /* line 5351, ../scss/screen.scss */
  .footergrid {
    padding: 30px 45.44px 30px 45.44px;
    padding: 3rem 4.544rem 3rem 4.544rem;
  }
  /* line 5595, ../scss/screen.scss */
  .footergrid .footerlogo img {
    width: 450px;
    width: 45rem;
  }
}

@media (max-width: 63.9375em) {
  /* line 5604, ../scss/screen.scss */
  .footercontainer > .footergrid {
    width: auto;
    margin: 0 auto;
    padding: 3.5rem 5%;
    max-width: 69.9rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .footercontainer > .footergrid:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 5611, ../scss/screen.scss */
  .footercontainer > .footergrid > .infoblock {
    display: none;
  }
  /* line 5615, ../scss/screen.scss */
  .footercontainer > .footergrid > .infoblock.last {
    display: block;
    float: none;
    width: auto;
    max-width: 50%;
    margin: 0;
    padding: 0;
    border-top: none;
  }
  /* line 5625, ../scss/screen.scss */
  .footercontainer > .footergrid > .logosandtools, .footercontainer > .footergrid > .cranddisc {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  /* line 5633, ../scss/screen.scss */
  .footercontainer > .footergrid {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, ../../../../../../../../usr/local/lib/ruby/gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .footercontainer > .footergrid:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 5636, ../scss/screen.scss */
  .footercontainer > .footergrid > .infoblock.last {
    max-width: none;
  }
}
/*
 * images, objects
 */
/* line 5646, ../scss/screen.scss */
img.logo {
  width: 100%;
  height: auto !important;
  max-width: 400px;
}

/* line 5652, ../scss/screen.scss */
img.logobig {
  width: 100%;
  height: auto !important;
  max-width: 450px;
}

/* line 5658, ../scss/screen.scss */
object.sc {
  position: relative;
  top: 0.25rem;
}

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* CUSTOM
  ================================================== */
/* line 5676, ../scss/screen.scss */
.slider-wrap {
  padding: 0;
}

/* line 5683, ../scss/screen.scss */
#slider {
  overflow: hidden;
}

/* line 5690, ../scss/screen.scss */
#slider img,
#slider div {
  display: none;
}

/* CONTAINER
   ================================================== */
/* line 5698, ../scss/screen.scss */
div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

/* line 5704, ../scss/screen.scss */
div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
}

/* line 5711, ../scss/screen.scss */
div.orbit > img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* line 5718, ../scss/screen.scss */
div.orbit > a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none;
}

/* line 5727, ../scss/screen.scss */
.orbit > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
   ================================================== */
/* line 5740, ../scss/screen.scss */
div.timer {
  display: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001;
}

/* line 5753, ../scss/screen.scss */
span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(../images/slider/rotator-black.png) no-repeat;
  z-index: 3;
}

/* line 5764, ../scss/screen.scss */
span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}

/* line 5775, ../scss/screen.scss */
span.rotator.move {
  left: 0;
}

/* line 5779, ../scss/screen.scss */
span.mask.move {
  width: 40px;
  left: 0;
  background: url(../images/slider/timer-black.png) repeat 0 0;
}

/* line 5785, ../scss/screen.scss */
span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/slider/pause-black.png) no-repeat;
  z-index: 4;
  opacity: 0;
}

/* line 5797, ../scss/screen.scss */
span.pause.active {
  background: url(../images/slider/pause-black.png) no-repeat 0 -40px;
}

/* line 5801, ../scss/screen.scss */
div.timer:hover span.pause,
span.pause.active {
  opacity: 1;
}

/* CAPTIONS
   ================================================== */
/* line 5809, ../scss/screen.scss */
.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}

/* line 5814, ../scss/screen.scss */
.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* DIRECTIONAL NAV
   ================================================== */
/* line 5831, ../scss/screen.scss */
div.slider-nav {
  display: block;
}

/* line 5835, ../scss/screen.scss */
div.slider-nav span {
  position: absolute;
  z-index: 8;
  top: 50%;
  height: 58px;
  height: 5.8rem;
  width: 24px;
  width: 2.4rem;
  margin-top: -30px;
  margin-top: -3rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  text-align: center;
  background-color: #E6E5DE;
  color: #646464;
  cursor: pointer;
  padding: 0 !important;
}
/* line 5850, ../scss/screen.scss */
div.slider-nav span i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-top: 2.5rem;
}
/* line 5854, ../scss/screen.scss */
div.slider-nav span:hover {
  background-color: #1863B3;
  color: #FFFFFF;
}

/* line 5860, ../scss/screen.scss */
div.slider-nav span.right {
  right: 0;
}

/* line 5864, ../scss/screen.scss */
div.slider-nav span.left {
  left: 0;
}

/* BULLET NAV
   ================================================== */
/* line 5871, ../scss/screen.scss */
ul.orbit-bullets {
  position: absolute;
  z-index: 8;
  list-style: none;
  bottom: -40px;
  left: 40%;
  margin: 0;
  padding: 0;
}

/* line 5881, ../scss/screen.scss */
ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(../images/bullets.png) no-repeat;
  width: 15px;
  height: 15px;
  border: none;
  min-height: inherit;
  padding: 0;
  overflow: hidden;
}

/* line 5896, ../scss/screen.scss */
ul.orbit-bullets li:hover {
  background: transparent url(../images/sprite.png) -411px -2px no-repeat;
}

/* line 5900, ../scss/screen.scss */
.orbit-bullets li.active {
  color: #222;
  background-position: -15px 0;
}

/* line 5905, ../scss/screen.scss */
.orbit-bullets li.active:hover {
  background: transparent url(../images/sprite.png) -390px -2px no-repeat;
}

/* line 5909, ../scss/screen.scss */
.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

/* line 5915, ../scss/screen.scss */
.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}

/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
/* line 5932, ../scss/screen.scss */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

/* line 5938, ../scss/screen.scss */
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */
}

/* line 5947, ../scss/screen.scss */
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
  outline: 0;
}

/* line 5951, ../scss/screen.scss */
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0;
}

/* line 5956, ../scss/screen.scss */
.highContrastDetect {
  width: 0px;
  height: 0px;
}

/* Input & Textarea */
/* line 5963, ../scss/screen.scss */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 9px;
  padding: 0.9rem;
  outline: 0;
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
/* line 5978, ../scss/screen.scss */
div.checker input,
input[type="search"],
input[type="search"]:active,
input[type="text"],
input[type="email"],
input.hasDatepicker {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/* Select */
/* line 5991, ../scss/screen.scss */
div.selector {
  border: solid 1px #ededed;
  background-image: none;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
}
/* line 5993, ../scss/screen.scss */
div.selector.error {
  border-color: #FF0000;
}

/* line 6005, ../scss/screen.scss */
div.selector span {
  background-image: none;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  width: 100%;
  display: block;
}

/* line 6020, ../scss/screen.scss */
div.selector.fixedWidth {
  width: 190px;
}

/* line 6024, ../scss/screen.scss */
div.selector.fixedWidth span {
  width: 155px;
}

/* line 6028, ../scss/screen.scss */
div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 40px;
  top: -1px;
  left: -1px;
}

/* line 6040, ../scss/screen.scss */
div.selector.active {
  background-position: 0 -156px;
}

/* line 6044, ../scss/screen.scss */
div.selector.active span {
  background-position: right -26px;
}

/* line 6048, ../scss/screen.scss */
div.selector.hover, div.selector.focus {
  background-position: 0 -182px;
}

/* line 6052, ../scss/screen.scss */
div.selector.hover span, div.selector.focus span {
  background-position: right -52px;
}

/* line 6056, ../scss/screen.scss */
div.selector.hover.active, div.selector.focus.active {
  background-position: 0 -208px;
}

/* line 6060, ../scss/screen.scss */
div.selector.hover.active span, div.selector.focus.active span {
  background-position: right -78px;
}

/* line 6064, ../scss/screen.scss */
div.selector.disabled, div.selector.disabled.active {
  background-position: 0 -234px;
}

/* line 6068, ../scss/screen.scss */
div.selector.disabled span, div.selector.disabled.active span {
  background-position: right -104px;
}

/* Checkbox */
/* line 6073, ../scss/screen.scss */
div.checker {
  position: relative;
}

/* line 6077, ../scss/screen.scss */
div.checker, div.checker span, div.checker input {
  width: 19px;
  height: 19px;
}

/* line 6082, ../scss/screen.scss */
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -260px;
}

/* line 6091, ../scss/screen.scss */
div.checker span.checked {
  background-position: -76px -260px;
}

/* line 6095, ../scss/screen.scss */
div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/* line 6107, ../scss/screen.scss */
div.checker.active span {
  background-position: -19px -260px;
}

/* line 6111, ../scss/screen.scss */
div.checker.active span.checked {
  background-position: -95px -260px;
}

/* line 6115, ../scss/screen.scss */
div.checker.hover span, div.checker.focus span {
  background-position: -38px -260px;
}

/* line 6119, ../scss/screen.scss */
div.checker.hover span.checked, div.checker.focus span.checked {
  background-position: -114px -260px;
}

/* line 6123, ../scss/screen.scss */
div.checker.hover.active span, div.checker.focus.active span {
  background-position: -57px -260px;
}

/* line 6127, ../scss/screen.scss */
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
  background-position: -133px -260px;
}

/* line 6131, ../scss/screen.scss */
div.checker.disabled, div.checker.disabled.active {
  background-position: -152px -260px;
}

/* line 6135, ../scss/screen.scss */
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */
/* line 6140, ../scss/screen.scss */
div.radio {
  position: relative;
}

/* line 6144, ../scss/screen.scss */
div.radio, div.radio span, div.radio input {
  width: 18px;
  height: 18px;
}

/* line 6149, ../scss/screen.scss */
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -279px;
}

/* line 6158, ../scss/screen.scss */
div.radio span.checked {
  background-position: -72px -279px;
}

/* line 6162, ../scss/screen.scss */
div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}

/* line 6175, ../scss/screen.scss */
div.radio.active span {
  background-position: -18px -18px -279px;
}

/* line 6179, ../scss/screen.scss */
div.radio.active span.checked {
  background-position: -90px -279px;
}

/* line 6183, ../scss/screen.scss */
div.radio.hover span, div.radio.focus span {
  background-position: -36px -36px -279px;
}

/* line 6187, ../scss/screen.scss */
div.radio.hover span.checked, div.radio.focus span.checked {
  background-position: -108px -279px;
}

/* line 6191, ../scss/screen.scss */
div.radio.hover.active span, div.radio.focus.active span {
  background-position: -54px -279px;
}

/* line 6195, ../scss/screen.scss */
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
  background-position: -126px -279px;
}

/* line 6199, ../scss/screen.scss */
div.radio.disabled span, div.radio.disabled.active span {
  background-position: -144px -279px;
}

/* line 6203, ../scss/screen.scss */
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */
/* line 6208, ../scss/screen.scss */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* line 6217, ../scss/screen.scss */
div.uploader span.action {
  background-position: right -409px;
  height: 28px;
  line-height: 28px;
  width: 82px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}

/* line 6229, ../scss/screen.scss */
div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 24px;
  margin: 2px 0 2px 2px;
  line-height: 24px;
  width: 85px;
  padding: 0 10px;
}

/* line 6243, ../scss/screen.scss */
div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%;
}

/* line 6258, ../scss/screen.scss */
div.uploader.active span.action {
  background-position: right -465px;
}

/* line 6262, ../scss/screen.scss */
div.uploader.hover, div.uploader.focus {
  background-position: 0 -353px;
}

/* line 6266, ../scss/screen.scss */
div.uploader.hover span.action, div.uploader.focus span.action {
  background-position: right -437px;
}

/* line 6270, ../scss/screen.scss */
div.uploader.hover.active span.action, div.uploader.focus.active span.action {
  background-position: right -493px;
}

/* line 6274, ../scss/screen.scss */
div.uploader.disabled, div.uploader.disabled.active {
  background-position: 0 -325px;
}

/* line 6278, ../scss/screen.scss */
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  background-position: right -381px;
}

/* Buttons */
/* line 6283, ../scss/screen.scss */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */
}

/* line 6291, ../scss/screen.scss */
div.button a, div.button button, div.button input {
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

/* line 6303, ../scss/screen.scss */
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 22px;
  text-align: center;
  background-position: right -521px;
  height: 22px;
  margin-left: 13px;
  padding: 8px 15px 0 2px;
}

/* line 6316, ../scss/screen.scss */
div.button.active {
  background-position: 0 -671px;
}

/* line 6320, ../scss/screen.scss */
div.button.active span {
  background-position: right -551px;
  cursor: default;
}

/* line 6325, ../scss/screen.scss */
div.button.hover, div.button.focus {
  background-position: 0 -701px;
}

/* line 6329, ../scss/screen.scss */
div.button.hover span, div.button.focus span {
  background-position: right -581px;
}

/* line 6333, ../scss/screen.scss */
div.button.disabled, div.button.disabled.active {
  background-position: 0 -731px;
}

/* line 6337, ../scss/screen.scss */
div.button.disabled span, div.button.disabled.active span {
  background-position: right -611px;
  cursor: default;
}

/* INPUT & TEXTAREA */
/* line 6343, ../scss/screen.scss */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  color: #4f4f4f;
  border: solid 1px #ededed;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: normal;
}
/* line 6352, ../scss/screen.scss */
input.uniform-input:hover, input.uniform-input:focus,
select.uniform-multiselect:hover,
select.uniform-multiselect:focus,
textarea.uniform:hover,
textarea.uniform:focus {
  border-color: #4f4f4f;
}
/* line 6355, ../scss/screen.scss */
input.uniform-input.error,
select.uniform-multiselect.error,
textarea.uniform.error {
  border-color: #FF0000;
}

/* PRESENTATION */
/* Buttons */
/* line 6362, ../scss/screen.scss */
div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 6370, ../scss/screen.scss */
div.button.hover span, div.button.focus span {
  color: #555;
}

/* line 6374, ../scss/screen.scss */
div.button.disabled span, div.button.disabled.active span {
  color: #bbb;
}

/* Select */
/* line 6379, ../scss/screen.scss */
div.selector {
  color: #4f4f4f;
  border: solid 1px #ededed;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
}
/* line 6385, ../scss/screen.scss */
div.selector:hover, div.selector:focus {
  border-color: #4f4f4f;
}
/* line 6388, ../scss/screen.scss */
div.selector.error {
  border-color: #FF0000;
}

/* line 6393, ../scss/screen.scss */
div.selector span {
  color: #4f4f4f;
}

/* line 6398, ../scss/screen.scss */
div.selector select {
  color: #4f4f4f;
  font-family: 'MarkWebPro-Light', sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 40px;
  line-height: 4rem;
}
/* line 6403, ../scss/screen.scss */
div.selector select option {
  padding: 9px;
  padding: 0.9rem;
}
/* line 6405, ../scss/screen.scss */
div.selector select option.light {
  color: #CCCCCC;
}

/* line 6412, ../scss/screen.scss */
div.select p {
  position: relative;
}
/* line 6415, ../scss/screen.scss */
div.select span.chevron {
  position: absolute;
  right: 15px;
  right: 1.5rem;
  top: 13px;
  top: 1.3rem;
  cursor: pointer;
  z-index: 0;
}

/* line 6426, ../scss/screen.scss */
div.selector .dropdown {
  z-index: 1;
  cursor: pointer;
}

/* line 6432, ../scss/screen.scss */
div.selector.disabled span,
div.selector.disabled.active span {
  color: #ededed;
}

/* Checker */
/* line 6438, ../scss/screen.scss */
div.checker {
  margin-right: 5px;
}

/* Radio */
/* line 6443, ../scss/screen.scss */
div.radio {
  margin-right: 3px;
}

/* Uploader */
/* line 6448, ../scss/screen.scss */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

/* line 6455, ../scss/screen.scss */
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px;
}

/* line 6461, ../scss/screen.scss */
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa;
}

/* line 6465, ../scss/screen.scss */
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa;
}

/* line 6470, ../scss/screen.scss */
input.uniform-input, input.uniform-input:focus {
  background-color: #fff;
}

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 */
/* ====================================================================================================================
 * jQuery FlexSliderRESETS
 * ====================================================================================================================*/
/* line 6482, ../scss/screen.scss */
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

/* line 6489, ../scss/screen.scss */
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 6498, ../scss/screen.scss */
.news-flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 6509, ../scss/screen.scss */
.loading.news-flex-viewport {
  max-height: 300px;
}

/* line 6514, ../scss/screen.scss */
.specials-slider-navigation {
  margin-right: 9.5%;
}
@media (max-width: 63.9375em) {
  /* line 6514, ../scss/screen.scss */
  .specials-slider-navigation {
    visibility: hidden;
  }
}

/* line 6522, ../scss/screen.scss */
.tipps-slider-navigation, .news-flex-navigation {
  margin-right: 3.185%;
}
@media (max-width: 33.6875em) {
  /* line 6522, ../scss/screen.scss */
  .tipps-slider-navigation, .news-flex-navigation {
    display: none;
  }
}

@media (max-width: 33.6875em) {
  /* line 6530, ../scss/screen.scss */
  .tipps-slider .header .left h2 span {
    display: none;
  }
}
/* line 6538, ../scss/screen.scss */
.specials-slider-navigation .specials-slider-prev,
.specials-slider-navigation .specials-slider-next,
.specials-slider-navigation .tipps-slider-prev,
.specials-slider-navigation .tipps-slider-next,
.specials-slider-navigation .news-flex-prev,
.specials-slider-navigation .news-flex-next,
.tipps-slider-navigation .specials-slider-prev,
.tipps-slider-navigation .specials-slider-next,
.tipps-slider-navigation .tipps-slider-prev,
.tipps-slider-navigation .tipps-slider-next,
.tipps-slider-navigation .news-flex-prev,
.tipps-slider-navigation .news-flex-next,
.news-flex-navigation .specials-slider-prev,
.news-flex-navigation .specials-slider-next,
.news-flex-navigation .tipps-slider-prev,
.news-flex-navigation .tipps-slider-next,
.news-flex-navigation .news-flex-prev,
.news-flex-navigation .news-flex-next {
  color: #333333;
  border: 3px solid #e5e4de;
  border-radius: 20px;
  border-radius: 2rem;
  margin-left: 5px;
  margin-left: 0.5rem;
  width: 26px;
  width: 2.6rem;
  display: inline-block;
  text-align: center;
}
/* line 6551, ../scss/screen.scss */
.specials-slider-navigation .specials-slider-prev i,
.specials-slider-navigation .specials-slider-next i,
.specials-slider-navigation .tipps-slider-prev i,
.specials-slider-navigation .tipps-slider-next i,
.specials-slider-navigation .news-flex-prev i,
.specials-slider-navigation .news-flex-next i,
.tipps-slider-navigation .specials-slider-prev i,
.tipps-slider-navigation .specials-slider-next i,
.tipps-slider-navigation .tipps-slider-prev i,
.tipps-slider-navigation .tipps-slider-next i,
.tipps-slider-navigation .news-flex-prev i,
.tipps-slider-navigation .news-flex-next i,
.news-flex-navigation .specials-slider-prev i,
.news-flex-navigation .specials-slider-next i,
.news-flex-navigation .tipps-slider-prev i,
.news-flex-navigation .tipps-slider-next i,
.news-flex-navigation .news-flex-prev i,
.news-flex-navigation .news-flex-next i {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2rem;
}
/* line 6555, ../scss/screen.scss */
.specials-slider-navigation .specials-slider-prev:hover,
.specials-slider-navigation .specials-slider-next:hover,
.specials-slider-navigation .tipps-slider-prev:hover,
.specials-slider-navigation .tipps-slider-next:hover,
.specials-slider-navigation .news-flex-prev:hover,
.specials-slider-navigation .news-flex-next:hover,
.tipps-slider-navigation .specials-slider-prev:hover,
.tipps-slider-navigation .specials-slider-next:hover,
.tipps-slider-navigation .tipps-slider-prev:hover,
.tipps-slider-navigation .tipps-slider-next:hover,
.tipps-slider-navigation .news-flex-prev:hover,
.tipps-slider-navigation .news-flex-next:hover,
.news-flex-navigation .specials-slider-prev:hover,
.news-flex-navigation .specials-slider-next:hover,
.news-flex-navigation .tipps-slider-prev:hover,
.news-flex-navigation .tipps-slider-next:hover,
.news-flex-navigation .news-flex-prev:hover,
.news-flex-navigation .news-flex-next:hover {
  border-color: #333333;
  text-decoration: none;
}
/* line 6559, ../scss/screen.scss */
.specials-slider-navigation .specials-slider-prev:visited,
.specials-slider-navigation .specials-slider-next:visited,
.specials-slider-navigation .tipps-slider-prev:visited,
.specials-slider-navigation .tipps-slider-next:visited,
.specials-slider-navigation .news-flex-prev:visited,
.specials-slider-navigation .news-flex-next:visited,
.tipps-slider-navigation .specials-slider-prev:visited,
.tipps-slider-navigation .specials-slider-next:visited,
.tipps-slider-navigation .tipps-slider-prev:visited,
.tipps-slider-navigation .tipps-slider-next:visited,
.tipps-slider-navigation .news-flex-prev:visited,
.tipps-slider-navigation .news-flex-next:visited,
.news-flex-navigation .specials-slider-prev:visited,
.news-flex-navigation .specials-slider-next:visited,
.news-flex-navigation .tipps-slider-prev:visited,
.news-flex-navigation .tipps-slider-next:visited,
.news-flex-navigation .news-flex-prev:visited,
.news-flex-navigation .news-flex-next:visited {
  text-decoration: none;
}
/* line 6562, ../scss/screen.scss */
.specials-slider-navigation .specials-slider-prev.disabled,
.specials-slider-navigation .specials-slider-next.disabled,
.specials-slider-navigation .tipps-slider-prev.disabled,
.specials-slider-navigation .tipps-slider-next.disabled,
.specials-slider-navigation .news-flex-prev.disabled,
.specials-slider-navigation .news-flex-next.disabled,
.tipps-slider-navigation .specials-slider-prev.disabled,
.tipps-slider-navigation .specials-slider-next.disabled,
.tipps-slider-navigation .tipps-slider-prev.disabled,
.tipps-slider-navigation .tipps-slider-next.disabled,
.tipps-slider-navigation .news-flex-prev.disabled,
.tipps-slider-navigation .news-flex-next.disabled,
.news-flex-navigation .specials-slider-prev.disabled,
.news-flex-navigation .specials-slider-next.disabled,
.news-flex-navigation .tipps-slider-prev.disabled,
.news-flex-navigation .tipps-slider-next.disabled,
.news-flex-navigation .news-flex-prev.disabled,
.news-flex-navigation .news-flex-next.disabled {
  color: #e5e4de;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 47.9375em) {
  /* line 6569, ../scss/screen.scss */
  .specials-slider-navigation .specials-slider-prev, .specials-slider-navigation .specials-slider-next,
  .tipps-slider-navigation .specials-slider-prev,
  .tipps-slider-navigation .specials-slider-next,
  .news-flex-navigation .specials-slider-prev,
  .news-flex-navigation .specials-slider-next {
    visibility: hidden;
  }
}

/* line 6575, ../scss/screen.scss */
.medium-scr-only {
  display: none;
}
@media (max-width: 63.9375em) {
  /* line 6575, ../scss/screen.scss */
  .medium-scr-only {
    display: block;
  }
}
@media (max-width: 33.6875em) {
  /* line 6575, ../scss/screen.scss */
  .medium-scr-only {
    padding-top: 20px;
    padding-top: 2rem;
  }
}

/* line 6586, ../scss/screen.scss */
.field-wrapper {
  display: inline-block;
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  margin-right: 40px;
  margin-right: 4rem;
}
/* line 6592, ../scss/screen.scss */
.field-wrapper.field-wrapper-place {
  margin-right: 10px;
  margin-right: 1rem;
}
/* line 6595, ../scss/screen.scss */
.field-wrapper.field-wrapper-gastro, .field-wrapper.field-wrapper-hotel {
  margin-right: 0;
}
@media (max-width: 63.9375em) {
  /* line 6600, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance {
    display: block;
    margin-top: 0;
  }
  /* line 6604, ../scss/screen.scss */
  .field-wrapper.field-wrapper-capacity {
    margin-top: 0;
  }
  /* line 6609, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance .filter-label, .field-wrapper.field-wrapper-capacity .filter-label {
    width: 140px;
    width: 14rem;
  }
  /* line 6611, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance .filter-label.never-fixed-width, .field-wrapper.field-wrapper-capacity .filter-label.never-fixed-width {
    width: auto;
  }
  /* line 6616, ../scss/screen.scss */
  .field-wrapper.field-wrapper-room-type {
    margin-right: 0;
      /*.filter-label-wide{
        @include rem-fallback(width, 14);

      }*/
  }
  /* line 6623, ../scss/screen.scss */
  .field-wrapper.field-wrapper-extras {
    margin-right: 0;
  }
  /* line 6626, ../scss/screen.scss */
  .field-wrapper .field-inner-wrapper {
    display: inline-block;
    width: 390px;
    width: 39rem;
    vertical-align: top;
  }
  /* line 6630, ../scss/screen.scss */
  .field-wrapper .field-inner-wrapper .checkbox-with-label {
    display: inline-block;
  }
}
@media (max-width: 47.9375em) {
  /* line 6638, ../scss/screen.scss */
  .field-wrapper.field-wrapper-capacity {
    margin-top: 10px;
    margin-top: 1rem;
  }
  /* line 6641, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance {
    margin-bottom: 0;
  }
  /* line 6645, ../scss/screen.scss */
  .field-wrapper .field-inner-wrapper {
    margin-top: 10px;
    margin-top: 1rem;
  }
  /* line 6649, ../scss/screen.scss */
  .field-wrapper.field-wrapper-room-type {
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  /* line 6653, ../scss/screen.scss */
  .field-wrapper.field-wrapper-gastro {
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
  }
  /* line 6657, ../scss/screen.scss */
  .field-wrapper.field-wrapper-hotel {
    margin-top: 20px;
    margin-top: 2rem;
  }
}
@media (max-width: 33.6875em) {
  /* line 6662, ../scss/screen.scss */
  .field-wrapper .field-inner-wrapper {
    width: auto;
  }
  /* line 6665, ../scss/screen.scss */
  .field-wrapper.field-wrapper-place {
    margin-top: 0;
  }
  /* line 6667, ../scss/screen.scss */
  .field-wrapper.field-wrapper-place .filter-label {
    margin-top: 10px;
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  /* line 6672, ../scss/screen.scss */
  .field-wrapper.field-wrapper-hotel {
    margin-top: 20px;
    margin-top: 2rem;
  }
  /* line 6674, ../scss/screen.scss */
  .field-wrapper.field-wrapper-hotel .field-inner-wrapper {
    display: block;
    margin-top: 5px;
    margin-top: 0.5rem;
  }
  /* line 6680, ../scss/screen.scss */
  .field-wrapper .filter-label.filter-label-wide {
    width: auto;
  }
  /* line 6685, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance .filter-label, .field-wrapper.field-wrapper-capacity .filter-label {
    width: 100%;
    margin-top: 5px;
    margin-top: 0.5rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  /* line 6689, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance .filter-label.never-fixed-width, .field-wrapper.field-wrapper-capacity .filter-label.never-fixed-width {
    width: auto;
  }
  /* line 6694, ../scss/screen.scss */
  .field-wrapper.field-wrapper-distance {
    margin-top: 10px;
    margin-top: 1rem;
  }
  /* line 6698, ../scss/screen.scss */
  .field-wrapper.field-wrapper-capacity {
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}

@media (max-width: 33.6875em) {
  /* line 6707, ../scss/screen.scss */
  .hide-on-mobile {
    display: none;
  }
}